/* ============================================================
   Los Altillos — Construcción en seco en México (página madre)
   Archivo: assets/construccion-en-seco-mexico.css
   Prefijo: lamx-
   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 Perú (lape-), Ecuador
   (laec-) y Chile (lacl-). La página es un distribuidor: el hub va pegado
   al hero. Lo propio de México es el muro, no el paisaje: el croquis en
   planta de don Arturo (block y castillo contra el muro ligero, con la
   junta en rojo) y el único elemento que levanta la voz, las barras de la
   NOM-020 que calculan el muro ligero más caliente que el de block. Las
   fichas por región llevan su color (gris del lago, ocre del norte,
   verde azulado de la costa, azul talavera del centro). El bloque del
   19S es la única caja oscura con borde rojo.
   ============================================================ */

/* ============================================================
   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}
  .lamx *{animation:none!important;transition:none!important}
}

/* ============================================================
   1 · SCOPE Y ESQUELETO
   ============================================================ */
.lamx{
  --lamx-ink:var(--color-text);
  --lamx-muted:var(--color-text-muted);
  --lamx-subtle:var(--color-text-subtle);
  --lamx-blue:var(--color-secondary);
  --lamx-navy:var(--color-bg-dark);
  --lamx-red:var(--color-accent);
  --lamx-line:var(--color-border);
  background:var(--color-bg);
  color:var(--lamx-ink);
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.7;
  overflow-x:clip; /* clip, no hidden: no rompe position:sticky */
}
.lamx img{width:100%;height:auto}
.lamx a{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.lamx a:focus-visible,.lamx summary:focus-visible{outline:2px solid var(--lamx-red);outline-offset:3px}

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

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

.lamx-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 */
.lamx-section{position:relative;padding:72px 0}
.lamx-section--intro{padding-top:48px}
.lamx-section--alt{isolation:isolate}
.lamx-section--alt::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;background:var(--color-bg-secondary)}
.lamx-section[id]{scroll-margin-top:calc(var(--header-height) + 72px)}
@media (min-width:1080px){.lamx-section[id]{scroll-margin-top:calc(var(--header-height) + 24px)}}
@media (max-width:767px){.lamx-section{padding:56px 0}}

/* ============================================================
   2 · HERO — la definición, sin adornos
   ============================================================ */
.lamx-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--lamx-navy);color:#fff;padding:calc(var(--header-height) + 72px) 0 120px}
.lamx .lamx-hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 62%}
.lamx-hero .lamx-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%)}
.lamx-hero .lamx-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)}
.lamx-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,32,37,.88) 0%,rgba(29,32,37,.66) 50%,rgba(29,32,37,.28) 100%)}

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

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

.lamx-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){.lamx-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lamx-meta li{padding:10px 12px;border-top:2px solid rgba(255,255,255,.28);font-size:15px;line-height:1.4;color:#fff}
.lamx-meta li > span:first-child{display:block;margin-bottom:2px;font-size:14px;color:rgba(255,255,255,.62)}
.lamx-meta a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}

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

/* ============================================================
   3 · HUB — guías de México y guías por sistema
   El panel se monta sobre el borde inferior del hero.
   ============================================================ */
.lamx-hub{position:relative;z-index:1;margin-top:-72px}
@media (max-width:767px){.lamx-hub{margin-top:-48px}}
.lamx-hub__inner{padding:36px;background:#fff;border:1px solid var(--lamx-line);border-radius:20px;box-shadow:0 18px 50px rgba(29,32,37,.16)}
@media (max-width:767px){.lamx-hub__inner{padding:24px 16px;border-radius:16px}}
.lamx-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(--lamx-ink)}
.lamx-hub__lead{max-width:62ch;margin:10px 0 0;font-size:17px;line-height:1.6;color:var(--lamx-muted)}

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

.lamx-gcard{position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:26px 24px 22px;border-radius:14px;background:var(--lamx-navy);color:#fff;text-decoration:none;overflow:hidden}
.lamx-gcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--lamx-red)}
.lamx-gcard:hover{background:var(--lamx-blue);color:#fff}
.lamx-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}
.lamx-gcard__title{font-family:var(--font-display);font-size:24px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.lamx-gcard__text{font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
.lamx-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(--lamx-red);text-decoration-thickness:2px}
@media (max-width:767px){.lamx-gcard{padding:22px 18px 20px 22px}.lamx-gcard__title{font-size:22px}}

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

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

.lamx-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(--lamx-ink);text-wrap:balance}
.lamx-h2--small{font-size:clamp(24px,2.6vw,30px)}
.lamx-h3{margin:44px 0 12px;font-family:var(--font-body);font-size:22px;line-height:1.3;font-weight:700;color:var(--lamx-ink);text-wrap:balance}
.lamx-h2 + .lamx-h3{margin-top:8px}

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

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

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

