/* Flujo de lectura y secciones sin recortes. */
html:has(body[data-page=inicio]){scroll-padding-top:calc(var(--site-header,80px) + 16px);scroll-snap-type:y proximity}
body[data-page=inicio] #main>section[id]{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;scroll-margin-top:0!important;padding:clamp(24px,4vh,40px) 28px!important;scroll-snap-align:start;opacity:1;translate:none}
body[data-page=inicio] #main>section+section{border-top:1px solid var(--line)}
body[data-page=inicio] #main>.hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body[data-page=inicio] .hero h1{font-size:clamp(28px,3vw,40px);line-height:1.1}
body[data-page=inicio] .hero-visual{padding:16px;min-width:0}
body[data-page=inicio] .spotlight-product img{height:90px}
body[data-page=inicio] .hero-products .spotlight-product{flex-basis:44%}
body[data-page=inicio] .section h2{font-size:clamp(25px,2.5vw,32px);line-height:1.15;margin:12px 0}
body[data-page=inicio] .how,body[data-page=inicio] .faq{align-items:center}
body[data-page=inicio] .contact-section{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
body[data-page=inicio] .contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body[data-page=inicio] .contact-card{padding:16px;min-width:0}
body[data-page=inicio] .contact-card p,body[data-page=inicio] .contact-card small{font-size:12px;line-height:1.5}
.scroll-assist,.back-top{display:none!important}
body[data-page=carritos] .household{max-width:1000px;margin:0 auto!important;border-radius:0;background:transparent}
body[data-page=carritos] .section-head{margin-bottom:16px}
#household-form{max-width:800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px!important;border:1px solid var(--line);border-radius:16px;background:white}
#household-form>.house-fields,#household-form>.purchase-selects,#household-form>.fresh-choice,#household-form>p,#household-form>button{grid-column:1/-1}
#household-form .house-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#household-form label{display:grid;gap:6px;font-size:13px}
#household-form select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #bdc9bd;border-radius:8px;background:white;color:var(--ink)}
#household-form .fresh-choice{display:flex;align-items:center}
#household-form>p{margin:0;line-height:1.5}
#household-form>details{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px}
#household-form>.house-fields:first-child{max-width:220px}
#household-form .floating-options{max-height:min(400px,60dvh);overflow:auto}
@media(max-width:760px){html:has(body[data-page=inicio]){scroll-snap-type:none}body[data-page=inicio] #main>section[id]{padding:24px 16px!important}body[data-page=inicio] .contact-section,body[data-page=inicio] .contact-cards{grid-template-columns:1fr}#household-form{padding:14px!important;gap:12px}#household-form .house-fields{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html:has(body[data-page=inicio]){scroll-snap-type:none}}

#house-proposal-dialog .house-product label{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}#house-proposal-dialog .house-product select{min-width:0;width:100%;padding:7px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px}#house-proposal-dialog .house-product select[data-house-quantity]{max-width:100px}

body[data-page=carritos] #main #household-form{max-width:800px;width:100%;margin:0 auto;grid-template-columns:1fr 1fr;gap:12px}
body[data-page=carritos] #main #household-form>.purchase-selects{width:100%;max-width:none;grid-template-columns:1fr 1fr}
body[data-page=carritos] #main #household-form select{max-width:none;width:100%}
body[data-page=carritos] #main .section-head h2{font-size:28px;line-height:1.1;margin:4px 0}
body[data-page=carritos] #main .section-head h2 br{display:none}
body[data-page=carritos] #main .section-head{margin-bottom:14px}
body[data-page=carritos] #main>.household{padding:20px 24px!important}
body[data-page=inicio] #main>.how .steps article{padding-block:12px;margin:0;gap:16px}
body[data-page=inicio] #main>.how .steps h3{font-size:16px;margin:0 0 6px}
body[data-page=inicio] #main>.how .steps p{font-size:13px;line-height:1.5;margin:0}

#house-proposal-dialog .house-product{align-content:start;min-height:min-content;height:max-content}
#house-proposal-dialog .house-product label{margin:0}
#house-proposal-dialog .house-product .text-link{margin:0;min-height:26px;padding:3px 0;text-align:left}
#house-proposal-dialog .house-product .product-comparison{margin:0;min-height:24px}
#house-proposal-dialog .proposal-heading{margin:0;padding:0;min-height:0;align-self:start}
#house-proposal-dialog #house-proposal{align-content:start;grid-template-rows:min-content min-content}

#house-proposal-dialog .house-products{grid-auto-rows:max-content}