
/* Solo navegación del encabezado; los desplegables conservan su funcionamiento. */
header .header-inner > nav {display:flex;align-items:center;}
header .header-inner > nav a {font-family:inherit;font-weight:550;letter-spacing:.012em;text-decoration:none;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;}
header .header-inner > nav a:not(.flautea-mi-area):hover {color:#009d99;}
header .header-inner > nav a:focus-visible {outline:2px solid #009f9a;outline-offset:4px;border-radius:5px;}
header .header-inner > nav .flautea-mi-area {display:inline-flex!important;align-items:center;justify-content:center;padding:11px 18px!important;border-radius:11px!important;background:#082c38!important;color:#fff!important;font-weight:700!important;letter-spacing:.025em!important;white-space:nowrap;box-shadow:0 4px 0 #05090b,0 9px 18px rgba(0,0,0,.22)!important;text-shadow:0 1px 2px #000!important;border:1px solid #071f27!important;}
header .header-inner > nav .flautea-mi-area:hover {color:#fff!important;background:#0c4452!important;box-shadow:0 3px 0 #05090b,0 7px 13px rgba(0,0,0,.25)!important;transform:translateY(1px);}
@media(max-width:768px){header .header-inner > nav .flautea-mi-area{padding:9px 13px!important;}}
@media(prefers-reduced-motion:reduce){header .header-inner > nav a{transition:none!important;}}

/* FLAUTEA_MI_AREA_AUTH_180N
   Usuario identificado: turquesa claro Flautea.
   Esta regla vive en CSS externo para no depender de estilos inline. */
header .header-inner > nav .flautea-mi-area.flautea-mi-area-auth {
    background:#58D8CF!important;
    background-color:#58D8CF!important;
    border-color:#35BDB4!important;
    color:#082C38!important;
    box-shadow:
        0 4px 0 #27978F,
        0 8px 18px rgba(0,0,0,.16)!important;
    text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
}

header .header-inner > nav .flautea-mi-area.flautea-mi-area-auth:hover,
header .header-inner > nav .flautea-mi-area.flautea-mi-area-auth:focus-visible {
    background:#35C8BE!important;
    background-color:#35C8BE!important;
    border-color:#25ADA5!important;
    color:#082C38!important;
    box-shadow:
        0 3px 0 #218B84,
        0 7px 15px rgba(0,0,0,.18)!important;
}

