/* ANCBA - Navegación compartida. Fuente: menú aprobado de Nosotros. */
/* MENU AISLADO CIENCIAS 2026 — v1.16 */
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto){--c26-marca:#32b5a5;--c26-texto:#202425;--c26-borde:#d7dddd;--c26-ancho:1200px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-header,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-header *,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja *{box-sizing:border-box}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-contenedor{width:min(var(--c26-ancho),calc(100% - 56px));margin:0 auto}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-header{position:relative!important;z-index:1100;width:100%;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(12px) saturate(118%);backdrop-filter:blur(12px) saturate(118%)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-superior{height:70px;background:rgba(255,255,255,.92)!important}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-superior>.ciencias2026-contenedor{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(32,36,37,.10)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-logo{display:flex;align-items:center;height:100%}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-logo img{display:block;width:auto;height:auto;max-width:365px;max-height:75px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-utilidades{display:flex;align-items:center;gap:34px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-utilidad{display:inline-flex;align-items:center;gap:9px;color:var(--c26-texto);font-size:13px;font-weight:500;text-decoration:none}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-utilidad:hover{color:var(--c26-marca)}

/* STICKY NATIVO: la barra ya es hermana del header, no hija. */
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important;width:100%;height:47px;margin:0;background:rgba(255,255,255,.89)!important;-webkit-backdrop-filter:blur(15px) saturate(125%);backdrop-filter:blur(15px) saturate(125%);border-bottom:1px solid rgba(32,36,37,.08);box-shadow:0 2px 10px rgba(17,24,22,.035)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja.ciencias2026-desplazado{box-shadow:0 8px 24px rgba(17,24,22,.08)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu{height:47px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu{margin:0;padding:0;list-style:none}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu{display:flex;align-items:stretch;justify-content:space-between}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item{position:relative}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu>.ciencias2026-menu-item{display:flex;align-items:stretch}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea{display:flex;align-items:stretch;min-width:0}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu>.ciencias2026-menu-item>.ciencias2026-menu-linea>a,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu>.ciencias2026-menu-item>a{display:flex;align-items:center;min-height:47px;padding:0 8px;color:var(--c26-texto);font-size:14px;font-weight:400;letter-spacing:-.015em;white-space:nowrap;text-decoration:none;transition:color .18s ease,text-shadow .18s ease}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu-toggle{width:30px;min-width:30px;min-height:47px;padding:0;border:0;background:transparent;color:#5d6465;cursor:pointer;transition:color .18s ease,filter .18s ease}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu-toggle span{display:inline-block;width:7px;height:7px;border-right:1.25px solid currentColor;border-bottom:1.25px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea:hover>a,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea:focus-within>a{color:var(--c26-marca)!important;text-shadow:0 0 9px rgba(50,181,165,.16)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea:hover>.ciencias2026-submenu-toggle,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea:focus-within>.ciencias2026-submenu-toggle{color:var(--c26-marca);filter:drop-shadow(0 0 3px rgba(50,181,165,.30))}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu{position:absolute;top:100%;left:0;z-index:100;width:255px;padding:6px 0;visibility:hidden;opacity:0;overflow:visible;transform:translateY(7px);background:#fff;border:1px solid var(--c26-borde);border-top:3px solid var(--c26-marca);box-shadow:0 14px 30px rgba(0,0,0,.10);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu{top:-7px;left:calc(100% - 1px);transform:translateX(7px)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item:hover>.ciencias2026-submenu,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item:focus-within>.ciencias2026-submenu,body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item.abierto>.ciencias2026-submenu{visibility:visible;opacity:1;transform:none}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-menu-linea{width:100%;display:flex;align-items:stretch}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-menu-linea>a{display:block;flex:1 1 auto;min-width:0;padding:10px 14px;color:var(--c26-texto);font-size:13px;line-height:1.28;white-space:normal;overflow-wrap:break-word;text-decoration:none;transition:color .18s ease,text-shadow .18s ease,background .18s ease}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-menu-item:hover>.ciencias2026-menu-linea{background:#f5f8f7}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu-toggle{align-self:stretch;width:34px;min-width:34px;min-height:0}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu-toggle span{transform:rotate(-45deg) translate(-1px,-1px)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-toggle{display:none}

@media(max-width:991px){
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-contenedor{width:calc(100% - 36px)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-logo img{max-width:235px;max-height:54px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-utilidades{display:none}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-toggle span{width:24px;height:2px;display:block;background:var(--c26-texto)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja{position:relative!important;top:auto!important;height:auto;display:none}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto).ciencias2026-menu-abierto .ciencias2026-nav-franja{display:block}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav{width:100%;height:auto}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu{height:auto;display:block;padding:8px 18px 18px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu>.ciencias2026-menu-item{display:block;border-bottom:1px solid var(--c26-borde)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-linea{width:100%}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu>.ciencias2026-menu-item>.ciencias2026-menu-linea>a{min-height:50px;flex:1;padding:10px 0}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu-toggle{width:46px;min-width:46px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu{position:static;width:100%;max-height:0;padding:0;visibility:visible;overflow:hidden;opacity:1;transform:none;border:0;box-shadow:none;background:#f6f8f8;transition:max-height .25s ease}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item.abierto>.ciencias2026-submenu{max-height:1800px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu{background:#eef3f2}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-menu-linea>a{padding-left:18px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu .ciencias2026-menu-linea>a{padding-left:36px}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu .ciencias2026-submenu-toggle span{transform:rotate(45deg) translate(-1px,-1px)}
body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-item.abierto>.ciencias2026-menu-linea>.ciencias2026-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)}
}

/* ==========================================================================
   v1.14 — AJUSTES MOBILE DE CABECERA
   ========================================================================== */
@media (max-width:991px) {
  /* En mobile queda sticky la cabecera completa: logo + hamburguesa. */
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100%;
    background: rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%);
    backdrop-filter: blur(12px) saturate(118%);
    box-shadow: 0 3px 14px rgba(17,24,22,.055);
  }

  /* Centrado vertical real de logo y botón dentro de los 70px del header. */
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-superior > .ciencias2026-contenedor {
    position: relative;
    height: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
  }

  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-logo {
    height: 70px;
    display: flex;
    align-items: center;
  }

  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-menu-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0;
    transform: translateY(-50%);
    align-self: auto;
  }

  /* En celulares la barra desplegable pertenece visualmente al header sticky.
     No tiene sticky propio para evitar dos capas compitiendo. */
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-nav-franja {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto).ciencias2026-menu-abierto .ciencias2026-nav-franja {
    display: block;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}


/* ==========================================================================
   v1.16 — MOBILE: MENÚ ABIERTO STICKY DEBAJO DEL HEADER, SIN OVERLAY
   ========================================================================== */
@media (max-width:991px) {
  /* El header conserva exactamente el sticky de v1.14. */
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }

  /*
    Al abrirse, la navegación queda inmediatamente debajo del header y también
    se mantiene visible. No usamos fixed, no bloqueamos body y no creamos una
    capa de pantalla completa.
  */
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto).ciencias2026-menu-abierto .ciencias2026-nav-franja {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 70px !important;
    z-index: 999 !important;
    display: block !important;
    height: auto !important;
    max-height: calc(100dvh - 70px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: rgba(255,255,255,.96) !important;
  }

  @supports not (height: 100dvh) {
    body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto).ciencias2026-menu-abierto .ciencias2026-nav-franja {
      max-height: calc(100vh - 70px) !important;
    }
  }
}

/* ANCBA v1.0.1 — Filas uniformes en submenús de escritorio.
   Aplica tanto a elementos con hijos como a enlaces simples.
   Se mantiene el comportamiento móvil existente. */
@media (min-width: 992px) {
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea {
    display: flex;
    align-items: stretch;
    min-height: 38px;
  }
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea > a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 38px;
    padding: 8px 14px;
    line-height: 1.28;
  }
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea > .ciencias2026-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: auto;
    min-height: 38px;
    padding: 0;
  }
}

/* ANCBA 1.0.2 — Filas y flechas alineadas en escritorio.
   Una sola geometría para entradas con hijos y sin hijos. */
@media (min-width: 992px) {
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 0;
  }
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea > a {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    min-height: 38px;
    padding: 9px 14px;
    line-height: 20px;
    box-sizing: border-box;
  }
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea > .ciencias2026-submenu-toggle {
    display: flex;
    flex: 0 0 34px;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
  }
  body:is(.pagina-nosotros,.pagina-categoria,.pagina-contenido,.pagina-contacto) .ciencias2026-submenu > .ciencias2026-menu-item > .ciencias2026-menu-linea > .ciencias2026-submenu-toggle > span {
    display: block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin: 0;
    transform: rotate(-45deg);
    transform-origin: center;
  }
}
