/* Aviso de página personal y prevención de estafas (compartido por todas las páginas públicas) */
.aviso-bar{background:#0a1b30;color:#c5d3e3;border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;line-height:1.45}
.aviso-bar .aviso-bar-in{width:min(1120px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 0}
.aviso-bar svg{flex:0 0 auto;width:16px;height:16px;color:#93c5fd}
.aviso-bar p{margin:0;flex:1 1 auto;min-width:0}
.aviso-bar strong{color:#fff;font-weight:700}
.aviso-bar a{flex:0 0 auto;color:#93c5fd;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.aviso-bar a:hover{color:#fff}
.aviso-bar a:focus-visible{outline:2px solid #93c5fd;outline-offset:2px;border-radius:3px}

.aviso{margin:0 0 22px;padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:#d0deed;font-size:13px;line-height:1.7;text-align:left;scroll-margin-top:16px}
.aviso-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.aviso-head svg{flex:0 0 auto;width:20px;height:20px;color:#93c5fd}
.aviso-head h2{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.aviso p{margin:0 0 10px;max-width:none}
.aviso .aviso-oficial{color:#fff;font-weight:700}
.aviso-alerta{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:12px;background:rgba(245,177,61,.1);border:1px solid rgba(245,177,61,.45);border-left:4px solid #f5b13d;color:#fff}
.aviso-alerta svg{flex:0 0 auto;width:20px;height:20px;color:#f5b13d;margin-top:2px}
.aviso-alerta p{margin:0}
.aviso-alerta strong{color:#ffd58a}
.aviso + .footer-row,.aviso + .footer-copy{padding-top:4px}

@media(max-width:640px){
  .aviso-bar .aviso-bar-in{width:calc(100% - 28px);align-items:flex-start;flex-wrap:wrap;gap:4px 8px}
  .aviso-bar svg{margin-top:1px}
  .aviso-bar p{flex:1 1 calc(100% - 26px)}
  .aviso-bar a{margin-left:24px}
  .aviso{padding:18px 16px;font-size:12.5px}
  .aviso-alerta{padding:12px 13px;gap:10px}
}