/* ============================================================
   Los Altillos — Cómo insonorizar una pared (subpágina de /aislacion-termica-acustica/)
   Archivo: assets/insonorizar-pared.css
   Prefijo: laiso-
   Molde: assets/guia-steel-framing-argentina.css (sfgag-), a través de la
   hermana barrera-de-vapor.css (labvap-): mismo sistema visual (hero azul
   con ficha blanca, TOC lateral, callouts, tablas, FAQ).
   Propio de esta página: absorber o aislar, la checklist de por dónde entra
   el ruido, las cuatro claves, la escalera de dB de Durlock con las líneas
   de la IRAM 4044 (la pieza de la página), el recuadro de la norma, el
   tabique de Pablo en planta (antes y después) y la pregunta que cambia.
   Depende de assets/main.css (variables de color, tipografías, reset).
   Escala propia en px: no depende de html{font-size:12px} (main.css)
   ni del :root{font-size:15px} móvil del bloque 26 de functions.php.
   Texto de lectura: 18px escritorio / 17px móvil. Nada por debajo de 14px.
   ============================================================ */

/* ============================================================
   0 · GLOBALES DE LA PÁGINA
   ============================================================ */
/* Salto del índice: UN solo desplazamiento, el del header fijo (64 px) + 20 px
   de aire, acá. Las secciones solo descuentan su propio padding (abajo), para
   no sumar un segundo margen (problema 3 de verificacion-lote1). */
html{scroll-padding-top:calc(var(--header-height) + 20px)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .laiso *{animation:none!important;transition:none!important}
}

/* ============================================================
   1 · SCOPE Y ESQUELETO
   ============================================================ */
.laiso{
  --laiso-ink:var(--color-text);
  --laiso-muted:var(--color-text-muted);
  --laiso-subtle:var(--color-text-subtle);
  --laiso-blue:var(--color-secondary);
  --laiso-navy:var(--color-bg-dark);
  --laiso-red:var(--color-accent);
  --laiso-line:var(--color-border);
  --laiso-ok-bg:#E8F6EE;  --laiso-ok-ink:#14532D;
  --laiso-no-bg:#FDECEE;  --laiso-no-ink:#9F1239;
  --laiso-ok:#2F7A52;
  background:var(--color-bg);
  color:var(--laiso-ink);
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.7;
  overflow-x:clip;
}
.laiso img{width:100%;height:auto}
.laiso a{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}
.laiso a:focus-visible,.laiso button:focus-visible,.laiso summary:focus-visible{outline:2px solid var(--laiso-red);outline-offset:3px}
.laiso-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.laiso-shell{max-width:1200px;margin-inline:auto;padding-inline:18px}
@media (min-width:768px){.laiso-shell{padding-inline:32px}}

.laiso-layout{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){
  .laiso-layout{grid-template-columns:minmax(0,1fr) 280px;column-gap:56px;align-items:start}
}
.laiso-main{min-width:0}
@media (max-width:1079px){.laiso-main{width:100%;max-width:780px;margin-inline:auto}}

.laiso-section{position:relative;padding:64px 0}
.laiso-section:first-child{padding-top:48px}
.laiso-section--alt{isolation:isolate}
.laiso-section--alt::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;background:var(--color-bg-secondary)}
/* Las secciones no suman otro margen: solo descuentan su propio padding-top
   (72/48 px; 52/36 px por debajo de 768), para que el <h2> y no el borde de la
   caja quede a 20 px del header. Si cambia ese padding, cambiar esto también. */
.laiso-section[id]{scroll-margin-top:-64px}
.laiso-section:first-child[id]{scroll-margin-top:-48px}
@media (max-width:767px){.laiso-section[id]{scroll-margin-top:-40px}.laiso-section:first-child[id]{scroll-margin-top:-32px}}

/* ============================================================
   2 · HERO
   ============================================================ */
.laiso-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--laiso-navy);color:#fff;padding:calc(var(--header-height) + 64px) 0 64px}
.laiso .laiso-hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.laiso-hero .laiso-ph{position:absolute;inset:0;z-index:-2;aspect-ratio:auto!important;border-radius:0;background:var(--color-bg-tertiary)}
.laiso-hero .laiso-ph span{position:absolute;right:24px;bottom:16px;border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.7);background:rgba(0,0,0,.2)}
.laiso-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,32,37,.92) 0%,rgba(29,32,37,.74) 55%,rgba(29,32,37,.5) 100%)}
.laiso-hero__grid{display:grid;gap:40px;align-items:end}
@media (min-width:1000px){.laiso-hero__grid{grid-template-columns:minmax(0,1fr) 370px;gap:56px}}
.laiso-hero__text{min-width:0}

