Tienda

.pf-tienda-inferior,
.pf-tienda-inferior * {
box-sizing: border-box;
}
.pf-tienda-inferior {
width: 100%;
padding: 55px 25px 70px;
overflow: hidden;
background: #ffffff;
font-family: “Montserrat”, Arial, sans-serif;
}
.pf-tienda-inferior__contenedor {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
/* PRESUPUESTO */
.pf-tienda__cta {
width: 100%;
min-height: 115px;
padding: 25px 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
border-radius: 8px;
background: linear-gradient(100deg, #ff6900, #ff861f);
color: #ffffff;
}
.pf-tienda__cta-contenido {
display: flex;
align-items: center;
gap: 20px;
}
.pf-tienda__cta-icono {
width: 62px;
height: 62px;
flex: 0 0 62px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #ffffff;
color: #ff6900;
}
/* Esta parte corrige el SVG gigante */
.pf-tienda__cta-icono svg {
display: block;
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.pf-tienda__cta h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
}
.pf-tienda__cta p {
margin: 0;
color: rgba(255, 255, 255, 0.92);
font-size: 14px;
line-height: 1.5;
}
.pf-tienda__cta-boton {
min-width: 235px;
min-height: 52px;
padding: 0 25px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border-radius: 5px;
background: #111111;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: 0.25s ease;
}
.pf-tienda__cta-boton:hover {
transform: translateY(-2px);
background: #142a3d;
color: #ffffff;
}
/* BENEFICIOS */
.pf-tienda__beneficios {
width: 100%;
margin-top: 25px;
padding: 28px 20px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid #eeeeee;
border-radius: 8px;
background: #fafafa;
}
.pf-tienda__beneficio {
min-width: 0;
padding: 5px 24px;
display: flex;
align-items: center;
gap: 15px;
border-right: 1px solid #dddddd;
}
.pf-tienda__beneficio:last-child {
border-right: 0;
}
.pf-tienda__beneficio svg {
display: block;
width: 38px !important;
height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
flex: 0 0 38px;
fill: none !important;
stroke: #ff6900 !important;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.pf-tienda__beneficio h3 {
margin: 0 0 4px;
color: #142a3d;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
.pf-tienda__beneficio p {
margin: 0;
color: #666666;
font-size: 12px;
line-height: 1.45;
}
/* PREGUNTAS */
.pf-tienda__faq {
padding-top: 50px;
}
.pf-tienda__faq-titulo {
margin: 0 0 22px;
color: #142a3d;
font-size: 28px;
font-weight: 700;
}
.pf-tienda__faq-lista {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px 20px;
}
.pf-tienda__pregunta {
overflow: hidden;
border: 1px solid #e5e5e5;
border-radius: 6px;
background: #ffffff;
}
.pf-tienda__pregunta summary {
position: relative;
min-height: 56px;
padding: 15px 48px 15px 18px;
display: flex;
align-items: center;
color: #222222;
font-size: 14px;
font-weight: 600;
cursor: pointer;
list-style: none;
}
.pf-tienda__pregunta summary::-webkit-details-marker {
display: none;
}
.pf-tienda__pregunta summary::after {
content: “+”;
position: absolute;
right: 18px;
color: #ff6900;
font-size: 22px;
font-weight: 400;
}
.pf-tienda__pregunta[open] summary::after {
content: “−”;
}
.pf-tienda__respuesta {
padding: 0 18px 18px;
color: #666666;
font-size: 13px;
line-height: 1.65;
}
/* TABLET */
@media (max-width: 1024px) {
.pf-tienda__beneficios {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px 0;
}
.pf-tienda__beneficio:nth-child(2) {
border-right: 0;
}
}
/* CELULAR */
@media (max-width: 767px) {
.pf-tienda-inferior {
padding: 40px 18px 55px;
}
.pf-tienda__cta {
padding: 28px 22px;
align-items: flex-start;
flex-direction: column;
}
.pf-tienda__cta h2 {
font-size: 21px;
}
.pf-tienda__cta-boton {
width: 100%;
min-width: 0;
}
.pf-tienda__beneficios {
grid-template-columns: 1fr;
}
.pf-tienda__beneficio,
.pf-tienda__beneficio:nth-child(2) {
padding: 15px 5px;
border-right: 0;
border-bottom: 1px solid #dddddd;
}
.pf-tienda__beneficio:last-child {
border-bottom: 0;
}
.pf-tienda__faq-lista {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.pf-tienda-inferior {
padding-left: 15px;
padding-right: 15px;
}
.pf-tienda__cta-contenido {
align-items: flex-start;
flex-direction: column;
}
.pf-tienda__cta-icono {
width: 55px;
height: 55px;
flex-basis: 55px;
}
}