/* Ajuste de conversión: menos neón, más producto y más aire entre decisiones. */
:root { --lime: #b7c77b; }

.why.section { padding-top: 92px; padding-bottom: 92px; border-bottom: 1px solid #c5cec6; }
.why-heading { display: grid; grid-template-columns: .75fr 2fr; gap: 34px; align-items: start; }
.why-copy { display: grid; gap: 16px; }
.why-copy p { max-width: 880px; margin: 0; color: #5c6b63; font-size: 18.7px; }
.why-reasons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 61px; }
.why-reason { min-height: 276px; padding: 23px 0 0; border-top: 1px solid #9fac9f; }
.why-reason > span { color: var(--orange); font: 500 13.2px var(--mono); letter-spacing: .08em; }
.why-reason h3 { max-width: 310px; margin: 55px 0 13px; font-size: clamp(27.5px, 2.45vw, 39.6px); line-height: .9; letter-spacing: -.07em; }
.why-reason p { max-width: 335px; margin: 0; color: #617169; font-size: 16.5px; }
.why-action { margin-top: 30px; }

.result { padding-top: 118px; padding-bottom: 125px; border-top: 1px solid #c5cec6; }
.result-heading { display: grid; grid-template-columns: .82fr 1.18fr; column-gap: 54px; align-items: end; padding: 0 0 42px; border-top: 0; }
.result-heading .section-label { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 28px; }
.result-heading h2 { grid-column: 2; margin-top: 0; }.result-heading > p:not(.section-label) { grid-column: 2; margin: 23px 0 0; max-width: 600px; color: #586860; font-size: 18.7px; }
.recommendation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.recommendation-card { min-height: 365px; display: flex; flex-direction: column; justify-content: space-between; padding: 31px; border: 1px solid #c2ccc4; background: #f8faf6; transition: transform .2s, box-shadow .2s; }
.recommendation-card, .product-card-link { color: inherit; text-decoration: none; cursor: pointer; }
.recommendation-card:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 #d5ded4; }.recommendation-card:nth-child(4n+2) { background: #e3e9df; }.recommendation-card:nth-child(4n+3) { background: #e7e4d8; }.recommendation-card:nth-child(4n) { background: #dce6e0; }
.product-card-link { transition: transform .2s, box-shadow .2s; }.product-card-link:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 #d5ded4; }
.recommendation-card.is-priority { border-top: 4px solid var(--orange); }.recommendation-top { display: flex; justify-content: space-between; align-items: start; color: #64746c; font: 500 13.2px var(--mono); letter-spacing: .06em; }.recommendation-top strong { color: #26342e; font-size: 24.2px; line-height: .8; }
.recommendation-card h3 { max-width: 440px; margin: 55px 0 12px; font-size: clamp(34.1px, 3.3vw, 52.8px); line-height: .88; letter-spacing: -.075em; }.recommendation-card p { max-width: 480px; margin: 0; color: #617169; font-size: 17.6px; }
.buy-link { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; padding-top: 17px; border-top: 1px solid #b8c4ba; color: #1a2823; font: 600 14.3px var(--mono); letter-spacing: .05em; }.buy-link span { color: var(--orange); font-size: 20.9px; }
.result-actions { justify-content: space-between; gap: 35px; margin-top: 28px; padding: 22px 24px; background: #17231f; }.result-disclosure { max-width: 620px; margin: 0; color: #bac7bf; font-size: 15.4px; }.result-actions .button { flex: none; }
.purchase-next { justify-content: flex-end; }
.planner-next-step { margin: 17px 0 0; color: #66776e; font-size: 14.3px; text-align: center; }
.kit-empty { min-height: 320px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; padding: 34px; border: 1px solid #c2ccc4; background: #e4eae3; }.kit-empty p { margin: 0 0 11px; color: #64746c; font: 500 13.2px var(--mono); letter-spacing: .07em; }.kit-empty h3 { max-width: 530px; margin: 0; font-size: clamp(30px, 3.3vw, 50px); line-height: .9; letter-spacing: -.075em; }.kit-empty .button { white-space: nowrap; }
@media (max-width: 850px) { .kit-empty { grid-template-columns: 1fr; gap: 25px; padding: 26px; }.kit-empty .button { width: 100%; } }

.essentials { max-width: 1430px; padding-top: 135px; padding-bottom: 145px; }.essential-heading > p { max-width: 420px; font-size: 18.7px; }.category-tabs { gap: 9px; margin-top: 62px; padding-bottom: 17px; }.category-tabs button { padding: 15px 17px; font-size: 14.3px; }.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 25px; background: transparent; }.product-card { min-height: 430px; padding: 34px; border: 1px solid #bdc8bf; }.product-card h3 { max-width: 420px; margin: 92px 0 14px; font-size: 47.3px; }.product-card p { max-width: 420px; font-size: 17.6px; }.product-meta { padding-top: 35px; }.product-meta span { font-size: 12.1px; }.product-link { font-size: 14.3px; }

@media (max-width: 850px) { .why.section { padding-top: 70px; padding-bottom: 70px; }.why-heading { display: block; }.why-copy { margin-top: 25px; }.why-copy p { font-size: 17.6px; }.why-reasons { grid-template-columns: 1fr; gap: 30px; margin-top: 48px; }.why-reason { min-height: 0; padding-top: 20px; }.why-reason h3 { margin-top: 38px; font-size: 35.2px; }.why-action { width: 100%; margin-top: 38px; }.result { padding-top: 82px; padding-bottom: 82px; }.result-heading { display: block; padding-bottom: 30px; }.result-heading .section-label { padding-top: 0; }.result-heading h2 { margin-top: 20px; }.result-heading > p:not(.section-label) { font-size: 17.6px; }.recommendation-grid, .product-grid { grid-template-columns: 1fr; }.recommendation-card { min-height: 335px; padding: 25px; }.recommendation-card h3 { margin-top: 43px; font-size: 39.6px; }.result-actions { display: block; padding: 22px; }.result-actions .button { width: 100%; margin-top: 22px; }.essentials { padding-top: 85px; padding-bottom: 90px; }.product-card { min-height: 370px; padding: 25px; }.product-card h3 { margin-top: 70px; font-size: 39.6px; } }

/* Contenido de referencia legible por personas y motores de búsqueda. */
.faq { max-width: 1430px; padding-top: 125px; padding-bottom: 125px; border-top: 1px solid #c5cec6; }
.faq-heading { display: grid; grid-template-columns: .82fr 1.18fr; column-gap: 54px; align-items: end; padding-bottom: 44px; }
.faq-heading .section-label { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 28px; }
.faq h2 { grid-column: 2; margin: 0; font-size: clamp(46.2px, 5.5vw, 82.5px); line-height: .84; letter-spacing: -.09em; }
.faq h2 em { color: var(--orange); font-style: normal; }
.faq-heading > p { grid-column: 2; max-width: 620px; margin: 23px 0 0; color: #586860; font-size: 18.7px; }
.faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.faq-item { min-height: 230px; padding: 30px; border: 1px solid #c2ccc4; background: #f8faf6; }
.faq-item:nth-child(4n + 2) { background: #e3e9df; }
.faq-item:nth-child(4n + 3) { background: #e7e4d8; }
.faq-item:nth-child(4n) { background: #dce6e0; }
.faq-item h3 { max-width: 500px; margin: 0 0 26px; font-size: clamp(25px, 2.3vw, 35px); line-height: .95; letter-spacing: -.06em; }
.faq-item p { max-width: 550px; margin: 0; color: #53635b; font-size: 17.6px; }
.faq-item a { color: #26342e; font-weight: 600; text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 3px; }

@media (max-width: 850px) { .faq { padding-top: 85px; padding-bottom: 85px; }.faq-heading { display: block; padding-bottom: 30px; }.faq-heading .section-label { padding-top: 0; }.faq h2 { margin-top: 20px; }.faq-heading > p { font-size: 17.6px; }.faq-list { grid-template-columns: 1fr; }.faq-item { min-height: 0; padding: 25px; }.faq-item h3 { font-size: 29px; } }