/* <!-- Aquí se define CSS personalizado, incluyendo variables CSS como --color-primary (#ff9304) y reglas específicas como .scroll-snap-container. Comentario: Esta es la primera sección que moveremos a un archivo CSS externo. --> */

    :root {
        --color-primary: #ff9304;
        --color-secondary: #073b4c;
        --color-background: #fff;
        --color-background-light: #f8fafc;
        --color-text-primary: #fff;
        --color-text-secondary: #767676;
        --color-text-dark: #f0f0f0;
        --color-title: #333333;
        --color-card-border-1: var(--color-primary);
        --color-card-border-2: #118ab2;
        --color-card-border-3: #06d6a0;
        --color-card-border-4: #ffd166;
        --color-card-border-5: #ef476f;
        --color-card-border-6: var(--color-secondary);
        --color-testimonial-bg: #f8f9fa;
        --color-testimonial-text: #212529;
        --color-testimonial-name: var(--color-secondary);
        --dark-color-testimonial-bg: var(--accent-dark);
        --dark-color-testimonial-text: #e9ecef;
        --dark-color-testimonial-name: var(--color-primary);
        --why-us-icon-bg: #e5e5e5;
        --dark-why-us-icon-bg: #3a3a3a;
        --color-whatsapp: #25D366;

    }

    .scroll-snap-container {
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .scroll-snap-item {
        scroll-snap-align: start;
    }

    .why-us-icon {
        background-color: var(--why-us-icon-bg);
        color: var(--color-secondary);
    }

    .dark .why-us-icon {
        background-color: var(--dark-why-us-icon-bg);
        color: var(--color-primary);
    }


    .testimonial-card {
        background-color: var(--color-testimonial-bg);
        border-left: 5px solid var(--color-primary);
    }

    .dark .testimonial-card {
        background-color: var(--dark-color-testimonial-bg);
        border-left-color: var(--color-primary);
    }

    .accordion-button:not(.collapsed) {
        color: var(--color-primary);
        background-color: var(--color-secondary);
    }

    .accordion-button:not(.collapsed) .material-symbols-outlined {
        transform: rotate(180deg);
    }

    .faq-bg {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1557821552-17105176677c?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    /* Heroes */
    .hero-bg {
        background-image: url('https://images.unsplash.com/photo-1553877522-6494e1d4038a?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-tsu {
        background-image: url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }


    .hero-bg-ish {
        background-image: url('https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-msa {
        background-image: url('https://images.unsplash.com/photo-1570587214697-909d7274adeb?q=80&w=2942&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-diplomado {
        background-image: url('https://images.unsplash.com/photo-1558642714-38aa9030018a?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-diplomado-ergonomia {
        background-image: url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-library {
        background-image: url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?q=80&w=2756&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }

    .hero-bg-contact {
        background-image: url('https://images.unsplash.com/photo-1586769852836-bc069f19e1b6?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
        background-size: cover;
        background-position: center;
    }