/* QUBOS · Catálogo de baños — estilos propios (sobre /catalogo/catalogo.css). Externo: la CSP no permite <style> en línea */
/* Línea baños: mismo sistema que el catálogo de juegos, acento teal (identidad Qubos v1.1: baños = teal) */
:root{--nar:#6C9497;--nar-osc:#4F7477;--teal-claro:#9EC0C2;--piz:#2F3C44}
.banda--solid{background:var(--piz)}
.origen{margin:0;font-size:clamp(16px,1.9vw,20px);font-weight:300;line-height:1.6;max-width:62ch;color:var(--ink)}
.banda--cierre>img{object-position:40% 50%}
.banda--der .banda__in .wrap{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.banda--der blockquote{max-width:14ch}
@media(max-width:640px){.banda--texto>img{height:auto;aspect-ratio:auto;min-height:520px}.banda--cierre>img{min-height:600px}.banda--texto>img{object-position:58% 50%}}
@media(max-width:640px){.banda--obra>img{object-position:30% 50%}.banda--cierre>img{object-position:72% 50%}}

/* Portada: alto proporcional a la imagen (1800×1000) y limitado al alto de la pantalla, para que en monitores anchos no se corten los módulos de abajo. Si hay que recortar, se recorta el fondo vacío de arriba. */
.banda--alta>picture>img{display:block;width:100%;height:max(620px,min(55.6vw,calc(100svh - 56px)));object-fit:cover;object-position:78% 85%}
@media(max-width:640px){.banda--alta>picture>img{height:auto;aspect-ratio:900/1400}}
.banda--solid .banda__in{position:relative;inset:auto;padding-block:clamp(40px,6vw,76px)}
.banda--solid .banda__in .wrap{display:block}
.eyebrow{color:var(--nar-osc)}
/* problemas */
.usos{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);margin-top:26px}
@media(max-width:720px){.usos{grid-template-columns:1fr}}
.uso{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px}
.uso .ic{width:42px;height:42px;border-radius:50%;background:var(--piz);display:flex;align-items:center;justify-content:center;flex:none}
.uso .ic svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uso h3{margin:2px 0 0;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.uso .prob{margin:0;font-size:14px;color:var(--ink-soft);font-weight:300;line-height:1.55}
.uso .sol{margin:0;font-size:14px;font-weight:400;line-height:1.55;padding-left:12px;border-left:3px solid var(--nar)}
.uso .mod{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--nar-osc);margin-top:auto;padding-top:6px}
/* fosa */
.fosa{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);margin-top:26px}
@media(max-width:720px){.fosa{grid-template-columns:1fr}}
.fosa>div{border-radius:4px;padding:24px}
.fosa .si{background:var(--panel);color:var(--on-panel)}
.fosa .no{background:var(--piz);color:#fff}
.fosa h3{margin:0 0 4px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff}
.fosa .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0 0 12px}
.fosa ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.fosa li{font-size:14px;font-weight:300;line-height:1.5;padding-left:16px;position:relative}
.fosa li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--nar)}
.servicios{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin-top:22px}
@media(max-width:720px){.servicios{grid-template-columns:1fr}}
.servicios div{border-top:2px solid var(--nar);padding-top:12px}
.servicios b{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.servicios span{font-size:13.5px;color:var(--ink-soft);font-weight:300;line-height:1.5}
/* comparación */
.vs{width:100%;border-collapse:collapse;margin-top:24px;font-size:14px}
.vs th,.vs td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.vs thead th{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.vs thead th.q{color:var(--nar-osc)}
.vs td:first-child{color:var(--ink-soft);font-weight:300;width:28%}
.vs td.q{font-weight:600}
.vs td.x{font-weight:300;color:var(--ink-soft)}
.fuente{font-size:11.5px;color:var(--ink-soft);font-weight:300;margin-top:12px;line-height:1.5}
/* modelos */
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.bcard .img{background:#EEF2F1;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:18px 12px 8px;min-height:250px}
.bcard .img img{max-height:230px;max-width:62%;width:auto;object-fit:contain}
.bcard .img img+img{max-width:36%;max-height:170px}
.bcard .hd{padding:18px 18px 0}
.bcard h3{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em}
.bcard .set{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--nar-osc);margin-top:3px}
.bcard .para{margin:10px 18px 0;font-size:13.5px;color:var(--ink-soft);font-weight:300;line-height:1.55}
.bcard .med{margin:12px 18px 0;display:flex;flex-wrap:wrap;gap:6px}
.bcard .med span{font-family:'IBM Plex Mono',monospace;font-size:11.5px;background:var(--ground);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.bcard ul{list-style:none;margin:14px 18px 0;padding:0;display:grid;gap:6px}
.bcard li{font-size:13px;color:var(--ink);font-weight:300;padding-left:15px;position:relative;line-height:1.4}
.bcard li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:1px;background:var(--nar)}
.bcard .precio{margin:16px 18px 18px;border-top:1px solid var(--line);padding-top:13px;margin-top:auto}
.bcard .precio strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.1}
.bcard .precio small{display:block;font-size:11px;color:var(--ink-soft);font-weight:300;margin-top:3px;line-height:1.4}
.bcard .sp{height:14px}
.modelos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,22px);margin-top:26px}
@media(max-width:740px){.modelos{grid-template-columns:1fr}}
@media(min-width:741px) and (max-width:900px){.bcard .img{min-height:200px}.bcard .img img{max-height:180px}.bcard .img img+img{max-height:130px}.bcard .precio strong{font-size:21px}}
/* calidad */
.capas{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3vw,40px);align-items:center}
@media(max-width:640px){.capas{grid-template-columns:1fr}.capas img{max-height:420px;object-fit:contain}}
.capas img{width:100%;height:auto;border-radius:4px;background:#fff}
/* a medida */
.medida{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,3vw,40px);align-items:center}
@media(max-width:640px){.medida{grid-template-columns:1fr}.medida img{max-height:380px;width:auto}}
.medida img{width:100%;max-width:380px;height:auto;justify-self:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips span{font-size:13.5px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px}
/* pasos */
.pasos{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);counter-reset:p}
@media(max-width:860px){.pasos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pasos{grid-template-columns:1fr}}
.pasos li{counter-increment:p;border-top:2px solid var(--nar);padding-top:12px}
.pasos li::before{content:counter(p,decimal-leading-zero);font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--nar-osc);display:block;margin-bottom:6px}
.pasos b{display:block;font-size:15.5px;font-weight:600;margin-bottom:4px}
.pasos span{font-size:13.5px;color:var(--ink-soft);font-weight:300;line-height:1.5}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,30px) clamp(20px,3vw,44px);margin-top:24px}
@media(max-width:720px){.faq{grid-template-columns:1fr}}
.faq b{display:block;font-size:15px;font-weight:600;margin-bottom:5px}
.faq p{margin:0;font-size:13.5px;color:var(--ink-soft);font-weight:300;line-height:1.55}
.ref{font-size:11px;color:var(--ink-soft);font-weight:300;margin-top:8px}

