.address-info span {
    color: gray !important;
}
   .address-info__icon {
    
    background-color: #282879 !important;
}
   .icon-call__icon {
    
    background-color: #191e4d !important;
}
.mb-5 {
    margin-bottom: 0rem !important;
}

.author-sidebar__title {
   
    text-transform: none !important;
}
    
    .product-description {
    
    border: none !important;
}
  .vs-class__text {
    
    text-transform: inherit !important;
}
  .vs-btn__border {
    
    border: none !important;
}
  .sidemenu-wrapper .sidemenu-inner {
    
    height: auto !important;
}
  .sidemenu-wrapper .sidemenu-content {
    
    background-color: #282879 !important;
}
  .vs-hero__title--sub {
    
    color: gray !important;
}
    
    .vs-header__action {
    
    margin-left: 0px;
}
    .vs-hero__desc {
        word-wrap: break-word; /* Rompe palabras largas */
        overflow-wrap: break-word; /* Alternativa más moderna */
        word-break: break-word; /* Rompe palabras cuando es necesario */
        max-width: 100%; /* Asegura que no exceda el ancho del contenedor */
    }
    .vs-hero__title--sub{
        text-transform: inherit;
    }
  .vs-hero__shape {
        max-height: 389.92px;
        padding: 48px 265px 125px 40px;
        max-width: 655.04px;
        position: relative;
    }
    .vs-hero__title--main {
        font-size: clamp(1.875rem, 1.307rem + 2.84vw, 2.438rem);
    }
    .vs-class__text {
        
        text-transform: inherit !important;
    }
    .vs-btn__border {
        
        border: none !important;
    }
    .sidemenu-wrapper .sidemenu-inner {
        
        height: auto !important;
    }
    .sidemenu-wrapper .sidemenu-content {
        
        background-color: #282879 !important;
    }
    .vs-hero__title--sub {
        
        color: gray !important;
    }
        .icon-call__icon {
        
        background-color: #191e4d !important;
    }
        .vs-footer__copyright a {
        color: #191e4d !important;
        position: relative;
        text-transform: inherit !important;
    }
        .social-style a {
        border: none !important;
    }
        .vs-hero__desc {
        
        text-transform: inherit !important;
    }
    .vs-footer__desc {
        
        text-transform: inherit !important;
    }
        a {
        
        
    }
    .main-menu > ul > li.menu-item-has-children.active > a.vs-svg-assets {
        color: gray !important;
    }
        .vs-about--yoe__number {
        
        background-color: #191e4d !important;
    }
        .main-menu > ul > li > a:hover, .main-menu > ul > li > a.active {
        color: gray !important;
    }
        .main-menu ul.sub-menu li a::after {
        
        background-color: gray !important;
    }
        .vs-btn::after, .vs-btn::before {
    
        background: rgb(1, 53, 137);
    }

    .vs-btn-h::after, .vs-btn-h::before {
    
        background: rgb(255, 255, 255) !important;
    }
    .main-menu > ul > li > a.active {
    color: #20276c !important;
    } 
        .vs-session__icon {
        background-color: gray !important;
        
    }
        .vs-hero__title--main span {
        color: gray !important;
        }

        .vs-title__main span {
        color: gray !important;
    }

    .vs-btn {
        background-color: gray !important;
      }
      .vs-header__top{
        background-color: #20276c !important;
       }
       .bg-theme-color-1{
           background-color: #2596be !important;
       }
       
       .vs-header__logo {
            position: absolute;
            top: 41px;
            z-index: 9999;
        }

        /* Logo base */
        .vs-header__logo img.logo {
          max-width: 180px;      /* Desktop */
          width: 100%;
          height: auto;
        }

        /* Tablet */
        @media (max-width: 991px) {
          .vs-header__logo img.logo {
            max-width: 160px;
          }
        }

        /* Móvil */
        @media (max-width: 576px) {
           .vs-header__logo {
            position: absolute;
            top: 0px;
            z-index: 9999;
        }
          .vs-hero__shape {
                max-height: initial;
                padding: 20px;
                max-width: initial;
                position: relative;
            }
          .vs-header__logo img.logo {
            max-width: 140px;
          }
        }
        @media (max-width: 576px) {
          .vs-header__logo {
            text-align: left;
            left: 10%;
          }

          .vs-header {
            margin-bottom: -3em;
        }


        }

        .vs-balls{
          display: none !important;
        }

         @media (max-width: 1280px) {
      .vs-header__logo {
    position: absolute;
    top: 80px;
    z-index: 9999;
}
    }
@media (max-width: 1024px) {
      

.vs-header__info {
    font-size: 0.8em;
}
    }
     @media (max-width: 576px) {
      .vs-header__logo {
    position: absolute;
    top: 41px;
    z-index: 9999;
}
    }
    

    .social-icon {
                    width: 32px;   /* tamaño visual */
                    height: 32px;
                    object-fit: contain;
                    transition: transform 0.2s ease, opacity 0.2s ease;
                  }

                  .social-icon:hover {
                    transform: scale(1.1);
                    opacity: 0.85;
                  }

/* Menú móvil hamburguesa */
.mobile-nav-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999998;
  display: none;
}

.mobile-nav-wrapper.active {
  display: block;
}

.mobile-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.mobile-nav-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: white;
  padding: 20px;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}

.mobile-nav-wrapper.active .mobile-nav-content {
  transform: translateX(0);
}

.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.mobile-nav-close {
  background: none;
  border: none;
  font-size: 24px;
  color: #20276c;
  cursor: pointer;
  padding: 5px;
}

.mobile-nav-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav-menu ul li {
  margin-bottom: 10px;
}

.mobile-nav-menu ul li a {
  display: block;
  padding: 12px 15px;
  color: #20276c;
  text-decoration: none;
  font-weight: 500;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.mobile-nav-menu ul li a:hover {
  background: #f5f5f5;
  color: #191e4d;
}

/* Submenús */
.mobile-nav-menu .sub-menu {
  display: none;
  padding-left: 20px;
  margin-top: 5px;
}

.mobile-nav-menu .sub-menu li {
  margin-bottom: 5px;
}

.mobile-nav-menu .sub-menu li a {
  padding: 8px 15px;
  font-size: 14px;
  color: #666;
}

.mobile-nav-menu .menu-item-has-children > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-nav-menu .menu-item-has-children > a i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.mobile-nav-menu .menu-item-has-children.active > a i {
  transform: rotate(180deg);
}

.mobile-nav-menu .menu-item-has-children.active > .sub-menu {
  display: block;
}

/* Footer del menú */
.mobile-nav-footer {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.mobile-nav-contact p {
  margin-bottom: 10px;
  color: #666;
}

.mobile-nav-contact a {
  color: #20276c;
  text-decoration: none;
}

.mobile-nav-contact i {
  margin-right: 10px;
  color: #20276c;
}

/* Botón hamburguesa en header */
@media (max-width: 991px) {
  .mobile-menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
  }
  
  .vs-header__logo {
    position: relative;
    text-align: center;
  }
  
  .sticky-active .row > .col:first-child {
    position: static;
  }
}

/* Ocultar en desktop */
@media (min-width: 992px) {
  .mobile-nav-wrapper {
    display: none !important;
  }
  
  .mobile-menu-toggle {
    display: none !important;
  }
}