/* ============================================================
   5 · LISTAS
   ============================================================ */
.lamx-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:68ch;margin:8px 0 24px;padding:0;list-style:none}
.lamx-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(--lamx-ink)}

.lamx-checks{display:grid;gap:8px;max-width:68ch;margin:8px 0 24px;padding:0;list-style:none}
.lamx-checks li{position:relative;margin:0;padding-left:32px;font-size:18px;line-height:1.6;color:var(--lamx-muted)}
.lamx-checks li::before{content:"";position:absolute;left:4px;top:.45em;width:14px;height:8px;border-left:3px solid var(--lamx-red);border-bottom:3px solid var(--lamx-red);transform:rotate(-45deg)}
@media (max-width:767px){.lamx-checks li{font-size:17px}}

/* ============================================================
   6 · EL CROQUIS DE DON ARTURO — muro ligero contra block y castillo
   Planta con cinco marcas en el orden en que se separaron las funciones.
   ============================================================ */
.lamx-plan{max-width:780px;margin:32px 0 28px;padding:28px;background:#fff;border:1px solid var(--lamx-line);border-radius:18px;box-shadow:var(--shadow-sm)}
@media (max-width:767px){.lamx-plan{padding:18px 12px}}
.lamx-plan__svg{display:block;width:100%;height:auto;max-width:680px;margin-inline:auto}
.lamx-plan figcaption{max-width:640px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--lamx-line)}
@media (min-width:720px){.lamx-chain{column-count:2;column-gap:32px}.lamx-chain::before{display:none}.lamx-chain li{break-inside:avoid}}
.lamx-plan__n{font-family:var(--font-body);font-size:16px;font-weight:700;fill:#fff}
.lamx-plan__n--ink{fill:var(--lamx-blue)}
.lamx-plan__side{font-family:var(--font-body);font-size:14px;font-weight:700;fill:var(--lamx-subtle)}
.lamx-plan__label{font-family:var(--font-body);font-size:14px;font-weight:700;fill:var(--lamx-ink)}
.lamx .lamx-plan__lead{margin:0 0 14px;font-size:16px;font-weight:700;line-height:1.45;color:var(--lamx-ink)}

/* La leyenda: nodos numerados unidos por una línea (el orden de la conversación) */
.lamx-chain{position:relative;margin:0;padding:0;list-style:none;counter-reset:ch}
.lamx-chain::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--color-steel)}
.lamx-chain li{counter-increment:ch;position:relative;margin:0 0 12px;padding-left:42px}
.lamx-chain li:last-child{margin-bottom:0}
.lamx-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(--lamx-blue);color:var(--lamx-blue);font-size:14px;font-weight:700}
.lamx-chain li:nth-child(1)::before{background:var(--lamx-blue);color:#fff}
.lamx-chain li:nth-child(2)::before{background:#3B4046;border-color:#3B4046;color:#fff}
.lamx-chain li:last-child::before{background:var(--lamx-red);border-color:var(--lamx-red);color:#fff}
.lamx-chain strong{display:block;font-size:17px;line-height:1.4;color:var(--lamx-ink)}
.lamx-chain span{display:block;font-size:16px;line-height:1.55;color:var(--lamx-muted)}

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

.lamx-kind{display:inline-block;padding:3px 10px;border-radius:100px;font-size:14px;font-weight:700;line-height:1.35}
.lamx-kind--cat{background:var(--lamx-navy);color:#fff}
.lamx-kind--sys{background:rgba(29,32,37,.1);color:var(--lamx-blue)}
.lamx-kind--brand{background:rgba(199,8,29,.08);color:var(--color-accent-dark)}
.lamx-kind--part{background:var(--color-bg-tertiary);color:var(--lamx-muted)}

/* Tabla de sistemas: la última columna dice si sostiene el edificio */
.lamx-systems th[scope="row"] a{color:var(--lamx-blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,32,37,.3)}
.lamx-systems th[scope="row"] a:hover{text-decoration-color:var(--lamx-red)}
@media (min-width:640px){.lamx-systems{min-width:720px}.lamx-systems th[scope="row"]{width:22%}.lamx-systems td:last-child{width:26%}}
.lamx-est{display:block;padding:8px 10px 8px 12px;border-left:4px solid;border-radius:0 8px 8px 0;font-size:15px;line-height:1.45}
.lamx-est--si{border-color:var(--lamx-blue);background:rgba(29,32,37,.08);color:var(--lamx-ink);font-weight:600}
.lamx-est--no{border-color:var(--color-steel-dark);background:var(--color-bg-tertiary);color:var(--lamx-muted)}
.lamx-est--dep{border-color:var(--lamx-red);background:rgba(199,8,29,.06);color:var(--lamx-ink)}


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

/* ============================================================
   9 · FIGURAS Y MARCADORES DE IMAGEN
   ============================================================ */
.lamx-figure{margin:32px 0}
.lamx-figure img{display:block;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.lamx-figure figcaption{max-width:68ch;margin-top:10px;font-size:15px;line-height:1.55;color:var(--lamx-subtle)}
.lamx-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}
.lamx-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)}
.lamx-ph code{font-size:14px;word-break:break-all}

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

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

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

/* Antes de elegir: es un orden real, así que va numerado */
.lamx-review{display:grid;gap:12px;max-width:780px;margin:8px 0 0;padding:0;list-style:none;counter-reset:rv}
.lamx-review > li{counter-increment:rv;position:relative;margin:0;padding:18px 20px 18px 62px;background:#fff;border:1px solid var(--lamx-line);border-radius:12px}
.lamx-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(--lamx-blue);font-size:15px;font-weight:700}
.lamx-review > li:last-child::before{background:var(--lamx-red);color:#fff}
.lamx-review .lamx-h3{margin:0 0 6px;font-size:19px}
.lamx-review p{margin:0 0 6px;font-size:17px;line-height:1.6;color:var(--lamx-muted)}
.lamx-review p:last-child{margin-bottom:0}
@media (max-width:767px){.lamx-review > li{padding:16px 16px 16px 56px}.lamx-review > li::before{left:14px}}

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

/* ============================================================
   17 · CIERRE, BOTONES, FUENTES
   ============================================================ */
.lamx-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(--lamx-blue);text-wrap:balance}

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

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

/* ============================================================
   15b · MERCADO Y 19S
   ============================================================ */
/* La suma de capas del sistema: chips unidos por un «+» */
.lamx-chips--sum{gap:8px 18px}
.lamx-chips--sum li{position:relative}
.lamx-chips--sum li + li::before{content:"+";position:absolute;left:-10px;top:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--lamx-red)}
/* Mercado: tres datos, sin logos ni enlaces comerciales */
.lamx-market{max-width:780px;margin:32px 0;padding:24px;background:#fff;border:1px solid var(--lamx-line);border-top:4px solid var(--color-steel-dark);border-radius:0 0 14px 14px}
.lamx-market__title{margin:0 0 16px;font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1.35;color:var(--lamx-ink)}
.lamx-market__list{display:grid;gap:16px;margin:0}
@media (min-width:720px){.lamx-market__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}}
.lamx-market__item{min-width:0}
.lamx-market__item dt{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.35;color:var(--lamx-blue)}
.lamx-market__item dd{margin:0;font-size:16px;line-height:1.6;color:var(--lamx-muted)}
.lamx .lamx-market__note{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--lamx-line);font-size:15px;line-height:1.55;color:var(--lamx-subtle)}
@media (max-width:767px){.lamx-market{padding:18px}}

