/* ============================================================
   Los Altillos — Construcción en seco en Argentina (página madre)
   Archivo: assets/construccion-en-seco-argentina.css
   Prefijo: laag-
   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
   (salvo las rotulaciones internas del SVG, que escalan con él).

   Idea: mismo sistema visual que las madres de México (lamx-), Chile
   (lacl-) y Perú (lape-). La página es un distribuidor: el hub va pegado
   al hero. Lo propio de Argentina es el asado de Zona Norte: dos casas
   vecinas, una de ladrillo y otra de Steel Framing. Por eso el único
   elemento que levanta la voz es «la planilla del asado», la caja oscura
   con las barras de ARQ, donde las dos casas quedan casi iguales (esa es
   la noticia). El ladrillo lleva siempre el mismo color de ladrillo, en el
   corte del muro y en las barras; el acero, el azul de la marca. La regla
   de la IRAM 11605 es la segunda figura, callada, en blanco. Las fichas por
   región llevan su color (río, tierra cuyana, lago patagónico, sol del norte).
   ============================================================ */

/* ============================================================
   0 · GLOBALES DE LA PÁGINA
   ============================================================ */
html{scroll-padding-top:calc(var(--header-height) + 72px)}
@media (min-width:1080px){html{scroll-padding-top:calc(var(--header-height) + 24px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .laag *{animation:none!important;transition:none!important}
}

/* ============================================================
   1 · SCOPE Y ESQUELETO
   ============================================================ */
.laag{
  --laag-ink:var(--color-text);
  --laag-muted:var(--color-text-muted);
  --laag-subtle:var(--color-text-subtle);
  --laag-blue:var(--color-secondary);
  --laag-navy:var(--color-bg-dark);
  --laag-red:var(--color-accent);
  --laag-line:var(--color-border);
  --laag-brick:#B8643F;       /* el ladrillo hueco: corte del muro y barras */
  --laag-brick-soft:#D98A63;  /* el mismo ladrillo sobre fondo oscuro */
  --laag-steel:#C9CCD1;       /* el acero galvanizado sobre fondo oscuro */
  background:var(--color-bg);
  color:var(--laag-ink);
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.7;
  overflow-x:clip; /* clip, no hidden: no rompe position:sticky */
}
.laag img{width:100%;height:auto}
.laag a{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.laag a:focus-visible,.laag summary:focus-visible{outline:2px solid var(--laag-red);outline-offset:3px}

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

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

.laag-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Secciones: el fondo alterno sangra a todo el ancho sin mover la reja */
.laag-section{position:relative;padding:72px 0}
.laag-section--intro{padding-top:48px}
.laag-section--alt{isolation:isolate}
.laag-section--alt::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;background:var(--color-bg-secondary)}
.laag-section[id]{scroll-margin-top:calc(var(--header-height) + 72px)}
@media (min-width:1080px){.laag-section[id]{scroll-margin-top:calc(var(--header-height) + 24px)}}
@media (max-width:767px){.laag-section{padding:56px 0}}

/* ============================================================
   2 · HERO — la definición, sin adornos
   La foto: ladrillo a la izquierda, Steel Framing a la derecha. El
   degradado oscurece la casa de ladrillo (bajo el H1) y deja ver la otra.
   ============================================================ */
.laag-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--laag-navy);color:#fff;padding:calc(var(--header-height) + 72px) 0 120px}
.laag .laag-hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 55%}
.laag-hero .laag-ph{position:absolute;inset:0;z-index:-2;aspect-ratio:auto!important;border-radius:0;background:linear-gradient(135deg,#1D2025 0%,#1D2025 55%,#3B4046 100%)}
.laag-hero .laag-ph span{position:absolute;right:16px;top:calc(var(--header-height) + 8px);border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.7);background:rgba(0,0,0,.2)}
.laag-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,32,37,.9) 0%,rgba(29,32,37,.72) 48%,rgba(29,32,37,.26) 100%)}

