:root{
  --navy:#12395B; --navy-oscuro:#0E2C47; --verde:#2FA84A; --verde-oscuro:#268A3D;
  --fondo:#E7EBF0; --gris-panel:#F4F6F9; --borde:#E4E8EE;
  --tinta:#16283A; --texto:#42505C; --mudo:#77828E;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--texto)}
a{color:var(--verde);text-decoration:none}
a:hover{color:var(--verde-oscuro)}
.tarjeta{max-width:920px;margin:40px auto;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(18,57,91,.5)}
.nav{background:#fff;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #EDF0F4}
.nav img{height:44px;width:auto;display:block}
.nav .volver{color:var(--navy);font-size:14px;font-weight:700}
.nav .volver:hover{color:var(--verde)}
main{padding:48px}
h1{font-family:'Archivo',system-ui,sans-serif;font-weight:800;color:var(--navy);font-size:32px;line-height:1.15;letter-spacing:-.01em;margin:0 0 6px}
.fecha{color:var(--mudo);font-size:14px;margin:0 0 28px}
h2{font-family:'Archivo',system-ui,sans-serif;font-weight:700;color:var(--navy);font-size:20px;margin:32px 0 10px}
p,li{font-size:15.5px;line-height:1.7}
ul{padding-left:22px}
li{margin-bottom:6px}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14.5px}
th,td{border:1px solid var(--borde);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.55}
th{background:var(--gris-panel);color:var(--navy);font-family:'Archivo';font-weight:700}
.pendiente{background:#FFF6E5;border:1px dashed #E3B341;border-radius:6px;padding:1px 7px;color:#8A6116;font-weight:600;white-space:nowrap}
.destacado{background:var(--gris-panel);border-left:4px solid var(--verde);border-radius:0 10px 10px 0;padding:16px 18px;margin:18px 0}
.pie{background:var(--navy-oscuro);padding:26px 48px;color:#7E93A8;font-size:13px}
.pieLegal{display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center}
.pieLegal a{color:#A9BBCC;font-weight:600}
.pieLegal a:hover{color:#fff}
@media (max-width:700px){
  .tarjeta{margin:0;border-radius:0}
  main{padding:28px 20px}
  .nav,.pie{padding-left:20px;padding-right:20px}
  h1{font-size:26px}
}