/* ============================================
   Industria: Salud / Clínicas / Hospitales
   Paleta: Cian / Teal - Limpio, profesional
   ============================================ */

[data-industry="salud"] {
    /* Primary Colors */
    --color-primary: #0891b2;
    --color-primary-light: #06b6d4;
    --color-primary-dark: #0e7490;
    --color-primary-rgb: 8, 145, 178;

    /* Secondary Colors */
    --color-secondary: #2dd4bf;
    --color-secondary-light: #5eead4;
    --color-secondary-dark: #14b8a6;
    --color-secondary-rgb: 45, 212, 191;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #0891b2, #2dd4bf);
    --gradient-primary-hover: linear-gradient(135deg, #0e7490, #14b8a6);
    --gradient-hero: linear-gradient(135deg, rgba(17, 24, 39, 0.85), rgba(8, 145, 178, 0.6));

    /* Shadows */
    --shadow-primary: 0 10px 30px -5px rgba(8, 145, 178, 0.3);
    --shadow-primary-lg: 0 20px 40px -10px rgba(8, 145, 178, 0.4);

    /* Title Decoration */
    --title-underline: linear-gradient(90deg, #0891b2, #2dd4bf);

    /* Healthcare specific - clean, light backgrounds */
    --color-bg-section: #f0fdfa;
    --color-bg-card: #ffffff;
}

/* Industry-specific button styles */
[data-industry="salud"] .btn-primary {
    background: var(--gradient-primary);
    color: white;
}

[data-industry="salud"] .btn-primary:hover {
    background: var(--gradient-primary-hover);
    box-shadow: var(--shadow-primary);
}

/* Service card icon background */
[data-industry="salud"] .service-icon {
    background: var(--gradient-primary);
    box-shadow: var(--shadow-primary);
}

/* Badge/tag colors */
[data-industry="salud"] .badge-primary {
    background-color: var(--color-primary);
    color: white;
}

/* Demo banner */
[data-industry="salud"] .demo-banner {
    background: var(--gradient-primary);
}

/* Navbar brand accent */
[data-industry="salud"] .brand-accent {
    color: var(--color-primary);
}

/* Footer link hover */
[data-industry="salud"] .footer-link:hover {
    color: var(--color-primary);
}

/* CTA section background */
[data-industry="salud"] .cta-section {
    background: var(--gradient-primary);
}

/* Healthcare specific styles */
[data-industry="salud"] .specialty-card {
    border-left: 4px solid var(--color-primary);
}

[data-industry="salud"] .doctor-card:hover {
    border-color: var(--color-primary);
}