/* Zuiron UX — bloque 2 · pieza 1: cabecera de una fila + barra fija en móvil */
:root{--zw-azul:#16519B;--zw-verde:#4E8134;--zw-oscuro:#0A1923;--zw-ease:cubic-bezier(.2,.8,.2,1)}

/* Cabecera fija y compacta al hacer scroll */
header#top{position:sticky;top:0;z-index:1030;background:#fff;transition:box-shadow .2s var(--zw-ease)}
header#top .navbar{box-shadow:none!important}
header#top.zw-scrolled{box-shadow:0 8px 24px -14px rgba(10,25,35,.35)}
header#top .navbar-brand img{height:40px;width:auto;transition:height .2s var(--zw-ease)}
header#top.zw-scrolled .navbar-brand img{height:32px}

/* Fuera la barra superior (redes, teléfonos, email), el separador y "Identificarse" */
header#top .o_header_centered_logo,
header#top #oe_structure_header_vertical_3{display:none!important}
#top_menu li:has(a[href="/web/login"]){display:none!important}

/* Botón de diagnóstico */
.zw-cta-diag{font-weight:600;white-space:nowrap;transition:transform .15s var(--zw-ease),box-shadow .15s var(--zw-ease)}
.zw-cta-diag:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(22,81,155,.6)}
.zw-cta-diag:active{transform:scale(.97)}

@media (max-width:991.98px){
  /* En móvil el diagnóstico va en la barra inferior */
  header#top .zw-cta-wrap-mobile{display:none!important}
}

@media (min-width:992px){
  header#top #top_menu_container{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;column-gap:28px;min-height:76px;transition:min-height .2s var(--zw-ease)}
  header#top.zw-scrolled #top_menu_container{min-height:60px}
  header#top #top_menu_container .zw-row-brand{width:auto!important;flex:0 0 auto}
  header#top #top_menu_container .zw-row-menu{width:auto!important;flex:1 1 auto}
  header#top #top_menu_collapse{flex-wrap:nowrap!important;justify-content:flex-end}
  header#top #top_menu{margin:0 0 0 auto!important;order:0!important}
  header#top #top_menu .nav-link{font-weight:500;color:var(--zw-oscuro);padding:.5rem .75rem;transition:color .15s var(--zw-ease)}
  header#top #top_menu .nav-link:hover,
  header#top #top_menu .nav-link.active{color:var(--zw-azul)}
  header#top .zw-cta-wrap-desktop{margin-left:12px}
}
@media (min-width:992px) and (max-width:1199.98px){
  header#top #top_menu_container{column-gap:16px}
  header#top #top_menu .nav-link{padding:.5rem .5rem;font-size:.94rem}
  header#top .zw-cta-wrap-desktop{margin-left:6px}
  header#top .zw-cta-diag{padding-left:.9rem;padding-right:.9rem}
}

/* Barra fija inferior en móvil: Llamar · WhatsApp · Diagnóstico */
.zw-mbar{display:none}
@media (max-width:767.98px){
  .zw-mbar{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:1020;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -8px 24px -14px rgba(10,25,35,.4);
    transition:transform .25s var(--zw-ease)}
  .zw-mbar.zw-hide{transform:translateY(110%)}
  .zw-mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:10px;
    font-weight:600;font-size:.92rem;line-height:1;text-decoration:none!important;-webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;user-select:none;transition:transform .12s var(--zw-ease)}
  .zw-mbar a:active{transform:scale(.97)}
  .zw-mbar .fa{font-size:1.05rem}
  .zw-mbar .zw-mb-tel{color:var(--zw-azul)!important;background:#fff;border:1px solid #cfdbe8}
  .zw-mbar .zw-mb-wa{color:#fff!important;background:var(--zw-verde)}
  .zw-mbar .zw-mb-diag{color:#fff!important;background:var(--zw-azul)}
  #wrapwrap{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){
  header#top,header#top *,.zw-mbar,.zw-mbar a,.zw-cta-diag{transition:none!important}
}