/* LexLabs · Subvenciones. Paleta y tipografía de alexcanofuentes.com (variables leídas de la landing el 2-oct-2026).
   Fuentes servidas desde aquí (licencia SIL OFL 1.1, ver fuentes/LICENCIA.txt): ningún visitante pasa por Google. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fuentes/InstrumentSerif-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(fuentes/InstrumentSerif-400i.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fuentes/IBMPlexSans-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fuentes/IBMPlexSans-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fuentes/IBMPlexMono-400.woff2) format("woff2")}

:root{--paper:#FBFAF8;--ink:#141414;--muted:#75726C;--faint:#A6A29B;--rule:#E5E1DA;--rojo:#B4241C;--band:#F3F0EA;--verde:#3A6B4C}
@media (prefers-color-scheme:dark){:root{--paper:#0F0E0D;--ink:#F2EFE9;--muted:#8E8A83;--faint:#5F5B55;--rule:#282622;--rojo:#EE7365;--band:#181614;--verde:#72BA92}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "IBM Plex Sans",system-ui,sans-serif}
main{max-width:44rem;margin:0 auto;padding:3.5rem 1rem 4rem}
.etiqueta{font:12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);margin:0 0 .75rem}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.04;margin:0 0 1rem}
h1 em{color:var(--rojo)}
h2{font-size:1.8rem;line-height:1.15;margin:3rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--rule)}
.entrada{font-size:1.1rem;color:var(--ink);max-width:36rem;margin:0 0 1.5rem}
p{margin:0 0 1rem}
.suave{color:var(--muted)}
a{color:var(--ink);text-decoration-color:var(--rojo);text-underline-offset:3px}
a:hover{color:var(--rojo)}
code{font:.88em "IBM Plex Mono",monospace;background:var(--band);padding:.1em .35em;border-radius:3px;overflow-wrap:anywhere}

.tu-url{background:var(--band);border:1px solid var(--rule);padding:1.25rem;margin:2rem 0}
.tu-url label{display:block;font:12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.tu-url output{display:block;font:14px/1.5 "IBM Plex Mono",monospace;word-break:break-all;background:var(--paper);border:1px solid var(--rule);padding:.7rem .8rem;margin-bottom:1rem;min-height:2.9rem}
.botones{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
button{font:600 15px/1 "IBM Plex Sans",system-ui,sans-serif;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:.95rem 1.4rem;cursor:pointer;min-height:44px}
button:hover{background:var(--rojo);border-color:var(--rojo)}
button:focus-visible,a:focus-visible{outline:2px solid var(--rojo);outline-offset:3px}
#estado{font-size:.95rem;color:var(--verde);min-height:1.5em}
.tu-url .nota{font-size:.92rem;color:var(--muted);margin:1rem 0 0}

.dos{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}
.dos h3{font:12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--ink)}
ol.pasos{list-style:none;counter-reset:paso;padding:0;margin:0 0 1rem}
ol.pasos li{counter-increment:paso;position:relative;padding:0 0 1rem 2.4rem}
ol.pasos li::before{content:counter(paso);position:absolute;left:0;top:-.15rem;font:1.6rem/1 "Instrument Serif",Georgia,serif;color:var(--rojo)}
.dos .letra{font-size:.9rem;color:var(--muted)}

ul.preguntas{list-style:none;padding:0;margin:0}
ul.preguntas li{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.3;padding:.7rem 0;border-bottom:1px solid var(--rule)}

dl.hechos{margin:0;display:grid;grid-template-columns:11rem 1fr;gap:.9rem 1.5rem}
dl.hechos dt{font:12px/1.6 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
dl.hechos dd{margin:0}

footer{margin-top:4rem;padding-top:1.25rem;border-top:1px solid var(--rule);font:12px/1.8 "IBM Plex Mono",monospace;color:var(--muted)}
footer a{color:var(--muted)}

@media (max-width:640px){
  main{padding-top:2.5rem}
  .dos{grid-template-columns:1fr;gap:1.5rem}
  dl.hechos{grid-template-columns:1fr;gap:.2rem}
  dl.hechos dd{margin-bottom:.9rem}
  button{width:100%}
}