:root{
  --fondo:#ffffff; --texto:#1b1f24; --suave:#5b6572; --linea:#e3e7ec;
  --acento:#0f5c8c; --acento-suave:#f2f7fb; --caja:#f8fafc;
}
:root:not([data-theme="light"]){}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fondo:#14171a; --texto:#e8ecf1; --suave:#a2acb9; --linea:#2a3037;
    --acento:#6fb6e0; --acento-suave:#1a2530; --caja:#1a1e22;
  }
}
:root[data-theme="dark"]{
  --fondo:#14171a; --texto:#e8ecf1; --suave:#a2acb9; --linea:#2a3037;
  --acento:#6fb6e0; --acento-suave:#1a2530; --caja:#1a1e22;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--fondo); color:var(--texto);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.envoltura{max-width:760px; margin:0 auto; padding:0 16px}
header{border-bottom:1px solid var(--linea); background:var(--fondo); position:sticky; top:0; z-index:5}
header .envoltura{display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; padding:16px}
.marca{font-weight:650; letter-spacing:-.01em; font-size:17px; text-decoration:none; color:var(--texto)}
nav{display:flex; gap:18px; margin-left:auto; flex-wrap:wrap}
nav a{color:var(--suave); text-decoration:none; font-size:14.5px}
nav a:hover{color:var(--acento)}
h1{font-size:30px; line-height:1.25; letter-spacing:-.02em; margin:36px 0 10px}
h2{font-size:20px; letter-spacing:-.01em; margin:34px 0 8px}
h3{font-size:16px; margin:24px 0 6px}
p,li{color:var(--texto)}
.entrada{color:var(--suave); font-size:17.5px}
ul{padding-left:20px}
li{margin:5px 0}
.tarjetas{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:22px 0}
.tarjeta{background:var(--caja); border:1px solid var(--linea); border-radius:10px; padding:16px}
.tarjeta h3{margin:0 0 6px}
.tarjeta p{margin:0; color:var(--suave); font-size:14.5px}
.aviso{background:var(--acento-suave); border:1px solid var(--linea); border-left:3px solid var(--acento);
  border-radius:8px; padding:14px 16px; margin:22px 0}
.aviso p{margin:0 0 8px} .aviso p:last-child{margin:0}
.datos{list-style:none; padding:0; margin:14px 0}
.datos li{display:flex; flex-wrap:wrap; gap:4px 10px; padding:9px 0; border-bottom:1px solid var(--linea)}
.datos b{min-width:130px; font-weight:600; color:var(--suave); font-size:14px}
a{color:var(--acento)}
footer{border-top:1px solid var(--linea); margin-top:46px; padding:24px 0 40px}
footer p{color:var(--suave); font-size:13.5px; margin:4px 0}
.pendiente{background:#ffe9a8; color:#5c4300; padding:1px 6px; border-radius:4px; font-size:13px; font-weight:600}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pendiente{background:#5c4300; color:#ffe9a8}}