:root{--tinta:#EDEBFA;--suave:#A9A5C3;--cian:#16C1F3;--violeta:#8B5CF6;--fondo:#0B0A16;--tarjeta:#16142A;--borde:#2A2744;--enlace:#B69CFF;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--enlace)}
.envoltura{max-width:760px;margin:0 auto;padding:40px 16px 64px}
header.estudio{display:flex;align-items:center;gap:14px;margin-bottom:36px}
header.estudio img{height:44px;width:auto}
header.estudio span{font-weight:700;letter-spacing:.18em;font-size:.8rem;color:var(--suave)}
h1{font-size:2rem;line-height:1.2;margin:0 0 8px}
h2{font-size:1.25rem;margin:36px 0 8px}
.bajada{color:var(--suave);margin:0 0 32px}
.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:24px;display:flex;gap:20px;align-items:center;text-decoration:none;color:inherit;transition:border-color .15s}
.tarjeta:hover{border-color:var(--violeta)}
.tarjeta img{width:96px;height:auto;flex:none}
.tarjeta h3{margin:0 0 4px;font-size:1.2rem}
.tarjeta p{margin:0;color:var(--suave)}
.app-cabecera{text-align:center;margin-bottom:28px}
.app-cabecera img{width:200px;max-width:60%;height:auto}
.aviso{background:#241F0E;border:1px solid #4A3F16;color:#F5E3A0;border-radius:14px;padding:12px 16px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--borde);color:var(--suave);font-size:.9rem}
.politica ul{padding-left:1.2em}
@media (max-width:520px){.tarjeta{flex-direction:column;text-align:center}h1{font-size:1.6rem}}