/* ========================================
   HEADER FIXED / FIJO - BASE
======================================== */

.tatsu-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}


/* ========================================
   CORRECCIÓN MENÚ HAMBURGUESA MOBILE
======================================== */

@media (max-width: 767px) {
  .tatsu-header .tatsu-mobile-menu,
  .tatsu-header .tatsu-mobile-menu-icon,
  .tatsu-header .tatsu-hamburger,
  .tatsu-header .mobile-menu-icon,
  .tatsu-header .tatsu-header-menu {
    position: relative !important;
    top: 4px !important;
  }
}


/* ========================================
   ALTURA OPCIONES MENÚ MOBILE
======================================== */

@media (max-width: 767px) {
  .tatsu-mobile-navigation a,
  .tatsu-mobile-menu a {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    line-height: 1.2 !important;
  }
}


/* ========================================
   POPUPS POR ENCIMA DEL HEADER
======================================== */

.tatsu-popup-container {
  z-index: 100000 !important;
}

.tatsu-popup-inner-container {
  position: relative !important;
  z-index: 1 !important;
}

.tatsu-popup-inner-container .popup-mask {
  position: fixed !important;
  z-index: 0 !important;
}

.tatsu-popup-inner-container > div:not(.popup-mask) {
  position: relative !important;
  z-index: 2 !important;
}