/* Evita que Bootstrap cierre automáticamente el dropdown al hacer hover */

  .saira {
    font-family: "Saira", sans-serif !important;
  }

  h1,h2,h3,h4,h5,h6{
    font-family: "Saira", sans-serif !important;
  }


  .dropdown-hover:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    margin-top: 0; /* Elimina espacio extra de Bootstrap */
    pointer-events: none; /* Previene errores al hacer hover rápido */
  }
  
  .dropdown-hover:hover .dropdown-menu {
	pointer-events: auto;
  }

  .banner-section .banner-video video {
    transform: scale(2.5);
  }

  section, footer {
    overflow: hidden;
  }

  :root {
    --bs-dark-rgb: 32, 34, 33 !important;
    --bs-card-border-radius:0px !important;
    --bs-bg-dark: #131514 !important;
    --bs-bg-black: #131514 !important;
    --bs-black-rgb: 19,21,20 !important;
  }


  .btn-primary{
    color: #131514 !important;   
  }
 
  .max-un {
    max-width: 300px;
     filter: brightness(0) saturate(100%) invert(10%);
  }
  .carousel-infinity .swiper-slide {
    width: -moz-min-content;
    width: min-content;
  }