/* Skip to main content link - Accessibility */
   .skip-to-main-content {
       position: absolute;
       top: -100px;
       left: 0;
       background: #000;
       color: #fff;
       padding: 10px 20px;
       text-decoration: none;
       font-weight: 600;
       z-index: 10000;
       transition: top 0.3s;
   }

   .skip-to-main-content:focus {
       top: 0;
       outline: 3px solid #ff6b6b;
       outline-offset: 2px;
   }

   .sig_top {
    position: absolute;
    width: 140px;
    top: -55px;
    right: 10px;
    rotate: -9deg;
   }

   .img-80 {
       width: 80px;
   }

   /* Centrar feature-text solo en móviles */
   @media (max-width: 767px) {
       .feature-text {
           display: flex !important;
           flex-direction: column !important;
           align-items: center !important;
           text-align: center !important;
       }

       .feature-text .feature-box-icon {
           margin-right: 0 !important;
           margin-bottom: 5px;
       }

       .feature-text .feature-box-content {
           text-align: center !important;
       }

       .feature-text+h6 {
           text-align: center !important;
       }

       .sig_top {
        position: absolute;
        width: 115px;
        top: -15px;
        right: 44px;
        rotate: -9deg;
       }

       .text-rotate {
           width: 170px;
       }
   }

   .no-click {
       pointer-events: none;
       cursor: default;
   }

   /* Video container optimization - Fixed heights to prevent CLS */
   .video-container {
       position: relative;
       width: 100%;
       overflow: hidden;
       background-color: #f5f5f5;
   }

   /* Mobile video - Fixed height */
   .video-container.d-block.d-md-none {
       height: 600px;
       max-height: 100vh;
   }

   /* Desktop video - Aspect ratio 1920:800 (2.4:1) */
   .video-container.d-none.d-md-block {
       aspect-ratio: 2.4 / 1;
       max-height: 800px;
       width: 100%;
   }

   /* Responsive adjustments */
   @media (min-width: 768px) and (max-width: 991px) {
       .video-container.d-none.d-md-block {
           aspect-ratio: 2.4 / 1;
           max-height: 600px;
           margin-top: 100px;
       }
   }

   @media (min-width: 992px) and (max-width: 1199px) {
       .video-container.d-none.d-md-block {
           margin-top: 80px;
       }
   }

   @media (min-width: 1400px) {
       .video-container.d-none.d-md-block {
           aspect-ratio: 2.4 / 1;
           max-height: 900px;
       }
   }

   .video-container video {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: 0;
       transition: opacity 0.3s ease-in;
       border: none;
       outline: none;
   }

   .video-container video.loaded {
       opacity: 1;
   }

   /* Loading skeleton */
   .video-container::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
       background-size: 200% 100%;
       animation: loading 1.5s infinite;
       z-index: 1;
   }

   .video-container.video-loaded::before {
       display: none;
   }

   @keyframes loading {
       0% {
           background-position: 200% 0;
       }

       100% {
           background-position: -200% 0;
       }
   }

   /* Slider bullets optimization - Prevent CLS */
   #slider-bullets {
       min-height: 140px;
       overflow: hidden;
   }

   #slider-bullets:not(.swiper-initialized) .swiper-wrapper {
       opacity: 0;
       visibility: hidden;
   }

   #slider-bullets.swiper-initialized .swiper-wrapper {
       opacity: 1;
       visibility: visible;
       transition: opacity 0.3s ease-in;
   }

   #slider-bullets .swiper-slide {
       height: auto;
   }

   #slider-bullets .bullet-circle {
       width: 83px;
       height: 83px;
       object-fit: contain;
   }

   #slider-bullets .categories-box {
       min-height: 120px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
   }

   @media (max-width: 767px) {
       #slider-bullets {
           min-height: 120px;
       }
   }

.logo-store{
    width: 160px;
}
.sendLead button{
    background: #17212d;
    border: solid 1px white;
}
   /* Solución para Banner Home Space en Móvil */
   @media (max-width: 767px) {
       .logo-store{
    width: 70px;
}
       .btn-prox{
         margin-top:15px;   
       }
       #banner_home_space {
           background-size: 100% auto !important;
           background-repeat: no-repeat !important;
           background-position: bottom center !important;
           height: auto !important;
           padding-top: 50px !important;
           /* Espacio arriba del texto */
           padding-bottom: 50vw !important;
           /* Espacio para la imagen abajo */
           background-color: #c9d8de;
           /* Color de fondo complementario */
           display: flex !important;
           flex-direction: column;
           justify-content: flex-start;
       }

       #banner_exclusiva {
           width: 100% !important;
           max-width: 100% !important;
           padding: 0 15px !important;
           margin: 0 !important;
           float: none !important;
           text-align: center !important;
           position: relative;
           background: transparent;
       }

       /* Ajustes de tipografía para móvil si es necesario */
       #banner_exclusiva h1 {
           font-size: 3rem;
           /* Ajustar tamaño si es necesario */
           margin-bottom: 20px !important;
       }
       #banner_exclusiva img{
           width: 80%;
       }
   }
    @media (max-width: 768px) { 
        .circle-logo{
                width: 170px !important;
        }
    }
            
    .float_img{
        position:absolute;
        bottom:45px;
        width:150px;
        left: 50%;
        filter:drop-shadow(1px 3px 3px #353535);
        transform: translateX(-50%);
    }        
    
       @media (max-width: 991px) {
       .swiper-horizontal>.swiper-pagination-bullets {
           bottom: 0px !important;
       }
   }