/* =======================================================
   HEADER AUTOHIDE - Escuela Internacional Intur Perú
   Objetivo:
   - Al bajar: ocultar barra superior + header para no tapar contenido.
   - Al subir: mostrar header sin regresar hasta el hero.
   ======================================================= */

:root {
  --intur-topbar-height: 30px;
  --intur-header-height: 78px;
}

.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1001 !important;
  transform: translateY(0);
  transition: transform .28s ease, box-shadow .28s ease;
}

.site-header {
  position: fixed !important;
  top: var(--intur-topbar-height) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  transform: translateY(0);
  transition: transform .28s ease, background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}

body.intur-header-scrolled .site-header {
  background: rgba(3, 22, 47, .94) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 35px rgba(0,0,0,.16);
}

body.intur-header-scrolled .topbar {
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

body.intur-header-hidden .topbar {
  transform: translateY(-100%);
}

body.intur-header-hidden .site-header {
  transform: translateY(calc(-1 * (var(--intur-topbar-height) + var(--intur-header-height))));
}

body.menu-open .topbar,
body.menu-open .site-header {
  transform: translateY(0) !important;
}

@media (max-width: 1050px) {
  :root {
    --intur-topbar-height: 0px;
    --intur-header-height: 62px;
  }

  .topbar {
    display: none !important;
  }

  .site-header {
    top: 0 !important;
  }
}

@media (max-width: 768px) {
  :root {
    --intur-topbar-height: 22px;
    --intur-header-height: 56px;
  }

  .topbar {
    display: block !important;
    height: var(--intur-topbar-height) !important;
  }

  .topbar .container {
    justify-content: center !important;
  }

  .topbar-links {
    display: none !important;
  }

  .site-header {
    top: var(--intur-topbar-height) !important;
  }
}