/* 19S de 2017: bloque oscuro con las cifras del CENAPRED */
.lamx-quake{max-width:780px;margin:28px 0 8px;padding:26px 28px;background:var(--lamx-navy);border-left:6px solid var(--lamx-red);border-radius:0 16px 16px 0;color:#fff}
.lamx .lamx-quake__title{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.15;color:#fff}
.lamx .lamx-quake__lead{margin:0 0 18px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86)}
.lamx-quake__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0 0 18px}
@media (min-width:720px){.lamx-quake__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lamx-quake__list > div{min-width:0;padding-top:10px;border-top:2px solid rgba(255,255,255,.25)}
.lamx-quake__list dt{font-family:var(--font-display);font-size:28px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.lamx-quake__list dd{margin:4px 0 0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.75)}
.lamx .lamx-quake__cause{margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.86)}
.lamx .lamx-quake a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lamx-red);text-decoration-thickness:2px}
@media (max-width:767px){.lamx-quake{padding:20px 18px}.lamx-quake__list dt{font-size:24px}}

.lamx-prose--after{margin-top:28px}

/* ============================================================
   15c · COMPONENTES PROPIOS DE MÉXICO
   ============================================================ */
/* Fotos de obra: a su tamaño real, sin recorte a 16:9 ni ampliación */
.lamx-figure--photo img{aspect-ratio:auto;object-fit:initial}

