/* ============================================================ menu.css — menú «Secciones» de derramepleural.com Se carga al final del de todas las páginas y reemplaza los estilos anteriores del menú. ============================================================ */ .barra-sup{position:sticky;top:0;z-index:60} .menu{background:#123338;border-top:1px solid #2A5259; max-height:calc(100vh - 4.6rem);max-height:calc(100dvh - var(--alto-barra,4.6rem)); overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; box-shadow:0 14px 28px rgba(10,15,17,.35)} .menu[hidden]{display:none} .menu-int{max-width:62rem;margin:0 auto;padding:.4rem 1.4rem 1rem; display:grid;grid-template-columns:1fr;gap:0 2.4rem} @media(min-width:44rem){.menu-int{grid-template-columns:1fr 1fr}} @media(min-width:62rem){.menu-int{grid-template-columns:1fr 1fr 1fr}} .menu-grupo{padding:.9rem 0 .4rem;break-inside:avoid} .menu-tit{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.78rem;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:#9CC0C4;margin:0 0 .3rem;padding:0 .2rem} .menu ol{list-style:none;margin:0;padding:0;max-width:none;counter-reset:none} .menu li{border-bottom:1px solid #2A5259} .menu li:last-child{border-bottom:0} .menu a{display:block;padding:.72rem .5rem;color:#FFF;text-decoration:none;font-size:1.04rem;line-height:1.3;border-radius:2px} .menu a::before{content:none!important} .menu a:hover,.menu a:focus-visible{background:#1B434A;outline:none} .menu a[aria-current="page"]{color:#F7E8CB;font-weight:700;background:#1B434A;box-shadow:inset 3px 0 0 #B87A1E} .menu-extra{max-width:62rem;margin:0 auto;padding:.4rem 1.4rem 1.4rem;border-top:1px solid #2A5259} .menu-extra a{padding:.8rem .5rem;font-size:1rem} .menu-extra .clinica{color:#F7E8CB;font-weight:700} .menu-extra .medica{color:#9CC0C4} .menu-cerrar{display:block;width:100%;margin:.4rem 0 0;padding:.85rem;background:transparent; border:1px solid #2A5259;color:#9CC0C4;font:inherit;font-size:1rem;cursor:pointer} .menu-cerrar:hover,.menu-cerrar:focus-visible{background:#1B434A;color:#FFF;outline:none} html.menu-abierto,html.menu-abierto body{overflow:hidden} @media print{.menu{display:none!important}}