:root{
  --amarillo:#F7C948;--naranja:#F4722B;--rojo:#E8394A;--rosa:#F06292;
  --verde:#5BAD6F;--azul:#4A90D9;--azul-oscuro:#3B5BA5;--morado:#8E44C4;
  --morado-osc:#6A2E9C;--crema:#FFF9F0;--texto:#2B2440;--texto-suave:#6B6577;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;color:var(--texto);background:var(--crema);line-height:1.65;}
h1,h2,h3{font-family:'Baloo 2',cursive;font-weight:800;}

.topbar{background:#fff;border-bottom:3px solid var(--morado);padding:.8rem 2rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.topbar img{height:44px;width:auto;display:block;}
.topbar .back{font-weight:800;font-size:.88rem;color:var(--morado-osc);text-decoration:none;
  background:#F3E8FB;padding:.45rem 1.1rem;border-radius:50px;transition:all .2s;}
.topbar .back:hover{background:var(--morado);color:#fff;}

.wrap{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem 3rem;}
h1{font-size:clamp(1.9rem,5vw,2.6rem);color:var(--texto);margin-bottom:.4rem;}
h1 span{color:var(--morado);}
.updated{font-size:.8rem;font-weight:700;color:var(--texto-suave);margin-bottom:2rem;}
h2{font-size:1.3rem;color:var(--morado-osc);margin:2rem 0 .6rem;padding-top:.4rem;}
h3{font-size:1.05rem;color:var(--texto);margin:1.2rem 0 .3rem;}
p{margin-bottom:.9rem;font-size:.95rem;color:#443C58;}
ul,ol{margin:0 0 1rem 1.2rem;}
li{margin-bottom:.4rem;font-size:.95rem;color:#443C58;}
a{color:var(--morado-osc);font-weight:700;}
strong{color:var(--texto);}

.datos{background:#fff;border:2px solid #EFE6F7;border-left:6px solid var(--morado);
  border-radius:16px;padding:1.2rem 1.4rem;margin:1.2rem 0 1.5rem;
  box-shadow:0 6px 20px rgba(43,36,64,.06);}
.datos p{margin-bottom:.3rem;font-size:.92rem;}
.datos p:last-child{margin-bottom:0;}

.aviso{background:#FFF3E0;border:2px solid #FFD9A8;border-radius:16px;padding:1rem 1.2rem;margin:1.2rem 0;}
.aviso p{margin-bottom:0;font-size:.9rem;}

table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.88rem;background:#fff;
  border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(43,36,64,.06);}
th{background:#F3E8FB;color:var(--morado-osc);font-weight:800;text-align:left;padding:.7rem .9rem;font-size:.82rem;}
td{padding:.7rem .9rem;border-top:1px solid #F0EAF6;color:#443C58;vertical-align:top;}

footer{background:var(--azul-oscuro);color:rgba(255,255,255,.75);text-align:center;padding:1.8rem 1.5rem;}
footer p{color:rgba(255,255,255,.75);font-size:.82rem;margin-bottom:.4rem;}
footer a{color:rgba(255,255,255,.9);text-decoration:none;}
footer a:hover{text-decoration:underline;}

@media (max-width:600px){
  .topbar{padding:.7rem 1rem;}
  .wrap{padding:2rem 1.1rem 2.5rem;}
}