/* Shared responsive navigation and touch controls. */
.seo-header{position:relative;z-index:200}
.seo-menu{display:none}
.seo-menu summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid #e8e8e3;border-radius:12px;background:white;font-size:14px;font-weight:600;color:#0a0a0a}
.seo-menu summary::-webkit-details-marker{display:none}
.seo-menu[open] summary{color:#0066ff;border-color:#0066ff}
.seo-brand,.seo-header>.seo-nav a{min-height:44px;display:inline-flex;align-items:center}
.seo-footer a{display:inline-flex;align-items:center;min-height:44px}
.cta-whatsapp{text-decoration:none;color:#092c14;min-height:56px;height:auto;padding:12px 16px;line-height:1.4;text-align:center}
.cta-whatsapp svg{flex:0 0 22px}
.sticky-bar .cta-whatsapp{min-height:52px;height:auto}
.sticky-bar .cta-call{text-decoration:none;gap:7px}
.calc-inputs input{font-size:16px;min-height:48px}
.calc-inputs label{min-width:0}
.brand-chip{min-height:44px}
.result-amount{flex-wrap:wrap}
#resultNumber{min-width:0;overflow-wrap:anywhere}
#costBreakdown{font-size:14px;line-height:1.6;color:#525252;margin-top:14px}
.calc-settings summary,.calc-method summary{min-height:44px;display:flex;align-items:center}
.calc-settings summary::before,.calc-method summary::before{content:'＋';margin-right:8px}
.calc-settings[open] summary::before,.calc-method[open] summary::before{content:'−'}
.calc-inputs{position:relative;z-index:1}
.faq-trigger{min-height:52px}
html{scroll-padding-top:20px;scroll-padding-bottom:100px}
.hero{min-height:90svh}
.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.button{max-width:100%;overflow-wrap:break-word}
@media(max-width:600px){
 .seo-header{padding:12px 16px;gap:12px;flex-wrap:nowrap;align-items:center}
 .seo-brand{font-size:18px;gap:8px;min-width:0;white-space:normal;line-height:1.2}
 .seo-dot{flex:0 0 10px}
 .seo-header>.seo-nav{display:none}
 .seo-menu{display:block;flex:0 0 auto}
 .seo-menu .seo-nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);z-index:300;background:#fff;border:1px solid #e8e8e3;border-radius:16px;padding:12px;box-shadow:0 10px 30px #00000015;display:grid;grid-template-columns:1fr;gap:0}
 .seo-menu .seo-nav a{padding:12px;min-height:48px;font-size:16px;text-decoration:none;color:#0a0a0a;border-radius:8px}
 .seo-menu .seo-nav a:hover{background:#e8f0ff;color:#0066ff}
 .seo-footer .seo-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
 .seo-guides .card{min-width:0}
 .seo-guides .card h3,.seo-main h1,.seo-main h2{overflow-wrap:break-word}
 .hero{padding-bottom:32px}
 .hero-image{will-change:auto;transform:none!important}
 .calc-card{padding:24px}
 .calc-inputs{grid-template-columns:1fr;gap:16px}
 .calc-inputs label:last-child{grid-column:auto}
 .result-amount{font-size:clamp(36px,11vw,56px)}
 .result-amount .currency{font-size:28px}
 .result-period{margin-left:0}
 .seo-main .hero-actions .button{width:100%}
 .seo-main .price-box .new-price{font-size:clamp(48px,15vw,70px)}
 .seo-main .cta-panel{padding:26px 22px}
 .seo-main .table-wrap table{min-width:460px}
 .cta-whatsapp{font-size:15px}
 .sticky-bar{padding-left:16px;padding-right:16px}
 .sticky-bar.keyboard-active{transform:translateY(100%)}
}
@media(max-width:359px){.person-option{font-size:16px}.person-icon{font-size:14px;margin-right:2px}.people-stepper{gap:6px}.seo-guides{padding-left:16px;padding-right:16px}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero{min-height:0}.cta-whatsapp{animation:none!important}}

/* Installation image: original framing on all screen sizes. */
.service-photo{max-width:940px;margin:32px 0 44px}
.service-photo img{display:block;width:100%;height:auto;border-radius:24px;aspect-ratio:893/667;object-fit:contain}
.service-photo figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:#525252}
@media(max-width:600px){.service-photo{margin:24px 0 32px}.service-photo img{border-radius:18px}.service-photo figcaption{font-size:13px}}

.brand-assurance{max-width:760px;margin:26px 0;padding:22px 26px;border:1px solid #d7e5ff;border-radius:18px;background:#e8f0ff}.brand-assurance p{margin:6px 0}.brand-assurance strong{color:#0052cc}.brand-assurance .small{font-size:13px;color:#525252;line-height:1.6;margin-top:14px}.warranty-legal{font-size:13px!important;line-height:1.6!important}@media(max-width:600px){.brand-assurance{padding:20px}}

/* Limited osmotic equipment offer, separate from custom softener quotations. */
.offer-strip{display:flex;justify-content:center;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:12px 24px;background:#0a0a0a;color:#fff;font-size:14px;line-height:1.6;text-align:center}
.offer-strip a{color:#fff;font-weight:700;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.offer-stock{display:inline-block;max-width:100%;padding:10px 18px;border:1px solid #f4c38b;border-radius:14px;background:#fff2df;color:#7a3a00;font-weight:700;font-size:15px;line-height:1.6;margin:10px 0 24px}
.softener-intro{border-radius:24px;padding:clamp(24px,5vw,48px);background:#e8f0ff;margin:32px 0}
.softener-intro h2{margin-top:12px}.softener-intro p{max-width:680px}.softener-intro .button{margin-top:16px}
.cta-panel .small,.cta-panel .small a{color:#ddd}
@media(max-width:600px){.offer-strip{padding:10px 20px;gap:0;font-size:13px}.offer-strip span{width:100%}.offer-stock{font-size:14px}.softener-intro{border-radius:18px}}