/* Variables globales actualizadas - Corrección de contraste */
:root {
  --primary-color: #0056b3; /* Azul primario */
  --secondary-color: #00a0e9; /* Azul secundario */
  --accent-color: #ff6b00; /* Naranja acento */
  --dark-color: #212529; /* Gris oscuro (para texto principal) */
  --medium-gray: #6c757d; /* Gris medio */
  --light-gray: #f8f9fa; /* Gris claro (fondo principal) */
  --white-color: #ffffff; /* Blanco */
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --font-primary: 'Montserrat', sans-serif;
  --font-secondary: 'Roboto', sans-serif;
  --transition: all 0.3s ease;
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Correcciones de contraste para textos */
p {
  color: var(--dark-color); /* Texto de párrafo más oscuro para mejor legibilidad */
}

/* Corrección para textos sobre fondos oscuros */
.bg-primary, .bg-secondary, .bg-accent, .bg-dark, 
.hero, .stats, .cta-section, .footer, 
.ia-solution-header, .digital-service-header,
.cta-box, .ia-cta, .work-process-title h3 {
  color: var(--white-color) !important; /* Forzar texto blanco en fondos oscuros */
}

.bg-primary *, .bg-secondary *, .bg-accent *, .bg-dark *, 
.hero *, .stats *, .cta-section *, .footer *,
.ia-solution-header *, .digital-service-header *,
.cta-box *, .ia-cta *, .work-process-title h3 * {
  color: var(--white-color) !important; /* Forzar texto blanco en todos los elementos hijos */
}

/* Excepciones específicas para iconos o elementos decorativos */
.bg-primary .stat-icon, .bg-secondary .stat-icon, 
.stats .stat-icon, .footer .social-link i {
  color: var(--secondary-color) !important; /* Mantener color para iconos */
}

/* Corrección para textos en secciones específicas */
.testimonial-position,
.feature-item p,
.contact-item p,
.contact-item a,
.footer-link a,
.footer p,
.footer-bottom {
  color: var(--white-color) !important; /* Cambiar de gris a blanco */
}

/* Corrección para textos en secciones de fondo claro */
.section-description p,
.about-content p,
.faq-answer p,
.service-content p,
.testimonial-text p {
  color: var(--dark-color) !important; /* Texto oscuro sobre fondo claro */
}

/* Corrección para enlaces en footer */
.footer-link a:hover {
  color: var(--secondary-color) !important; /* Color de hover para enlaces */
}

/* Mejora de contraste en botones */
.btn {
  color: var(--white-color) !important; /* Texto blanco en todos los botones */
}

/* Mejora de contraste en formularios */
.form-label {
  color: var(--dark-color) !important; /* Etiquetas de formulario más oscuras */
}

.form-control-enhanced {
  color: var(--dark-color) !important; /* Texto de entrada más oscuro */
}

/* Corrección para textos en tarjetas */
.service-card,
.ia-solution-card,
.digital-service-card,
.success-case-card,
.testimonial-item,
.faq-item {
  color: var(--dark-color) !important; /* Texto oscuro en tarjetas */
}

/* Corrección para textos en secciones de estadísticas */
.stat-counter {
  color: var(--white-color) !important; /* Números de estadísticas en blanco */
}

.stat-title {
  color: rgba(255, 255, 255, 0.9) !important; /* Títulos de estadísticas en blanco con ligera transparencia */
}

/* Corrección para textos en secciones de proceso */
.work-step-title,
.ia-process-step-title {
  color: var(--primary-color) !important; /* Títulos de pasos en color primario */
}

.work-step-description,
.ia-process-step-description {
  color: var(--dark-color) !important; /* Descripciones de pasos en color oscuro */
}

/* Logo en cabecera */
.logo img {
  height: 60px; /* Altura ajustada para el nuevo logo */
  width: auto; /* Mantener proporción */
  display: block; /* Eliminar espacio extra */
}

/* Ajustes responsive para logo */
@media (max-width: 768px) {
  .logo img {
    height: 45px; /* Logo más pequeño en móviles */
  }
}