/* Fuente global (solo una vez, arriba de todo del sistema) */
@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;700&display=swap');

/* Fix general: evita scroll lateral por cosas que se van de ancho */
html, body { width: 100%; overflow-x: hidden; }
.wp-site-blocks { overflow-x: hidden; }


/* =========================
   AMNU - SMART MOBILE HEADER
   ========================= */

@media (max-width: 768px) {

  

  /* Header principal mobile */
  .ast-mobile-header-wrap,
  #masthead,
  .site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition:
      transform 0.32s ease,
      background-color 0.32s ease,
      box-shadow 0.32s ease,
      backdrop-filter 0.32s ease,
      -webkit-backdrop-filter 0.32s ease,
      border-color 0.32s ease;
    will-change: transform;
  }

  /* Visible */
  .amnu-header-visible {
    transform: translateY(0);
  }

  /* Oculto */
  .amnu-header-hidden {
    transform: translateY(-100%);
  }

  /* Arriba del todo: transparente */
  .amnu-header-top {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid transparent !important;
  }

  /* En scroll: fondo AMNU + blur + sombra */
.amnu-header-scrolled {
  background: rgba(253, 247, 229, 0.92) !important; /* #FDF7E5 con transparencia */
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

  /* Para que wrappers internos no metan fondo raro */
  .amnu-header-top .site-header-primary-section-left,
  .amnu-header-top .site-header-primary-section-right,
  .amnu-header-top .site-primary-header-wrap,
  .amnu-header-top .ast-builder-grid-row-container,
  .amnu-header-top .ast-builder-layout-element,
  .amnu-header-top .main-header-container,
  .amnu-header-top .ast-main-header-wrap,
  .amnu-header-top .ast-mobile-header-content,
  .amnu-header-top .ast-mobile-header-wrap-content {
    background: transparent !important;
    box-shadow: none !important;
  }

  .amnu-header-scrolled .site-header-primary-section-left,
  .amnu-header-scrolled .site-header-primary-section-right,
  .amnu-header-scrolled .site-primary-header-wrap,
  .amnu-header-scrolled .ast-builder-grid-row-container,
  .amnu-header-scrolled .ast-builder-layout-element,
  .amnu-header-scrolled .main-header-container,
  .amnu-header-scrolled .ast-main-header-wrap,
  .amnu-header-scrolled .ast-mobile-header-content,
  .amnu-header-scrolled .ast-mobile-header-wrap-content {
    background: transparent !important;
  }

  /* Opcional: transición más linda en logo / iconos */
  .ast-mobile-header-wrap .ast-builder-layout-element,
  .ast-mobile-header-wrap .site-logo-img,
  .ast-mobile-header-wrap .custom-logo-link,
  .ast-mobile-header-wrap .ast-header-account-wrap,
  .ast-mobile-header-wrap .ast-mobile-menu-trigger-minimal,
  .ast-mobile-header-wrap .ast-addon-cart-wrap,
  .ast-mobile-header-wrap .ast-site-header-cart {
    transition: opacity 0.25s ease;
  }

}