/* --- revisión diseño 21-oct --- */
.fosa .si{background:var(--nar-osc)}
.fosa .si li::before{background:#fff}
.bcard ul{margin-bottom:18px}
.bcard .img{background:#EEF2F1;min-height:270px;padding:22px 14px 10px}
.bcard .img img{max-height:240px;max-width:60%}
.bcard .img img+img{max-height:165px;max-width:36%}
@media(max-width:740px){.bcard .img{min-height:240px}.bcard .img img{max-height:215px}.bcard .img img+img{max-height:150px}}

.bcard .precio small{font-size:12px;font-weight:400}
.cta-mod{display:block;margin:-6px 18px 18px;font-size:14px;font-weight:600;color:var(--nar-osc);text-decoration:none}
.cta-mod:hover{text-decoration:underline}
@media(max-width:640px){
 .vs thead{display:none}
 .vs tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
 .vs td{border:0;padding:0}
 .vs td:first-child{grid-column:1/-1;width:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
 .medida img{max-width:100%;height:auto}
 .banda--obra>img{height:auto;min-height:460px;object-position:30% 50%}
}
.uso .prob,.fosa li,.servicios span,.vs td:first-child,.vs td.x,.bcard .para,.bcard li,.pasos span,.faq p,.fuente,.ref{font-weight:400}
.servicios span,.pasos span{display:block}
.capas img{background:transparent;mix-blend-mode:multiply}
.banda--solid h2{text-shadow:none}
.ref,.fuente{font-size:12px}
footer .legal{font-size:11.5px}
.bcard .set,.uso .mod{letter-spacing:.1em}
.desde{margin:14px 0 0;color:#fff;font-size:clamp(15px,1.7vw,18px);font-weight:400}
.desde b{font-weight:800}
.wa-hero{margin-top:18px}
.wa-fijo{display:none}
@media(max-width:640px){
 .wa-fijo{display:block;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;background:#25D366;color:#fff;text-align:center;font-weight:600;font-size:15px;padding:13px 16px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
 footer{padding-bottom:80px}
}
@media print{.wa-fijo,.cat-bar{display:none!important}}

/* revisión 21-oct tarde: precios despejados */
@media(min-width:741px){.modelos{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px}.modelos>.bcard{flex:0 0 calc((100% - 48px)/3)}}
.bcard .precio{margin:22px 18px 0;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}
.bcard .precio .lbl{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.bcard .precio strong{font-size:28px;margin-top:4px}
.bcard .precio .neto{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding:9px 12px;background:var(--ground);border-radius:4px;font-size:13.5px}
.bcard .precio .neto b{font-weight:700;font-variant-numeric:tabular-nums}
.bcard .precio small{font-size:12px;margin-top:12px;line-height:1.5}
.cta-mod{margin:16px 18px 20px;padding:11px 14px;border:1.5px solid var(--nar);border-radius:4px;text-align:center}
.cta-mod:hover{background:var(--nar);color:#fff;text-decoration:none}
.bcard .precio .neto{flex-wrap:wrap;gap:2px 10px}
.bcard .precio .neto span,.bcard .precio .neto b{white-space:nowrap}
.bcard .lago{margin:10px 18px 0;padding:8px 10px;font-size:12.5px;line-height:1.5;color:var(--nar-osc);background:rgba(108,148,151,.08);border-left:2px solid var(--nar);border-radius:0 3px 3px 0}
/* revisión 21-oct: catálogo enfocado en teal (manual de marca v1.1, cap. 6) */
.bcard .precio strong .mas{font-size:16px;font-weight:600;color:var(--nar-osc);letter-spacing:0}
.bcard .precio .neto{font-size:13px;color:var(--ink-soft)}
.bcard .precio .neto b{color:var(--ink)}
.banda--solid{background:var(--nar)!important}
.banda--solid .eyebrow-w{color:#fff;opacity:.85}
.uso .ic{background:var(--nar)}
.uso .sol{border-left-color:var(--nar)}
.fosa .no{background:var(--piz)}
.wa-btn{background:var(--nar)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.35)}
.wa-btn:hover{background:var(--nar-osc)!important}
.banda--cierre .veil{background:linear-gradient(90deg,rgba(79,116,119,.92) 0%,rgba(79,116,119,.7) 45%,rgba(79,116,119,0) 80%)!important}
@media(max-width:640px){.banda--cierre .veil{background:linear-gradient(0deg,rgba(79,116,119,.95) 0%,rgba(79,116,119,.75) 55%,rgba(79,116,119,.1) 100%)!important}}
.wa-fijo{background:var(--nar)!important}
.desde b{color:#fff}
.bcard .lago{background:rgba(158,192,194,.18)}
.bcard .lago b{font-weight:600;color:var(--nar-osc)}

/* ===== revisión 23-oct (comentarios de Gabo) ===== */
/* fotos: más luz, solo una viñeta suave y sombra donde va el texto */
.veil{background:radial-gradient(ellipse 120% 95% at 50% 45%,rgba(0,0,0,0) 58%,rgba(0,0,0,.30) 100%),linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 52%,rgba(10,16,18,.55) 100%)!important}
.banda--alta .veil{background:radial-gradient(ellipse 120% 95% at 60% 45%,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,rgba(14,22,25,.55) 0%,rgba(14,22,25,.22) 42%,rgba(14,22,25,0) 62%)!important}
.banda--der .veil{background:radial-gradient(ellipse 120% 95% at 40% 45%,rgba(0,0,0,0) 58%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(10,16,18,.5) 100%)!important}
.banda--cierre .veil{background:radial-gradient(ellipse 120% 95% at 60% 45%,rgba(0,0,0,0) 55%,rgba(0,0,0,.30) 100%),linear-gradient(90deg,rgba(12,18,20,.62) 0%,rgba(12,18,20,.35) 40%,rgba(12,18,20,0) 66%)!important}
@media(max-width:640px){
 .banda--alta .veil,.banda--cierre .veil{background:radial-gradient(ellipse 120% 95% at 50% 40%,rgba(0,0,0,0) 55%,rgba(0,0,0,.28) 100%),linear-gradient(0deg,rgba(12,18,20,.7) 0%,rgba(12,18,20,.35) 45%,rgba(12,18,20,0) 70%)!important}
}
.desde{font-weight:400;opacity:.95;letter-spacing:.01em}

/* textos justificados */
.uso .prob,.uso .sol,.origen,.bcard .para,.bcard .lago,.fosa li,.pq p,.zona dd,.faq p,.servicios span,.pasos span,.lede,.capas li,.panel--calidad li{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}

/* usos: íconos más grandes, sin "ideal" */
.uso{padding:24px 24px 22px;gap:11px}
.uso .ic{width:50px;height:50px}
.uso .ic svg{width:26px;height:26px;stroke-width:1.6}
.uso .prob{font-size:14.5px}
.uso .sol{font-size:14.5px;line-height:1.6}

/* origen y frase centrados */
.panel .origen{margin-inline:auto;max-width:66ch}
.panel--centro{text-align:center}
.panel--centro .origen{text-align:justify;text-align-last:center}
.frase{margin:0 auto 18px;font-size:clamp(22px,3vw,32px);font-weight:300;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.frase b{font-weight:800;color:var(--nar-osc)}

/* servicios con íconos */
.servicios b{display:flex;align-items:center;gap:8px}
.si-ic svg,.vi svg,.fi svg,.chips i svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.si-ic svg{width:20px;height:20px;color:var(--nar-osc)}

/* por qué la fosa al principio */
.porque{margin-top:34px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:clamp(20px,3vw,32px)}
.porque h3{margin:0 0 18px;font-size:clamp(19px,2.2vw,23px);font-weight:800;letter-spacing:-.02em}
.pq{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 26px}
@media(max-width:820px){.pq{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pq{grid-template-columns:1fr}}
.pq>div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:start}
.pq .fi{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:rgba(108,148,151,.14);display:flex;align-items:center;justify-content:center;color:var(--nar-osc)}
.pq .fi svg{width:21px;height:21px}
.pq b{font-size:14.5px;font-weight:700;line-height:1.3;margin-top:2px}
.pq p{margin:4px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.55;font-weight:400}

/* comparativo con íconos */
.vs td:first-child{white-space:nowrap}
.vi{display:inline-flex;width:30px;height:30px;border-radius:50%;background:rgba(108,148,151,.14);color:var(--nar-osc);align-items:center;justify-content:center;margin-right:10px;vertical-align:middle}
.vi svg{width:17px;height:17px}
.vs td{vertical-align:middle}

/* materiales: logo más grande y baño montado entre la foja verde y el fondo */
.banda--calidad{overflow:visible;z-index:2}
.banda--calidad .banda__logo img{width:clamp(130px,14vw,190px)}
.banda--calidad .banda__in .wrap{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:24px}
.banda--calidad .cal-txt{padding-bottom:clamp(6px,1vw,14px)}
.banda--calidad .cal-img{justify-self:center;width:auto;height:clamp(300px,34vw,400px);margin-bottom:clamp(-210px,-17vw,-150px);margin-top:clamp(24px,4vw,40px);position:relative;z-index:3;filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}
.panel--calidad{position:relative;z-index:1}
.panel--calidad .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}
.panel--calidad .cols{grid-column:1}
@media(max-width:700px){
 .banda--calidad .banda__in .wrap,.panel--calidad .wrap{grid-template-columns:1fr}
 .banda--calidad .cal-img{height:300px;margin-bottom:-120px}
 .panel--calidad{padding-top:140px}
}

/* modelos: uno por fila, con aire */
.modelos{display:grid!important;grid-template-columns:1fr!important;gap:clamp(18px,2.4vw,28px)!important}
.modelos>.bcard{flex:none!important}
.bcard{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr)}
.bcard .img{min-height:0;height:100%;padding:24px 16px;align-items:center;gap:10px;background:linear-gradient(180deg,#F1F5F4,#E6EDEC)}
.bcard .img img.a{max-height:330px;max-width:60%}
.bcard .img img.b{max-height:250px;max-width:38%}
.bcard .cuerpo{display:flex;flex-direction:column;padding:22px 26px 22px 24px}
.bcard .hd{padding:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.bcard h3{font-size:24px}
.bcard .lago,.bcard .para,.bcard .med{margin-left:0;margin-right:0}
.bcard .lago{margin-top:12px}
.bcard .para{font-size:14px;line-height:1.6}
.bcard .dos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;align-items:start}
.bcard ul{margin:0!important}
.bcard li{font-size:13.5px}
.bcard .precio{margin:0!important;padding:16px 16px 14px!important;border:1px solid var(--line)!important;border-radius:4px;background:var(--ground)}
.bcard .precio strong{font-size:30px;margin-top:2px}
.bcard .precio small.neto{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);font-weight:400}
.bcard .precio .reg{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12.5px;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:8px;margin-top:8px;line-height:1.4}
.bcard .precio .reg b{color:var(--ink);font-weight:600;white-space:nowrap}
.bcard .precio .reg.tot{color:var(--ink);font-weight:600;border-top:1px solid var(--line)}
.bcard .precio .reg.tot b{font-weight:800}
.bcard .precio small.nota-p{display:block;font-size:11.5px;margin-top:10px;color:var(--ink-soft)}
.bcard .cta-mod{margin:12px 0 0!important;display:block}
@media(max-width:820px){
 .bcard{grid-template-columns:1fr}
 .bcard .img{height:auto;min-height:260px}
 .bcard .img img.a{max-height:250px}.bcard .img img.b{max-height:190px}
 .bcard .dos{grid-template-columns:1fr}
}

/* a medida */
.medida{grid-template-columns:.62fr 1.38fr!important;align-items:center}
.med-logo{text-align:center;padding:10px}
.med-logo img{width:clamp(140px,16vw,200px);height:auto;max-width:none!important;display:block;margin:0 auto}
.med-logo .am{margin:14px 0 0;font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--nar-osc)}
.chips{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px!important}
.chips span{display:flex;align-items:center;gap:10px;border-radius:6px!important;padding:9px 12px!important;background:var(--surface)}
.chips i{display:inline-flex;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(108,148,151,.14);color:var(--nar-osc);align-items:center;justify-content:center}
.chips i svg{width:17px;height:17px}
@media(max-width:640px){.medida{grid-template-columns:1fr!important}}
/* ajustes: no justificar columnas angostas */
.fosa li,.pq p,.zona dd,.servicios span,.pasos span,.capas li,.panel--calidad li,.bcard li{text-align:left!important}
.bcard .precio .neto{display:block!important;padding:0!important;background:none!important;margin-top:4px!important;border-radius:0!important}
@media(min-width:821px){.bcard .dos{grid-template-columns:1fr 1.08fr}}
@media(max-width:640px){.chips{grid-template-columns:1fr 1fr!important}.chips span{font-size:12.5px}}

/* 23-oct tarde: materiales — baño más grande y más abajo (solo ~1/4 sobre el verde) */
.banda--calidad .cal-img{height:clamp(340px,42vw,470px)!important;margin-bottom:clamp(-350px,-30vw,-250px)!important;margin-top:24px!important}
.panel--calidad .wrap{min-height:clamp(260px,26vw,330px)}
.banda--der>img{object-position:30% 50%}
@media(max-width:700px){.banda--calidad .cal-img{height:340px!important;margin-bottom:-230px!important}.panel--calidad{padding-top:250px}}

/* 23-oct 15h: encabezados de sección centrados */
.sec>.wrap>.eyebrow,.panel>.wrap>.eyebrow{text-align:center}
.sec>.wrap>h2.t,.panel>.wrap>h2.t{text-align:center;margin-inline:auto;max-width:26ch}
.sec>.wrap>.lede,.panel>.wrap>.lede{margin-inline:auto;text-align:justify;text-align-last:center;max-width:64ch}
.porque h3{text-align:center}
.vs thead th{text-align:left}

/* 23-oct 15h: A medida como «Materiales», con la franja abajo y el corte del Lanalhue */
.sec--medida2{padding-bottom:0}
.med2{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:end}
.med2 .med-txt{padding-bottom:clamp(30px,4vw,48px)}
.med2 .med-txt>.eyebrow,.med2 .med-txt>h2.t{text-align:left}
.med2 .med-txt>.lede{text-align:justify;text-align-last:left;margin-inline:0}
.med2 .chips{grid-template-columns:repeat(3,1fr)!important}
.med2 .chips span{font-size:13px}
.med-img{justify-self:center;width:auto;height:clamp(340px,42vw,470px);position:relative;z-index:3;margin-bottom:clamp(-140px,-11vw,-90px);filter:drop-shadow(0 18px 26px rgba(0,0,0,.22))}
.banda--medida{position:relative;z-index:1}
.banda--medida .banda__in .wrap{max-width:var(--maxw,1100px)}
.banda--medida h2{max-width:20ch}
.banda--medida .banda__in .wrap>*{max-width:58%}
.banda--medida .banda__logo img{width:clamp(130px,14vw,190px)}
@media(max-width:760px){
 .med2{grid-template-columns:1fr}.med2 .chips{grid-template-columns:1fr 1fr!important}
 .med-img{height:320px;margin-bottom:-80px}
 .banda--medida .banda__in .wrap>*{max-width:100%}
}
.banda--medida .banda__logo{top:auto;bottom:clamp(22px,3vw,40px)}