/* =============================================================================
   GUÍA (detalle) — las 10 guías de /invertir-en-miami/<slug>/ en es/en/pt
   (30 páginas). Figma "PFS | Entregas" (QP8dpaPwOHvXXXj8b6LV36), sección
   2319:6267: "Guía · Desktop" 1360 y "Guía · Móvil" 390. Rediseño completo,
   27-sep-2026. El archivo dibuja UNA guía (bienes-raices-en-estados-unidos);
   las otras 9 usan los mismos componentes con su propio texto.

   Medidas: JSON de nodos del archivo (/nodes, 29-sep-2026), marcos 2319:6268
   (1360) y 2319:6690 (390). La primera versión (27-sep) salió de un render a
   0,37 y dejó pesos, márgenes y tamaños estimados; esta los reemplaza todos.
   Rafa pone rótulos y botones en Inter; aquí van en Host Grotesk (una sola
   familia, regla de marca 2026) con su tamaño, peso y tracking.

   Las 30 páginas son HTML escrito a mano: ningún generador las reescribe.
   Se cargan DESPUÉS de guias.css (que aporta .gl-page, .gl-btn, .gl-kicker y
   el cierre .gl-end) y todo va bajo .gd-page para no tocar nada más.
   OJO: el barrido de cabecera (scripts/cabecera-sweep.js) reemplaza el <nav>
   entero en cada deploy: nada de aquí debe colgar de una clase del <nav>.
   ========================================================================== */

/* ---------------------------------------------------------------- BARRA
   Ninguna regla propia: la guía lleva la barra común del sitio, igual que
   cualquier otra página (el marco la dibuja como chrome compartido). La
   primera versión copiaba las reglas del hub (columna de 1280 centrada y,
   entre 901 y 1359, sólo hamburguesa): en un portátil de 1280-1359 la guía
   salía sin enlaces y a 1920 con la barra encogida, distinta del resto. */

/* Tokens del archivo. Dos grises: #697386 para párrafos y rótulos, #565656 para
   el texto de tarjetas (y para los párrafos del marco móvil). Filetes #d1d8e5. */
