.top-header .admin-language-selector {
   float: left;
   margin-top: 5px;
}
.top-header .bootstrap-select .dropdown-toggle:focus,
.top-header .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
   outline: none !important;
   border: 1px solid #ffffff30 !important;
}
.bootstrap-select > select {
   width: 100% !important;
   z-index: 1000 !important;
   left: 0 !important;
   padding-left: 12px !important;
   cursor: pointer;
}
.top-header .flag-icon {
   display: inline-block;
   width: 24px;
   line-height: 1em;
   background-size: contain;
   background-position: 50%;
   background-repeat: no-repeat;
   margin-right: 5px;
   position: relative;
   height: 18px;
}

.top-header .form-select {
   --bs-form-select-bg-img: none;
   background-color: transparent;
   border: none;
}
.top-header button.btn.dropdown-toggle.btn-light {
   background-color: transparent;
   border: none;
   color: #fff;
   height: 33px;
}
.top-header select#languageSelect option {
   background-color: #091627;
   color: #fff;
}
.top-header span.flag-icon {
   margin-right: 15px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
   display: flex !important;
   align-items: center;
}
/* Stili del form di login originale applicati al dropdown */
.login-dropdown-form input[type="text"],
.login-dropdown-form input[type="password"] {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
   border: 1px solid #c8c8c8;
   color: #777;
   margin: 0 auto 20px auto;
   width: 100%;
   padding: 10px;
}
.login-dropdown-form input[type="text"]:focus,
.login-dropdown-form input[type="password"]:focus {
   -webkit-box-shadow: 0 0 2px #22dab6 inset;
   -moz-box-shadow: 0 0 2px #22dab6 inset;
   box-shadow: 0 0 2px #22dab6 inset;
   background-color: #fff;
   border: 1px solid #22dab6;
   outline: none;
}
.login-dropdown-form .btn-primary {
   background-color: #22dab6;
   border-color: #19ffd2;
   width: 100%;
   margin-bottom: 10px;
}
.login-dropdown-form .google-login {
   background-color: #4285f4;
   border-color: #4285f4;
   color: #fff !important;
   padding-left: 50px;
   width: 100%;
   position: relative;
}
.login-dropdown-form .google-login i {
   font-size: 20px;
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
}
.dropdown-menu {
   min-width: 300px;
   padding: 15px;
}
.user-menu .dropdown-toggle {
   color: #333;
   text-decoration: none;
}
.user-menu .dropdown-item {
   padding: 8px 20px;
   display: flex;
   align-items: center;
   gap: 10px;
}
.user-menu .dropdown-item i {
   width: 20px;
   text-align: center;
}
.dropdown-item:hover {
   background-color: #f8f9fa;
}
.dropdown-item.text-danger:hover {
   background-color: #dc3545;
   color: white !important;
}
li.nav-item.dropdown.user-menu a {
   padding: 0;
   color: #000;
}
body
   > header
   > div
   > div
   > div
   > div
   > ul
   > li.nav-item.dropdown.user-menu
   > ul
   > li
   a {
   color: #000 !important;
}
ul.dropdown-menu.dropdown-menu-end.show li {
   width: 100%;
   float: none !important;
   padding-left: 20px !important;
}
.dropdown-menu.show,
ul.dropdown-menu.dropdown-menu-end.show {
   left: 0px !important;
   top: 7px !important;
}
.dropdown-menu.show a.btn.btn-danger.google-login {
   padding-bottom: 6px !important;
   padding-top: 6px !important;
}
#login-form i.fa-brands.fa-google {
   margin-top: 0px;
}
.container.top_header_bar.w-100 .col-md-4 {
   float: right !important;
}
.col-md-3.top_left ul {
   padding-left: 0;
}
.dropdown-menu {
   margin-top: 0;
}
.dropdown-menu .dropdown-menu {
   margin-left: 1px;
   margin-right: 1px;
   left: 100%;
   top: -8px;
}
ul.dropdown-menu.show {
   margin-top: 60px !important;
   padding: 20px 0 !important;
   border: 1px solid #d7d7d7 !important;
   border-radius: 17px !important;
}
.dropdown-item.has-submenu {
   position: relative;
}
.navbar-nav .nav-link {
   padding: 0.5rem 1rem;
   transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover > .nav-link {
   color: #22dab6 !important;
}
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
   opacity: 1;
}
.navbar-nav .nav-item.dropdown.show > .nav-link:hover,
.navbar-nav .nav-link[aria-expanded="true"]:hover {
   color: #22dab6 !important;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
   padding-left: 16px !important;
}
.header-home {
  min-height: 100vh;
  background: linear-gradient(to left bottom, #091627, #003756, #005d6c, #008159, #00a115);
  padding: 0;
  position: relative;
  overflow: hidden;
}
.slide-button {
  border: 1px solid #19ffd287 !important;
    color: #ffffff!important;
  background-image: linear-gradient(to right, #34e89e 0%, #0f3443 51%, #34e89e 100%);
    margin: 30px 0px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    border-radius: 10px;
    display: block;
    border-color: #34e89e;
    text-decoration: none !important;
    --animate-delay: 1.9s;
    width: 300px;
    height: 60px;
    border: 1px solid;
}

.slide-button a{color: #ffffff!important;}
.slide-button:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #34e89e;
}
@media (max-width: 768px) {
  .header-home {
    height: 750px;
  }
}

@media (max-width: 576px) {
  .header-home {
    height: 650px;
  }
}

.quicklyimg {
  position: relative;
  text-align: center;
}

.quicklyimg h1,
.quicklyimg h2,
.quicklyimg h3 {
  position: absolute;
  width: 100%;
  color: rgba(255,255,255,0.1);
  font-size: 150px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}

.content_header {
  color: white;
  padding: 2rem;
  margin-top: 4rem;
}

.title_content_header {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.title_content_header.reverse {
  color: #00a115;
}

.text_content_header {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 2rem;
}

.header_button {
  padding: 1rem 2rem;
  font-size: 1.2rem;
  background-color: #00a115;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.header_button:hover {
  background-color: #008110;
}

.header_button a {
  color: white;
  text-decoration: none;
}

.header-home {
      min-height: 100vh;
      background: linear-gradient(to left bottom, #091627, #003756, #005d6c, #008159, #00a115);
      padding: 0;
      position: relative;
      overflow: hidden;
    }
    
    @media (max-width: 768px) {
      .header-home {
        height: 750px;
      }
    }
    
    @media (max-width: 576px) {
      .header-home {
        height: 650px;
      }
    }

    .quicklyimg {
      position: relative;
      text-align: center;
    }

    .quicklyimg h1,
    .quicklyimg h2,
    .quicklyimg h3 {
      position: absolute;
      width: 100%;
      color: rgba(255,255,255,0.1);
      font-size: 150px;
      font-weight: 900;
      text-transform: uppercase;
      margin: 0;
    }

    .content_header {
      color: white;
      padding: 2rem;
      margin-top: 4rem;
    }

    /* Swiper styles */
    .swiperHeader {
      width: 100%;
      height: 500px;
      margin-top: 2rem;
      position: relative;
      padding-left: 15% !important;
      padding-right: 15% !important;
  }

    .swiperHeader-wrapper {
      height: 100%;
    }

    .swiperHeader-slide {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 4rem;
      width: 100% !important; /* Fuerza slide individual */
    }

    .swiperHeader .slide-content {
      flex: 1;
      color: white;
      padding-right: 2rem;
      width: 40%;
      float: left;
    }

    .slide-image {
      flex: 1;
      display: flex;
      justify-content: right;
      align-items: right;
      float:right;
      width: 100%;
      position:absolute;
      top:10px;
    }

    .slide-image img {
      max-width: 100%;
      height: auto;
    }

    .slide-title {
      width: 505px;
      transition: color 2s;
    font-family: 'Montserrat', Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 56px;
    font-weight: 900;
    line-height: 80px;
    color: #000000;
    background: linear-gradient(to right, #ffffff 63%, #198754 81%, #33B4A0 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #25585000;
    }

    .slide-description {
      font-size: 1.2rem;
      line-height: 1.6;
      margin-bottom: 2rem;
      opacity: 0;
      width:500px;
    }

    .slide-button {
      padding: 1rem 2rem;
      font-size: 1.2rem;
      background-color: #00a115;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.3s ease;
      opacity: 0;
    }

    .slide-button:hover {
      background-color: #008110;
    }

    .slide-button a {
      color: white;
      text-decoration: none;
    }

    /* Estilos para las flechas de navegación */
    .swiper-button-next,
    .swiper-button-prev {
      color: white !important;
      background-color: rgba(0, 161, 21, 0.5);
      width: 50px !important;
      height: 50px !important;
      border-radius: 50%;
      transition: all 0.3s ease;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background-color: rgba(0, 161, 21, 0.8);
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 20px !important;
    }

    /* Estilos para la paginación */
    .swiper-pagination {
      bottom: 20px !important;
    }

    .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background-color: white;
      opacity: 0.5;
    }

    .swiper-pagination-bullet-active {
      background-color: #00a115;
      opacity: 1;
    }

    /* Animaciones */
    .swiper-slide-active .slide-title {
      animation: fadeInLeft 1s ease forwards;
    }

    .swiper-slide-active .slide-description {
      animation: fadeInLeft 1s ease 0.3s forwards;
    }

    .swiper-slide-active .slide-button {
      animation: fadeInUp 1s ease 0.6s forwards;
    }

    .swiper-slide-active .slide-image img {
      animation: zoomIn 1s ease forwards;
    }

    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-50px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(50px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes zoomIn {
      from {
        opacity: 0;
        transform: scale(0.5);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }