/* ==========================================================================
  34. COLOR SCHEME
  ========================================================================== */ 
  .tra-menu .wsmainfull {
    background-color: transparent !important;
    box-shadow: none;
}
.bg--theme,
.shape--blue-400:after { 
  background-color: #1ea3c8; 
}

.btn--theme {
  color: #fff!important;
  border-color: #1ea3c8!important;
  background-color: #1ea3c8!important;
}

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #1d9ab7!important;
  background-color: #1d9ab7!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #1d9ab7!important;
  background-color: #1d9ab7!important;
}

.theme--dark .white-scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #1d9ab7!important;
  background-color: #1d9ab7!important;
}

.color--theme, 
.color--theme h1, 
.color--theme h2, 
.color--theme h3, 
.color--theme h4, 
.color--theme h5, 
.color--theme h6, 
.color--theme p, 
.color--theme a, 
.color--theme li, 
.color--theme i, 
.color--theme span,
.color--white .color--theme { color: #1ea3c8!important; }

.loading--theme .loader { 
  border-color: transparent #1ea3c8; 
}

.loading--theme .loader::after {
  border-color: transparent rgba(247, 71, 128, .15); 
}

.nav-theme .sm-info { 
  background-color: #1ea3c8; 
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #1ea3c8!important;
}

.hero-section .quick-form .form-control:focus {
  border-color: #1ea3c8;
}

.cbox-2:hover .cbox-2-ico.bg--theme { 
  color: #1ea3c8; 
  border-color: #1ea3c8; 
}

.tabs-1.tabs--theme, 
.tabs-1.tabs--theme li.current:hover { 
  color: #1ea3c8; 
  border-color: #1ea3c8; 
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
  background-color: #1ea3c8;
  border-color: #1ea3c8!important;
}

.switch-wrap input:checked + .switcher.switcher--theme { 
  background-color: #1ea3c8; 
  border-color: #1ea3c8; 
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #feecf2;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  border-color: #353f4f;
}

.theme-pagination .page-item.active .page-link {
  color: #fff!important;
  background-color: #1ea3c8;
  border: 2px solid #1ea3c8;
}

.sustentabilidad-link {
  text-decoration: underline !important;
  text-decoration-color: #22c55e !important; /* Verde más claro */
  text-decoration-thickness: 2px !important;
}

.sustentable-underline {
  text-decoration: underline !important;
  text-decoration-color: #22c55e !important;
  text-decoration-thickness: 4px !important;
  text-underline-offset: 5px !important;
}



/* Opción 1: CSS Global - Afecta a todos los h2 */
h2 {
    color: #1da3c9 !important;
}


        
        /* Asegurar que el video sea completamente responsive */
        .video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .responsive-video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1;
            transform: translateX(-50%) translateY(-50%);
            object-fit: cover;
        }
        
        /* Overlay para mejor legibilidad del texto */
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }
        
        /* Asegurar que el contenido esté por encima del video */
        .hero-content {
            position: relative;
            z-index: 2;
        }
        
        .btn--theme {
            background: linear-gradient(135deg, #10b981, #34d399);
            color: white;
            padding: 12px 24px;
            border: none;
            transition: all 0.3s ease;
            display: inline-block;
            text-decoration: none;
        }
        
        .btn--theme:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
        }
        
        /* Tamaños de texto más grandes y mejor escalado */
        .hero-title {
            font-size: 2rem !important;
            line-height: 1.1 !important;
        }
        
        @media (min-width: 1024px) {
            .hero-title {
                font-size: 2rem !important;
            }
        }
        
        @media (min-width: 1280px) {
            .hero-title {
                font-size: 3rem !important;
            }
        }
        
        @media (max-width: 1023px) {
            .hero-title {
                font-size: 3rem !important;
            }
        }
        
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.8rem !important;
                line-height: 1.2 !important;
            }
            
            .hero-subtitle {
                font-size: 1.2rem !important;
            }
            
            .hero-description {
                font-size: 1rem !important;
            }
        }
        
        @media (max-width: 480px) {
            .hero-title {
                font-size: 2.2rem !important;
            }
            
            .hero-subtitle {
                font-size: 1.1rem !important;
            }
        }


    .frase {
      max-width: 300px;
      font-size: 14px;
      color: #444;
      margin-top: 10px;
    }

    .pallet {
      position: relative;
      width: 180px;
      height: 90px;
      margin: 0 auto;
    }

    .tabla-base, .tabla-superior, .clavo {
      position: absolute;
      background-color: #a77c46;
      border: 1px solid #7b5733;
      opacity: 0;
      transform: translateY(-10px);
      transition: all 0.5s ease;
    }

    .tabla-base {
      width: 15px;
      height: 80px;
    }

    .tabla-superior {
      width: 180px;
      height: 10px;
    }

    .clavo {
      width: 3px;
      height: 3px;
      background: #444;
      border-radius: 50%;
    }

    .visible {
      opacity: 1 !important;
      transform: translateY(0) !important;
    }

.hero-title {
color: azure!important;
}