@font-face{font-family:'Space Grotesk';src:url(/fuentes/SpaceGrotesk-Variable.ttf) format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Inter';src:url(/fuentes/Inter-Variable.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{--fondo:#F3F7F6;--texto:#1A2426;--suave:#4A5E5B;--tarjeta:#FFFFFF;--borde:#C9D6D4;--borde-acento:rgba(47,168,160,.45);--acento:#1B7A73;--halo:rgba(47,168,160,.14);--boton:#1B7A73;--sobre-boton:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--fondo:#1A2426;--texto:#D7DBDA;--suave:#8FA3A0;--tarjeta:#222E31;--borde:#2A3436;--borde-acento:rgba(63,201,190,.35);--acento:#3FC9BE;--halo:rgba(63,201,190,.12);--boton:#3FC9BE;--sobre-boton:#1A2426}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo) radial-gradient(ellipse at 50% 0%,var(--halo),transparent 60%) no-repeat;background-size:100% 340px;color:var(--texto);font:400 17px/1.6 Inter,system-ui,sans-serif;min-height:100vh}
header,main,footer{max-width:760px;margin:0 auto;padding:16px}
header{padding-top:28px}
header a.marca{display:inline-flex;align-items:center;gap:10px;font:700 20px 'Space Grotesk',system-ui,sans-serif;color:var(--texto);text-decoration:none}
header a.marca i{width:10px;height:10px;border-radius:50%;background:var(--acento)}
nav{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
nav a{border:1px solid var(--borde-acento);border-radius:999px;padding:4px 14px;font-size:14px;font-weight:600;color:var(--acento);text-decoration:none}
nav a:hover{background:var(--tarjeta)}
h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(30px,6vw,44px)}
a{color:var(--acento)}
.tarjetas{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.tarjeta{background:var(--tarjeta);border:1px solid var(--borde-acento);border-radius:16px;padding:20px;text-decoration:none;color:var(--texto)}
.tarjeta:hover{border-color:var(--acento)}
.tarjeta strong{display:block;font:700 22px 'Space Grotesk',system-ui,sans-serif;color:var(--acento)}
.cafe{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:16px 20px;margin-top:24px;color:var(--suave)}
.cafe a{font-weight:600}
.aviso{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:12px 16px;font-size:15px;color:var(--suave)}
iframe{display:block;width:100%;height:720px;border:0;background:var(--fondo);color-scheme:light dark}
footer{font-size:13px;color:var(--suave);border-top:1px solid var(--borde);margin-top:32px}
footer a{color:var(--suave)}