/* BricoDato V10 · Fase 5.06 · Compatibilidad cabecera calculadoras
   Capa aprobada en Pintura y extendida a Calculadoras/Herramientas.
   No modifica styles-v70.css ni v9.css.
*/

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(246,248,252,.94)!important;
  border-bottom:1px solid rgba(199,213,233,.82)!important;
  box-shadow:0 7px 24px rgba(13,49,101,.05)!important;
  backdrop-filter:blur(14px);
}

.site-header .header-inner{
  width:min(calc(100% - 32px),1180px)!important;
  margin-inline:auto!important;
  min-height:72px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.site-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  text-decoration:none!important;
}

.site-header .brand-logo{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  object-fit:cover!important;
  border-radius:8px!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}

.site-header .brand-text,
.site-header .brand-name{
  display:inline-flex!important;
  align-items:baseline!important;
  line-height:1!important;
  font-size:1.06rem!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

.site-header .brand-brico{color:#073f77!important}
.site-header .brand-dato{color:#ff8614!important}

/* V9 usa brand-name con colores propios. Lo normalizamos sin cambiar su HTML. */
.site-header .brand-name{color:#073f77!important}
.site-header .brand-name span{color:#ff8614!important}
.site-header .brand small{display:none!important}

.site-header .nav,
.site-header .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin-left:auto!important;
  position:static!important;
  inset:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  flex-direction:row!important;
}

.site-header .nav>a,
.site-header .main-nav>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  color:#405a7a!important;
  font-size:.86rem!important;
  font-weight:760!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

.site-header .nav>a:hover,
.site-header .nav>a:focus-visible,
.site-header .main-nav>a:hover,
.site-header .main-nav>a:focus-visible{
  background:#e8f0ff!important;
  color:#1558c0!important;
}

.site-header .nav-project{
  margin-left:0!important;
  background:transparent!important;
  color:#405a7a!important;
  box-shadow:none!important;
}

.site-header .language-switcher{
  flex:0 0 auto!important;
  margin-left:2px!important;
  margin-right:0!important;
}

/* En escritorio nunca debe aparecer "Menú". */
@media (min-width:981px){
  .site-header .menu-btn,
  .site-header .menu-button{
    display:none!important;
  }
}

/* Móvil: soporta los dos motores JS existentes.
   site-v70 usa .nav.open; v9.js usa .main-nav.is-open. */
@media (max-width:980px){
  .site-header .header-inner{
    min-height:66px!important;
    gap:10px!important;
  }

  .site-header .nav,
  .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    top:66px!important;
    left:16px!important;
    right:16px!important;
    margin:0!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #d5e1f1!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(13,49,101,.15)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
  }

  .site-header .nav.open,
  .site-header .main-nav.is-open{
    display:flex!important;
  }

  .site-header .nav>a,
  .site-header .main-nav>a{
    justify-content:flex-start!important;
    padding:11px 13px!important;
  }

  .site-header .menu-btn,
  .site-header .menu-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:44px!important;
    min-height:40px!important;
    border:1px solid #cfdaea!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#1558c0!important;
    box-shadow:none!important;
  }
}

@media (max-width:620px){
  .site-header .header-inner{
    width:min(calc(100% - 22px),1180px)!important;
  }

  .site-header .brand-logo{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }

  .site-header .brand-text,
  .site-header .brand-name{
    font-size:1rem!important;
  }
}

/* La versión V9 conserva su tarjeta visual, solo recuperamos un icono real. */
.calc-hero-badge{
  font-family:system-ui,-apple-system,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
}