/* Página provisional (fase 1): mismos tokens que docs/DESIGN.md, sin fuentes externas ni JavaScript */
:root{--fondo:#F3F7FA;--superficie:#FFFFFF;--texto:#0D2033;--tenue:#4A5F73;--linea:#D9E4EE;--acento:#0A63BF}
*{box-sizing:border-box;margin:0}
body{min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:var(--fondo);color:var(--texto);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{width:100%;max-width:600px;background:var(--superficie);border:1px solid var(--linea);border-radius:28px;overflow:hidden}
.foto{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tarjeta{padding:32px 28px 36px}
h1{font-size:clamp(28px,6vw,38px);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.eslogan{margin-top:12px;color:var(--acento);font-weight:700;font-size:14px;letter-spacing:.06em}
p{margin-top:16px;color:var(--tenue)}
.botones{display:grid;gap:12px;margin-top:28px}
a.boton{display:block;text-align:center;padding:16px;border-radius:999px;font-weight:700;text-decoration:none;background:var(--acento);color:#fff}
a.boton.claro{background:transparent;color:var(--texto);border:1.5px solid var(--linea)}
a:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--linea);font-size:15px;color:var(--tenue)}
footer a{color:var(--texto);display:inline-block;padding:6px 0}
p strong{color:var(--texto)}
footer p{margin-top:12px;font-size:13px}