/* ================================================
   ACTUALIZACIÓN DE COLORES - TEMA VIOLETA ADUMA INC
   ================================================ */

/* Variables de color actualizadas con tema violeta */
:root { 
  /* Colores globales */
  --background-color: #ffffff;
  --default-color: #444444;
  --heading-color: #2f4d5a;
  
  /* Color de acento principal - Violeta del logo */
  --accent-color: #6366F1; /* Violeta principal similar al logo */
  
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  
  /* Variaciones del violeta para diferentes elementos */
  --violet-dark: #4F46E5;     /* Violeta más oscuro para hover */
  --violet-light: #818CF8;    /* Violeta más claro */
  --violet-pale: #E0E7FF;     /* Violeta muy pálido para fondos */
  --violet-transparent: rgba(99, 102, 241, 0.1); /* Violeta transparente */
}

/* Colores del menú de navegación */
:root {
  --nav-color: #000000;
  --nav-hover-color: #6366F1; /* Violeta para hover del menú */
  --nav-mobile-background-color: #000000;
  --nav-dropdown-background-color: #000000;
  --nav-dropdown-color: #444444;
  --nav-dropdown-hover-color: #6366F1; /* Violeta para hover dropdown */
}

/* Actualización de la sección de acento */
.accent-background {
  --background-color: #6366F1; /* Fondo violeta */
  --default-color: #ffffff;    /* Texto blanco sobre violeta */
  --heading-color: #ffffff;
  --surface-color: #818CF8;    /* Violeta más claro para superficies */
}

/* Enlaces generales */
a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: var(--violet-dark);
  text-decoration: none;
}

/* Header después del scroll */
.scrolled .header {
  --background-color: #6366F1; /* Header violeta al hacer scroll */
  box-shadow: 0px 0 18px rgba(99, 102, 241, 0.2);
}

/* Botón "About" en la sección hero */
.about .content .about-btn {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
}

.about .content .about-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}

/* Iconos en la sección About */
.about .icon-box i {
  color: var(--accent-color);
}

.about .icon-box:hover h4 a {
  color: var(--accent-color);
}

/* Servicios */
.services .service-item .icon i {
  color: var(--accent-color);
}

.services .service-item:before {
  background: var(--accent-color);
}

.services .service-item:hover:before {
  background: linear-gradient(135deg, var(--accent-color) 0%, var(--violet-dark) 100%);
}

/* Sección de contacto */
.contact .info-item i {
  color: var(--accent-color);
  background: var(--violet-transparent);
}

.contact .info-item:hover i {
  background: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.15);
}

.contact .php-email-form button[type=submit] {
  background: var(--accent-color);
  border: 0;
  padding: 12px 35px;
  transition: all 0.4s;
  border-radius: 50px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.contact .php-email-form button[type=submit]:hover {
  background: var(--violet-dark);
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(99, 102, 241, 0.4);
}

/* Mensajes del formulario PHP */
.php-email-form .error-message {
  background: #df1529;
  color: #ffffff;
  border-radius: 4px;
}

.php-email-form .sent-message {
  background: #059652;
  color: #ffffff;
  border-radius: 4px;
}

.php-email-form .loading {
  background: var(--surface-color);
  border: 1px solid var(--violet-pale);
  border-radius: 4px;
}

.php-email-form .loading:before {
  border: 3px solid var(--accent-color);
  border-top-color: var(--surface-color);
}

/* Footer - Enlaces con hover violeta */
.footer .footer-links ul a:hover {
  color: var(--accent-color);
}

.footer .footer-contact a:hover {
  color: var(--accent-color);
}

/* Scroll Top Button */
.scroll-top {
  background-color: var(--accent-color);
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
}

.scroll-top:hover {
  background-color: var(--violet-dark);
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.5);
}

/* Preloader */
#preloader:before {
  border-color: var(--accent-color) transparent var(--accent-color) transparent;
}

/* Navegación móvil */
@media (max-width: 1199px) {
  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }
  
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--accent-color);
  }
  
  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }
}

/* Hero section - Overlay ajustado para mejor visibilidad del texto violeta */
.hero:before {
  content: "";
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(240, 240, 255, 0.75) 50%,
    rgba(255, 255, 255, 0.85) 100%
  );
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Botón de scroll con color violeta */
.hero .btn-scroll {
  color: #6366F1;
  display: block;
  margin-top: 30px;
  animation: btn-up-down 1s ease-in-out infinite alternate-reverse both;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.hero .btn-scroll:hover {
  color: #4F46E5;
  transform: scale(1.1);
}

/* Ajuste para el texto del hero sobre fondo con overlay */
.hero h2 {
  color: #6366F1; /* Violeta principal del logo */
  text-shadow: 
    3px 3px 6px rgba(0, 0, 0, 0.7),
    -1px -1px 2px rgba(255, 255, 255, 0.5),
    0 0 20px rgba(99, 102, 241, 0.3);
  font-weight: 800;
  letter-spacing: 1px;
}

.hero p {
  color: #4F46E5; /* Violeta más oscuro para el subtítulo */
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.6),
    -1px -1px 1px rgba(255, 255, 255, 0.4),
    0 0 15px rgba(79, 70, 229, 0.2);
  font-weight: 600;
  font-size: 22px;
}

/* Mejoras en los campos del formulario */
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  transition: all 0.3s ease;
}

/* Estilo para el botón de reCAPTCHA */
.g-recaptcha {
  transform: scale(0.98);
  transform-origin: 0 0;
}

/* Animación suave para todos los elementos interactivos */
* {
  transition-property: color, background-color, border-color, box-shadow, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

/* Asegurar que las transiciones no afecten el layout */
.container, .row, .col-* {
  transition: none;
}