.gd-page{ --gd-gold-ink:#b8860b; --gd-line:#d1d8e5; --gd-ink:#072031; --gd-mute:#697386; --gd-card:#565656; --gd-mist:#d1d8e5; --gd-sky:rgba(0,85,255,.10); --gd-note:#dfeafc; }
.gd-page .gd-wrap{ width:min(1280px, calc(100% - 80px)); margin-inline:auto; }
.gd-page h1,.gd-page h2,.gd-page h3,.gd-page p{ font-family:inherit; }

/* ---------------------------------------------------------------- HERO
   Banda #031420 de 494 con la barra (75 + 40 + 315 + 64). Texto 656 a la
   izquierda, a la derecha el marco de video 560 × 315 con el play de 72 al
   centro. Si la guía no tiene video, ese marco lo ocupa su foto de portada. */
.gd-hero{ background:var(--h26-deep,#031420); color:#fff; }
.gd-hero__in{ display:grid; grid-template-columns:minmax(0,656fr) minmax(0,560fr); column-gap:64px; align-items:center; padding:40px 0 64px; box-sizing:border-box; }
.gd-back{ display:flex; width:fit-content; align-items:center; gap:10px; color:var(--gd-mist); text-decoration:none; font-size:13px; font-weight:600; line-height:18px; }
.gd-back svg{ width:11px; height:10px; flex:none; }
.gd-back:hover{ color:#fff; }
.gd-eyebrow{ margin:47px 0 0; color:var(--h26-gold,#e5c179); font-size:13px; font-weight:600; line-height:18px; letter-spacing:.08em; text-transform:uppercase; }
.gd-hero h1{ margin:16px 0 0; color:#fff; font-size:48px; font-weight:800; line-height:52px; letter-spacing:0; }
.gd-hero__sub{ margin:16px 0 0; color:var(--gd-mist); font-size:16px; line-height:24px; font-weight:400; }
.gd-meta{ display:flex; flex-wrap:wrap; gap:16px; margin:24px 0 0; color:var(--gd-mist); font-size:13px; font-weight:600; line-height:18px; }
.gd-meta span:first-child{ color:#fff; }
.gd-hero__media{ position:relative; isolation:isolate; display:flex; justify-content:center; align-items:center; aspect-ratio:560/315; border-radius:16px; overflow:hidden; background:var(--h26-navy,#072031); }
.gd-hero__img{ display:block; width:100%; height:100%; object-fit:cover; }
/* Con video, la miniatura (autoalojada en /assets/guias/video-<id>.webp: el
   CSP no deja cargar i.ytimg.com) va DETRÁS del play, y el ::before del botón
   cubre todo el marco: se hace clic en cualquier parte de la miniatura. El
   botón NO lleva transform (convertiría el ::before en hijo de 72 px). */
.gd-hero__media > .gd-hero__img:has(+ .gd-play){ position:absolute; inset:0; z-index:-1; transition:transform .3s ease; }
.gd-hero__media:hover > .gd-hero__img:has(+ .gd-play){ transform:scale(1.03); }
.gd-play{
  display:flex; align-items:center; justify-content:center; width:72px; height:72px; padding:0;
  border:0; border-radius:50%; background:#fff; color:var(--h26-navy,#072031); cursor:pointer;
  box-shadow:0 8px 24px rgba(3,20,32,.25); transition:background-color .15s ease;
}
.gd-play::before{ content:""; position:absolute; inset:0; z-index:-1; background:rgba(3,20,32,.22); transition:background-color .15s ease; }
.gd-hero__media:hover .gd-play::before{ background:rgba(3,20,32,.12); }
.gd-hero__media:hover .gd-play{ background:#f2f2f2; }
.gd-play svg{ width:20px; height:22px; margin-left:4px; }

/* Video: se abre encima de la página (el archivo no dibuja reproductor). */
.gd-video{ position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(3,20,32,.88); }
.gd-video[hidden]{ display:none; }
.gd-video__box{ position:relative; width:min(960px,100%); aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; }
.gd-video__box iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.gd-video__x{ position:absolute; top:16px; right:16px; width:44px; height:44px; border:0; border-radius:50%; background:#fff; color:var(--gd-ink); font-size:24px; line-height:44px; cursor:pointer; }

/* ------------------------------------------------------- CIFRAS (4 × 308)
   Sólo en la guía que el archivo dibuja: las otras 9 no tienen estas cifras. */
.gd-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.gd-stat{ min-height:106px; padding:24px; box-sizing:border-box; background:#fff; border:1px solid var(--gd-line); border-radius:12px; box-shadow:0 8px 24px rgba(5,20,31,.08); }
.gd-stat b{ display:block; color:var(--gd-ink); font-size:24px; font-weight:700; line-height:32px; }
.gd-stat span{ display:block; margin-top:4px; color:var(--gd-card); font-size:13px; line-height:20px; }

/* ------------------------------------------ CUERPO: índice 300 · 64 · 916 */
.gd-grid{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:64px; align-items:start; margin-top:48px; padding-bottom:64px; }
.gd-grid > *{ min-width:0; }
.gd-side{ position:sticky; top:95px; display:flex; flex-direction:column; gap:16px; }
/* Índice: rótulo, 24 de aire y 9 filas de 36 separadas por 8. Cada fila lleva
   su propio filete de 1 (#d1d8e5); la activa, 3 dorado y texto navy 600. */
.gd-toc{ padding:20px; background:#fff; border:1px solid var(--gd-line); border-radius:12px; }
.gd-toc__t{ margin:0 0 24px; color:var(--gd-mute); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; text-transform:uppercase; }
.gd-toc ol{ list-style:none; margin:0; padding:0; }
.gd-toc li{ margin:0; }
.gd-toc li + li{ margin-top:8px; }
.gd-toc a{
  display:block; padding:8px 0 8px 12px; border-left:1px solid var(--gd-line);
  color:var(--gd-card); text-decoration:none; font-size:13px; line-height:20px;
}
.gd-toc a:hover{ color:var(--gd-ink); }
.gd-toc a.is-on{ border-left:3px solid var(--h26-gold,#e5c179); color:var(--gd-ink); font-weight:600; }

/* Recurso exclusivo (navy, 300 × 176): rótulo · título · texto · botón, 10 entre sí */
.gd-res{ padding:20px; background:var(--h26-navy,#072031); border-radius:12px; color:#fff; }
.gd-res .gl-kicker,
.gd-body .gd-res .gl-kicker{ margin:0; color:var(--h26-gold,#e5c179); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.08em; }
.gd-res__t,
.gd-body .gd-res .gd-res__t{ margin:10px 0 0; color:#fff; font-size:18px; font-weight:600; line-height:26px; }
.gd-res__x,
.gd-body .gd-res .gd-res__x{ margin:10px 0 0; color:var(--gd-mist); font-size:13px; line-height:20px; }
.gd-res .gl-btn{ margin-top:10px; height:44px; border-radius:8px; font-size:13px; line-height:18px; }
.gd-res--m{ display:none; }

/* Índice plegado del móvil: fuera del flujo en escritorio. */
.gd-tocm{ display:none; }

/* ------------------------------------------------------------ ARTÍCULO
   Ritmo del archivo: 48 entre secciones, 16 dentro de cada una. Cada bloque
   lleva 16 abajo y el H2 48 arriba; los márgenes colapsan y queda 48. */
.gd-body{ color:var(--gd-ink); }
.gd-body > :first-child{ margin-top:0; }
.gd-body .gd-lead{ margin:0 0 16px; color:var(--gd-ink); font-size:20px; font-weight:600; line-height:30px; }
.gd-lead strong{ font-weight:inherit; }
.gd-body p{ margin:0 0 16px; color:var(--gd-mute); font-size:16px; line-height:24px; }
.gd-body p strong{ color:var(--gd-ink); font-weight:600; }
.gd-body a{ color:var(--h26-blue-ink,#2f6fd0); }
.gd-body .gd-h2{ margin:48px 0 16px; color:var(--gd-ink); font-size:32px; font-weight:700; line-height:40px; letter-spacing:0; scroll-margin-top:95px; }
.gd-body .gd-h3{ margin:32px 0 12px; color:var(--gd-ink); font-size:20px; font-weight:700; line-height:28px; letter-spacing:0; }
.gd-list{ margin:0 0 16px; padding-left:20px; color:var(--gd-mute); font-size:16px; line-height:24px; }
.gd-list li{ margin:0 0 8px; }
.gd-list li::marker{ color:var(--gd-gold-ink); }
.gd-list strong{ color:var(--gd-ink); font-weight:600; }
.gd-img{ margin:0 0 16px; }
.gd-img img{ display:block; width:100%; height:auto; border-radius:12px; }

/* Cita: filete de 3 (#d4af37 en el marco de escritorio), 8 / 0 / 8 / 24 */
.gd-quote{ margin:0 0 16px; padding:8px 0 8px 24px; border-left:3px solid #d4af37; }
.gd-body .gd-quote p{ margin:0; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }

/* Nota: #DFEAFC y texto en negrita en escritorio; crema y regular en móvil */
.gd-note{ margin:0 0 16px; padding:16px 20px; background:var(--gd-note); border-radius:12px; }
.gd-body .gd-note p{ margin:0; color:var(--gd-ink); font-size:14px; font-weight:700; line-height:22px; }

/* ------------------------------------------------ TARJETAS NUMERADAS */
.gd-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0 0 16px; padding:0; list-style:none; }
.gd-cards--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.gd-cards > *{ min-width:0; }
.gd-card{ padding:24px; background:#fff; border:1px solid var(--gd-line); border-radius:12px; }
.gd-card__n{ display:block; color:var(--gd-gold-ink); font-size:24px; font-weight:700; line-height:32px; }
.gd-card__t{ display:block; margin-top:10px; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-card__x{ display:block; margin-top:10px; color:var(--gd-card); font-size:14px; line-height:22px; }
/* Las listas "<strong>Título:</strong> texto" dejan el texto en minúscula: se
   capitaliza al pintar, sin tocar el texto (sigue igual en es/en/pt). */
.gd-card__x::first-letter,.gd-steps span::first-letter{ text-transform:uppercase; }
.gd-cards--3 .gd-card{ padding:20px; }
.gd-cards--3 .gd-card__n{ font-size:13px; line-height:18px; font-weight:600; }
.gd-cards--3 .gd-card__t{ margin-top:6px; }
.gd-cards--3 .gd-card__x{ margin-top:6px; font-size:13px; line-height:20px; }
.gd-cards--plain .gd-card__t{ margin-top:0; }

/* Cifra destacada navy: columna de 340 + texto, 32 entre ambas */
.gd-big{ display:grid; grid-template-columns:340px minmax(0,1fr); gap:32px; align-items:center; margin:0 0 16px; padding:28px 32px; background:var(--h26-navy,#072031); border-radius:16px; color:#fff; }
.gd-big b{ display:block; color:var(--h26-gold,#e5c179); font-size:48px; font-weight:800; line-height:52px; letter-spacing:0; white-space:nowrap; }
.gd-big span{ display:block; margin-top:4px; color:#f2f2f2; font-size:13px; line-height:20px; }
.gd-body .gd-big p{ margin:0; color:#f2f2f2; font-size:14px; line-height:22px; }

/* Riesgos: filas de 20 / 0 / 20 separadas por 8, rótulo 11 sobre cada columna */
.gd-risk{ margin:0 0 16px; padding:4px 24px; background:#fff; border:1px solid var(--gd-line); border-radius:12px; list-style:none; }
.gd-risk li{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:20px; padding:20px 0; border-bottom:1px solid var(--gd-line); }
.gd-risk li + li{ margin-top:8px; }
.gd-risk li:last-child{ border-bottom:0; }
.gd-risk small{ display:block; margin-bottom:4px; color:var(--gd-mute); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.06em; text-transform:uppercase; }
.gd-risk .gd-risk__m small{ color:var(--gd-gold-ink); }
.gd-risk b{ display:block; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-risk .gd-risk__m span{ display:block; color:var(--gd-card); font-size:14px; line-height:22px; }
.gd-body .gd-strong{ margin:0 0 16px; color:var(--gd-ink); font-size:16px; font-weight:600; line-height:24px; }

/* Llamada WhatsApp: bloque del artículo (48 arriba y abajo), azul al 10 % */
.gd-ask{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:48px 0; padding:24px 28px; background:var(--gd-sky); border-radius:16px; }
.gd-body .gd-ask__t{ margin:0; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-body .gd-ask p:not(.gd-ask__t){ margin:4px 0 0; color:var(--gd-mute); font-size:14px; line-height:22px; }
.gd-ask .gl-btn{ flex:none; height:48px; padding:0 20px; border-radius:8px; font-size:13px; line-height:18px; }

/* Proceso: marcador de 40, riel de 2 × 44 (#d1d8e5) y texto a 60 */
.gd-steps{ position:relative; margin:0 0 16px; padding:0; list-style:none; }
.gd-steps li{ position:relative; min-height:84px; padding-left:60px; box-sizing:border-box; }
.gd-steps li:last-child{ min-height:0; }
.gd-steps li::before{
  content:counter(list-item); position:absolute; left:0; top:0;
  display:flex; align-items:center; justify-content:center; width:40px; height:40px; box-sizing:border-box;
  border:1px solid var(--gd-line); border-radius:50%; background:#fff; color:var(--gd-ink); font-size:13px; font-weight:600;
}
.gd-steps li:first-child::before{ background:var(--h26-navy,#072031); border-color:var(--h26-navy,#072031); color:#fff; }
.gd-steps li:not(:last-child)::after{ content:""; position:absolute; left:19px; top:40px; width:2px; height:44px; background:var(--gd-line); }
.gd-steps b{ display:block; padding-top:8px; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-steps span{ display:block; margin-top:4px; padding-bottom:16px; color:var(--gd-card); font-size:14px; line-height:22px; }

/* Tablas: cifras etiqueta/valor (filas de 16 / 0 / 16 separadas por 8) y
   tablas comparativas de las otras guías */
.gd-table{ margin:0 0 16px; overflow-x:auto; background:#fff; border:1px solid var(--gd-line); border-radius:12px; }
.gd-table table{ width:100%; border-collapse:collapse; font-size:14px; line-height:22px; }
.gd-table th{ padding:16px 24px 12px; text-align:left; color:var(--gd-mute); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px solid var(--gd-line); }
.gd-table td{ padding:16px 24px; color:var(--gd-card); border-top:1px solid var(--gd-line); vertical-align:top; }
.gd-table tr:first-child td{ border-top:0; }
.gd-table td:first-child{ color:var(--gd-ink); font-weight:600; }
.gd-table--kv{ padding:4px 24px; }
.gd-table--kv table,.gd-table--kv tbody{ display:block; }
.gd-table--kv tr{ display:flex; justify-content:space-between; align-items:center; gap:24px; padding:16px 0; border-bottom:1px solid var(--gd-line); }
.gd-table--kv tr + tr{ margin-top:8px; }
.gd-table--kv tr:last-child{ border-bottom:0; }
.gd-table--kv td{ display:block; padding:0; border:0; }
.gd-table--kv td:first-child{ color:var(--gd-mute); font-weight:400; }
.gd-table--kv td:last-child{ text-align:right; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; white-space:nowrap; }
.gd-body .gd-src{ margin:0 0 16px; color:var(--gd-card); font-size:13px; line-height:20px; }

/* Ecosistema: 3 + 2, 12 entre fichas y 16 entre filas; PFS Realty en navy */
.gd-eco{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px 12px; margin:0 0 16px; padding:0; list-style:none; }
.gd-eco li{ grid-column:span 2; min-width:0; padding:20px; background:#fff; border:1px solid var(--gd-line); border-radius:12px; }
.gd-eco li:nth-child(n+4){ grid-column:span 3; }
.gd-eco b{ display:block; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-eco span{ display:block; margin-top:4px; color:var(--gd-card); font-size:13px; line-height:20px; }
.gd-eco li.is-pfs{ background:var(--h26-navy,#072031); border:0; }
.gd-eco li.is-pfs b{ color:#fff; }
.gd-eco li.is-pfs span{ color:var(--gd-mist); }

/* Transcripción plegada: 661 × 100, texto 13 y "+" 18 a los extremos */
.gd-trans{ max-width:661px; margin:48px 0 0; background:#fff; border:1px solid var(--gd-line); border-radius:12px; }
.gd-trans > summary{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:98px; padding:18px 24px; box-sizing:border-box; cursor:pointer; list-style:none; }
.gd-trans > summary::-webkit-details-marker{ display:none; }
.gd-trans > summary h2{ flex:0 1 auto; margin:0; color:var(--gd-ink); font-size:13px; font-weight:600; line-height:18px; letter-spacing:0; }
.gd-trans > summary::after{ content:"+"; flex:none; color:var(--gd-ink); font-size:18px; font-weight:600; line-height:26px; }
.gd-trans[open] > summary::after{ content:"\2212"; }
.gd-trans__body{ padding:0 24px 24px; }
.gd-body .gd-trans__body h3{ margin:20px 0 8px; font-size:16px; line-height:24px; }
.gd-body .gd-seo{ margin:32px 0 0; padding-top:20px; border-top:1px solid var(--gd-line); font-size:13px; line-height:22px; }

/* --------------------------------------------------------------- FAQ navy
   Banda #041420: título a 46 del borde, filas #F3F3F3 de 62 separadas por 2.
   Reusa .faq/.faq-item/.faq-q/.faq-a para el acordeón de script.js: todo va
   prefijado con .gd-page .gd-faq (0-3-0) para ganar a los estilos globales.
   En escritorio la fila abierta sigue mostrando "+" (así lo dibuja el marco);
   en móvil pasa a "−". */
.gd-faq{ padding:46px 0 64px; background:#041420; color:#fff; }
.gd-page .gd-faq h2{ margin:0; color:#fff; font-size:32px; font-weight:700; line-height:1.333; letter-spacing:0; scroll-margin-top:95px; }
.gd-faq__sub{ margin:16px 0 0; color:#fff; font-size:16px; line-height:1.4; }
.gd-page .gd-faq .faq{ max-width:none; margin:32px 0 0; gap:2px; }
.gd-page .gd-faq .faq-item{ background:#f3f3f3; border-radius:0; box-shadow:none; }
.gd-page .gd-faq .faq-q{ box-sizing:border-box; padding:20px 64px 20px 24px; font-family:inherit; font-size:16px; font-weight:700; line-height:22px; color:#041420; }
.gd-page .gd-faq .faq-item.open .faq-q{ padding-bottom:16px; }
.gd-page .gd-faq .faq-q::after{ content:"+"; right:29px; color:#041420; font-size:18px; font-weight:400; line-height:24px; }
.gd-page .gd-faq .faq-item.open .faq-q::after{ transform:translateY(-50%); }
.gd-page .gd-faq .faq-a p{ margin:0; padding:0 126px 28px 24px; color:#041420; font-size:16px; line-height:1.333; }

/* ------------------------------------------------------ GUÍAS RELACIONADAS
   4 tarjetas VERTICALES de 302 × 480: foto a toda la altura, degradado
   #051928 del 50 % (0) al 100 % (0,8) y el texto encima. */
.gd-rel{ padding:64px 0 132px; }
.gd-rel__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.gd-rel__head .gl-kicker{ display:none; }
.gd-page .gd-rel h2{ margin:0; color:#051928; font-size:32px; font-weight:700; line-height:1.333; letter-spacing:0; }
.gd-rel__sub{ margin:4px 0 0; color:var(--gd-ink); font-size:16px; line-height:24px; letter-spacing:-.01em; }
.gd-rel__all{ display:inline-flex; align-items:center; gap:12px; color:var(--gd-ink); text-decoration:none; font-size:14px; font-weight:600; line-height:18.6px; white-space:nowrap; }
.gd-rel__all svg{ display:block; width:20px; height:8px; }
.gd-rel__row{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:48px; }
.gd-rc{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio:302/480; padding:24px; box-sizing:border-box; overflow:hidden; isolation:isolate; border-radius:16px; color:#fff; text-decoration:none; background:var(--h26-deep,#031420); }
.gd-rc img{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.gd-rc::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(5,25,40,0) 50%, rgba(5,25,40,.8) 100%); }
.gd-rc:hover img{ transform:scale(1.04); }
.gd-rc b{ display:block; color:#fff; font-size:18px; font-weight:700; line-height:22px; }
.gd-rc span{ display:block; margin-top:4px; color:rgba(255,255,255,.8); font-size:13px; line-height:16px; }

/* ---------------------------------------------------------------- CIERRE
   .gl-end viene de guias.css (el hub también lo usa: no se toca allí). Aquí,
   sobre blanco y con las medidas del marco de la guía: 64 / 43 / 48 / 331 / 64. */
.gd-page .gd-end{ padding:64px 0; background:#fff; }
.gd-page .gd-end .gl-h2{ font-weight:700; line-height:1.333; letter-spacing:0; }
.gd-page .gd-end .gl-end__row{ margin-top:48px; }
.gd-page .gd-end .gl-photo{ min-height:331px; padding:38px 24px 24px; border-radius:3px; }
.gd-page .gd-end .gl-photo .gl-kicker{ font-size:11px; font-weight:800; line-height:14.6px; letter-spacing:.37em; }
.gd-page .gd-end .gl-photo__t{ margin-top:27px; max-width:315px; font-size:39px; font-weight:800; line-height:45.5px; letter-spacing:0; }
.gd-page .gd-end .gl-photo .gl-more{ font-weight:700; line-height:18.6px; }
.gd-page .gd-end .gl-proj{ min-height:331px; padding:0 60px 13px; border-radius:4px; }
.gd-page .gd-end .gl-proj__t{ font-weight:700; line-height:1.333; letter-spacing:0; }
.gd-page .gd-end .gl-proj__x{ margin-top:14px; max-width:425px; font-weight:300; line-height:1.333; }
.gd-page .gd-end .gl-proj .gl-btn{ margin-top:24px; height:59px; padding:0 37px; gap:13px; border-radius:5px; font-weight:700; line-height:26.5px; }

/* ================================================================== MÓVIL
   Marco "Guía · Móvil" (390): medianil 16 (FAQ y cierre, 20), una columna,
   40 entre secciones del artículo. */
@media (max-width: 900px){
  .gd-page .gd-wrap{ width:calc(100% - 32px); }

  .gd-hero__in{ display:block; padding:24px 0 32px; }
  .gd-eyebrow{ margin-top:12px; font-size:11px; line-height:16px; }
  .gd-hero h1{ margin-top:12px; font-size:32px; font-weight:700; line-height:40px; }
  .gd-hero__sub{ margin-top:12px; font-size:14px; line-height:22px; }
  .gd-meta{ display:none; }
  .gd-hero__media{ margin-top:12px; aspect-ratio:358/201; }

  .gd-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
  .gd-stat{ min-height:0; padding:16px; }
  .gd-stat b{ font-size:18px; line-height:24px; }

  /* Barra del índice: 52 con sus dos filetes, fija bajo la barra del sitio
     (la nota del archivo en 2319:6747 lo pide así). */
  .gd-tocm{ display:block; position:sticky; top:67px; z-index:20; margin-top:8px; border-top:1px solid var(--gd-line); border-bottom:1px solid var(--gd-line); background:#fff; }
  .gd-tocm > summary{ display:flex; align-items:center; gap:8px; height:50px; padding:0 16px; cursor:pointer; list-style:none; }
  .gd-tocm > summary::-webkit-details-marker{ display:none; }
  .gd-tocm__t{ color:var(--gd-mute); font-size:11px; font-weight:600; line-height:16px; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
  .gd-tocm__cur{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--gd-ink); font-size:13px; font-weight:600; line-height:18px; }
  .gd-tocm__chev{ width:10px; height:6px; flex:none; transition:transform .15s ease; }
  .gd-tocm[open] .gd-tocm__chev{ transform:rotate(180deg); }
  .gd-tocm ol{ list-style:none; margin:0; padding:0 16px 12px; }
  .gd-tocm a{ display:block; padding:10px 0; color:var(--gd-ink); text-decoration:none; font-size:14px; line-height:20px; border-top:1px solid var(--gd-line); }

  .gd-grid{ display:block; margin-top:32px; padding-bottom:40px; }
  .gd-side{ display:none; }
  .gd-res--m{ display:block; margin:40px 0; }

  .gd-body .gd-lead{ font-size:18px; line-height:27px; }
  .gd-body p{ color:var(--gd-card); }
  .gd-body .gd-h2{ margin-top:40px; font-size:28px; line-height:40px; scroll-margin-top:130px; }
  .gd-body .gd-h3{ font-size:18px; line-height:26px; }
  .gd-quote{ border-left-color:var(--h26-gold,#e5c179); }
  .gd-note{ background:#f5f1e6; }
  .gd-body .gd-note p{ font-weight:400; }

  .gd-cards,.gd-cards--3{ grid-template-columns:1fr; gap:12px; }
  .gd-cards:not(.gd-cards--3) .gd-card__n{ color:var(--h26-gold,#e5c179); }
  /* Los 6 factores van en dos grupos de 3: 12 dentro del grupo, 16 entre grupos */
  .gd-cards--3 > :nth-child(3n+1):not(:first-child){ margin-top:4px; }

  .gd-big{ display:flex; flex-direction:column; gap:12px; align-items:stretch; }
  .gd-big b{ font-size:40px; line-height:52px; white-space:normal; }
  .gd-big span,.gd-body .gd-big p{ color:var(--gd-mist); }

  .gd-risk li{ display:flex; flex-direction:column; gap:8px; }

  .gd-ask{ display:block; margin:40px 0; }
  .gd-body .gd-ask p:not(.gd-ask__t){ color:var(--gd-ink); }
  .gd-ask .gl-btn{ display:flex; width:100%; }

  .gd-table--kv tr{ flex-direction:column; align-items:flex-start; gap:0; }
  .gd-table--kv td:first-child{ color:var(--gd-card); }
  .gd-table--kv td:last-child{ text-align:left; white-space:normal; }
  .gd-body .gd-src{ color:var(--gd-mute); }

  .gd-eco{ grid-template-columns:1fr; gap:12px; }
  .gd-eco li,.gd-eco li:nth-child(n+4){ grid-column:auto; }
  .gd-eco li:nth-child(4){ margin-top:4px; }

  .gd-trans{ max-width:none; margin-top:40px; }
  .gd-trans > summary{ min-height:0; }
  .gd-trans > summary::after{ color:var(--gd-card); }

  .gd-faq{ padding:48px 0; }
  .gd-faq .gd-wrap{ width:calc(100% - 40px); }
  .gd-page .gd-faq h2{ font-size:28px; }
  .gd-faq__sub{ margin-top:8px; font-size:15px; line-height:1.5; }
  .gd-page .gd-faq .faq{ margin-top:24px; }
  .gd-page .gd-faq .faq-q{ min-height:64px; padding:20px 31px 20px 20px; line-height:21.33px; }
  .gd-page .gd-faq .faq-item.open .faq-q{ min-height:60px; }
  .gd-page .gd-faq .faq-q::after{ right:20px; }
  .gd-page .gd-faq .faq-item.open .faq-q::after{ content:"\2212"; }
  .gd-page .gd-faq .faq-a p{ padding:0 20px 28px; font-size:14px; line-height:21px; letter-spacing:-.01em; }

  .gd-rel{ padding:48px 0; }
  .gd-rel__head{ align-items:center; }
  .gd-rel__head .gl-kicker{ display:block; margin:0 0 4px; color:#1a1a26; font-size:12px; font-weight:700; line-height:16px; letter-spacing:.125em; }
  .gd-page .gd-rel h2{ font-size:28px; }
  .gd-rel__sub{ font-size:15px; line-height:1.5; letter-spacing:0; }
  .gd-rel__all{ gap:8px; }
  .gd-rel__all .gl-only-m svg{ width:14px; height:14px; }
  .gd-rel__row{ grid-template-columns:1fr; gap:16px; margin-top:24px; }
  .gd-rc{ aspect-ratio:358/220; padding:20px; }
  .gd-rc b{ line-height:24px; }
  .gd-rc span{ color:#fff; }

  .gd-page .gd-end{ padding:32px 0 48px; }
  .gd-page .gd-end .gl-wrap{ width:calc(100% - 40px); }
  .gd-page .gd-end .gl-h2{ font-size:22px; }
  .gd-page .gd-end .gl-end__row{ margin-top:24px; }
  .gd-page .gd-end .gl-photo{ min-height:168px; padding:24px; }
  .gd-page .gd-end .gl-photo .gl-kicker{ font-size:10px; line-height:13.3px; letter-spacing:.3em; }
  .gd-page .gd-end .gl-photo__t{ margin-top:8px; font-size:24px; line-height:1.333; }
  .gd-page .gd-end .gl-photo .gl-more{ margin-top:16px; }
  .gd-page .gd-end .gl-proj{ min-height:0; padding:20px; border-radius:8px; }
  .gd-page .gd-end .gl-proj__t{ font-size:20px; }
  .gd-page .gd-end .gl-proj__x{ margin-top:16px; line-height:18.6px; }
  .gd-page .gd-end .gl-proj .gl-btn{ margin-top:16px; height:43px; padding:0 12px; gap:8px; border-radius:6px; line-height:18.6px; }
}