/* SANyGAS - Tema oscuro y claro */
:root {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background: #090f18;
    color: #edf3fa;
}

/* Selector de tema */
.sany-theme-toggle {
    position: fixed;
    right: 14px;
    top: 76px;
    z-index: 999;
    background: #14243a;
    color: #f2f7ff;
    border: 1px solid #526174;
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 5px 18px #0005;
}

/* Banner */
.sany-home-hero .hero-panel {
    max-width: 730px;
}

.sany-home-hero .hero-description {
    max-width: 660px;
}

/* MODO CLARO */
html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body {
    background: #f3f6fa;
    color: #17263a;
}

html[data-theme="light"] .sany-theme-toggle {
    background: #fff;
    color: #16283d;
    border-color: #b5c5d7;
}

/* Encabezado y navegación */
html[data-theme="light"] .nav,
html[data-theme="light"] .topbar,
html[data-theme="light"] footer {
    background: #e9eff7;
    color: #18283a;
}

html[data-theme="light"] .nav a,
html[data-theme="light"] .topbar a {
    color: #17263a;
}

html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .topbar a:hover {
    color: #a66a00;
}

/* Tarjetas claras */
html[data-theme="light"] :is(
    .service-card,
    .card,
    .testimonial-card,
    .hero-highlights,
    .mini-stat,
    .large-works-card,
    .compact-confidence-card,
    .compact-zone-card,
    .presupro-card,
    .final-cta-card
) {
    background: #fff;
    color: #17263a;
    border-color: #d4dfea;
}

/* Textos de tarjetas y secciones */
html[data-theme="light"] :is(
    .service-card,
    .testimonial-card,
    .mini-stat,
    .large-works-card,
    .compact-confidence-card,
    .compact-zone-card,
    .presupro-card,
    .final-cta-card,
    .section-head
) :is(h2, h3, h4, strong) {
    color: #17263a;
}

html[data-theme="light"] :is(
    .service-card,
    .testimonial-card,
    .mini-stat,
    .large-works-card,
    .compact-confidence-card,
    .compact-zone-card,
    .presupro-card,
    .final-cta-card,
    .section-head
) :is(p, small) {
    color: #455a70;
}

/* Estadísticas */
html[data-theme="light"] .hero-highlights {
    color: #17263a;
}

html[data-theme="light"] .hero-highlights :is(p, span, small) {
    color: #455a70;
}

/* Banner principal: siempre oscuro */
html[data-theme="light"] .sany-home-hero h1 {
    color: #fff !important;
}

html[data-theme="light"] .sany-home-hero .hero-description {
    color: #f1f5f9 !important;
}

/* Pie de página */
html[data-theme="light"] footer :is(
    h2, h3, h4, p, span, small, strong, a, li
) {
    color: #24364a;
}

html[data-theme="light"] footer a:hover {
    color: #a66a00;
}

/* Adaptación móvil */
@media (max-width: 650px) {
    .sany-theme-toggle {
        top: 72px;
        right: 8px;
        padding: 7px 9px;
        font-size: 12px;
    }

    .sany-home-hero .hero-actions {
        gap: 9px;
    }
}

/* SANyGAS - Ajustes adicionales de contraste claro */

/* Barra superior */
html[data-theme="light"] .topbar span,
html[data-theme="light"] .topbar p,
html[data-theme="light"] .topbar small {
    color: #34465c !important;
}

/* Listas de servicios */
html[data-theme="light"] .service-card li,
html[data-theme="light"] .service-card ul,
html[data-theme="light"] .service-card ol {
    color: #455a70 !important;
}

/* Preguntas frecuentes */
html[data-theme="light"] details,
html[data-theme="light"] details summary,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-item summary,
html[data-theme="light"] .faq-item p {
    color: #17263a !important;
}

html[data-theme="light"] details {
    background: #ffffff;
    border: 1px solid #d4dfea;
    border-radius: 12px;
}

html[data-theme="light"] details p {
    color: #455a70 !important;
}

/* Textos secundarios de reseñas */
html[data-theme="light"] .testimonials-section p,
html[data-theme="light"] .reviews-section p,
html[data-theme="light"] .review-cta p {
    color: #455a70 !important;
}

/* Tarjetas y contenedores secundarios */
html[data-theme="light"] .compact-confidence-card,
html[data-theme="light"] .compact-zone-card,
html[data-theme="light"] .large-works-card {
    background: #ffffff !important;
    border: 1px solid #d4dfea !important;
}

html[data-theme="light"] .compact-confidence-card p,
html[data-theme="light"] .compact-zone-card p,
html[data-theme="light"] .large-works-card p {
    color: #455a70 !important;
}


/* SANyGAS - Ajustes adicionales de contraste claro */

/* Barra superior */
html[data-theme="light"] .topbar span,
html[data-theme="light"] .topbar p,
html[data-theme="light"] .topbar small {
    color: #34465c !important;
}

/* Listas de servicios */
html[data-theme="light"] .service-card li,
html[data-theme="light"] .service-card ul,
html[data-theme="light"] .service-card ol {
    color: #455a70 !important;
}

/* Preguntas frecuentes */
html[data-theme="light"] details,
html[data-theme="light"] details summary,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-item summary,
html[data-theme="light"] .faq-item p {
    color: #17263a !important;
}

html[data-theme="light"] details {
    background: #ffffff;
    border: 1px solid #d4dfea;
    border-radius: 12px;
}

html[data-theme="light"] details p {
    color: #455a70 !important;
}

/* Textos secundarios de reseñas */
html[data-theme="light"] .testimonials-section p,
html[data-theme="light"] .reviews-section p,
html[data-theme="light"] .review-cta p {
    color: #455a70 !important;
}

/* Tarjetas y contenedores secundarios */
html[data-theme="light"] .compact-confidence-card,
html[data-theme="light"] .compact-zone-card,
html[data-theme="light"] .large-works-card {
    background: #ffffff !important;
    border: 1px solid #d4dfea !important;
}

html[data-theme="light"] .compact-confidence-card p,
html[data-theme="light"] .compact-zone-card p,
html[data-theme="light"] .large-works-card p {
    color: #455a70 !important;
}