/* NOM-020: el muro ligero contra el de block, ciudad por ciudad (lo memorable).
   Tabla real para lectores de pantalla; las barras miden el ancho de la celda. */
.lamx-heat{max-width:780px;margin:28px 0;padding:24px 24px 20px;background:#fff;border:1px solid var(--lamx-line);border-top:4px solid var(--lamx-red);border-radius:0 0 16px 16px;box-shadow:var(--shadow-sm)}
.lamx-heat__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lamx-heat__table{width:100%;min-width:300px;border-collapse:separate;border-spacing:0 10px;table-layout:fixed}
.lamx-heat__table thead th{padding:0 8px 2px 0;text-align:left;vertical-align:bottom;font-size:14px;font-weight:700;line-height:1.35;color:var(--lamx-muted)}
.lamx-heat__table thead th:first-child{width:30%}
.lamx-heat__key{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.lamx-heat__key--mas{background:var(--color-steel-dark)}
.lamx-heat__key--lig{background:var(--lamx-red)}
.lamx-heat__table tbody th{padding:0 10px 0 0;text-align:left;font-size:16px;font-weight:700;line-height:1.3;color:var(--lamx-ink)}
.lamx-heat__table td{padding:0 8px 0 0;vertical-align:middle}
.lamx-heat__tag{display:block;width:max-content;margin-top:4px;padding:1px 8px;border-radius:100px;background:rgba(199,8,29,.08);font-size:14px;font-weight:700;color:var(--color-accent-dark)}
.lamx-heat__bar{position:relative;display:block;width:var(--w);min-width:64px;height:30px;border-radius:0 6px 6px 0}
.lamx-heat__bar span{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.lamx-heat__bar--mas{background:var(--color-steel-dark)}
.lamx-heat__bar--lig{background:var(--lamx-red)}
.lamx .lamx-heat figcaption{margin-top:6px;padding-top:12px;border-top:1px solid var(--lamx-line);font-size:15px;line-height:1.55;color:var(--lamx-subtle)}
@media (max-width:767px){
  .lamx-heat{padding:18px 14px 16px}
  .lamx-heat__table tbody th{font-size:15px}
  .lamx-heat__bar{height:28px}
  .lamx-heat__bar span{font-size:14px;right:6px}
}

/* Fichas por región: cuatro, dos por fila en escritorio */
.lamx-regions{display:grid;gap:14px;margin-top:24px}
@media (min-width:760px){.lamx-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lamx-region{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border:1px solid var(--lamx-line);border-top:6px solid var(--rc);border-radius:0 0 14px 14px}
.lamx-region--cdmx{--rc:#4E6275}
.lamx-region--norte{--rc:#8A5A22}
.lamx-region--costa{--rc:#1D6B72}
.lamx-region--centro{--rc:#1E4F9C}
.lamx .lamx-region__name{margin:0;font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.1;color:var(--rc)}
.lamx .lamx-region__cities{margin:6px 0 14px;font-size:15px;line-height:1.5;color:var(--lamx-subtle)}
.lamx-region__data{display:grid;gap:10px;margin:0 0 14px}
.lamx-region__data > div{min-width:0}
.lamx-region__data dt{font-size:14px;font-weight:700;line-height:1.4;color:var(--lamx-ink)}
.lamx-region__data dd{margin:0;font-size:16px;line-height:1.55;color:var(--lamx-muted)}
.lamx .lamx-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(--lamx-ink)}
.lamx .lamx-note{max-width:68ch;margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--lamx-subtle)}

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

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

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

/* ============================================================
   19 · IMPRESIÓN
   ============================================================ */
@media print{
  .lamx-hero{padding:24px 0;background:none;color:#000}
  .lamx-hero__image,.lamx-hero__overlay,.lamx-aside,.lamx-cta{display:none!important}
  .lamx-hero__title,.lamx-hero__def,.lamx-meta li,.lamx-breadcrumbs,.lamx-breadcrumbs a{color:#000}
  .lamx-hub{margin-top:0}
  .lamx-hub__inner{box-shadow:none}
  .lamx-section--alt::before{display:none}
  .lamx-faq__item,.lamx-region,.lamx-plan,.lamx-heat,.lamx-quake,.lamx-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 */
.lamx .lamx-hero__def{padding-left:0;border-left:0}
.lamx .lamx-hero .lamx-ph{background:var(--la-stone)}
.lamx .lamx-meta li{border-top:1px solid var(--la-hairline-dk)}

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

/* Las dos guías del país: tarjeta blanca con filete (antes navy/grafito) */
.lamx .lamx-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)}
.lamx .lamx-gcard::before{display:none}
.lamx .lamx-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)}
.lamx .lamx-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}
.lamx .lamx-gcard__tag::before{content:"";flex:none;width:20px;height:2px;background:currentColor}
.lamx .lamx-gcard__title{color:var(--la-graphite);font-size:24px;line-height:1.15}
.lamx .lamx-gcard__text{color:var(--la-body);font-size:16px;line-height:1.6}
.lamx .lamx-gcard__cta{color:var(--la-accent);text-decoration:none}
.lamx .lamx-gcard__cta::after{content:" →"}
.lamx .lamx-gcard:hover .lamx-gcard__cta{color:var(--la-accent-dk)}
@media (max-width:719px){.lamx .lamx-gcard{padding:22px 20px 20px}.lamx .lamx-gcard__title{font-size:22px}.lamx .lamx-gcard__tag{font-size:12px}}

/* Guías por sistema: filas con filete y flecha (como «¿Qué quieres saber?» de la home) */
.lamx .lamx-hub .lamx-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)}
.lamx .lamx-hub__systems{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 32px}
.lamx .lamx-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}
.lamx .lamx-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)}
.lamx .lamx-scard:hover{background:none;border-left:0}
.lamx .lamx-scard:hover .lamx-scard__title{color:var(--la-accent)}
.lamx .lamx-scard:hover::after{border-color:var(--la-accent)}
.lamx .lamx-scard__title{color:var(--la-graphite);font-size:17px}
.lamx .lamx-scard__text{color:var(--la-body);font-size:15px}

