{{-- SECTION: Misión --}}
<section class="bg-[#eeffff] py-14" id="nosotros-mision">
    <div class="container mx-auto px-4">

        {{-- Título de bloque --}}
        <h2 class="text-[#007e7f] text-center text-2xl md:text-3xl font-bold mb-10">
            Principios e ideas de valor que nos guían
        </h2>

        {{-- Flex: imagen izquierda + texto derecho --}}
        <div class="flex flex-col md:flex-row items-center gap-8 md:gap-12">
            <div class="w-full md:w-1/12"></div>
            {{-- Columna imagen --}}
            <div class="w-full md:w-5/12" data-aos="zoom-in"
data-aos-easing="ease-out-cubic"
data-aos-duration="800">
                <img src="{{ Vite::asset('resources/images/nosotros/nosotros_06.webp') }}"
                     alt="Misión"
                     class="w-full h-auto rounded-[37px] shadow-[0_2px_12px_6px_#cff2f2] object-cover">
            </div>

            {{-- Columna texto --}}
            <div class="w-full md:w-6/12" data-aos="fade-up"
data-aos-duration="800"
data-aos-easing="ease-out-cubic">
                <h3 class="text-[#007e7f] text-2xl md:text-3xl lg:text-[42px] font-medium mb-4">Misión</h3>
                <p class="text-[#007e7f] text-base md:text-lg font-medium leading-relaxed">
                    Ser una Institución Educativa que ofrezca e imparta programas académicos de alto calidad en el Área de la Salud que permita la formación integral de nuestros estudiantes como profesionales que se han fijado para servir y vivir como ser, respondiendo a las exigencias humanas de la dinámica social contemporánea, así como ser una organización ética, comprometida, competente y transparente.
                </p>
            </div>

        </div>
    </div>
</section>