/* BricoDato V10 · header legacy rebuilt · 8.9.21 */

.bd-main-nav-8921{
  display:flex;
  align-items:center;
  gap:4px;
}
.bd-main-nav-8921>a{
  padding:10px 12px;
  border-radius:11px;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  color:#405a7a;
  text-decoration:none;
  white-space:nowrap;
}
.bd-main-nav-8921>a:hover,
.bd-main-nav-8921>a:focus-visible{
  background:#e8eef9;
  color:#173a5f;
}
.bd-header-menu-8921{
  display:none;
}

@media (max-width:980px){
  html,body{
    max-width:100%;
    overflow-x:hidden!important;
  }
  body{
    padding-bottom:0!important;
  }

  .bd-header-menu-8921{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:96px!important;
    height:50px!important;
    margin:0!important;
    padding:0 17px!important;
    border:1px solid #c9d6e5!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0b4f91!important;
    box-shadow:none!important;
    font:700 17px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    letter-spacing:0!important;
    text-indent:0!important;
    opacity:1!important;
    visibility:visible!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
    z-index:10001!important;
  }

  .bd-main-nav-8921{
    display:none!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:76px;
    width:auto!important;
    max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:8px!important;
    gap:2px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    border:1px solid #dbe5ee!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(8,46,83,.18)!important;
    z-index:10000!important;
  }

  .bd-main-nav-8921.is-open{
    display:flex!important;
  }

  .bd-main-nav-8921>a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    border-radius:11px!important;
    color:#304b66!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
  }

  .bd-main-nav-8921>a:hover,
  .bd-main-nav-8921>a:focus-visible{
    background:#f1f6fa!important;
    color:#073f77!important;
  }

  /* La vieja navegación inferior no debe existir ni reservar espacio. */
  nav[aria-label="Mobile navigation"],
  nav[aria-label="Navegación móvil"],
  nav[aria-label="Navegacion movil"],
  .mobile-nav,
  .mobile-bottom-nav,
  .bottom-nav,
  .bottom-navigation{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media (max-width:640px){
  /* Estabilidad de los hubs legacy: evita columnas estrechas/desbordes abajo. */
  .hub-grid,
  .converter-grid,
  .platform-grid{
    grid-template-columns:1fr!important;
    min-width:0!important;
    gap:14px!important;
  }
  .hub-card,
  .converter-card{
    min-width:0!important;
    width:100%!important;
  }
}