.laiso-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:24px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.laiso-breadcrumbs a{color:rgba(255,255,255,.82);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.laiso-breadcrumbs a:hover{color:#fff;text-decoration-color:#fff}
.laiso-breadcrumbs [aria-current="page"]{color:#fff;font-weight:600}

.laiso-hero__title{max-width:24ch;font-family:var(--font-display);font-weight:400;font-size:clamp(29px,4vw,48px);line-height:1.08;letter-spacing:-.02em;color:#fff;text-wrap:balance;overflow-wrap:break-word}
.laiso-hero__sub{max-width:58ch;margin-top:20px;font-size:19px;line-height:1.6;color:rgba(255,255,255,.86)}

.laiso-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:32px;max-width:720px;list-style:none;padding:0}
@media (min-width:720px){.laiso-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}
.laiso-meta li{padding:10px 12px;border-top:2px solid rgba(255,255,255,.28);font-size:15px;line-height:1.4;color:#fff}
.laiso-meta li > span:first-child{display:block;margin-bottom:2px;font-size:14px;color:rgba(255,255,255,.62)}

/* La ficha: tres datos que definen la barrera */
.laiso-def{position:relative;padding:28px 26px 24px;background:#fff;color:var(--laiso-ink);border-radius:16px;border:1px solid var(--laiso-line);box-shadow:0 8px 24px rgba(29,32,37,.12)}
.laiso-def p{margin:0}
.laiso-def__lead{font-size:18px;line-height:1.55;color:var(--laiso-muted)}
.laiso-def__lead strong{color:var(--laiso-ink)}
.laiso-def__eq{margin:20px 0 0;padding:0;border-top:1px solid var(--laiso-line)}
.laiso-def__eq div{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--laiso-line)}
.laiso-def__eq dt{font-family:var(--font-display);font-size:23px;line-height:1.1;color:var(--laiso-blue);font-variant-numeric:tabular-nums}
.laiso-def__eq div:last-child dt{color:var(--laiso-red)}
.laiso-def__eq dd{margin:0;font-size:16px;line-height:1.4;color:var(--laiso-ink)}
.laiso-def .laiso-def__foot{margin-top:10px;font-size:14px;line-height:1.5;color:var(--laiso-subtle)}
.laiso-def__cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:12px 18px;border-radius:var(--radius-sm);background:var(--laiso-red);color:#fff;font-size:16px;font-weight:700;text-align:center}
.laiso-def__cta:hover{background:var(--color-accent-dark);color:#fff}

@media (max-width:767px){
  .laiso-hero{padding:calc(var(--header-height) + 36px) 0 40px}
  .laiso-hero__overlay{background:linear-gradient(180deg,rgba(29,32,37,.82) 0%,rgba(29,32,37,.94) 100%)}
  .laiso-hero__sub{font-size:17px}
  .laiso-def{padding:24px 18px 20px}
  .laiso-def__eq div{grid-template-columns:92px minmax(0,1fr)}
  .laiso-def__eq dt{font-size:19px}
}

/* ============================================================
   3 · TIPOGRAFÍA
   ============================================================ */
.laiso-prose{max-width:68ch;font-size:18px;line-height:1.75;color:var(--laiso-muted)}
.laiso-prose p{margin:0 0 18px}
.laiso-prose p:last-child{margin-bottom:0}
.laiso-prose--lead p:first-child{font-size:20px;line-height:1.65;color:var(--laiso-ink)}
.laiso-prose a,.laiso-callout a,.laiso-table a,.laiso-byline a,.laiso-more a,.laiso-faq__a a{color:var(--laiso-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.laiso-prose a:hover,.laiso-table a:hover,.laiso-more a:hover,.laiso-faq__a a:hover{color:var(--laiso-red)}
.laiso-prose strong{color:var(--laiso-ink);font-weight:700}

.laiso-h2{max-width:24ch;margin:0 0 20px;font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.14;letter-spacing:-.02em;color:var(--laiso-ink);text-wrap:balance}
.laiso-h2--small{font-size:clamp(24px,2.6vw,30px)}
.laiso-h3{max-width:40ch;margin:36px 0 12px;font-family:var(--font-body);font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-.005em;color:var(--laiso-ink);text-wrap:balance}
.laiso-h2 + .laiso-h3{margin-top:8px}
.laiso-subhead{max-width:68ch;margin:36px 0 0;font-size:19px;line-height:1.35;font-weight:700;color:var(--laiso-ink)}

/* ============================================================
   4 · CITAS Y CALLOUTS
   ============================================================ */
.laiso-pull{max-width:68ch;margin:28px 0;padding:0 0 0 22px;border-left:4px solid var(--laiso-red)}
.laiso-pull p{margin:0;font-family:var(--font-display);font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.01em;color:var(--laiso-ink)}
.laiso-pull--myth{border-left-color:var(--color-border-dark)}
.laiso-pull--myth p{color:var(--laiso-subtle)}

.laiso-callout{max-width:68ch;margin:24px 0;padding:16px 20px;background:rgba(29,32,37,.05);border-left:4px solid var(--laiso-blue);border-radius:0 10px 10px 0;font-size:18px;line-height:1.65;font-weight:600;color:var(--laiso-ink)}
.laiso-callout--warning{background:rgba(199,8,29,.06);border-left-color:var(--laiso-red)}
.laiso-callout--quote{font-size:20px;border-left-color:var(--laiso-red)}
.laiso-callout--final{margin-top:32px;padding:22px 24px;background:#fff;border:1px solid var(--laiso-line);border-left:4px solid var(--laiso-red);border-radius:0 12px 12px 0;color:var(--laiso-ink);font-size:20px}

.laiso-more{max-width:68ch;margin:16px 0 0;font-size:16px;line-height:1.55;color:var(--laiso-subtle)}

/* ============================================================
   5 · LISTAS
   ============================================================ */
.laiso-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:72ch;margin:12px 0 24px;padding:0;list-style:none}
.laiso-chips li{margin:0;padding:6px 14px;border:1px solid var(--color-border-dark);border-radius:100px;background:#fff;font-size:16px;line-height:1.45;color:var(--laiso-muted)}

.laiso-questions{display:grid;gap:6px;max-width:68ch;margin:16px 0 24px;padding:0;list-style:none}
.laiso-questions li{margin:0;padding:10px 16px;background:#fff;border:1px solid var(--laiso-line);border-left:4px solid var(--laiso-blue);border-radius:0 10px 10px 0;font-size:17px;line-height:1.5;font-weight:600;color:var(--laiso-ink)}

.laiso-avoid{display:grid;gap:10px;max-width:68ch;margin:16px 0 0;padding:0;list-style:none}
.laiso-avoid li{position:relative;margin:0;padding:14px 18px 14px 56px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px;font-size:17px;line-height:1.6;color:var(--laiso-muted)}
.laiso-avoid li::before{content:"";position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--laiso-no-bg) no-repeat center/12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 2l10 10M12 2L2 12' stroke='%239F1239' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.laiso-avoid strong{color:var(--laiso-ink)}
@media (max-width:639px){.laiso-avoid li{padding:14px 14px 14px 50px}.laiso-avoid li::before{left:12px}}


/* ============================================================
   7 · TABLAS
   ============================================================ */
.laiso-table-wrap{width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--laiso-line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}
.laiso-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;color:var(--laiso-muted)}
.laiso-table caption{caption-side:bottom;padding:12px 16px;text-align:left;font-size:15px;line-height:1.55;color:var(--laiso-subtle);border-top:1px solid var(--laiso-line)}
.laiso-table th,.laiso-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--laiso-line)}
.laiso-table thead th{background:var(--color-bg-secondary);font-weight:700;color:var(--laiso-ink);border-bottom:2px solid var(--laiso-line)}
.laiso-table tbody th[scope="row"]{font-weight:600;color:var(--laiso-ink);background:#fff}
.laiso-table tbody tr:last-child th,.laiso-table tbody tr:last-child td{border-bottom:0}
.laiso-table tr.is-key th,.laiso-table tr.is-key td{background:rgba(29,32,37,.045);color:var(--laiso-ink);font-weight:600}
.laiso-table--sources th[scope="row"] a{font-weight:600}
@media (max-width:639px){
  .laiso-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .laiso-table--stack{display:flex!important;flex-direction:column}
  .laiso-table--stack caption{display:block;order:2;width:100%}
  .laiso-table--stack tbody,.laiso-table--stack tr,.laiso-table--stack th,.laiso-table--stack td{display:block;width:100%!important}
  .laiso-table--stack tr{padding:12px 16px;border-bottom:1px solid var(--laiso-line)}
  .laiso-table--stack tbody tr:last-child{border-bottom:0}
  .laiso-table--stack th,.laiso-table--stack td{padding:2px 0;border:0;text-align:left}
  .laiso-table--stack tbody th[scope="row"]{background:transparent;font-size:17px;margin-bottom:4px}
  .laiso-table--stack td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:var(--laiso-ink)}
  .laiso-table--stack td.laiso-num{white-space:normal}
}

/* ============================================================
   8 · FIGURAS Y MARCADORES DE IMAGEN
   ============================================================ */
.laiso-figure{margin:28px 0}
.laiso-figure img{display:block;aspect-ratio:16/9;object-fit:cover;object-position:center 45%;border-radius:12px}
.laiso-figure figcaption{margin-top:10px;font-size:15px;line-height:1.55;color:var(--laiso-subtle)}
.laiso-figure--tall{max-width:380px}
.laiso-figure--tall img{aspect-ratio:5/7;object-position:center}
.laiso-ph{position:relative;display:grid;place-items:center;width:100%;padding:16px;border-radius:14px;background:linear-gradient(135deg,var(--color-steel-light) 0%,var(--color-steel) 100%);text-align:center}
.laiso-ph span{max-width:44ch;padding:10px 14px;border:1px dashed var(--color-steel-dark);border-radius:8px;font-size:14px;line-height:1.5;color:var(--color-secondary-dark)}
.laiso-ph code{font-size:14px;word-break:break-all}


/* ============================================================
   A · ABSORBER O AISLAR (dos columnas)
   ============================================================ */
.laiso-vs{display:grid;gap:12px;max-width:72ch;margin:20px 0 8px}
@media (min-width:640px){.laiso-vs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.laiso-vs__col{min-width:0;padding:20px 22px;border-radius:12px}
.laiso-vs p{margin:0}
.laiso-vs .laiso-vs__k{font-family:var(--font-display);font-size:26px;line-height:1.1;letter-spacing:-.01em}
.laiso-vs .laiso-vs__q{margin-top:6px;font-size:17px;line-height:1.45;font-weight:600}
.laiso-vs ul{margin:12px 0 0;padding:12px 0 0;list-style:none;border-top:1px solid currentColor;border-top-color:rgba(0,0,0,.1)}
.laiso-vs li{position:relative;margin:6px 0 0;padding-left:18px;font-size:16px;line-height:1.5}
.laiso-vs li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
.laiso-vs__col--abs{background:#fff;border:1px dashed var(--color-border-dark);color:var(--laiso-muted)}
.laiso-vs__col--abs .laiso-vs__k{color:var(--laiso-subtle)}
.laiso-vs__col--ais{background:#fff;color:var(--laiso-ink);border:2px solid var(--laiso-ink)}
.laiso-vs__col--ais strong{color:var(--laiso-ink)}
.laiso-vs__col--ais .laiso-vs__k{color:var(--laiso-red)}
.laiso-vs__col--ais ul{border-top-color:var(--laiso-line)}

/* ============================================================
   B · DIAGNÓSTICO: por dónde entra el ruido (checklist nativa)
   ============================================================ */
.laiso-diag{margin:24px 0 28px;padding:24px 24px 20px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px;box-shadow:var(--shadow-md)}
.laiso-diag__title{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(21px,2.6vw,27px);line-height:1.15;letter-spacing:-.01em;color:var(--laiso-ink);text-wrap:balance}
.laiso-diag__grid{display:grid;gap:14px}
.laiso-diag__col{min-width:0;margin:0;padding:14px 14px 8px;border:0;border-radius:0;background:var(--color-bg-secondary)}
.laiso-diag__col--pared{border-top-color:var(--laiso-red)}
@media (min-width:640px){.laiso-diag__col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;align-items:start}}
.laiso-diag__col legend{float:left;width:100%;grid-column:1/-1;margin:0 0 8px;padding:0;font-size:17px;font-weight:700;line-height:1.3;color:var(--laiso-ink)}
.laiso-check{clear:both;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;margin:0 0 6px;padding:8px 8px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1.45;color:var(--laiso-muted);transition:background var(--transition-fast)}
.laiso-check:hover{background:#fff}
.laiso-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--laiso-red);cursor:pointer}
.laiso-check input:focus-visible{outline:2px solid var(--laiso-red);outline-offset:2px}
.laiso-check strong{color:var(--laiso-ink)}
.laiso-check:has(input:checked){background:#fff;box-shadow:inset 3px 0 0 var(--laiso-red)}
.laiso-diag figcaption{margin-top:14px;font-size:15px;line-height:1.55;color:var(--laiso-subtle)}
@media (max-width:639px){.laiso-diag{padding:20px 14px 18px}}

/* ============================================================
   C · LAS CUATRO CLAVES (no es una secuencia: sin números)
   ============================================================ */
.laiso-keys{display:grid;gap:10px;margin:20px 0 8px;padding:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.laiso-key{min-width:0;padding:16px 18px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px}
.laiso-key dt{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:19px;line-height:1.15;color:var(--laiso-ink)}
.laiso-key dd{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--laiso-muted)}
.laiso-key__glyph{flex:none;width:30px;height:30px;border-radius:6px;background:var(--color-bg-secondary)}
.laiso-key--masa .laiso-key__glyph{background:linear-gradient(90deg,transparent 7px,#8C8F94 7px 11px,#F2F1EE 11px 13px,#8C8F94 13px 17px,#F2F1EE 17px 19px,#8C8F94 19px 23px,transparent 23px),var(--color-bg-secondary)}
.laiso-key--lana .laiso-key__glyph{background:radial-gradient(circle at 5px 5px,#D9B54A 2px,transparent 2.6px) 0 0/10px 10px,#F5E7B6}
.laiso-key--desacople .laiso-key__glyph{background:linear-gradient(90deg,transparent 6px,var(--laiso-navy) 6px 11px,transparent 11px 19px,var(--laiso-navy) 19px 24px,transparent 24px),var(--color-bg-secondary)}
.laiso-key--sello .laiso-key__glyph{background:radial-gradient(circle at 50% 50%,var(--laiso-ok) 5px,transparent 5.6px),linear-gradient(90deg,transparent 13px,#8C8F94 13px 17px,transparent 17px),var(--color-bg-secondary)}

/* ============================================================
   D · LA ESCALERA DE DURLOCK — la pieza de la página
   El estado lo lleva data-conf en la figura; el JS solo lo cambia.
   ============================================================ */
.laiso-lab{--pass:.5;margin:28px 0 32px;padding:26px 26px 22px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px;box-shadow:var(--shadow-md)}
.laiso-lab[data-conf="simple-aire"]{--pass:.9}
.laiso-lab[data-conf="doble-aire"]{--pass:.62}
.laiso-lab[data-conf="simple-lana"]{--pass:.5}
.laiso-lab[data-conf="doble-lana"]{--pass:.26}
.laiso-lab__title{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(21px,2.6vw,27px);line-height:1.15;letter-spacing:-.01em;color:var(--laiso-ink);text-wrap:balance}
.laiso-lab__grid{display:grid;gap:24px;align-items:start}
@media (min-width:860px){.laiso-lab__grid{grid-template-columns:230px minmax(0,1fr);gap:28px}}
.laiso-lab figcaption{margin-top:16px;font-size:15px;line-height:1.55;color:var(--laiso-subtle)}
.laiso-lab figcaption strong{color:var(--laiso-ink)}
@media (max-width:639px){.laiso-lab{padding:20px 14px 18px}}

/* el corte */
.laiso-cut{min-width:0}
.laiso-cut__sides{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.3;color:var(--laiso-ink)}
.laiso-cut__sec{position:relative;display:flex;height:200px;overflow:hidden;border-radius:6px;background:var(--color-bg-secondary)}
.laiso-cut__room{position:relative;flex:1 1 0;min-width:0}
.laiso-cut__room i{position:absolute;top:50%;border:3px solid transparent;border-left-color:var(--laiso-red);border-radius:50%;transform:translateY(-50%);transition:opacity var(--transition-base)}
.laiso-cut__room i:nth-child(1){right:-6px;width:30px;height:30px}
.laiso-cut__room i:nth-child(2){right:-14px;width:56px;height:56px}
.laiso-cut__room i:nth-child(3){right:-22px;width:84px;height:84px}
.laiso-cut__room--out i:nth-child(1){right:8px}
.laiso-cut__room--out i:nth-child(2){right:0}
.laiso-cut__room--out i:nth-child(3){right:-8px}
.laiso-cut__room--in i{opacity:var(--pass)}
.laiso-cut__room--in i:nth-child(2){opacity:calc(var(--pass) * .75)}
.laiso-cut__room--in i:nth-child(3){opacity:calc(var(--pass) * .5)}
.laiso-cut__pl{flex:none;width:12px;background:#F5F4F1;box-shadow:inset 1px 0 0 #8C8F94,inset -1px 0 0 #8C8F94;transition:width var(--transition-base)}
.laiso-cut__pl--a2,.laiso-cut__pl--b2{width:0;box-shadow:none}
.laiso-lab[data-conf^="doble"] .laiso-cut__pl--a2,.laiso-lab[data-conf^="doble"] .laiso-cut__pl--b2{width:12px;box-shadow:inset 1px 0 0 #8C8F94,inset -1px 0 0 #8C8F94}
.laiso-cut__cav{position:relative;flex:none;width:64px;background:#fff}
.laiso-cut__lana{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 6px 6px,#E2C261 2px,transparent 2.6px) 0 0/12px 12px,radial-gradient(circle at 0 0,#EAD38A 1.8px,transparent 2.4px) 0 0/12px 12px,#F5E7B6;transition:opacity var(--transition-base)}
.laiso-lab[data-conf$="lana"] .laiso-cut__lana{opacity:1}
/* montante en planta: el alma cruza la cámara y las alas apoyan en las placas */
.laiso-cut__stud{position:absolute;left:0;right:0;height:18px;border:3px solid #8C8F94;border-bottom:0}
.laiso-cut__stud--1{top:22%}
.laiso-cut__stud--2{top:66%}
.laiso-cut__key{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--laiso-subtle)}
.laiso-cut__k-lana,.laiso-cut__k-aire{display:none}
.laiso-lab[data-conf$="lana"] .laiso-cut__k-lana,.laiso-lab[data-conf$="aire"] .laiso-cut__k-aire{display:inline;font-weight:700;color:var(--laiso-ink)}

/* las barras */
.laiso-bars{--name:168px;--db:62px;min-width:0}
.laiso-bars__head{position:relative;height:44px;margin:0 calc(var(--db) + 23px) 4px calc(var(--name) + 25px)}
.laiso-bars__th{position:absolute;bottom:0;max-width:8.5em;padding:0 5px 2px;font-size:14px;font-weight:700;line-height:1.2;color:var(--laiso-subtle)}
.laiso-bars__th:not(.laiso-bars__th--hi){transform:translateX(-100%);border-right:2px solid #8C8F94;text-align:right}
.laiso-bars__th--hi{border-left:2px solid var(--laiso-red);color:var(--laiso-red)}
.laiso-bars__list{margin:0;padding:0;list-style:none}
.laiso-bars__list li{margin:0 0 6px}
.laiso-bar{display:grid;grid-template-columns:var(--name) minmax(0,1fr) var(--db);align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px 8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;font:inherit;text-align:left;color:var(--laiso-ink)}
.laiso-lab.is-live .laiso-bar{cursor:pointer}
.laiso-lab.is-live .laiso-bar:hover{background:var(--color-bg-secondary)}
.laiso-bar[aria-pressed="true"]{border-color:var(--laiso-line);background:var(--color-bg-secondary);box-shadow:inset 4px 0 0 var(--laiso-red)}
.laiso-bar__name{min-width:0;font-size:16px;font-weight:700;line-height:1.3}
.laiso-bar__name small{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--laiso-subtle)}
.laiso-bar__track{position:relative;height:16px;border-radius:3px;background:
  linear-gradient(90deg,transparent calc(40% - 1px),#8C8F94 calc(40% - 1px) calc(40% + 1px),transparent calc(40% + 1px)),
  linear-gradient(90deg,transparent calc(66.67% - 1px),var(--laiso-red) calc(66.67% - 1px) calc(66.67% + 1px),transparent calc(66.67% + 1px)),
  #E6EAF0}
.laiso-bar__fill{position:absolute;left:0;top:3px;bottom:3px;border-radius:2px;background:#8C8F94;transition:background var(--transition-fast)}
.laiso-bar[aria-pressed="true"] .laiso-bar__fill{background:var(--laiso-navy)}
.laiso-bar__db{font-family:var(--font-display);font-size:24px;line-height:1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--laiso-blue)}
.laiso-bar__db small{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--laiso-subtle)}
.laiso-bar[aria-pressed="true"] .laiso-bar__db{color:var(--laiso-red)}
.laiso-bars__scale{display:flex;justify-content:space-between;margin:2px calc(var(--db) + 23px) 0 calc(var(--name) + 25px);font-size:14px;line-height:1.3;color:var(--laiso-subtle)}
@media (max-width:639px){
  .laiso-bars{--name:0px;--db:66px}
  .laiso-bars__head{margin-left:13px}
  .laiso-bars__scale{margin-left:13px}
  .laiso-bar{grid-template-columns:minmax(0,1fr) var(--db);grid-template-areas:"n n" "t d";row-gap:6px}
  .laiso-bar__name{grid-area:n}
  .laiso-bar__track{grid-area:t}
  .laiso-bar__db{grid-area:d;font-size:22px}
  .laiso-cut__sec{height:150px}
}

/* qué dice cada configuración (texto: no depende del color) */
.laiso-lab__state,.laiso-cajas__state{margin:18px 0 0;padding:14px 18px;background:var(--color-bg-secondary);border-left:4px solid var(--laiso-navy);border-radius:0 10px 10px 0}
.laiso-lab__state p,.laiso-cajas__state p{display:none;margin:0;font-size:16px;line-height:1.6;color:var(--laiso-muted)}
.laiso-lab__state strong,.laiso-cajas__state strong{color:var(--laiso-ink)}
.laiso-lab[data-conf="simple-aire"] [data-s="simple-aire"],
.laiso-lab[data-conf="doble-aire"] [data-s="doble-aire"],
.laiso-lab[data-conf="simple-lana"] [data-s="simple-lana"],
.laiso-lab[data-conf="doble-lana"] [data-s="doble-lana"]{display:block}
/* sin JS se leen todos los estados */
.laiso-lab:not(.is-live) .laiso-lab__state p,.laiso-cajas:not(.is-live) .laiso-cajas__state p{display:block}
.laiso-lab:not(.is-live) .laiso-lab__state p + p,.laiso-cajas:not(.is-live) .laiso-cajas__state p + p{margin-top:10px}

/* ============================================================
   E · IRAM 4044 Y DATO DE LA RENDIJA
   ============================================================ */
.laiso-norma{max-width:68ch;margin:28px 0;padding:24px 26px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px;box-shadow:var(--shadow-sm)}
.laiso-norma p{margin:0}
.laiso-norma .laiso-norma__title{font-family:var(--font-display);font-size:clamp(20px,2.4vw,24px);line-height:1.2;color:var(--laiso-ink)}
.laiso-norma__table{width:100%;margin:14px 0 0;border-collapse:collapse;font-size:16px;line-height:1.45}
.laiso-norma__table th,.laiso-norma__table td{padding:9px 0;border-bottom:1px solid var(--laiso-line);text-align:left;vertical-align:baseline}
.laiso-norma__table thead th{padding-top:0;font-size:14px;font-weight:700;color:var(--laiso-subtle)}
.laiso-norma__table tbody th{font-weight:400;color:var(--laiso-muted);padding-right:14px}
.laiso-norma__table td{width:6.5em;font-family:var(--font-display);font-size:20px;text-align:right;color:var(--laiso-blue);font-variant-numeric:tabular-nums;white-space:nowrap}
.laiso-norma__table thead th:last-child{text-align:right}
.laiso-norma__table tr.is-key th{font-weight:700;color:var(--laiso-ink)}
.laiso-norma__table tr.is-key td{color:var(--laiso-red)}
.laiso-norma .laiso-norma__read{margin-top:14px;font-size:16px;line-height:1.6;color:var(--laiso-ink)}
.laiso-norma .laiso-norma__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--laiso-line);font-size:15px;line-height:1.55;color:var(--laiso-subtle)}
@media (max-width:639px){.laiso-norma{padding:20px 16px}.laiso-norma__table td{font-size:18px;width:4.5em}}

.laiso-data{max-width:68ch;margin:24px 0;padding:22px 24px;background:#fff;border:1px solid var(--laiso-line);border-left:4px solid var(--laiso-red);border-radius:0 14px 14px 0}
.laiso-data p{margin:0}
.laiso-data .laiso-data__title{font-size:18px;font-weight:700;color:var(--laiso-ink)}
.laiso-data .laiso-data__big{margin-top:8px;font-family:var(--font-display);font-size:clamp(28px,4vw,40px);line-height:1.1;color:var(--laiso-blue);font-variant-numeric:tabular-nums}
.laiso-data__big span{display:block;margin-bottom:2px;font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--laiso-subtle)}
.laiso-data__big em{font-style:normal;color:var(--laiso-red)}
.laiso-data .laiso-data__foot{margin-top:12px;font-size:15px;line-height:1.6;color:var(--laiso-subtle)}
@media (max-width:639px){.laiso-data{padding:18px 16px}}

/* ============================================================
   F · LAS CAJAS DE LUZ, ANTES Y DESPUÉS (SVG en planta)
   ============================================================ */
.laiso-cajas{margin:28px 0 32px;padding:26px 26px 22px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px;box-shadow:var(--shadow-md)}
.laiso-cajas__title{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(21px,2.6vw,27px);line-height:1.15;letter-spacing:-.01em;color:var(--laiso-ink)}
.laiso-cajas figcaption{margin-top:16px;font-size:15px;line-height:1.55;color:var(--laiso-subtle)}
@media (max-width:639px){.laiso-cajas{padding:20px 14px 18px}}

.laiso-seg{display:none;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.laiso-cajas.is-live .laiso-seg{display:flex}
.laiso-seg button{min-height:44px;padding:8px 18px;border:1px solid var(--color-border-dark);border-radius:100px;background:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.3;color:var(--laiso-blue);cursor:pointer}
.laiso-seg button:hover{border-color:var(--laiso-blue);background:var(--color-bg-secondary)}
.laiso-seg button[aria-pressed="true"]{background:var(--laiso-navy);border-color:var(--laiso-navy);color:#fff}

.laiso-cajas__draw{min-width:0}
.laiso-cajas .laiso-cajas__side{margin:0;font-size:15px;font-weight:700;line-height:1.3;text-align:center;color:var(--laiso-subtle)}
.laiso-sv{display:block;width:100%;height:auto;margin:4px 0;font-family:var(--font-body)}
.laiso-sv text{font-size:20px;font-weight:700;fill:var(--laiso-ink)}
.laiso-sv__obra-bg{fill:#ECE7DF}
.laiso-sv__obra-line{stroke:#BDB1A1;stroke-width:3}
.laiso-sv__cav{fill:#FAFAF8}
.laiso-sv__lana-bg{fill:#F5E7B6}
.laiso-sv__lana-dot{fill:#E2C261}
.laiso-sv__perfil{fill:none;stroke:#8C8F94;stroke-width:3}
.laiso-sv__placa{fill:#F2F1EE;stroke:#8C8F94;stroke-width:1.5}
.laiso-sv__banda rect{fill:var(--laiso-ok)}
.laiso-sv__sello circle{fill:var(--laiso-ok);stroke:#fff;stroke-width:1.5}
.laiso-sv__gap rect{fill:#fff;stroke:var(--laiso-red);stroke-width:2;stroke-dasharray:4 3}
.laiso-sv__caja{fill:#6A7077;stroke:#3B4046;stroke-width:2}
.laiso-sv__dim line{stroke:var(--laiso-navy);stroke-width:2}
.laiso-sv__dim-head{fill:var(--laiso-navy)}
.laiso-sv__labelbg{fill:#fff;stroke:var(--laiso-line)}
.laiso-sv__dim text{font-size:17px}
.laiso-sv__fuga line{stroke:var(--laiso-red);stroke-width:3;stroke-dasharray:7 5}
.laiso-sv__fuga-head{fill:var(--laiso-red)}
.laiso-sv__fuga text{font-size:17px;fill:var(--laiso-red)}
.laiso-sv__pins circle{fill:var(--laiso-navy)}
.laiso-sv__pins text{font-size:15px;fill:#fff}
.laiso-sv__lana,.laiso-sv__banda,.laiso-sv__sello,.laiso-sv__gap,.laiso-sv__dim,.laiso-sv__fuga,.laiso-sv__pins,.laiso-sv__cajab--antes,.laiso-sv__cajab--despues{transition:opacity var(--transition-base)}
.laiso-cajas[data-estado="despues"] .laiso-sv__gap,
.laiso-cajas[data-estado="despues"] .laiso-sv__fuga,
.laiso-cajas[data-estado="despues"] .laiso-sv__cajab--antes,
.laiso-cajas[data-estado="antes"] .laiso-sv__lana,
.laiso-cajas[data-estado="antes"] .laiso-sv__banda,
.laiso-cajas[data-estado="antes"] .laiso-sv__sello,
.laiso-cajas[data-estado="antes"] .laiso-sv__dim,
.laiso-cajas[data-estado="antes"] .laiso-sv__pins,
.laiso-cajas[data-estado="antes"] .laiso-sv__cajab--despues{opacity:0}
.laiso-cajas[data-estado="despues"] [data-s="despues"],.laiso-cajas[data-estado="antes"] [data-s="antes"]{display:block}
.laiso-cajas[data-estado="antes"] .laiso-cajas__state{border-left-color:var(--laiso-red)}
.laiso-cajas[data-estado="antes"] .laiso-cajas__legend{opacity:.45}

@media (max-width:639px){
  .laiso-sv__dim text,.laiso-sv__dim rect,.laiso-sv__fuga text{display:none}
  .laiso-sv__pins circle{r:22px}
  .laiso-sv__pins text{font-size:28px;transform:translateY(5px)}
  .laiso-sv__caja{stroke-width:3}
}
.laiso-cajas__legend{margin:14px 0 0;padding:0;list-style:none;counter-reset:pin;border-top:1px solid var(--laiso-line);transition:opacity var(--transition-fast)}
.laiso-cajas__legend li{counter-increment:pin;position:relative;margin:0;padding:10px 4px 10px 40px;border-bottom:1px solid var(--laiso-line);font-size:16px;line-height:1.5;color:var(--laiso-muted)}
.laiso-cajas__legend li::before{content:counter(pin);position:absolute;left:4px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--laiso-navy);color:#fff;font-size:14px;font-weight:700;line-height:1}
.laiso-cajas__legend strong{color:var(--laiso-ink)}

/* ============================================================
   G · LA PREGUNTA QUE CAMBIA
   ============================================================ */
.laiso-swap{max-width:68ch;margin:20px 0 0}
.laiso-swap p{margin:0}
.laiso-swap .laiso-swap__old{font-size:20px;line-height:1.4;color:var(--laiso-subtle);text-decoration:line-through;text-decoration-color:rgba(199,8,29,.6);text-decoration-thickness:2px}
.laiso-swap .laiso-swap__new{margin-top:8px;padding-left:20px;border-left:4px solid var(--laiso-red);font-family:var(--font-display);font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.01em;color:var(--laiso-ink)}

/* Mapa síntoma → solución: la última fila es la de absorción */
.laiso-table--map tr.is-alt th,.laiso-table--map tr.is-alt td{background:var(--color-bg-secondary);color:var(--laiso-subtle)}
.laiso-num{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;color:var(--laiso-ink)}

/* ============================================================
   12 · ERRORES
   ============================================================ */
.laiso-errors{display:grid;gap:12px;margin-top:24px}
.laiso-error{position:relative;padding:22px 22px 20px 70px;background:#fff;border:1px solid var(--laiso-line);border-radius:12px}
.laiso-error::before{content:"";position:absolute;left:22px;top:24px;width:30px;height:30px;border-radius:50%;background:var(--laiso-no-bg) no-repeat center/14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 2l10 10M12 2L2 12' stroke='%239F1239' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.laiso-error .laiso-error__t{margin:0 0 10px;font-family:var(--font-body);font-size:20px;line-height:1.3;font-weight:700;color:var(--laiso-ink)}
.laiso-error p{margin:0;font-size:17px;line-height:1.65;color:var(--laiso-muted)}
@media (max-width:639px){
  .laiso-error{padding:62px 16px 18px}
  .laiso-error::before{left:16px;top:20px}
}

/* ============================================================
   13 · CTA, FAQ, SEGUIR LEYENDO
   ============================================================ */
.laiso-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.laiso-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--radius-sm);background:var(--laiso-red);color:#fff;font-size:16px;font-weight:700;text-align:center;box-shadow:var(--shadow-md)}
.laiso-btn:hover{background:var(--color-accent-dark);color:#fff}
.laiso-btn--ghost{background:#fff;border:1px solid var(--color-border-dark);color:var(--laiso-blue);box-shadow:none}
.laiso-btn--ghost:hover{background:var(--color-bg-secondary);color:var(--laiso-blue)}
@media (max-width:520px){.laiso-cta{flex-direction:column;align-items:stretch}}

.laiso-faq{display:grid;gap:10px;margin-top:24px}
.laiso-faq__item{background:#fff;border:1px solid var(--laiso-line);border-radius:12px;overflow:hidden}
.laiso-faq__item[open]{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}
.laiso-faq__item summary{position:relative;display:block;min-height:48px;padding:16px 56px 16px 20px;cursor:pointer;list-style:none}
.laiso-faq__item summary::-webkit-details-marker{display:none}
.laiso-faq__item summary::after{content:"+";position:absolute;top:50%;right:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-bg-secondary);color:var(--laiso-blue);font-size:20px;font-weight:700;line-height:1;transform:translateY(-50%)}
.laiso-faq__item[open] summary::after{content:"–";background:var(--laiso-red);color:#fff}
.laiso-faq__q{margin:0;font-family:var(--font-body);font-size:18px;line-height:1.4;font-weight:700;color:var(--laiso-ink)}
.laiso-faq__a{padding:0 20px 18px;font-size:17px;line-height:1.7;color:var(--laiso-muted)}
.laiso-faq__a p{margin:0 0 10px}
.laiso-faq__a p:last-child{margin:0}
.laiso-faq__a strong{color:var(--laiso-ink)}

.laiso-next{margin-top:36px;padding-top:24px;border-top:1px solid var(--color-border-dark)}
.laiso-next__title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--laiso-ink)}
.laiso-next ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0;padding:0;list-style:none}
.laiso-next li{margin:0}
.laiso-next a{display:flex;align-items:center;min-height:48px;height:100%;padding:12px 16px;background:#fff;border:1px solid var(--laiso-line);border-radius:10px;font-size:16px;font-weight:600;line-height:1.35;color:var(--laiso-blue)}
.laiso-next a:hover{border-color:var(--laiso-blue);background:var(--color-bg-secondary)}

.laiso-byline{margin-top:20px;font-size:15px;color:var(--laiso-subtle)}

/* ============================================================
   14 · ÍNDICE (TOC)
   ============================================================ */
.laiso-aside{min-width:0}
@media (max-width:1079px){.laiso-aside{order:-1;width:100%;max-width:780px;margin:24px auto 0}}
@media (min-width:1080px){
  .laiso-main{grid-column:1;grid-row:1}
  .laiso-aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-height) + 24px);padding-top:48px}
}
.laiso-toc{background:#fff;border:1px solid var(--laiso-line);border-radius:12px}
.laiso-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;cursor:pointer;list-style:none;font-size:16px;font-weight:700;color:var(--laiso-ink)}
.laiso-toc__summary::-webkit-details-marker{display:none}
.laiso-toc__summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--transition-fast)}
.laiso-toc[open] .laiso-toc__summary::after{transform:rotate(-135deg) translateY(-2px)}
.laiso-toc__list{margin:0;padding:0 16px 14px 16px;list-style:none}
.laiso-toc__list li{margin:0}
.laiso-toc__list a{display:block;padding:6px 10px;border-left:2px solid transparent;font-size:15px;line-height:1.4;color:var(--laiso-muted)}
.laiso-toc__list a:hover{color:var(--laiso-red)}
.laiso-toc__list a.is-active{border-left-color:var(--laiso-red);color:var(--laiso-ink);font-weight:700;background:var(--color-bg-secondary)}
.laiso-aside__cta{display:none}
@media (min-width:1080px){
  .laiso-toc{padding:16px 8px 12px;border:0;border-left:1px solid var(--laiso-line);border-radius:0}
  .laiso-toc__summary{min-height:0;padding:0 10px 10px;cursor:default;pointer-events:none;font-size:15px;color:var(--laiso-subtle)}
  .laiso-toc__summary::after{display:none}
  .laiso-toc__list{padding:0;max-height:calc(100vh - var(--header-height) - 190px);overflow-y:auto}
  .laiso-aside__cta{display:flex;align-items:center;justify-content:center;min-height:44px;margin:16px 0 0 9px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--laiso-red);color:#fff;font-size:15px;font-weight:700;text-align:center}
  .laiso-aside__cta:hover{background:var(--color-accent-dark);color:#fff}
}

/* ============================================================
   15 · MÓVIL GENERAL
   ============================================================ */
@media (max-width:767px){
  .laiso{font-size:17px}
  .laiso-section{padding:40px 0}
  .laiso-section:first-child{padding-top:32px}
  .laiso-prose,.laiso-callout{font-size:17px}
  .laiso-prose--lead p:first-child{font-size:18px}
  .laiso-callout--quote,.laiso-callout--final{font-size:18px}
  .laiso-h3{font-size:20px}
}

/* ============================================================
   16 · IMPRESIÓN
   ============================================================ */
@media print{
  .laiso-hero{padding:24px 0;background:none!important;color:#000}
  .laiso-hero__image,.laiso-hero__overlay,.laiso-aside,.laiso-figure,.laiso-cta,.laiso-def__cta,.laiso-next,.laiso-seg{display:none!important}
  .laiso-hero__title,.laiso-hero__sub,.laiso-meta li,.laiso-breadcrumbs,.laiso-breadcrumbs a{color:#000!important}
  .laiso-def{box-shadow:none;border:1px solid #999}
  .laiso-section{padding:20px 0}
  .laiso-section--alt::before{display:none}
  .laiso-callout--final{background:#fff!important;color:#000!important;border:1px solid #999}
  .laiso-lab,.laiso-cajas,.laiso-vs__col--ais{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .laiso-faq__item,.laiso-error,.laiso-table-wrap,.laiso-lab,.laiso-cajas,.laiso-diag,.laiso-data,.laiso-norma,.laiso-vs__col{break-inside:avoid;box-shadow:none}
}

/* ============================================================
   SISTEMA DEL SITIO (fase 2, 30/9/2026) · ux/site-redesign/SYSTEM.md
   la-system.css (prioridad 98) re-viste la página; acá solo lo que la
   plantilla resuelve distinto. Dos clases para ganarle a la-system.
   La frase de cierre (callout--final) deja de ser banda grafito: queda
   blanca con filete rojo, así la página tiene como mucho un bloque oscuro.
   ============================================================ */
.laiso .laiso-callout--final{background:#fff;color:var(--laiso-ink)}
.laiso .laiso-callout--final :is(strong,a){color:var(--laiso-ink)}