/* Menú lateral compacto del Portal Nacional */
.hero{position:relative}
.menu-toggle{position:absolute;z-index:5;top:18px;left:clamp(14px,3vw,30px);display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(5,25,47,.48);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{background:rgba(5,25,47,.82);border-color:#fff;outline:2px solid rgba(255,255,255,.35);outline-offset:2px}
.menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
.menu-overlay{position:fixed;z-index:1000;inset:0;background:rgba(8,20,35,.42);opacity:0;transition:opacity .22s ease}
.menu-overlay[hidden]{display:none}
.menu-lateral{position:fixed;z-index:1001;inset:0 auto 0 0;display:flex;width:min(360px,88vw);flex-direction:column;overflow-y:auto;padding:24px 18px 18px;background:#fff;color:#172033;box-shadow:14px 0 40px rgba(5,20,40,.18);transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease}
.menu-lateral.abierto{transform:translateX(0);visibility:visible}
.menu-overlay.visible{opacity:1}
.menu-lateral-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:5px 4px 22px;border-bottom:1px solid #e5ebf1}
.menu-lateral-etiqueta{color:#087f8c;font-size:.68rem;font-weight:800;letter-spacing:.14em}
.menu-lateral-cabecera h2{margin:7px 0 0;color:#0c2946;font-size:1.35rem;line-height:1.25}
.menu-cerrar{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid #e1e8ef;border-radius:10px;background:#f8fafc;color:#334155;font-size:1.6rem;line-height:1;cursor:pointer}
.menu-cerrar:hover{background:#edf4f7}
.menu-lateral-enlaces{display:flex;flex-direction:column;gap:5px;padding-top:16px}
.menu-lateral-enlaces>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 10px;border:1px solid transparent;border-radius:12px;color:#25364a;text-decoration:none;transition:background .16s ease,border-color .16s ease}
.menu-lateral-enlaces>a:hover,.menu-lateral-enlaces>a:focus-visible{border-color:#d9e8eb;background:#f3f9fa;outline:none}
.menu-icono{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:10px;background:#eaf4f5;color:#087f8c;font-size:1rem;font-weight:800}
.menu-lateral-enlaces>a>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.menu-lateral-enlaces strong{color:#17324d;font-size:.92rem;font-weight:750;line-height:1.3}
.menu-lateral-enlaces small{color:#697789;font-size:.76rem;line-height:1.4}
.menu-flecha{color:#8a98a8;font-size:1.35rem}
.menu-lateral-separador{height:1px;margin:8px 4px;background:#e5ebf1}
.menu-lateral-pie{margin:auto 4px 0;padding-top:22px;color:#748194;font-size:.76rem;line-height:1.6}
body.menu-abierto{overflow:hidden}
@media(max-width:650px){.menu-toggle{top:12px;left:12px;width:42px;height:42px}.menu-lateral{padding:20px 15px 16px}}
@media(prefers-reduced-motion:reduce){.menu-overlay,.menu-lateral,.menu-toggle{transition:none}}