/* Lectura */
.lamx .lamx-more a{color:var(--la-graphite);font-weight:600;text-decoration-thickness:1px}
.lamx .lamx-more a:hover{color:var(--la-accent)}
.lamx .lamx-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}
.lamx .lamx-callout{border-left-width:3px}
.lamx .lamx-callout--warning,.lamx .lamx-callout--quote{background:var(--la-offwhite);border-left-color:var(--la-accent)}
.lamx .lamx-note{padding:0;background:none;border-radius:0}
.lamx .lamx-figure img,.lamx .lamx-ph{border-radius:var(--la-r)}
.lamx .lamx-closing{color:var(--la-graphite)}

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

/* Cómo se construye (orden de obra): filas numeradas en baldosa hueso */
.lamx .lamx-review{gap:0}
.lamx .lamx-review > li{padding:22px 0 22px 64px;background:none;border:0;border-top:1px solid var(--la-hairline);border-radius:0}
.lamx .lamx-review > li:last-child{border-bottom:1px solid var(--la-hairline)}
.lamx .lamx-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){.lamx .lamx-review > li{padding:18px 0 18px 58px}.lamx .lamx-review > li::before{left:0;width:40px;height:40px}}

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

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

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

/* Tablas: sin sombra */
.lamx .lamx-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. */
.lamx svg:not(.lamx-profile__svg) [fill="#023778" i],.lamx svg:not(.lamx-profile__svg) [fill="#012B60" i]{fill:var(--la-graphite)}
.lamx svg:not(.lamx-profile__svg) [fill="#0B4AA1" i]{fill:#3B4046}
.lamx svg:not(.lamx-profile__svg) [stroke="#023778" i],.lamx svg:not(.lamx-profile__svg) [stroke="#012B60" i]{stroke:var(--la-graphite)}
.lamx svg:not(.lamx-profile__svg) [stroke="#0B4AA1" i]{stroke:#3B4046}

/* Una sola banda grafito por página: la cita de cierre pasa a nota clara con filete rojo */
.lamx .lamx-callout--final{background:var(--la-offwhite);border-left:3px solid var(--la-accent);border-radius:0 var(--la-r) var(--la-r) 0;box-shadow:none;color:var(--la-graphite)}
.lamx .lamx-callout--final :is(strong,a){color:var(--la-graphite)}

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

/* Fase 3 (30/9/2026): con la paleta cálida --color-steel-dark es #8C8F94 y la cifra blanca quedaba en 3,2:1; barra en #6A7077 (5:1). */
.lamx-heat__bar.lamx-heat__bar--mas{background:#6A7077}