/* firstby.lat · guías G28 (28-oct-2026). Se carga DESPUÉS de first2.css y guia.css.
   Alinea las guías con la portada: tipografía Geologica, botones de FIRST (56 px, radio 14, sin sombra)
   y espacios de lectura para el artículo (.ar-article no tenía estilos: los títulos quedaban pegados al texto).
   Quita lo que delata plantilla: etiqueta en mayúsculas, fichas sueltas, círculos numerados, barra lateral. */

@font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;size-adjust:106%;src:url(/assets/fonts/geologica-latin.woff2) format("woff2")}
@font-face{font-family:"Geologica Fallback";src:local("Arial");ascent-override:91.46%;descent-override:25.8%;line-gap-override:0%;size-adjust:113%}
:root{--f:Geologica,"Geologica Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fd:var(--f)}
body{font-family:var(--f)}
h1,h2,h3,.h2{font-family:var(--f);font-weight:460;letter-spacing:-.02em}

/* artículo */
.ar-article{max-width:760px;padding-top:132px}
.ar-article h1{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}
.ar-article .ar-lead{margin:0 0 36px;font-size:clamp(18px,1.9vw,20px);line-height:1.55;color:var(--mut)}
.ar-article>p,.ar-article>ul,.ar-article>ol{font-size:17.5px;line-height:1.7;color:var(--txt);margin:0 0 18px}
.ar-article>h2{font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.015em;margin:52px 0 14px}
.ar-article>ul,.ar-article>ol{padding-left:22px}
.ar-article li{margin:0 0 8px;padding-left:4px}
.ar-article li::marker{color:var(--red);font-weight:600}
.ar-article strong{color:var(--ink);font-weight:550}
.ar-article>p a,.ar-article li a{color:var(--red);text-decoration:none;border-bottom:1px solid var(--red-100)}

/* resumen: sin caja gris ni etiqueta en mayúsculas; líneas finas arriba y abajo */
.resumen{margin:0 0 8px;padding:22px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none}
.resumen h2{margin:0 0 10px;font-size:17px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)}
.resumen li{font-size:16.5px;line-height:1.6}

/* datos clave: filas con línea fina en vez de fichas sueltas */
.datos{display:block;margin:6px 0 24px;border-top:1px solid var(--line)}
.dato{display:flex;align-items:baseline;gap:20px;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.dato b{flex:none;min-width:112px;font:500 22px/1.2 var(--f);letter-spacing:-.02em}
.dato span{margin:0;font-size:15.5px;line-height:1.45}

/* nota sin barra lateral */
.nota{border-left:0;border-radius:14px;background:var(--soft)}

/* pasos: número en rojo, sin círculo; el texto en negrita sigue en la misma línea */
.pasos li{padding-left:34px!important}
.pasos li::before{width:auto;height:auto;background:none;color:var(--red);display:block;font:600 17px/1.7 var(--f)}
.pasos li strong{display:inline}

/* botones de FIRST */
.btn{height:56px;padding:0 24px;border-radius:14px;font:410 18px/1 var(--f);letter-spacing:-.07px;box-shadow:none!important}
.btn--red{box-shadow:none}
.btn--sm{height:44px;padding:0 16px;border-radius:12px;font-size:15px}
.nav__login{font-weight:450;border-radius:12px}

/* cierre */
.cta-ar{margin:56px 0 8px;border-radius:20px}
.cta-ar h2,.cta-ar h3{font-weight:460;letter-spacing:-.02em}
.cta-ar .btn--ghost{border-width:1px}

/* preguntas frecuentes y otras guías */
.ar-faq{padding-top:56px}
.ar-faq .h2{font-size:clamp(28px,3.6vw,40px);line-height:1.1;margin:0 0 8px}
.faq summary{font-family:var(--f);font-weight:450}
.rel a span{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.rel a b{font-weight:500}

@media (max-width:760px){
  .ar-article{padding-top:104px}
  .ar-article>p,.ar-article>ul,.ar-article>ol{font-size:17px}
  .ar-article>h2{margin-top:44px}
  .dato b{min-width:96px;font-size:20px}
  .btn{height:52px;padding:0 20px;font-size:17px}
}