/* Menú de todo el sitio: «Áreas» despliega las tres páginas de área. Lo usan la home, las áreas y las guías
   (el resto del menú vive en el CSS de cada página). Escritorio: se abre al pasar el mouse o con clic; angosto: lista dentro del menú. */
.desp{position:relative}
.desp-b{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;line-height:inherit}
.desp-b .fl{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.desp-p{position:absolute;top:100%;left:50%;width:min(560px,calc(100vw - 26px));padding-top:21px;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),visibility .25s;z-index:20}
.desp-p .in-p{background:#fff;border-radius:13px;box-shadow:0 21px 55px #131C2033;padding:8px;display:flex;flex-direction:column;gap:3px}
.desp-p .cab-p{display:flex;justify-content:space-between;align-items:center;padding:13px 13px 8px;font:500 11px/21px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:#5D6265}
.nav .lk .desp-p a.it{display:flex;align-items:center;gap:16px;padding:8px;border-radius:8px;color:#131C20;text-decoration:none;transition:background .2s}
.nav .lk .desp-p a.it:hover{background:#EEF4F8;color:#131C20}
.desp-p .it img{width:89px;height:60px;border-radius:5px;object-fit:cover;flex:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.desp-p .it:hover img{transform:scale(1.05)}
.desp-p .it span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.desp-p .it b{font:600 16px/22px Montserrat,"Avenir Next",system-ui,sans-serif;display:flex;align-items:center;gap:8px}
.desp-p .it b::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c);flex:none}
.desp-p .it small{font:400 14px/20px "IBM Plex Sans",system-ui,sans-serif;color:#5D6265}
.desp-p .it i{font-style:normal;color:#5D6265;transition:transform .25s,color .25s;padding-right:8px}
.desp-p .it:hover i{transform:translateX(4px);color:#006B4B}
@media (min-width:861px){
  .nav .lk{align-items:center}
  .desp:hover .desp-p,.desp:focus-within .desp-p,.desp.abierta .desp-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .desp:hover .fl,.desp.abierta .fl{transform:translateY(1px) rotate(225deg)}
}
@media (max-width:860px){
  .desp{width:100%}
  .desp-b{display:none}
  .desp-p{position:static;width:auto;padding:0;transform:none;opacity:1;visibility:visible}
  .desp-p .in-p{box-shadow:none;padding:0;gap:0;background:none}
  .desp-p .cab-p{padding:13px 0 5px;border-top:1px solid #DBE1E4}
  .nav .lk .desp-p a.it{padding:8px 0;border-top:0}
  .desp-p .it img{width:55px;height:40px}
  .desp-p .it small{display:none}
}