/* Prime Cargo Corporate Colors Override */
:root {
  --primary-color: #7A42FF;
  --primary-color-rgb: 122, 66, 255;
  --secondary-color: #7A42FF;
  --secondary-color-rgb: 122, 66, 255;
}

/* Language Switch */
.language-switch {
  display: inline-block !important;
  vertical-align: middle !important;
}

.btn-lang {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  background-color: transparent !important;
  border: 1px solid #7A42FF !important;
  border-radius: 6px !important;
  color: #7A42FF !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
  gap: 5px !important;
}

.btn-lang:hover {
  background-color: #7A42FF !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.lang-flag {
  font-size: 16px !important;
  line-height: 1 !important;
}

.lang-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .language-switch {
    margin-right: 10px !important;
  }
  
  .btn-lang {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
  
  .lang-flag {
    font-size: 14px !important;
  }
  
  .lang-text {
    font-size: 10px !important;
  }
}
#logo {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
}

/* Solo mostrar el logo principal por defecto */
#logo img {
  width: 50% !important;
  max-width: 200px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  display: none !important;
}

/* Mostrar solo el logo principal */
#logo .logo-main {
  display: block !important;
}

/* Ocultar los otros logos por defecto */
#logo .logo-scroll,
#logo .logo-mobile {
  display: none !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  #logo .logo-main {
    width: 40% !important;
    max-width: 150px !important;
  }
}
.swiper-inner {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.swiper-inner[data-bgimage] {
  background-image: var(--bg-image) !important;
}

/* Botones principales */
.btn-main {
  background-color: #7A42FF !important;
  border-color: #7A42FF !important;
  color: white !important;
}

.btn-main:hover {
  background-color: #5A1FFF !important;
  border-color: #5A1FFF !important;
  color: white !important;
}

.btn-main:focus {
  background-color: #5A1FFF !important;
  border-color: #5A1FFF !important;
  color: white !important;
}

.btn-main:active {
  background-color: #5A1FFF !important;
  border-color: #5A1FFF !important;
  color: white !important;
}

/* Botones con línea */
.btn-line {
  color: #7A42FF !important;
  border-color: #7A42FF !important;
  background-color: transparent !important;
}

.btn-line:hover {
  background-color: #7A42FF !important;
  border-color: #7A42FF !important;
  color: white !important;
}

/* Color de fondo principal */
.bg-color {
  background-color: #7A42FF !important;
}

/* Color de texto principal */
.id-color {
  color: #7A42FF !important;
}

/* Subtítulos */
.subtitle {
  color: #7A42FF !important;
}

/* Iconos */
.icon-box.s2 {
  background-color: #7A42FF !important;
}

/* Gradientes */
.gradient-edge-bottom.color {
  background: linear-gradient(to bottom, transparent, #7A42FF) !important;
}

/* Enlaces */
a {
  color: #7A42FF;
}

a:hover {
  color: #5A1FFF;
}

/* Elementos de navegación */
#mainmenu .menu-item:hover {
  color: #7A42FF !important;
}

/* Submenú - Usando la estructura estándar de la plantilla */
#mainmenu li {
  position: relative !important;
}

#mainmenu li ul {
  width: 200px !important;
  height: auto !important;
  position: absolute !important;
  left: 0px !important;
  top: 100% !important;
  z-index: 9999 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  border: 1px solid #7A42FF !important;
  box-shadow: 0 4px 12px rgba(122, 66, 255, 0.15) !important;
  padding: 10px 0 !important;
  margin-top: 5px !important;
  transition: all 0.3s ease !important;
}

#mainmenu li:hover > ul {
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0px !important;
}

#mainmenu li ul li {
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

#mainmenu li ul li a {
  color: #333333 !important;
  padding: 12px 20px !important;
  display: block !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
  margin: 2px 8px !important;
  width: calc(100% - 16px) !important;
}

#mainmenu li ul li a:hover {
  background-color: #7A42FF !important;
  color: #ffffff !important;
}

/* Elementos de formulario */
.form-control:focus {
  border-color: #7A42FF !important;
  box-shadow: 0 0 0 0.2rem rgba(122, 66, 255, 0.25) !important;
}

/* Acordeón */
.accordion-section-title:hover {
  color: #7A42FF !important;
}

/* Testimonios */
.fa-quote-right.id-color {
  color: #7A42FF !important;
}

/* Carrusel */
.owl-dots .owl-dot.active span {
  background-color: #7A42FF !important;
}

/* Swiper */
.swiper-pagination-bullet-active {
  background-color: #7A42FF !important;
}

/* Footer */
.social-icons a:hover {
  color: #7A42FF !important;
}

/* Overlay */
.sw-overlay {
  background-color: rgba(122, 66, 255, 0.1) !important;
}

/* Elementos específicos de LogiXpress */
.player {
  background-color: #7A42FF !important;
}

.player:hover {
  background-color: #5A1FFF !important;
}

/* Hover effects */
.hover:hover {
  border-color: #7A42FF !important;
}

/* Elementos de tracking */
.form-underline:focus {
  border-bottom-color: #7A42FF !important;
}

/* Elementos de contacto */
.icofont-location-pin,
.icofont-envelope,
.icofont-phone {
  background-color: #7A42FF !important;
}

/* Elementos de servicios */
.hover-jello:hover {
  color: #7A42FF !important;
}