{{-- SECTION: Perfiles de Ingreso y Egreso --}}
<section class="py-16 bg-white" id="oferta-perfiles">
    <div class="container mx-auto px-4 max-w-6xl">
        
        <div class="text-center mb-12">
            <h2 class="text-3xl font-bold text-[#007e7f]">¿Qué necesitas para ser licenciado en enfermería?</h2>
        </div>

        <div class="flex flex-col md:flex-row gap-12">
            
            {{-- Columna Izquierda: Textos --}}
            <div class="w-full md:w-1/2 flex flex-col justify-center space-y-10"  data-aos="fade-up"
                data-aos-delay="250"
                data-aos-duration="900">
                
                {{-- Perfil de Ingreso --}}
                <div>
                    <h3 class="text-xl font-bold text-[#007e7f] mb-4">Perfil de ingreso:</h3>
                    <div class="text-[#007e7f] space-y-4 font-medium
                        [&>p]:mb-4
                        [&>p]:font-medium
                        [&>p]:leading-relaxed
                        [&>ul]:list-disc
                        [&>ul]:pl-5
                        [&>ul]:mb-4
                        [&>ul>li]:mb-2
                        [&_span]:text-[#007e7f]">
                        {!! $oferta->perfil_ingreso !!}
                    </div>
                    {{-- <ul class="text-[#007e7f] space-y-2 list-none font-medium">
                        <li class="flex items-start">
                            <span class="mr-2">-</span>
                            <span>Aplica el juicio crítico, reflexivo, analítico, matemático y verbal.</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">-</span>
                            <span>Habilidad para la resolución de problemas, la adaptación y el manejo de estrés.</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">-</span>
                            <span>Vocación de servicio, empático, solidario, amable, responsable, íntegro.</span>
                        </li>
                        <li class="flex items-start">
                            <span class="mr-2">-</span>
                            <span>Capacidad para trabajar en equipo, establecer comunicación asertiva y relaciones interpersonales armónicas.</span>
                        </li>
                    </ul> --}}
                </div>

                <div class="w-20 h-0.5 bg-[#007e7f]"></div>

                {{-- Perfil de Egreso --}}
                <div>
                    <h3 class="text-xl font-bold text-[#007e7f] mb-4">Perfil de egreso:</h3>
                    <div class="text-[#007e7f] space-y-4 font-medium
                        [&>p]:mb-4
                        [&>p]:font-medium
                        [&>p]:leading-relaxed
                        [&>ul]:list-disc
                        [&>ul]:pl-5
                        [&>ul]:mb-4
                        [&>ul>li]:mb-2
                        [&_ol]:list-decimal
                        [&_ol]:pl-5
                        [&_ol]:mb-4
                        [&_ol>li]:mb-2
                        [&_span]:text-[#007e7f]
                    ">
                        {!! $oferta->perfil_egreso !!}
                    </div>
                </div>

            </div>

            {{-- Columna Derecha: Imagen vertical --}}
            <div class="w-full md:w-1/2">
                <div class="rounded-lg overflow-hidden h-full min-h-[500px] shadow-lg " data-aos="zoom-in-up"
                    data-aos-duration="900">
                    <img src="{{ Storage::url($oferta->imagen_perfil) }}" alt="Perfil Licenciado Enfermería" class="w-full h-full object-cover">
                </div>
            </div>

        </div>

    </div>
</section>