/* Correcciones de contraste para fondos claros */

/* Texto principal - muy oscuro para máximo contraste */
body {
    color: var(--text-primary) !important;
}

/* Títulos principales */
h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.card-title,
.testimonial-title {
    color: var(--text-primary) !important;
}

/* Texto secundario y párrafos */
p, .section-subtitle,
.card-description,
.service-description,
.hero-subtitle {
    color: var(--text-secondary) !important;
}

/* Texto menos importante */
.text-muted,
.testimonial-author p,
.footer-text,
.small-text {
    color: var(--text-muted) !important;
}

/* Botones con mejor contraste */
.btn-primary {
    background: var(--color-primary) !important;
    color: var(--text-white) !important;
    border: 2px solid var(--color-primary) !important;
}

.btn-secondary {
    background: transparent !important;
    color: var(--color-primary) !important;
    border: 2px solid var(--color-primary) !important;
}

/* Cards con mejor contraste */
.service-card,
.product-card,
.testimonial-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: var(--text-primary) !important;
}

/* Tarjetas de categorías/productos en azul marino */
.category-card {
    background: linear-gradient(135deg, var(--color-navy), var(--color-navy-dark)) !important;
    color: var(--text-white) !important;
}

.category-card .cat-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.category-card .cat-desc {
    color: rgba(255, 255, 255, 0.95) !important;
}

.category-card .cat-meta {
    color: rgba(255, 255, 255, 0.85) !important;
}

.category-card .cat-cta {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.category-card .cat-cta:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.service-card h3,
.product-card h3 {
    color: var(--text-primary) !important;
}

.service-card p,
.product-card p {
    color: var(--text-secondary) !important;
}

/* Navegación */
.nav-link {
    color: var(--text-primary) !important;
}

.nav-link:hover {
    color: var(--color-primary) !important;
}

/* Testimonios específicos */
.testimonial-text {
    color: var(--text-primary) !important;
}

.testimonial-author h4 {
    color: var(--text-primary) !important;
}

.testimonial-author p {
    color: var(--text-muted) !important;
}

/* Footer */
.footer {
    background: var(--text-primary) !important;
    color: var(--text-white) !important;
}

.footer h3,
.footer h4,
.footer p,
.footer a {
    color: var(--text-white) !important;
}

/* Iconos */
.icon,
.service-icon,
.social-icon {
    color: var(--color-primary) !important;
}

/* Estadísticas */
.stat-number {
    color: var(--color-primary) !important;
}

.stat-label {
    color: var(--text-secondary) !important;
}

/* Formularios */
.form-label {
    color: var(--text-primary) !important;
}

.form-input::placeholder {
    color: var(--text-muted) !important;
}

/* Breadcrumbs y otros elementos */
.breadcrumb {
    color: var(--text-muted) !important;
}

/* Asegurar que los enlaces sean visibles */
a {
    color: var(--color-primary) !important;
}

a:hover {
    color: var(--color-primary-dark) !important;
}

/* Sección About/Sobre TopNet con fondo oscuro - CONTRASTE COMPLETO */
.about-new,
.about-section,
section[id*="about"],
#about,
#nosotros {
    background: var(--bg-about) !important;
    color: var(--text-white) !important;
}

/* Títulos principales */
.about-new h2,
.about-new h3,
.about-new h4,
.about-title-styled,
.section-title,
#about-title,
.about-section h2,
.about-section h3,
.about-section h4,
section[id*="about"] h2,
section[id*="about"] h3,
section[id*="about"] h4,
#about h2,
#about h3,
#about h4 {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Spans de marca TopNet */
.brand-topnet,
.brand-top,
.brand-net {
    color: #ffffff !important;
}

/* Párrafos y subtítulos */
.about-new p,
.about-new .section-subtitle,
.about-subtitle-enhanced,
.about-section p,
.about-section .section-subtitle,
section[id*="about"] p,
section[id*="about"] .section-subtitle,
#about p,
#about .section-subtitle,
#nosotros p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Texto en negrita */
.about-new strong,
#nosotros strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Listas */
.about-features,
.about-new ul,
#nosotros ul {
    color: rgba(255, 255, 255, 0.9) !important;
}

.about-features li,
.about-new li,
#nosotros li {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Botones */
.about-new .btn,
.about-new .btn-hero,
.about-actions .btn,
.about-section .btn-primary,
section[id*="about"] .btn-primary,
#about .btn-primary,
#nosotros .btn {
    background: var(--color-primary) !important;
    color: #ffffff !important;
    border: 2px solid var(--color-primary) !important;
}

.about-new .btn:hover,
.about-new .btn-hero:hover,
#nosotros .btn:hover {
    background: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
    color: #ffffff !important;
}

/* Estadísticas */
.about-stats,
.stat {
    color: #ffffff !important;
}

.about-new .stat-number,
.about-section .stat-number,
section[id*="about"] .stat-number,
#about .stat-number,
#nosotros .stat-number {
    color: var(--color-primary-light) !important;
    font-weight: 700 !important;
}

.about-new .stat-label,
.about-section .stat-label,
section[id*="about"] .stat-label,
#about .stat-label,
#nosotros .stat-label {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Enlaces */
.about-new a,
#nosotros a {
    color: var(--color-primary-light) !important;
}

.about-new a:hover,
#nosotros a:hover {
    color: #ffffff !important;
}

/* Asegurar que las animaciones Lottie no afecten el contraste */
.about-lottie,
.about-figure,
lottie-player {
    background: transparent !important;
}

/* Asegurar máxima prioridad para el fondo oscuro */
.about-new {
    background: var(--bg-about) !important;
    color: var(--text-white) !important;
}

/* Contenedor principal */
.about-new .container {
    color: inherit !important;
}

/* Hero section - texto visible sobre video */
.hero,
.hero-content {
    color: var(--text-white) !important;
    position: relative !important;
    z-index: 10 !important;
}

.hero-title,
.hero-subtitle,
.typewriter-main,
.typewriter-subtitle {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
    font-weight: 600 !important;
}

.hero .btn-hero {
    background: var(--color-primary) !important;
    color: #ffffff !important;
    border: 2px solid var(--color-primary) !important;
    text-shadow: none !important;
    position: relative !important;
    z-index: 25 !important; /* Muy alto para estar por encima de todo */
}

.hero .btn-hero:hover {
    background: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
}