.laag-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)}
.laag-breadcrumbs a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.laag-breadcrumbs a:hover{color:#fff;text-decoration-color:#fff}
.laag-breadcrumbs [aria-current="page"]{color:#fff;font-weight:600}

/* El H1 de Argentina es largo (94 car.): ancho de 24ch y algo menor */
.laag-hero__title{max-width:24ch;margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.9vw,47px);line-height:1.1;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.laag-hero__def{max-width:60ch;margin:24px 0 0;padding-left:18px;border-left:4px solid var(--laag-red);font-size:19px;line-height:1.65;color:rgba(255,255,255,.86)}
.laag-hero__def strong{color:#fff;font-weight:700}

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

@media (max-width:767px){
  .laag-hero{padding:calc(var(--header-height) + 36px) 0 80px}
  .laag-hero__overlay{background:linear-gradient(180deg,rgba(29,32,37,.8) 0%,rgba(29,32,37,.92) 100%)}
  .laag-hero__def{font-size:17px;padding-left:14px}
}

/* ============================================================
   3 · HUB — guías de Argentina y guías por sistema
   El panel se monta sobre el borde inferior del hero.
   ============================================================ */
.laag-hub{position:relative;z-index:1;margin-top:-72px}
@media (max-width:767px){.laag-hub{margin-top:-48px}}
.laag-hub__inner{padding:36px;background:#fff;border:1px solid var(--laag-line);border-radius:20px;box-shadow:0 18px 50px rgba(29,32,37,.16)}
@media (max-width:767px){.laag-hub__inner{padding:24px 16px;border-radius:16px}}
.laag-hub__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--laag-ink)}
.laag-hub__lead{max-width:62ch;margin:10px 0 0;font-size:17px;line-height:1.6;color:var(--laag-muted)}

.laag-hub__primary{display:grid;gap:16px;margin-top:24px}
@media (min-width:720px){.laag-hub__primary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.laag-gcard{position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:26px 24px 22px;border-radius:14px;background:var(--laag-navy);color:#fff;text-decoration:none;overflow:hidden}
.laag-gcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--laag-red)}
.laag-gcard:hover{background:var(--laag-blue);color:#fff}
.laag-gcard__tag{align-self:flex-start;padding:3px 10px;border-radius:100px;background:rgba(255,255,255,.12);font-size:14px;font-weight:700;color:#fff}
.laag-gcard__title{font-family:var(--font-display);font-size:24px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.laag-gcard__text{font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
.laag-gcard__cta{margin-top:auto;padding-top:8px;font-size:16px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--laag-red);text-decoration-thickness:2px}
@media (max-width:767px){.laag-gcard{padding:22px 18px 20px 22px}.laag-gcard__title{font-size:22px}}

.laag-hub__sub{margin:32px 0 12px;font-size:17px;font-weight:700;color:var(--laag-ink)}
.laag-hub__systems{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.laag-hub__systems li{margin:0}
.laag-scard{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border:1px solid var(--laag-line);border-left:3px solid var(--color-steel-dark);border-radius:10px;background:#fff;color:var(--laag-ink);text-decoration:none}
.laag-scard:hover{border-left-color:var(--laag-red);background:var(--color-bg-secondary)}
.laag-scard__title{font-size:17px;font-weight:700;line-height:1.35;color:var(--laag-blue)}
.laag-scard__text{font-size:15px;line-height:1.5;color:var(--laag-muted)}

/* ============================================================
   4 · TIPOGRAFÍA
   ============================================================ */
.laag-prose{max-width:68ch;font-size:18px;line-height:1.75;color:var(--laag-muted)}
.laag-prose p{margin:0 0 18px}
.laag-prose p:last-child{margin-bottom:0}
.laag-prose--lead p:first-child{font-size:20px;line-height:1.65;color:var(--laag-ink)}
.laag-prose a,.laag-callout a,.laag-table a,.laag-more a,.laag-byline a,.laag-norm a,.laag-iva a,.laag-arq figcaption a{color:var(--laag-red);text-decoration:underline;text-underline-offset:3px}
.laag-prose a:hover,.laag-table a:hover,.laag-more a:hover{text-decoration:none}
.laag-prose strong{color:var(--laag-ink);font-weight:700}
.laag-prose + .laag-prose{margin-top:18px}
@media (max-width:767px){
  .laag-prose{font-size:17px}
  .laag-prose--lead p:first-child{font-size:18px}
}

.laag-h2{max-width:24ch;margin:0 0 20px;font-family:var(--font-display);font-weight:400;font-size:clamp(27px,3.3vw,38px);line-height:1.14;letter-spacing:-.02em;color:var(--laag-ink);text-wrap:balance}
.laag-h2--small{font-size:clamp(24px,2.6vw,30px)}
.laag-h3{margin:44px 0 12px;font-family:var(--font-body);font-size:22px;line-height:1.3;font-weight:700;color:var(--laag-ink);text-wrap:balance}
.laag-h2 + .laag-h3{margin-top:8px}

/* Definición destacada (respuesta directa para buscadores y lectores) */
.laag-answer{max-width:68ch;margin:0 0 24px;padding:22px 24px;background:#fff;border:1px solid var(--laag-line);border-left:5px solid var(--laag-red);border-radius:0 14px 14px 0;box-shadow:var(--shadow-md);font-size:19px;line-height:1.65;font-weight:500;color:var(--laag-ink)}
@media (max-width:767px){.laag-answer{padding:18px;font-size:17px}}

.laag-callout{max-width:68ch;margin:24px 0;padding:16px 20px;background:rgba(29,32,37,.05);border-left:4px solid var(--laag-blue);border-radius:0 10px 10px 0;font-size:18px;line-height:1.65;font-weight:600;color:var(--laag-ink)}
.laag-callout--warning{background:rgba(199,8,29,.06);border-left-color:var(--laag-red)}
.laag-callout--quote{font-size:20px;border-left-color:var(--laag-red)}
@media (max-width:767px){.laag-callout,.laag-callout--quote{font-size:17px}}

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

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

.laag-checks{display:grid;gap:8px;max-width:68ch;margin:8px 0 24px;padding:0;list-style:none}
.laag-checks li{position:relative;margin:0;padding-left:32px;font-size:18px;line-height:1.6;color:var(--laag-muted)}
.laag-checks li::before{content:"";position:absolute;left:4px;top:.45em;width:14px;height:8px;border-left:3px solid var(--laag-red);border-bottom:3px solid var(--laag-red);transform:rotate(-45deg)}
@media (max-width:767px){.laag-checks li{font-size:17px}}
/* Las 18 preguntas antes de firmar: dos columnas en escritorio */
.laag-checks--cols{max-width:780px}
@media (min-width:720px){.laag-checks--cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

/* ============================================================
   6 · LOS DOS MUROS DEL ASADO — corte en planta
   Ladrillo hueco a la izquierda, Steel Framing a la derecha, con seis
   marcas en el orden real de las capas (de afuera hacia adentro).
   ============================================================ */
.laag-wall{max-width:780px;margin:32px 0 28px;padding:28px;background:#fff;border:1px solid var(--laag-line);border-radius:18px;box-shadow:var(--shadow-sm)}
@media (max-width:767px){.laag-wall{padding:18px 12px}}
.laag-wall__svg{display:block;width:100%;height:auto;max-width:700px;margin-inline:auto}
.laag-wall figcaption{max-width:660px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--laag-line)}
.laag-wall__n{font-family:var(--font-body);font-size:15px;font-weight:700;fill:#fff}
.laag-wall__n--ink{fill:var(--laag-blue)}
.laag-wall__side{font-family:var(--font-body);font-size:14px;font-weight:700;fill:var(--laag-subtle)}
.laag-wall__label{font-family:var(--font-body);font-size:14px;font-weight:700;fill:var(--laag-ink)}
.laag-wall__k{font-family:var(--font-body);font-size:13px;font-weight:600;fill:var(--laag-muted)}
.laag .laag-wall__lead{margin:0 0 14px;font-size:16px;font-weight:700;line-height:1.5;color:var(--laag-ink)}

/* La leyenda: nodos numerados unidos por una línea (el orden de las capas) */
.laag-chain{position:relative;margin:0;padding:0;list-style:none;counter-reset:ch}
.laag-chain::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--color-steel)}
.laag-chain li{counter-increment:ch;position:relative;margin:0 0 12px;padding-left:42px}
.laag-chain li:last-child{margin-bottom:0}
.laag-chain li::before{content:counter(ch);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--laag-blue);color:var(--laag-blue);font-size:14px;font-weight:700}
.laag-chain li:nth-child(-n+3)::before{background:var(--laag-blue);color:#fff}
.laag-chain li:nth-child(4)::before{background:#3B4046;border-color:#3B4046;color:#fff}
.laag-chain strong{display:block;font-size:17px;line-height:1.4;color:var(--laag-ink)}
.laag-chain span{display:block;font-size:16px;line-height:1.55;color:var(--laag-muted)}
@media (min-width:720px){.laag-chain{column-count:2;column-gap:32px}.laag-chain::before{display:none}.laag-chain li{break-inside:avoid}}

/* ============================================================
   7 · LA PLANILLA DEL ASADO — ARQ, ladrillo contra Steel Framing
   El elemento que levanta la voz. Barras desde cero sobre $ 3.000.000:
   quedan casi iguales a propósito, porque eso es lo que dice el dato.
   Sin JS las barras están completas; con JS crecen una sola vez al
   entrar en pantalla (y nunca con reduced-motion).
   ============================================================ */
.laag-arq{max-width:780px;margin:32px 0 28px;padding:28px 28px 22px;background:var(--laag-navy);border-left:6px solid var(--laag-red);border-radius:0 18px 18px 0;color:#fff;box-shadow:var(--shadow-md)}
@media (max-width:767px){.laag-arq{padding:22px 16px 18px 16px}}
.laag-arq__months{display:grid;gap:26px}
@media (min-width:720px){.laag-arq__months{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
.laag-arq__month{min-width:0}
.laag .laag-arq__when{margin:0 0 14px;font-family:var(--font-display);font-size:26px;line-height:1.1;color:#fff}
.laag-arq__when span{display:block;margin-top:4px;font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,.62)}
.laag-arq__bars{display:grid;gap:12px;margin:0}
.laag-arq__row{min-width:0}
.laag-arq__row dt{margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.86)}
.laag-arq__row dd{position:relative;height:38px;margin:0;border-radius:0 8px 8px 0;background:rgba(255,255,255,.07)}
.laag-arq__bar{display:block;width:var(--w);height:100%;border-radius:0 8px 8px 0;transform-origin:left center}
.laag-arq__row--lad .laag-arq__bar{background:var(--laag-brick-soft)}
.laag-arq__row--sf .laag-arq__bar{background:var(--laag-steel)}
.laag-arq__val{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:17px;font-weight:700;line-height:1;color:#1D2025;font-variant-numeric:tabular-nums;white-space:nowrap}
.laag .laag-arq__gap{display:inline-block;margin:14px 0 0;padding:5px 12px;border:1px solid rgba(255,255,255,.35);border-radius:14px;font-size:15px;font-weight:700;line-height:1.35;color:#fff}
.laag-arq__month:last-child .laag-arq__gap{border-color:var(--laag-red);background:rgba(199,8,29,.22)}
.laag .laag-arq__total{margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:17px;line-height:1.6;color:rgba(255,255,255,.86)}
.laag-arq__total strong{color:#fff;font-variant-numeric:tabular-nums}
.laag .laag-arq figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.66)}
.laag .laag-arq figcaption strong{color:rgba(255,255,255,.9)}
.laag .laag-arq figcaption a{color:#fff;text-decoration-color:var(--laag-red);text-decoration-thickness:2px}
@media (max-width:767px){.laag .laag-arq__when{font-size:23px}.laag-arq__val{font-size:16px}.laag .laag-arq__total{font-size:16px}}
/* El único movimiento de la página */
.laag-arq--armed .laag-arq__bar{transform:scaleX(0)}
.laag-arq--armed.is-in .laag-arq__bar{transform:scaleX(1);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.laag-arq--armed.is-in .laag-arq__row--sf .laag-arq__bar{transition-delay:.15s}
.laag-arq--armed.is-in .laag-arq__month:last-child .laag-arq__bar{transition-delay:.35s}
.laag-arq--armed.is-in .laag-arq__month:last-child .laag-arq__row--sf .laag-arq__bar{transition-delay:.5s}

/* ============================================================
   8 · TABLAS
   ============================================================ */
.laag-table-wrap{width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--laag-line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}
.laag-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;color:var(--laag-muted)}
.laag-table caption{caption-side:bottom;padding:12px 16px;text-align:left;font-size:15px;line-height:1.55;color:var(--laag-subtle);border-top:1px solid var(--laag-line)}
.laag-table th,.laag-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--laag-line)}
.laag-table thead th{background:var(--color-bg-secondary);font-weight:700;color:var(--laag-ink);border-bottom:2px solid var(--laag-line)}
.laag-table tbody th[scope="row"]{font-weight:700;color:var(--laag-ink);background:#fff}
.laag-table tbody tr:last-child th,.laag-table tbody tr:last-child td{border-bottom:0}
.laag-vs th[scope="row"]{width:22%}
.laag-table--sources th[scope="row"] a{font-weight:600}

/* Presupuesto A contra B: tres columnas cortas, no se apila; las
   preguntas en gris claro para que se lea como planilla por completar */
.laag-budget td{color:var(--laag-subtle);font-style:italic;white-space:nowrap}
.laag-budget tbody tr:nth-child(even) th,.laag-budget tbody tr:nth-child(even) td{background:var(--color-bg-secondary)}
.laag-budget th[scope="row"]{width:44%}
@media (max-width:479px){.laag-budget{font-size:15px}.laag-budget th,.laag-budget td{padding:10px 10px}.laag-budget td{white-space:normal}}

/* En móvil las tablas de texto se apilan en fichas: nada que deslizar */
@media (max-width:639px){
  .laag-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .laag-table--stack{display:flex!important;flex-direction:column}
  .laag-table--stack caption{display:block;order:2;width:100%}
  .laag-table--stack tbody,.laag-table--stack tr,.laag-table--stack th,.laag-table--stack td{display:block;width:100%}
  .laag-table--stack tr{padding:12px 16px;border-bottom:1px solid var(--laag-line)}
  .laag-table--stack tbody tr:last-child{border-bottom:0}
  .laag-table--stack th,.laag-table--stack td{padding:2px 0;border:0;text-align:left}
  .laag-table--stack tbody th[scope="row"]{width:100%;background:transparent;font-size:17px;margin-bottom:4px}
  .laag-table--stack td[data-label]::before{content:attr(data-label) ": ";font-weight:600;color:var(--laag-subtle)}
  .laag-table--stack td + td{margin-top:4px}
}

/* ============================================================
   9 · FIGURAS Y MARCADORES DE IMAGEN
   ============================================================ */
.laag-figure{margin:32px 0}
.laag-figure img{display:block;border-radius:14px}
.laag-figure figcaption{max-width:68ch;margin-top:10px;font-size:15px;line-height:1.55;color:var(--laag-subtle)}
/* Fotos: a su tamaño real, sin recorte ni ampliación */
.laag-figure--photo img{aspect-ratio:auto;object-fit:initial}
.laag-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}
.laag-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)}
.laag-ph code{font-size:14px;word-break:break-all}

/* ============================================================
   10 · LA REGLA DE LA IRAM 11605 — dónde cae el ladrillo hueco del 18
   Tres tramos (A, B, C) y lo que no cumple ninguno; la aguja en 1,57.
   El dibujo es decorativo (aria-hidden): la tabla de abajo lleva el dato.
   ============================================================ */
.laag-k{max-width:780px;margin:28px 0;padding:24px 24px 18px;background:#fff;border:1px solid var(--laag-line);border-top:4px solid var(--laag-blue);border-radius:0 0 16px 16px;box-shadow:var(--shadow-sm)}
@media (max-width:767px){.laag-k{padding:18px 14px 14px}}
.laag-k__scale{position:relative;padding-top:34px}
.laag-k__bar{position:relative;height:36px;border-radius:6px;background:var(--color-bg-tertiary)}
.laag-k__seg{position:absolute;top:0;bottom:0;left:var(--from);width:calc(var(--to) - var(--from));display:grid;place-items:center;font-size:15px;font-weight:700;color:#fff}
.laag-k__seg--a{background:var(--laag-navy);border-radius:6px 0 0 6px}
.laag-k__seg--b{background:var(--laag-blue)}
.laag-k__seg--c{background:var(--color-steel-dark)}
.laag-k__seg--x{border-radius:0 6px 6px 0;background:repeating-linear-gradient(135deg,rgba(199,8,29,.16) 0 6px,rgba(199,8,29,.05) 6px 12px)}
.laag-k__pin{position:absolute;top:-10px;bottom:-10px;left:var(--at);width:4px;margin-left:-2px;border-radius:2px;background:var(--laag-brick)}
.laag-k__pin span{position:absolute;bottom:calc(100% + 4px);right:-2px;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2;color:var(--laag-brick)}
.laag-k__ticks{position:relative;height:24px;margin-top:6px}
.laag-k__ticks span{position:absolute;left:var(--at);transform:translateX(-50%);font-size:14px;font-weight:600;color:var(--laag-muted);font-variant-numeric:tabular-nums}
.laag-k__table{width:100%;margin-top:14px;border-collapse:collapse;font-size:16px;line-height:1.45}
.laag-k__table th,.laag-k__table td{padding:9px 8px;text-align:left;border-bottom:1px solid var(--laag-line)}
.laag-k__table thead th{font-size:14px;font-weight:700;color:var(--laag-muted)}
.laag-k__table tbody th{font-weight:600;color:var(--laag-ink)}
.laag-k__table tbody tr:last-child th,.laag-k__table tbody tr:last-child td{border-bottom:0}
.laag-k__table td{font-variant-numeric:tabular-nums;color:var(--laag-muted);white-space:nowrap}
.laag-k__lv{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:6px;font-size:14px;font-weight:700;color:#fff;vertical-align:-1px}
.laag-k__lv--a{background:var(--laag-navy)}
.laag-k__lv--b{background:var(--laag-blue)}
.laag-k__lv--c{background:var(--color-steel-dark)}
.laag-k__table td.is-no{color:var(--color-accent-dark);font-weight:700}
.laag-k__table td.is-ok{color:var(--laag-ink);font-weight:600}
.laag .laag-k figcaption{margin-top:10px;padding-top:12px;border-top:1px solid var(--laag-line);font-size:15px;line-height:1.55;color:var(--laag-subtle)}
@media (max-width:479px){.laag-k__table{font-size:15px}.laag-k__table th,.laag-k__table td{padding:8px 4px}}

/* ============================================================
   11 · FICHAS POR REGIÓN — cuatro, dos por fila en escritorio
   ============================================================ */
.laag-regions{display:grid;gap:14px;margin-top:24px}
@media (min-width:760px){.laag-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.laag-region{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border:1px solid var(--laag-line);border-top:6px solid var(--rc);border-radius:0 0 14px 14px}
.laag-region--amba{--rc:#3E6784}      /* el río */
.laag-region--cuyo{--rc:#8A4B2A}      /* la tierra seca del zonda */
.laag-region--patagonia{--rc:#2F6E78} /* los lagos fríos */
.laag-region--norte{--rc:#93641A}     /* el sol del norte */
.laag .laag-region__name{margin:0;font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.1;color:var(--rc)}
.laag .laag-region__cities{margin:6px 0 14px;font-size:15px;line-height:1.5;color:var(--laag-subtle)}
.laag-region__data{display:grid;gap:10px;margin:0 0 14px}
.laag-region__data > div{min-width:0}
.laag-region__data dt{font-size:14px;font-weight:700;line-height:1.4;color:var(--laag-ink)}
.laag-region__data dd{margin:0;font-size:16px;line-height:1.55;color:var(--laag-muted)}
.laag .laag-region__watch{margin:auto 0 0;padding:12px 14px;border-radius:8px;background:var(--color-steel-light);font-size:16px;font-weight:600;line-height:1.55;color:var(--laag-ink)}
.laag .laag-note{max-width:68ch;margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--laag-subtle)}

/* ============================================================
   12 · PRECIO — deriva a la guía de precio
   ============================================================ */
.laag-price{display:grid;gap:18px;align-items:center;max-width:780px;margin-top:28px;padding:24px;border-radius:14px;background:var(--laag-navy);color:#fff}
@media (min-width:720px){.laag-price{grid-template-columns:minmax(0,1fr) auto;padding:26px 28px}}
.laag .laag-price__text{margin:0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.9)}
@media (max-width:767px){.laag .laag-price__text{font-size:17px}}

/* IVA: aviso con borde azul y la letra chica abajo */
.laag-iva{max-width:780px;margin:24px 0;padding:22px 24px;background:#fff;border:1px solid var(--laag-line);border-left:5px solid var(--laag-blue);border-radius:0 14px 14px 0;box-shadow:var(--shadow-sm)}
.laag .laag-iva__title{margin:0 0 10px;font-family:var(--font-body);font-size:19px;font-weight:700;line-height:1.35;color:var(--laag-ink)}
.laag .laag-iva p{margin:0;font-size:17px;line-height:1.65;color:var(--laag-muted)}
.laag-iva strong{color:var(--laag-ink)}
.laag .laag-iva .laag-iva__note{margin-top:12px;padding-top:12px;border-top:1px solid var(--laag-line);font-size:15px;color:var(--laag-subtle)}
@media (max-width:767px){.laag-iva{padding:18px 16px}.laag .laag-iva p{font-size:16px}}

/* ============================================================
   14 · NORMATIVA — la norma al margen
   ============================================================ */
.laag-norm{display:grid;gap:10px 20px;max-width:68ch;margin:24px 0;padding:20px 22px;background:#fff;border:1px solid var(--laag-line);border-left:4px solid var(--laag-blue);border-radius:0 12px 12px 0}
@media (min-width:640px){.laag-norm{grid-template-columns:128px minmax(0,1fr)}.laag-norm > p:not(.laag-norm__code){grid-column:2}.laag-norm__code{grid-row:1 / span 3}}
.laag-norm p{margin:0;font-size:18px;line-height:1.65;color:var(--laag-ink)}
.laag-norm .laag-norm__code{font-family:var(--font-display);font-size:22px;line-height:1.15;color:var(--laag-blue)}
@media (max-width:767px){.laag-norm p{font-size:17px}}

/* ============================================================
   15 · VENTAJAS, ERRORES, PROCESO Y MERCADO
   ============================================================ */
.laag-steps{display:grid;gap:12px;max-width:780px;margin-top:8px}
.laag-step{min-width:0;padding:20px 22px;background:#fff;border:1px solid var(--laag-line);border-left:4px solid var(--color-steel-dark);border-radius:0 12px 12px 0}
.laag-step:first-child{border-left-color:var(--laag-red)}
.laag-step .laag-h3{margin:0 0 8px;font-size:20px}
.laag-step p{margin:0 0 8px;font-size:17px;line-height:1.65;color:var(--laag-muted)}
.laag-step p:last-child{margin-bottom:0}
.laag-step strong{color:var(--laag-ink)}
/* Ventajas: no son una secuencia ni un error: sin borde rojo, en dos columnas */
.laag-steps--grid{max-width:none;margin-top:16px}
@media (min-width:720px){.laag-steps--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.laag-steps--grid .laag-step:first-child{border-left-color:var(--color-steel-dark)}
@media (max-width:767px){.laag-step{padding:18px 16px}}

/* Cómo se construye: es un orden real de obra, así que va numerado */
.laag-review{display:grid;gap:12px;max-width:780px;margin:8px 0 0;padding:0;list-style:none;counter-reset:rv}
.laag-review > li{counter-increment:rv;position:relative;margin:0;padding:18px 20px 18px 62px;background:#fff;border:1px solid var(--laag-line);border-radius:12px}
.laag-review > li::before{content:counter(rv);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--color-steel-light);color:var(--laag-blue);font-size:15px;font-weight:700}
.laag-review > li:nth-child(4)::before{background:var(--laag-red);color:#fff} /* la etapa decisiva */
.laag-review .laag-h3{margin:2px 0 8px;font-size:19px}
.laag-review p{margin:0 0 8px;font-size:17px;line-height:1.65;color:var(--laag-muted)}
.laag-review p:last-child{margin-bottom:0}
.laag-review strong{color:var(--laag-ink)}
@media (max-width:767px){.laag-review > li{padding:16px 16px 16px 56px}.laag-review > li::before{left:14px}}

/* Mercado: datos de fábrica, sin logos ni enlaces comerciales */
.laag-market{max-width:780px;margin:32px 0;padding:24px;background:#fff;border:1px solid var(--laag-line);border-top:4px solid var(--color-steel-dark);border-radius:0 0 14px 14px}
.laag .laag-market__title{margin:0 0 16px;font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1.35;color:var(--laag-ink)}
.laag-market__list{display:grid;gap:16px;margin:0}
@media (min-width:720px){.laag-market__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}}
.laag-market__item{min-width:0}
.laag-market__item dt{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.35;color:var(--laag-blue)}
.laag-market__item dd{margin:0;font-size:16px;line-height:1.6;color:var(--laag-muted)}
.laag .laag-market__note{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--laag-line);font-size:15px;line-height:1.55;color:var(--laag-subtle)}
@media (max-width:767px){.laag-market{padding:18px}}

/* Cuándo sí y cuándo comparar: dos columnas en escritorio */
.laag-split{display:grid;gap:8px 32px;max-width:780px;margin-top:8px}
@media (min-width:860px){.laag-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
.laag-split__col{min-width:0}
.laag-split .laag-h3{margin-top:28px}
.laag-split .laag-checks{margin-bottom:0}

/* ============================================================
   16 · FAQ
   ============================================================ */
.laag-faq{display:grid;gap:10px;max-width:780px;margin-top:24px}
.laag-faq__item{background:#fff;border:1px solid var(--laag-line);border-radius:12px;overflow:hidden}
.laag-faq__item[open]{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}
.laag-faq__item summary{position:relative;display:block;min-height:48px;padding:16px 56px 16px 20px;cursor:pointer;list-style:none}
.laag-faq__item summary::-webkit-details-marker{display:none}
.laag-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(--laag-blue);font-size:20px;font-weight:700;line-height:1;transform:translateY(-50%)}
.laag-faq__item[open] summary::after{content:"–";background:var(--laag-red);color:#fff}
.laag-faq__q{margin:0;font-family:var(--font-body);font-size:18px;line-height:1.4;font-weight:700;color:var(--laag-ink)}
.laag-faq__a{padding:0 20px 18px;font-size:17px;line-height:1.7;color:var(--laag-muted)}
.laag-faq__a p{margin:0}
@media (max-width:767px){.laag-faq__item summary{padding:14px 52px 14px 16px}.laag-faq__a{padding:0 16px 16px}.laag-faq__q{font-size:17px}}

/* ============================================================
   17 · CIERRE, BOTONES, FUENTES
   ============================================================ */
.laag-closing{max-width:26ch;margin:28px 0 0;font-family:var(--font-display);font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.015em;color:var(--laag-blue);text-wrap:balance}

.laag-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.laag-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--radius-sm);background:var(--laag-red);color:#fff;font-size:16px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;box-shadow:var(--shadow-md)}
.laag-btn:hover{background:var(--color-accent-dark);color:#fff}
.laag-btn--ghost{background:#fff;border:1px solid var(--color-border-dark);color:var(--laag-blue);box-shadow:none}
.laag-btn--ghost:hover{background:var(--color-bg-secondary);color:var(--laag-blue)}
@media (max-width:479px){.laag-cta .laag-btn,.laag-price .laag-btn{width:100%}}

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

/* ============================================================
   18 · ÍNDICE (TOC)
   Móvil: bloque plegable arriba del contenido.
   Escritorio: columna derecha fija durante todo el scroll.
   ============================================================ */
.laag-aside{min-width:0}
@media (max-width:1079px){.laag-aside{order:-1;width:100%;max-width:780px;margin:28px auto 0}}
@media (min-width:1080px){
  .laag-main{grid-column:1;grid-row:1}
  .laag-aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-height) + 24px);padding-top:48px;max-height:calc(100vh - var(--header-height) - 24px);overflow-y:auto;overscroll-behavior:contain}
}
.laag-toc{background:#fff;border:1px solid var(--laag-line);border-radius:12px}
.laag-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(--laag-ink)}
.laag-toc__summary::-webkit-details-marker{display:none}
.laag-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)}
.laag-toc[open] .laag-toc__summary::after{transform:rotate(-135deg) translateY(-2px)}
.laag-toc__list{margin:0;padding:0 16px 14px;list-style:none}
.laag-toc__list li{margin:0}
.laag-toc__list a{display:block;padding:5px 10px;border-left:2px solid transparent;font-size:15px;line-height:1.4;color:var(--laag-muted);text-decoration:none}
.laag-toc__list a:hover{color:var(--laag-red)}
.laag-toc__list a.is-active{border-left-color:var(--laag-red);color:var(--laag-ink);font-weight:700;background:var(--color-bg-secondary)}
@media (min-width:1080px){
  .laag-toc{padding:16px 8px 12px;border:0;border-left:1px solid var(--laag-line);border-radius:0}
  .laag-toc__summary{min-height:0;padding:0 10px 10px;cursor:default;pointer-events:none;font-size:15px;color:var(--laag-subtle)}
  .laag-toc__summary::after{display:none}
}

/* ============================================================
   19 · IMPRESIÓN
   ============================================================ */
@media print{
  .laag-hero{padding:24px 0;background:none;color:#000}
  .laag-hero__image,.laag-hero__overlay,.laag-aside,.laag-cta{display:none!important}
  .laag-hero__title,.laag-hero__def,.laag-meta li,.laag-breadcrumbs,.laag-breadcrumbs a{color:#000}
  .laag-hub{margin-top:0}
  .laag-hub__inner{box-shadow:none}
  .laag-section--alt::before{display:none}
  .laag-arq--armed .laag-arq__bar{transform:none}
  .laag-faq__item,.laag-region,.laag-wall,.laag-arq,.laag-k,.laag-iva{break-inside:avoid}
}

/* ============================================================
   20 · SISTEMA VISUAL DEL SITIO (fase 2, 30/9/2026)
   Guía: ux/site-redesign/SYSTEM.md. la-system.css (prioridad 98) ya
   pone hero claro, tokens, botones, FAQ, índice y tablas. Esto ajusta
   lo propio de la página madre, con dos clases para ganarle a la-system:
   · el hub deja de montarse sobre el hero (tapaba la foto) y pasa a ser
     una sección más: cabecera partida, dos guías destacadas en tarjeta
     blanca con filete y las guías por sistema en filas con filete;
   · una sola banda grafito por página (ver el final del bloque);
   · sin barras de color arriba ni a la izquierda de fichas y pasos,
     sin sombras pesadas, radios 12, tintes azules → grafito.
   ============================================================ */

/* Hero: la bajada sin filete (como la home), meta con filete cálido */
.laag .laag-hero__def{padding-left:0;border-left:0}
.laag .laag-hero .laag-ph{background:var(--la-stone)}
.laag .laag-meta li{border-top:1px solid var(--la-hairline-dk)}

/* Hub: sección normal debajo del hero */
.laag .laag-hub{margin-top:0;padding:var(--la-sec) 0;border-bottom:1px solid var(--la-hairline)}
.laag .laag-hub__inner{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.laag .laag-hub .laag-hub__title{max-width:18ch;margin:0;font-size:var(--la-h2);line-height:1.1;letter-spacing:-.01em}
.laag .laag-hub .laag-hub__lead{max-width:56ch;margin:14px 0 0;font-size:18px;line-height:1.6;color:var(--la-body)}
@media (min-width:1024px){
  .laag .laag-hub__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:end}
  .laag .laag-hub__inner > *{grid-column:1 / -1}
  .laag .laag-hub .laag-hub__title{grid-column:1}
  .laag .laag-hub .laag-hub__lead{grid-column:2;grid-row:1;margin:0}
}
@media (max-width:719px){.laag .laag-hub .laag-hub__lead{font-size:16px}}
.laag .laag-hub__primary{gap:16px;margin-top:32px}

/* Las dos guías del país: tarjeta blanca con filete (antes navy/grafito) */
.laag .laag-gcard{gap:10px;padding:28px 28px 24px;background:var(--la-surface);border:1px solid var(--la-hairline-dk);border-radius:var(--la-r);color:var(--la-graphite);transition:border-color var(--la-ease),box-shadow var(--la-ease)}
.laag .laag-gcard::before{display:none}
.laag .laag-gcard:hover{background:var(--la-surface);border-color:var(--la-graphite);box-shadow:0 8px 24px rgba(29,32,37,.06);color:var(--la-graphite)}
.laag .laag-gcard__tag{display:flex;align-items:center;gap:10px;padding:0;background:none;border-radius:0;color:var(--la-accent);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}
.laag .laag-gcard__tag::before{content:"";flex:none;width:20px;height:2px;background:currentColor}
.laag .laag-gcard__title{color:var(--la-graphite);font-size:24px;line-height:1.15}
.laag .laag-gcard__text{color:var(--la-body);font-size:16px;line-height:1.6}
.laag .laag-gcard__cta{color:var(--la-accent);text-decoration:none}
.laag .laag-gcard__cta::after{content:" →"}
.laag .laag-gcard:hover .laag-gcard__cta{color:var(--la-accent-dk)}
@media (max-width:719px){.laag .laag-gcard{padding:22px 20px 20px}.laag .laag-gcard__title{font-size:22px}.laag .laag-gcard__tag{font-size:12px}}

/* Guías por sistema: filas con filete y flecha (como «¿Qué quieres saber?» de la home) */
.laag .laag-hub .laag-hub__sub{margin:40px 0 4px;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--la-secondary)}
.laag .laag-hub__systems{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 32px}
.laag .laag-scard{position:relative;gap:2px;min-height:44px;padding:14px 28px 14px 0;background:none;border:0;border-bottom:1px solid var(--la-hairline);border-radius:0}
.laag .laag-scard::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid var(--la-graphite);border-right:2px solid var(--la-graphite);transform:rotate(45deg)}
.laag .laag-scard:hover{background:none;border-left:0}
.laag .laag-scard:hover .laag-scard__title{color:var(--la-accent)}
.laag .laag-scard:hover::after{border-color:var(--la-accent)}
.laag .laag-scard__title{color:var(--la-graphite);font-size:17px}
.laag .laag-scard__text{color:var(--la-body);font-size:15px}

/* Lectura */
.laag .laag-more a{color:var(--la-graphite);font-weight:600;text-decoration-thickness:1px}
.laag .laag-more a:hover{color:var(--la-accent)}
.laag .laag-answer{background:var(--la-surface);border:1px solid var(--la-hairline);border-left:3px solid var(--la-accent);border-radius:0 var(--la-r) var(--la-r) 0;box-shadow:none}
.laag .laag-callout{border-left-width:3px}
.laag .laag-callout--warning,.laag .laag-callout--quote{background:var(--la-offwhite);border-left-color:var(--la-accent)}
.laag .laag-note{padding:0;background:none;border-radius:0}
.laag .laag-figure img,.laag .laag-ph{border-radius:var(--la-r)}
.laag .laag-closing{color:var(--la-graphite)}

/* Pasos, ventajas y errores: filas con filete, sin caja ni barra de color */
.laag .laag-steps{gap:0}
.laag .laag-steps--grid{column-gap:40px}
.laag .laag-step{padding:22px 0;background:none;border:0;border-top:1px solid var(--la-hairline);border-radius:0}
.laag .laag-step:first-child{border-left:0}
.laag .laag-steps--grid .laag-step:first-child{border-left:0}

/* Cómo se construye (orden de obra): filas numeradas en baldosa hueso */
.laag .laag-review{gap:0}
.laag .laag-review > li{padding:22px 0 22px 64px;background:none;border:0;border-top:1px solid var(--la-hairline);border-radius:0}
.laag .laag-review > li:last-child{border-bottom:1px solid var(--la-hairline)}
.laag .laag-review > li::before{left:0;top:20px;width:44px;height:44px;border-radius:var(--la-r-sm);background:var(--la-offwhite);color:var(--la-graphite);font-size:17px}
@media (max-width:767px){.laag .laag-review > li{padding:18px 0 18px 58px}.laag .laag-review > li::before{left:0;width:40px;height:40px}}

/* Fichas: filete de 1 px y radio 12 */
.laag .laag-market,.laag .laag-norm,.laag .laag-iva{border:1px solid var(--la-hairline);border-radius:var(--la-r);box-shadow:none}
.laag .laag-norm,.laag .laag-iva{border-left:3px solid var(--la-graphite);border-radius:0 var(--la-r) var(--la-r) 0}
.laag .laag-region{border:1px solid var(--la-hairline);border-radius:var(--la-r)}
.laag .laag-region .laag-region__name{display:flex;align-items:center;gap:10px;color:var(--la-graphite)}
.laag .laag-region .laag-region__name::before{content:"";flex:none;width:12px;height:12px;border-radius:3px;background:var(--rc)}
.laag .laag-region .laag-region__watch{background:var(--la-offwhite)}

/* Precio: deriva a la guía de precio. Caja clara con filete (la banda grafito es otra) */
.laag .laag-price{background:var(--la-surface);border:1px solid var(--la-hairline-dk);border-radius:var(--la-r);color:var(--la-graphite)}
.laag .laag-price .laag-price__text{color:var(--la-body)}
.laag .laag-price .laag-price__text strong{color:var(--la-graphite)}

/* Botones: el rojo sin sombra; el secundario con borde grafito */
.laag .laag-btn{box-shadow:none}
.laag .laag-btn--ghost{background:transparent;border:1.5px solid var(--la-graphite);color:var(--la-graphite)}
.laag .laag-btn--ghost:hover{background:var(--la-graphite);border-color:var(--la-graphite);color:#fff}

/* Tablas: sin sombra */
.laag .laag-table-wrap{box-shadow:none}

/* Dibujos (cortes, planos, montantes): el azul de marca de los trazos pasa a grafito, como en la home.
   El perfil del territorio (-profile__svg) queda con sus colores: son datos. */
.laag svg:not(.laag-profile__svg) [fill="#023778" i],.laag svg:not(.laag-profile__svg) [fill="#012B60" i]{fill:var(--la-graphite)}
.laag svg:not(.laag-profile__svg) [fill="#0B4AA1" i]{fill:#3B4046}
.laag svg:not(.laag-profile__svg) [stroke="#023778" i],.laag svg:not(.laag-profile__svg) [stroke="#012B60" i]{stroke:var(--la-graphite)}
.laag svg:not(.laag-profile__svg) [stroke="#0B4AA1" i]{stroke:#3B4046}

/* Banda grafito única de la página: la planilla del asado (.laag-arq). La regla de la IRAM sin barra arriba. */
.laag .laag-k{border:1px solid var(--la-hairline);border-radius:var(--la-r);box-shadow:none}
.laag .laag-wall{border-radius:var(--la-r);box-shadow:none}
.laag .laag-arq{border-radius:0 var(--la-r) var(--la-r) 0;box-shadow:none}
.laag .laag-market{border-top:1px solid var(--la-hairline)}

/* Toques de 44 px: autor del hero y enlaces de las fichas de guías */
.laag .laag-meta a{display:inline-block;padding-block:12px;margin-block:-12px}
.laag .laag-guide__link,.laag .laag-where__link{display:inline-flex;align-items:center;min-height:44px}

/* Fase 3 (30/9/2026): rótulo del pin en ladrillo oscuro (5,2:1); el pin conserva el color del dato. */
.laag .laag-k__pin span{color:#9A5334}