/**
 * Estilos de Salud Digna
 * Color principal: #008b56 (verde Salud Digna)
 */

/* Variables CSS personalizadas para Salud Digna */
.salud-digna-theme {
    --sd-primary: #008b56;
    --sd-primary-dark: #006b42;
    --sd-primary-light: #00a866;
    --sd-primary-lighter: #e6f7f0;
    --sd-primary-hover: #00754a;
}

/* Sobrescribir colores de texto primary */
.salud-digna-theme .text-primary {
    color: var(--sd-primary) !important;
}

.salud-digna-theme .hover\:text-primary:hover {
    color: var(--sd-primary) !important;
}

.salud-digna-theme .group:hover .group-hover\:text-primary {
    color: var(--sd-primary) !important;
}

/* Sobrescribir colores de fondo primary */
.salud-digna-theme .bg-primary {
    background-color: var(--sd-primary) !important;
}

.salud-digna-theme .bg-primary\/10 {
    background-color: var(--sd-primary-lighter) !important;
}

.salud-digna-theme .hover\:bg-primary:hover {
    background-color: var(--sd-primary) !important;
}

.salud-digna-theme .hover\:bg-primary-dark:hover,
.salud-digna-theme .bg-primary-dark {
    background-color: var(--sd-primary-dark) !important;
}

/* Gradientes */
.salud-digna-theme .from-primary {
    --tw-gradient-from: var(--sd-primary) !important;
    --tw-gradient-to: rgb(0 139 86 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.salud-digna-theme .to-primary-dark {
    --tw-gradient-to: var(--sd-primary-dark) !important;
}

.salud-digna-theme .from-green-50 {
    --tw-gradient-from: var(--sd-primary-lighter) !important;
}

/* Hero section - fondo verde suave */
.salud-digna-theme .hero-bg {
    background: linear-gradient(135deg, #e6f7f0 0%, #ffffff 50%, #e6f7f0 100%);
}

.salud-digna-theme.dark .hero-bg {
    background: linear-gradient(135deg, #0d1620 0%, #101922 50%, #0d1620 100%);
}

/* Badges y pills */
.salud-digna-theme .bg-green-100 {
    background-color: var(--sd-primary-lighter) !important;
}

.salud-digna-theme .text-green-700 {
    color: var(--sd-primary-dark) !important;
}

/* Bordes */
.salud-digna-theme .border-primary\/40 {
    border-color: rgb(0 139 86 / 0.4) !important;
}

.salud-digna-theme .hover\:border-primary\/40:hover {
    border-color: rgb(0 139 86 / 0.4) !important;
}

/* Hover states para fondos */
.salud-digna-theme .hover\:bg-green-50:hover,
.salud-digna-theme .hover\:bg-blue-50:hover {
    background-color: var(--sd-primary-lighter) !important;
}

/* Sombras */
.salud-digna-theme .shadow-primary\/30 {
    --tw-shadow-color: rgb(0 139 86 / 0.3) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}

/* CTA Section con degradado verde */
.salud-digna-theme .cta-gradient {
    background: linear-gradient(90deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
}

/* Text colors para CTA */
.salud-digna-theme .text-blue-100 {
    color: rgba(230, 247, 240, 0.9) !important;
}

/* Iconos en el header dropdown */
.salud-digna-theme .material-symbols-outlined.text-primary {
    color: var(--sd-primary) !important;
}

/* Estados hover para links y botones */
.salud-digna-theme a:hover .text-primary,
.salud-digna-theme button:hover .text-primary {
    color: var(--sd-primary-hover) !important;
}

/* Badge de cantidad de clínicas */
.salud-digna-theme .bg-primary\/10.text-primary {
    background-color: var(--sd-primary-lighter) !important;
    color: var(--sd-primary-dark) !important;
}

/* Fix para el botón blanco en CTA */
.salud-digna-theme .bg-white.text-primary {
    background-color: white !important;
    color: var(--sd-primary) !important;
}

.salud-digna-theme .bg-white.text-primary:hover {
    background-color: var(--sd-primary-lighter) !important;
}

/* Modo oscuro - ajustes de contraste */
.salud-digna-theme.dark .text-primary {
    color: var(--sd-primary-light) !important;
}

.salud-digna-theme.dark .bg-primary {
    background-color: var(--sd-primary-light) !important;
}

/* Responsive: asegurar que los colores se mantengan en móviles */
@media (max-width: 768px) {
    .salud-digna-theme .text-primary {
        color: var(--sd-primary) !important;
    }

    .salud-digna-theme .bg-primary {
        background-color: var(--sd-primary) !important;
    }

    .salud-digna-theme .border-primary {
        border-color: var(--sd-primary) !important;
    }
}

/* Asegurar que el navbar NO se vea afectado por el theme */
header .text-primary,
#mobile-nav .text-primary {
    color: #111418 !important;
}
.dark header .text-primary,
.dark #mobile-nav .text-primary {
    color: #ffffff !important;
}