/* Espacio blanco encima del menú */
.site-header, .main-header, header {
  margin-top: 0 !important;  /* quitamos el margin para evitar doble espacio */
}

body::before {
  content: "";
  display: block;
  height: 210px;   /* ajusta la altura del espacio */
  background: #fff; /* color blanco */
}

/* Ajuste responsive en móviles */
@media (max-width: 768px) {
  body::before {
    height: 70px; /* espacio más pequeño en móvil */
  }
}


/* Permitir que nada se recorte */
.header, .header-wrapper, .nav, .menu, .menu > li { 
  overflow: visible !important; 
}

/* Link base del menú */
li[class*="gif-"] > a { 
  position: relative; 
  z-index: 20; /* Menor que submenús, mayor que fondo */
}

/* GIF arriba del texto con separación (solo espacio, sin bloque blanco) */
li[class*="gif-"] > a::after {
  content: "";
  position: absolute;
  bottom: calc(100% + 0px); /* separación desde el menú */
  left: 50%;
  transform: translateX(-50%);
  width: 160px;   /* ancho estándar */
  height: 220px;  /* alto estándar */
  background-size: cover;   
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 25;
}

/* Mostrar GIF al hover */
li[class*="gif-"]:hover > a::after { 
  opacity: 1; 
}

/* Submenús siempre por encima del GIF */
.menu li ul.sub-menu {
  position: absolute;
  z-index: 50 !important;
}

/* Mapeo de GIFs */
li.gif-nuevos > a::after       { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/NUEVOS-LS.gif"); }
li.gif-usados > a::after       { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/USADOS-LS.gif"); }
li.gif-certificados > a::after { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/USADOS-CERTIFICADOS-TOYOTA-LS.gif"); }
li.gif-usados-toyota > a::after{ background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/USADOS-TOYOTA-LS.gif"); }
li.gif-multimarca > a::after   { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/USADOS-MULTIMARCA-LS.gif"); }
li.gif-corporativas > a::after { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/VENTAS-CORPORATIVAS-LS.gif"); }
li.gif-repuestos > a::after    { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/REPUESTOS-LS.gif"); }
li.gif-taller > a::after       { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/TALLER-LS.gif"); }
li.gif-citas > a::after        { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/CITAS-TALLER-LS.gif"); }
li.gif-campanas > a::after     { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/CAMPANAS-DE-SERVICIO-LS.gif"); }
li.gif-credito > a::after      { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/CREDITO-TOYOTA-LS.gif"); }
li.gif-seguro > a::after       { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/SEGURO-TOYOTA-LS.gif"); }
li.gif-quienes > a::after      { background-image: url("https://www.carcotoyota.com.co/wp-content/uploads/2025/08/QUIENES-SOMOS-LS.gif"); }

/* Ocultar GIFs en móviles */
@media (max-width: 991px) {
  li[class*="gif-"] > a::after { 
    display: none !important; 
  }
}
/* --- CSS mínimo para submenús y evitar recortes --- */

/* Asegurar que los submenús estén por encima de los GIFs */
.menu li ul.sub-menu,
.nav .sub-menu,
.nav-dropdown {
  z-index: 1000 !important;
}

/* Opcional: esconder en móviles */
@media (max-width: 991px) {
  body .menu-gif-image { display:none !important; }
}