{"id":495,"date":"2024-03-11T21:36:31","date_gmt":"2024-03-11T20:36:31","guid":{"rendered":"https:\/\/ficmafest.org\/?page_id=495"},"modified":"2026-06-01T19:04:39","modified_gmt":"2026-06-01T17:04:39","slug":"convocatoria-ficma-11","status":"publish","type":"page","link":"https:\/\/ficmafest.org\/index.php\/convocatoria-ficma-11\/","title":{"rendered":"Convocatoria FICMA 11"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"495\" class=\"elementor elementor-495\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd2b101 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd2b101\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a20d290\" data-id=\"a20d290\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-94801cc elementor-widget elementor-widget-spacer\" data-id=\"94801cc\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e80b45 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle\" data-id=\"9e80b45\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71ca530\" data-id=\"71ca530\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f794394 elementor-widget elementor-widget-image\" data-id=\"f794394\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px.png\" class=\"attachment-full size-full wp-image-17950\" alt=\"\" srcset=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px.png 1920w, https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px-300x169.png 300w, https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px-1024x576.png 1024w, https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px-768x432.png 768w, https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/WEB-convo-FICMA-2026-1920-x-1080-px-1536x864.png 1536w\" sizes=\"100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b7c062 elementor-widget elementor-widget-html\" data-id=\"5b7c062\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =============================================================== -->\r\n<!-- COPIA Y PEGA DESDE AQU\u00cd EN TU WIDGET DE HTML PERSONALIZADO      -->\r\n<!-- =============================================================== -->\r\n\r\n<!-- 1. Estilos Nativos de Emergencia (A prueba de bloqueos de cach\u00e9 en m\u00f3viles) -->\r\n<style>\r\n    #ficma-wrap { background-color: #07090b !important; color: #d1d5db !important; font-family: system-ui, -apple-system, sans-serif !important; }\r\n    #ficma-wrap h2, #ficma-wrap h3, #ficma-wrap h4 { color: #ffffff !important; margin-top: 0 !important; }\r\n    #ficma-wrap p { color: #9ca3af !important; margin-top: 0 !important; }\r\n    #ficma-wrap a { text-decoration: none !important; }\r\n    \r\n    \/* Layouts y Tarjetas Principales *\/\r\n    #ficma-wrap .tw-bg-ficma-card { background-color: #11151a !important; border: 1px solid #1f2937 !important; border-radius: 1rem !important; padding: 1.5rem !important; position: relative !important; }\r\n    #ficma-wrap .tw-bg-ficma-dark { background-color: #07090b !important; border: 1px solid #1f2937 !important; border-radius: 0.75rem !important; padding: 1.25rem !important; }\r\n    #ficma-wrap .tw-grid { display: grid !important; }\r\n    #ficma-wrap .tw-flex { display: flex !important; }\r\n    #ficma-wrap .tw-inline-flex { display: inline-flex !important; }\r\n    #ficma-wrap .tw-flex-col { flex-direction: column !important; }\r\n    #ficma-wrap .tw-items-center { align-items: center !important; }\r\n    #ficma-wrap .tw-items-stretch { align-items: stretch !important; }\r\n    #ficma-wrap .tw-justify-center { justify-content: center !important; }\r\n    #ficma-wrap .tw-justify-between { justify-content: space-between !important; }\r\n    #ficma-wrap .tw-absolute { position: absolute !important; }\r\n    #ficma-wrap .tw-relative { position: relative !important; }\r\n    #ficma-wrap .tw-w-full { width: 100% !important; }\r\n    #ficma-wrap .tw-h-full { height: 100% !important; }\r\n    #ficma-wrap .tw-mt-auto { margin-top: auto !important; }\r\n    \r\n    \/* Espaciados y M\u00e1rgenes *\/\r\n    #ficma-wrap .tw-gap-4 { gap: 1rem !important; }\r\n    #ficma-wrap .tw-gap-6 { gap: 1.5rem !important; }\r\n    #ficma-wrap .tw-gap-8 { gap: 2rem !important; }\r\n    #ficma-wrap .tw-p-6 { padding: 1.5rem !important; }\r\n    #ficma-wrap .tw-p-8 { padding: 2rem !important; }\r\n    #ficma-wrap .tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }\r\n    #ficma-wrap .tw-py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }\r\n    #ficma-wrap .tw-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }\r\n    #ficma-wrap .tw-mb-3 { margin-bottom: 0.75rem !important; }\r\n    #ficma-wrap .tw-mb-4 { margin-bottom: 1rem !important; }\r\n    #ficma-wrap .tw-mb-6 { margin-bottom: 1.5rem !important; }\r\n    #ficma-wrap .tw-mb-8 { margin-bottom: 2rem !important; }\r\n    \r\n    \/* Colores Espec\u00edficos y Fondos de la Secci\u00f3n 3 *\/\r\n    #ficma-wrap .tw-text-ficma-cyan { color: #00e2c8 !important; }\r\n    #ficma-wrap .tw-text-white { color: #ffffff !important; }\r\n    #ficma-wrap .tw-text-black { color: #000000 !important; }\r\n    #ficma-wrap .tw-bg-white { background-color: #ffffff !important; }\r\n    #ficma-wrap .tw-bg-\\[\\#2b2b2b\\] { background-color: #2b2b2b !important; }\r\n    #ficma-wrap .tw-bg-gray-800 { background-color: #1f2937 !important; }\r\n    #ficma-wrap .tw-bg-ficma-cyan\\\/10 { background-color: rgba(0, 226, 200, 0.1) !important; }\r\n    #ficma-wrap .tw-bg-ficma-cyan { background-color: #00e2c8 !important; color: #07090b !important; }\r\n    #ficma-wrap .tw-bg-ficma-card\\\/50 { background-color: rgba(17, 21, 26, 0.5) !important; }\r\n    #ficma-wrap .tw-bg-gray-800\\\/50 { background-color: rgba(31, 41, 55, 0.5) !important; }\r\n    #ficma-wrap .tw-bg-gray-900\\\/50 { background-color: rgba(17, 24, 39, 0.5) !important; }\r\n    \r\n    \/* Bordes y Formas *\/\r\n    #ficma-wrap .tw-border { border-width: 1px !important; border-style: solid !important; }\r\n    #ficma-wrap .tw-border-gray-800 { border-color: #1f2937 !important; }\r\n    #ficma-wrap .tw-border-gray-700 { border-color: #374151 !important; }\r\n    #ficma-wrap .tw-border-ficma-cyan\\\/40 { border-color: rgba(0, 226, 200, 0.4) !important; }\r\n    #ficma-wrap .tw-rounded-xl { border-radius: 0.75rem !important; }\r\n    #ficma-wrap .tw-rounded-2xl { border-radius: 1rem !important; }\r\n    #ficma-wrap .tw-rounded-3xl { border-radius: 1.5rem !important; }\r\n    #ficma-wrap .tw-rounded-full { border-radius: 9999px !important; }\r\n    #ficma-wrap .tw-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }\r\n    \r\n    \/* Dimensiones e Iconos *\/\r\n    #ficma-wrap .tw-w-12 { width: 3rem !important; }\r\n    #ficma-wrap .tw-h-12 { height: 3rem !important; }\r\n    #ficma-wrap .tw-w-14 { width: 3.5rem !important; }\r\n    #ficma-wrap .tw-h-14 { height: 3.5rem !important; }\r\n    \r\n    \/* Responsividad Manual *\/\r\n    #ficma-wrap .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }\r\n    @media (min-width: 768px) { #ficma-wrap .md\\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }\r\n    @media (min-width: 1024px) { \r\n        #ficma-wrap .lg\\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\r\n        #ficma-wrap .lg\\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } \r\n    }\r\n<\/style>\r\n\r\n<!-- 2. Scripts (Con etiquetas para evadir a los plugins de cach\u00e9) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@alpinejs\/collapse@3.x.x\/dist\/cdn.min.js\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\">\r\n    tailwind.config = {\r\n        prefix: 'tw-',\r\n        important: '#ficma-wrap', \/\/ Fuerza prioridad m\u00e1xima al dise\u00f1o\r\n        corePlugins: { preflight: false },\r\n        theme: {\r\n            extend: {\r\n                colors: {\r\n                    'ficma-dark': '#07090b',\r\n                    'ficma-cyan': '#00e2c8',\r\n                    'ficma-card': '#11151a',\r\n                    'ficma-card-hover': '#1a2028',\r\n                },\r\n                fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'], }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<!-- 3. Contenedor Principal (Escudado con ID) -->\r\n<div id=\"ficma-wrap\" class=\"tw-bg-ficma-dark tw-text-gray-300 tw-antialiased tw-font-sans tw-overflow-hidden\">\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 1: La Ruta hacia FICMA 2026        -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-relative tw-w-full tw-py-20 tw-overflow-hidden\">\r\n        <!-- Elementos decorativos de fondo -->\r\n        <div class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-opacity-10 tw-pointer-events-none\">\r\n            <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" class=\"tw-w-full tw-h-full tw-block\">\r\n                <path d=\"M0,50 Q25,25 50,50 T100,50\" fill=\"none\" stroke=\"#00e2c8\" stroke-width=\"0.5\" \/>\r\n                <path d=\"M0,60 Q30,80 60,50 T100,60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"0.2\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"tw-max-w-7xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-relative tw-z-10\">\r\n            <!-- Encabezado de la secci\u00f3n -->\r\n            <div class=\"tw-text-center tw-max-w-2xl tw-mx-auto tw-mb-16\">\r\n                <h2 class=\"tw-text-3xl md:tw-text-4xl tw-font-bold tw-text-white tw-mb-4 tw-tracking-wide tw-uppercase tw-mt-0\">\r\n                    La Ruta hacia FICMA 2026\r\n                <\/h2>\r\n                <p class=\"tw-text-gray-400 tw-text-lg tw-mt-0\">Marca tu calendario. Sigue estos pasos y no dejes que tu proyecto se quede fuera de nuestra 11\u00aa edici\u00f3n.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Contenedor del Timeline -->\r\n            <div class=\"tw-relative\">\r\n                <!-- L\u00ednea conectora horizontal -->\r\n                <div class=\"tw-hidden md:tw-block tw-absolute tw-top-1\/2 tw-left-0 tw-w-full tw-h-0.5 tw-bg-gray-800 -tw-translate-y-1\/2 tw-z-0\"><\/div>\r\n                <div class=\"tw-hidden md:tw-block tw-absolute tw-top-1\/2 tw-left-0 tw-w-1\/4 tw-h-0.5 tw-bg-ficma-cyan tw-shadow-[0_0_10px_#00e2c8] -tw-translate-y-1\/2 tw-z-0\"><\/div> \r\n\r\n                <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-4 tw-gap-6 lg:tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-4\">\r\n                    \r\n                    <!-- Tarjeta 1 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-ficma-cyan\/30 hover:tw-border-ficma-cyan tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 hover:tw-shadow-[0_10px_30px_rgba(0,226,200,0.15)] tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-ficma-cyan tw-shadow-[0_0_15px_#00e2c8] tw-z-20\"><\/div>\r\n                        <div class=\"tw-absolute -tw-top-3 tw-right-4 tw-bg-ficma-cyan tw-text-black tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-shadow-lg\" style=\"top: -12px; right: 16px;\">\r\n                            \u00a1Ya Abierto!\r\n                        <\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-ficma-cyan\/10 tw-text-ficma-cyan tw-mb-4\">\r\n                            <!-- Icono Forzado en tama\u00f1o -->\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Apertura<\/h3>\r\n                        <p class=\"tw-text-ficma-cyan tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">6 de Abril, 2026<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Inicia el periodo de recepci\u00f3n de obras. Asegura la participaci\u00f3n de tu proyecto desde el primer d\u00eda.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 2 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Cierre Oficial<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">31 de Julio<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Concluye la etapa de inscripciones. A partir de las 23:59 hrs no se recibir\u00e1n m\u00e1s proyectos.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 3 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Selecci\u00f3n Oficial<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">\u00daltima semana de Octubre<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Publicaremos en redes sociales y notificaremos por correo a los proyectos elegidos.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 4 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">El Festival<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">19 al 28 de Nov, 2026<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Proyecciones presenciales y en l\u00ednea, ceremonia de premiaci\u00f3n y networking en CDMX.<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 2: Categor\u00edas en Competencia       -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-py-20 tw-relative\">\r\n        <div class=\"tw-max-w-7xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8\">\r\n            \r\n            <!-- T\u00edtulo de la Secci\u00f3n -->\r\n            <div class=\"tw-text-center tw-mb-16\">\r\n                <h2 class=\"tw-text-3xl md:tw-text-4xl tw-font-bold tw-text-white tw-mb-4 tw-uppercase tw-tracking-wide tw-mt-0\">Categor\u00edas en Competencia<\/h2>\r\n                <p class=\"tw-text-lg tw-text-gray-400 tw-max-w-2xl tw-mx-auto tw-mt-0\">Selecciona tu \u00e1rea para conocer los requisitos espec\u00edficos y formatos aceptados.<\/p>\r\n            <\/div>\r\n\r\n            <!-- GRID PRINCIPAL DIN\u00c1MICO -->\r\n            <div x-data=\"{ activeTab: 1 }\" class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-4 lg:tw-gap-6 tw-relative lg:tw-grid-cols-4\">\r\n\r\n                <!-- TARJETA 1 -->\r\n                <button @click=\"activeTab = activeTab === 1 ? null : 1\" \r\n                        class=\"tw-order-1 lg:tw-order-1 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-bg-transparent tw-text-left\"\r\n                        :class=\"activeTab === 1 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors\"\r\n                             :class=\"activeTab === 1 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Cuadrantes Mundiales<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Ficci\u00f3n y Doc Int.<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 1 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 1 -->\r\n                <div x-show=\"activeTab === 1\" x-collapse class=\"tw-order-2 sm:tw-order-3 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Cuadrantes Mundiales<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometraje Documental Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje Documental Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 2 -->\r\n                <button @click=\"activeTab = activeTab === 2 ? null : 2\" \r\n                        class=\"tw-order-3 sm:tw-order-2 lg:tw-order-2 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-bg-transparent tw-text-left\"\r\n                        :class=\"activeTab === 2 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors\"\r\n                             :class=\"activeTab === 2 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Nueva Media<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">RV, Animaci\u00f3n e IA<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 2 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 2 -->\r\n                <div x-show=\"activeTab === 2\" x-collapse class=\"tw-order-4 sm:tw-order-4 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Nueva Media<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje Experimental<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos con narrativa abstracta y nuevos simbolismos. <span class=\"tw-text-red-400\">NO se aceptan: video danza, performance ni teatro filmado.<\/span><\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Proyectos RV y\/o Videos 360\u00b0<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Ficci\u00f3n, doc o entretenimiento en Realidad Virtual. Archivos APK o compatibles con visores (adjuntar gu\u00eda).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 20 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Obra completa.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Proyectos de Inteligencia Artificial<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos realizados mediante aplicaciones y herramientas generativas de IA.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje de Animaci\u00f3n Digital<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Animaci\u00f3n generada por computadora. <span class=\"tw-text-red-400\">Excluye animaci\u00f3n Stop Motion.<\/span><\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 3 -->\r\n                <button @click=\"activeTab = activeTab === 3 ? null : 3\" \r\n                        class=\"tw-order-5 sm:tw-order-5 lg:tw-order-3 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-bg-transparent tw-text-left\"\r\n                        :class=\"activeTab === 3 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors\"\r\n                             :class=\"activeTab === 3 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Narradores Mexicanos<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Cine Nacional y Univ.<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 3 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 3 -->\r\n                <div x-show=\"activeTab === 3\" x-collapse class=\"tw-order-6 sm:tw-order-7 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Narradores Mexicanos<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometrajes Mexicanos<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometrajes Mexicanos<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"md:tw-col-span-2 tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-ficma-cyan\/30 tw-relative tw-overflow-hidden\">\r\n                                <div class=\"tw-absolute tw-top-0 tw-right-0 tw-bg-ficma-cyan tw-text-ficma-dark tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-bl-lg\">ESTUDIANTES<\/div>\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometrajes Universitarios (Ficci\u00f3n y Doc)<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-4 tw-max-w-3xl tw-mt-0\">Producciones realizadas por estudiantes de cine, comunicaci\u00f3n o carreras afines de la Rep\u00fablica Mexicana.<\/p>\r\n                                <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4\">\r\n                                    <ul class=\"tw-text-sm tw-space-y-2 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                        <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                        <li><span class=\"tw-text-gray-500\">Formato:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                    <\/ul>\r\n                                    <div class=\"tw-bg-gray-900 tw-p-3 tw-rounded-lg tw-border tw-border-solid tw-border-gray-800\">\r\n                                        <p class=\"tw-text-xs tw-text-gray-300 tw-mt-0\"><span class=\"tw-text-ficma-cyan tw-font-bold tw-block tw-mb-1\">Requisito Indispensable:<\/span> Acreditar pertenencia a matr\u00edcula universitaria vigente o enviar respaldo mediante documento probatorio.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 4 -->\r\n                <button @click=\"activeTab = activeTab === 4 ? null : 4\" \r\n                        class=\"tw-order-7 sm:tw-order-6 lg:tw-order-4 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-bg-transparent tw-text-left\"\r\n                        :class=\"activeTab === 4 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors\"\r\n                             :class=\"activeTab === 4 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Visiones Digitales<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Narrativa Vertical y Spots<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 4 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 4 -->\r\n                <div x-show=\"activeTab === 4\" x-collapse class=\"tw-order-8 sm:tw-order-8 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Visiones Digitales<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Narrativa Vertical<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos optimizados para formato vertical (9:16) en ficci\u00f3n, documental o animaci\u00f3n.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 15 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Spots Publicitarios<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Comerciales digitales para redes sociales (formato vertical u horizontal).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2025.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 10 a 90 segundos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cinem\u00e1tica de Videojuego<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Secuencias narrativas in-game (PC, consolas, m\u00f3viles) con animaci\u00f3n avanzada o VFX.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2022 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Videoclip Musical<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos musicales donde destaque la creatividad visual y sonora.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 3: Descargas e Inscripci\u00f3n         -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-py-20 tw-relative tw-border-t tw-border-solid tw-border-gray-900\">\r\n        <!-- Brillo de fondo sutil -->\r\n        <div class=\"tw-absolute tw-top-1\/2 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-[600px] tw-h-[600px] tw-bg-ficma-cyan\/5 tw-rounded-full tw-blur-[120px] tw-pointer-events-none\"><\/div>\r\n\r\n        <div class=\"tw-max-w-6xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-relative tw-z-10\">\r\n            <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-8 lg:tw-gap-12 tw-items-stretch\">\r\n                \r\n                <!-- SECCI\u00d3N 1: DESCARGAS -->\r\n                <div class=\"tw-bg-ficma-card\/50 tw-border tw-border-solid tw-border-gray-800 tw-rounded-3xl tw-p-8 sm:tw-p-10 tw-flex tw-flex-col tw-justify-center tw-h-full tw-transition-colors hover:tw-border-gray-700\">\r\n                    <div class=\"tw-w-14 tw-h-14 tw-rounded-full tw-bg-gray-800\/50 tw-flex tw-items-center tw-justify-center tw-text-gray-400 tw-mb-6 tw-border tw-border-solid tw-border-gray-700\">\r\n                        <svg class=\"tw-w-7 tw-h-7 tw-block tw-shrink-0\" width=\"28\" height=\"28\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"tw-text-2xl tw-font-bold tw-text-white tw-mb-3 tw-mt-0\">Convocatoria Oficial<\/h3>\r\n                    <p class=\"tw-text-gray-400 tw-mb-8 tw-text-sm tw-leading-relaxed tw-mt-0\">Descarga el documento completo en PDF para conocer a detalle todas las bases, requerimientos t\u00e9cnicos y t\u00e9rminos legales de la 11\u00aa edici\u00f3n del FICMA.<\/p>\r\n                    \r\n                    <div class=\"tw-flex tw-flex-col tw-gap-4 tw-mt-auto\">\r\n                        <!-- Bot\u00f3n Espa\u00f1ol -->\r\n                        <a href=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/CONVO-FICMA-ESP-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-px-6 tw-py-3 tw-rounded-xl tw-border tw-border-solid tw-border-gray-700 tw-text-gray-300 hover:tw-text-ficma-cyan hover:tw-border-ficma-cyan tw-bg-gray-900\/50 hover:tw-bg-ficma-cyan\/10 tw-transition-all tw-duration-300 tw-font-semibold tw-text-sm tw-group tw-no-underline\">\r\n                            <svg class=\"tw-w-5 tw-h-5 tw-mr-2 tw-opacity-70 group-hover:tw-opacity-100 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n                            Bases en Espa\u00f1ol\r\n                        <\/a>\r\n                        <!-- Bot\u00f3n Ingl\u00e9s -->\r\n                        <a href=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/CONVO-FICMA-ING-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-px-6 tw-py-3 tw-rounded-xl tw-border tw-border-solid tw-border-gray-700 tw-text-gray-300 hover:tw-text-ficma-cyan hover:tw-border-ficma-cyan tw-bg-gray-900\/50 hover:tw-bg-ficma-cyan\/10 tw-transition-all tw-duration-300 tw-font-semibold tw-text-sm tw-group tw-no-underline\">\r\n                            <svg class=\"tw-w-5 tw-h-5 tw-mr-2 tw-opacity-70 group-hover:tw-opacity-100 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n                            Rules in English\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- SECCI\u00d3N 2: INSCRIPCIONES -->\r\n                <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-ficma-cyan\/40 tw-shadow-[0_0_30px_rgba(0,226,200,0.1)] tw-rounded-3xl tw-p-8 sm:tw-p-10 tw-flex tw-flex-col tw-justify-center tw-h-full tw-relative tw-overflow-hidden\">\r\n                    <div class=\"tw-absolute -tw-top-12 -tw-right-12 tw-w-32 tw-h-32 tw-bg-ficma-cyan\/20 tw-blur-2xl tw-rounded-full tw-pointer-events-none\"><\/div>\r\n\r\n                    <div class=\"tw-w-14 tw-h-14 tw-rounded-full tw-bg-ficma-cyan\/10 tw-flex tw-items-center tw-justify-center tw-text-ficma-cyan tw-mb-6\">\r\n                        <svg class=\"tw-w-7 tw-h-7 tw-block tw-shrink-0\" width=\"28\" height=\"28\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"tw-text-2xl tw-font-bold tw-text-white tw-mb-3 tw-mt-0\">Inscribe tu Proyecto<\/h3>\r\n                    <p class=\"tw-text-gray-400 tw-mb-8 tw-text-sm tw-leading-relaxed tw-mt-0\">\u00danete a la nueva era narrativa. Gestionamos todas las inscripciones de forma segura a trav\u00e9s de nuestras plataformas oficiales asociadas. \u00a1Selecciona tu favorita!<\/p>\r\n                    \r\n                    <div class=\"tw-flex tw-flex-col tw-gap-4 tw-mt-auto\">\r\n                        <!-- Bot\u00f3n FilmFreeway -->\r\n                        <a href=\"https:\/\/filmfreeway.com\/ficmafest\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-between tw-px-6 tw-py-4 tw-rounded-xl tw-bg-white hover:tw-bg-gray-100 tw-text-black tw-transition-all tw-duration-300 tw-font-bold tw-group tw-shadow-lg tw-no-underline\">\r\n                            <div class=\"tw-flex tw-items-center\">\r\n                                <span class=\"tw-text-xl tw-tracking-tighter tw-mr-1 tw-mt-0\">Film<\/span><span class=\"tw-text-xl tw-font-light tw-tracking-tight tw-mt-0\">Freeway<\/span>\r\n                            <\/div>\r\n                            <span class=\"tw-flex tw-items-center tw-text-sm tw-font-semibold tw-text-gray-600 group-hover:tw-text-black tw-transition-colors tw-mt-0\">\r\n                                Inscribir aqu\u00ed <svg class=\"tw-w-4 tw-h-4 tw-ml-1 tw-block tw-shrink-0\" width=\"16\" height=\"16\" style=\"width: 16px !important; height: 16px !important; min-width: 16px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                            <\/span>\r\n                        <\/a>\r\n\r\n                        <!-- Bot\u00f3n Festhome -->\r\n                        <a href=\"https:\/\/festivals.festhome.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-between tw-px-6 tw-py-4 tw-rounded-xl tw-bg-[#2b2b2b] hover:tw-bg-[#363636] tw-border tw-border-solid tw-border-gray-700 hover:tw-border-gray-500 tw-text-white tw-transition-all tw-duration-300 tw-font-bold tw-group tw-shadow-lg tw-no-underline\">\r\n                            <div class=\"tw-flex tw-items-center\">\r\n                                <svg class=\"tw-w-5 tw-h-5 tw-text-[#ff6600] tw-mr-2 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                    <path d=\"M4 3L21 12L4 21V3Z\" stroke=\"#ff6600\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                                <span class=\"tw-text-lg tw-tracking-tight tw-font-normal tw-mt-0\">festhome<\/span>\r\n                            <\/div>\r\n                            <span class=\"tw-flex tw-items-center tw-text-sm tw-font-semibold tw-text-gray-400 group-hover:tw-text-white tw-transition-colors tw-mt-0\">\r\n                                Inscribir aqu\u00ed <svg class=\"tw-w-4 tw-h-4 tw-ml-1 tw-block tw-shrink-0\" width=\"16\" height=\"16\" style=\"width: 16px !important; height: 16px !important; min-width: 16px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                            <\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- =============================================================== -->\r\n<!-- FIN DEL C\u00d3DIGO                                                  -->\r\n<!-- =============================================================== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14e0f2e elementor-widget elementor-widget-html\" data-id=\"14e0f2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =============================================================== -->\r\n<!-- COPIA Y PEGA DESDE AQU\u00cd EN TU WIDGET DE HTML PERSONALIZADO      -->\r\n<!-- =============================================================== -->\r\n\r\n<!-- 1. Estilos Nativos de Emergencia (A prueba de bloqueos de cach\u00e9 en m\u00f3viles) -->\r\n<style>\r\n    #ficma-wrap { background-color: #07090b !important; color: #d1d5db !important; font-family: system-ui, -apple-system, sans-serif !important; }\r\n    #ficma-wrap h2, #ficma-wrap h3, #ficma-wrap h4 { color: #ffffff !important; margin-top: 0 !important; }\r\n    #ficma-wrap p { color: #9ca3af !important; margin-top: 0 !important; }\r\n    #ficma-wrap a { text-decoration: none !important; }\r\n    \r\n    \/* Reset de Botones de la Plantilla *\/\r\n    #ficma-wrap button { appearance: none !important; background: transparent !important; text-align: left !important; border: none !important; margin: 0 !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; }\r\n    #ficma-wrap button span { display: block !important; }\r\n\r\n    \/* Layouts y Tarjetas Principales *\/\r\n    #ficma-wrap .tw-bg-ficma-card { background-color: #11151a !important; border: 1px solid #1f2937 !important; border-radius: 1rem !important; padding: 1.5rem !important; position: relative !important; }\r\n    #ficma-wrap .tw-bg-ficma-dark { background-color: #07090b !important; border: 1px solid #1f2937 !important; border-radius: 0.75rem !important; padding: 1.25rem !important; }\r\n    #ficma-wrap .tw-grid { display: grid !important; }\r\n    #ficma-wrap .tw-flex { display: flex !important; }\r\n    #ficma-wrap .tw-inline-flex { display: inline-flex !important; }\r\n    #ficma-wrap .tw-flex-col { flex-direction: column !important; }\r\n    #ficma-wrap .tw-items-center { align-items: center !important; }\r\n    #ficma-wrap .tw-items-stretch { align-items: stretch !important; }\r\n    #ficma-wrap .tw-justify-center { justify-content: center !important; }\r\n    #ficma-wrap .tw-justify-between { justify-content: space-between !important; }\r\n    #ficma-wrap .tw-absolute { position: absolute !important; }\r\n    #ficma-wrap .tw-relative { position: relative !important; }\r\n    #ficma-wrap .tw-w-full { width: 100% !important; }\r\n    #ficma-wrap .tw-h-full { height: 100% !important; }\r\n    #ficma-wrap .tw-mt-auto { margin-top: auto !important; }\r\n    \r\n    \/* Espaciados y M\u00e1rgenes *\/\r\n    #ficma-wrap .tw-gap-4 { gap: 1rem !important; }\r\n    #ficma-wrap .tw-gap-6 { gap: 1.5rem !important; }\r\n    #ficma-wrap .tw-gap-8 { gap: 2rem !important; }\r\n    #ficma-wrap .tw-p-3 { padding: 0.75rem !important; }\r\n    #ficma-wrap .sm\\:\\!tw-p-4 { padding: 1rem !important; }\r\n    #ficma-wrap .tw-p-6 { padding: 1.5rem !important; }\r\n    #ficma-wrap .tw-p-8 { padding: 2rem !important; }\r\n    #ficma-wrap .tw-px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }\r\n    #ficma-wrap .tw-py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }\r\n    #ficma-wrap .tw-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }\r\n    #ficma-wrap .tw-mb-3 { margin-bottom: 0.75rem !important; }\r\n    #ficma-wrap .tw-mb-4 { margin-bottom: 1rem !important; }\r\n    #ficma-wrap .tw-mb-6 { margin-bottom: 1.5rem !important; }\r\n    #ficma-wrap .tw-mb-8 { margin-bottom: 2rem !important; }\r\n    \r\n    \/* Colores Espec\u00edficos y Fondos *\/\r\n    #ficma-wrap .tw-text-ficma-cyan { color: #00e2c8 !important; }\r\n    #ficma-wrap .tw-text-white { color: #ffffff !important; }\r\n    #ficma-wrap span.tw-text-white { color: #ffffff !important; } \r\n    #ficma-wrap .tw-text-gray-400 { color: #9ca3af !important; }\r\n    #ficma-wrap span.tw-text-gray-400 { color: #9ca3af !important; } \r\n    #ficma-wrap .tw-text-gray-300 { color: #d1d5db !important; }\r\n    #ficma-wrap .tw-text-black { color: #000000 !important; }\r\n    #ficma-wrap .tw-bg-white { background-color: #ffffff !important; }\r\n    #ficma-wrap .tw-bg-\\[\\#2b2b2b\\] { background-color: #2b2b2b !important; }\r\n    #ficma-wrap .tw-bg-gray-800 { background-color: #1f2937 !important; }\r\n    #ficma-wrap .tw-bg-ficma-cyan\\\/10 { background-color: rgba(0, 226, 200, 0.1) !important; }\r\n    #ficma-wrap .tw-bg-ficma-cyan\\\/20 { background-color: rgba(0, 226, 200, 0.2) !important; }\r\n    #ficma-wrap .tw-bg-ficma-cyan { background-color: #00e2c8 !important; color: #07090b !important; }\r\n    #ficma-wrap .tw-bg-ficma-card\\\/50 { background-color: rgba(17, 21, 26, 0.5) !important; }\r\n    #ficma-wrap .tw-bg-ficma-card\\\/40 { background-color: rgba(17, 21, 26, 0.4) !important; }\r\n    #ficma-wrap .tw-bg-gray-800\\\/50 { background-color: rgba(31, 41, 55, 0.5) !important; }\r\n    #ficma-wrap .tw-bg-gray-900\\\/50 { background-color: rgba(17, 24, 39, 0.5) !important; }\r\n    #ficma-wrap .tw-bg-transparent { background-color: transparent !important; }\r\n    \r\n    \/* Bordes y Formas *\/\r\n    #ficma-wrap .tw-border { border-width: 1px !important; border-style: solid !important; }\r\n    #ficma-wrap .tw-border-solid { border-style: solid !important; }\r\n    #ficma-wrap .tw-border-gray-800 { border-color: #1f2937 !important; }\r\n    #ficma-wrap .tw-border-gray-700 { border-color: #374151 !important; }\r\n    #ficma-wrap .tw-border-ficma-cyan { border-color: #00e2c8 !important; }\r\n    #ficma-wrap .tw-border-ficma-cyan\\\/40 { border-color: rgba(0, 226, 200, 0.4) !important; }\r\n    #ficma-wrap .tw-rounded-xl { border-radius: 0.75rem !important; }\r\n    #ficma-wrap .tw-rounded-2xl { border-radius: 1rem !important; }\r\n    #ficma-wrap .tw-rounded-3xl { border-radius: 1.5rem !important; }\r\n    #ficma-wrap .tw-rounded-full { border-radius: 9999px !important; }\r\n    #ficma-wrap .tw-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }\r\n    #ficma-wrap .tw-shadow-\\[0_0_20px_rgba\\(0\\,226\\,200\\,0\\.15\\)\\] { box-shadow: 0 0 20px rgba(0, 226, 200, 0.15) !important; }\r\n    \r\n    \/* Dimensiones e Iconos *\/\r\n    #ficma-wrap .tw-w-12 { width: 3rem !important; }\r\n    #ficma-wrap .tw-h-12 { height: 3rem !important; }\r\n    #ficma-wrap .tw-w-14 { width: 3.5rem !important; }\r\n    #ficma-wrap .tw-h-14 { height: 3.5rem !important; }\r\n    #ficma-wrap .tw-shrink-0 { flex-shrink: 0 !important; }\r\n    \r\n    \/* Responsividad Manual *\/\r\n    #ficma-wrap .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }\r\n    @media (min-width: 768px) { #ficma-wrap .md\\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }\r\n    @media (min-width: 1024px) { \r\n        #ficma-wrap .lg\\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\r\n        #ficma-wrap .lg\\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } \r\n    }\r\n<\/style>\r\n\r\n<!-- 2. Scripts (Con etiquetas para evadir a los plugins de cach\u00e9) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@alpinejs\/collapse@3.x.x\/dist\/cdn.min.js\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\"><\/script>\r\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-noptimize=\"1\" class=\"optmz-exclude\">\r\n    tailwind.config = {\r\n        prefix: 'tw-',\r\n        important: '#ficma-wrap', \/\/ Fuerza prioridad m\u00e1xima al dise\u00f1o\r\n        corePlugins: { preflight: false },\r\n        theme: {\r\n            extend: {\r\n                colors: {\r\n                    'ficma-dark': '#07090b',\r\n                    'ficma-cyan': '#00e2c8',\r\n                    'ficma-card': '#11151a',\r\n                    'ficma-card-hover': '#1a2028',\r\n                },\r\n                fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'], }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<!-- 3. Contenedor Principal (Escudado con ID) -->\r\n<div id=\"ficma-wrap\" class=\"tw-bg-ficma-dark tw-text-gray-300 tw-antialiased tw-font-sans tw-overflow-hidden\">\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 1: La Ruta hacia FICMA 2026        -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-relative tw-w-full tw-py-20 tw-overflow-hidden\">\r\n        <!-- Elementos decorativos de fondo -->\r\n        <div class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-opacity-10 tw-pointer-events-none\">\r\n            <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" class=\"tw-w-full tw-h-full tw-block\">\r\n                <path d=\"M0,50 Q25,25 50,50 T100,50\" fill=\"none\" stroke=\"#00e2c8\" stroke-width=\"0.5\" \/>\r\n                <path d=\"M0,60 Q30,80 60,50 T100,60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"0.2\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"tw-max-w-7xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-relative tw-z-10\">\r\n            <!-- Encabezado de la secci\u00f3n -->\r\n            <div class=\"tw-text-center tw-max-w-2xl tw-mx-auto tw-mb-16\">\r\n                <h2 class=\"tw-text-3xl md:tw-text-4xl tw-font-bold tw-text-white tw-mb-4 tw-tracking-wide tw-uppercase tw-mt-0\">\r\n                    La Ruta hacia FICMA 2026\r\n                <\/h2>\r\n                <p class=\"tw-text-gray-400 tw-text-lg tw-mt-0\">Marca tu calendario. Sigue estos pasos y no dejes que tu proyecto se quede fuera de nuestra 11\u00aa edici\u00f3n.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Contenedor del Timeline -->\r\n            <div class=\"tw-relative\">\r\n                <!-- L\u00ednea conectora horizontal -->\r\n                <div class=\"tw-hidden md:tw-block tw-absolute tw-top-1\/2 tw-left-0 tw-w-full tw-h-0.5 tw-bg-gray-800 -tw-translate-y-1\/2 tw-z-0\"><\/div>\r\n                <div class=\"tw-hidden md:tw-block tw-absolute tw-top-1\/2 tw-left-0 tw-w-1\/4 tw-h-0.5 tw-bg-ficma-cyan tw-shadow-[0_0_10px_#00e2c8] -tw-translate-y-1\/2 tw-z-0\"><\/div> \r\n\r\n                <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-4 tw-gap-6 lg:tw-gap-8 md:tw-grid-cols-4 lg:tw-grid-cols-4\">\r\n                    \r\n                    <!-- Tarjeta 1 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-ficma-cyan\/30 hover:tw-border-ficma-cyan tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 hover:tw-shadow-[0_10px_30px_rgba(0,226,200,0.15)] tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-ficma-cyan tw-shadow-[0_0_15px_#00e2c8] tw-z-20\"><\/div>\r\n                        <div class=\"tw-absolute -tw-top-3 tw-right-4 tw-bg-ficma-cyan tw-text-black tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-full tw-uppercase tw-tracking-wider tw-shadow-lg\" style=\"top: -12px; right: 16px;\">\r\n                            \u00a1Ya Abierto!\r\n                        <\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-ficma-cyan\/10 tw-text-ficma-cyan tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Apertura<\/h3>\r\n                        <p class=\"tw-text-ficma-cyan tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">6 de Abril, 2026<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Inicia el periodo de recepci\u00f3n de obras. Asegura la participaci\u00f3n de tu proyecto desde el primer d\u00eda.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 2 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Cierre Oficial<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">31 de Julio<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Concluye la etapa de inscripciones. A partir de las 23:59 hrs no se recibir\u00e1n m\u00e1s proyectos.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 3 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">Selecci\u00f3n Oficial<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">\u00daltima semana de Octubre<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Publicaremos en redes sociales y notificaremos por correo a los proyectos elegidos.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 4 -->\r\n                    <div class=\"tw-group tw-relative tw-bg-ficma-card tw-rounded-2xl tw-p-6 tw-border tw-border-solid tw-border-gray-800 hover:tw-border-ficma-cyan\/50 tw-transition-all tw-duration-300 tw-ease-out hover:-tw-translate-y-2 tw-z-10\">\r\n                        <div class=\"tw-hidden md:tw-flex tw-absolute -tw-top-4 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-4 tw-h-4 tw-rounded-full tw-bg-gray-800 tw-border-2 tw-border-solid tw-border-gray-600 group-hover:tw-border-ficma-cyan tw-transition-colors tw-z-20\"><\/div>\r\n                        <div class=\"tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-full tw-bg-gray-800 tw-text-gray-300 group-hover:tw-text-ficma-cyan tw-transition-colors tw-mb-4\">\r\n                            <svg class=\"tw-w-6 tw-h-6 tw-block tw-shrink-0\" width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"tw-text-xl tw-font-bold tw-text-white tw-mb-1 tw-mt-0\">El Festival<\/h3>\r\n                        <p class=\"tw-text-gray-300 tw-font-semibold tw-mb-3 tw-text-sm tw-mt-0\">19 al 28 de Nov, 2026<\/p>\r\n                        <p class=\"tw-text-gray-400 tw-text-sm tw-leading-relaxed tw-mt-0\">Proyecciones presenciales y en l\u00ednea, ceremonia de premiaci\u00f3n y networking en CDMX.<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 2: Categor\u00edas en Competencia       -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-py-20 tw-relative\">\r\n        <div class=\"tw-max-w-7xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8\">\r\n            \r\n            <!-- T\u00edtulo de la Secci\u00f3n -->\r\n            <div class=\"tw-text-center tw-mb-16\">\r\n                <h2 class=\"tw-text-3xl md:tw-text-4xl tw-font-bold tw-text-white tw-mb-4 tw-uppercase tw-tracking-wide tw-mt-0\">Categor\u00edas en Competencia<\/h2>\r\n                <p class=\"tw-text-lg tw-text-gray-400 tw-max-w-2xl tw-mx-auto tw-mt-0\">Selecciona tu \u00e1rea para conocer los requisitos espec\u00edficos y formatos aceptados.<\/p>\r\n            <\/div>\r\n\r\n            <!-- GRID PRINCIPAL DIN\u00c1MICO -->\r\n            <div x-data=\"{ activeTab: 1 }\" class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-4 lg:tw-gap-6 tw-relative lg:tw-grid-cols-4\">\r\n\r\n                <!-- TARJETA 1 -->\r\n                <button @click=\"activeTab = activeTab === 1 ? null : 1\" \r\n                        class=\"tw-order-1 lg:tw-order-1 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-bg-ficma-card\/40 tw-border-gray-800 tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-text-left\"\r\n                        :class=\"activeTab === 1 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors tw-bg-gray-800 tw-text-gray-400\"\r\n                             :class=\"activeTab === 1 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Cuadrantes Mundiales<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Ficci\u00f3n y Doc Int.<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 1 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 1 -->\r\n                <div x-show=\"activeTab === 1\" x-collapse class=\"tw-order-2 sm:tw-order-3 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Cuadrantes Mundiales<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometraje Documental Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje Documental Internacional<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 2 -->\r\n                <button @click=\"activeTab = activeTab === 2 ? null : 2\" \r\n                        class=\"tw-order-3 sm:tw-order-2 lg:tw-order-2 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-bg-ficma-card\/40 tw-border-gray-800 tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-text-left\"\r\n                        :class=\"activeTab === 2 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors tw-bg-gray-800 tw-text-gray-400\"\r\n                             :class=\"activeTab === 2 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Nueva Media<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">RV, Animaci\u00f3n e IA<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 2 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 2 -->\r\n                <div x-show=\"activeTab === 2\" x-collapse class=\"tw-order-4 sm:tw-order-4 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\" style=\"display: none;\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Nueva Media<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje Experimental<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos con narrativa abstracta y nuevos simbolismos. <span class=\"tw-text-red-400\">NO se aceptan: video danza, performance ni teatro filmado.<\/span><\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Proyectos RV y\/o Videos 360\u00b0<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Ficci\u00f3n, doc o entretenimiento en Realidad Virtual. Archivos APK o compatibles con visores (adjuntar gu\u00eda).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 20 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Obra completa.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Proyectos de Inteligencia Artificial<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos realizados mediante aplicaciones y herramientas generativas de IA.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometraje de Animaci\u00f3n Digital<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Animaci\u00f3n generada por computadora. <span class=\"tw-text-red-400\">Excluye animaci\u00f3n Stop Motion.<\/span><\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 3 -->\r\n                <button @click=\"activeTab = activeTab === 3 ? null : 3\" \r\n                        class=\"tw-order-5 sm:tw-order-5 lg:tw-order-3 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-bg-ficma-card\/40 tw-border-gray-800 tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-text-left\"\r\n                        :class=\"activeTab === 3 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors tw-bg-gray-800 tw-text-gray-400\"\r\n                             :class=\"activeTab === 3 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Narradores Mexicanos<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Cine Nacional y Univ.<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 3 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 3 -->\r\n                <div x-show=\"activeTab === 3\" x-collapse class=\"tw-order-6 sm:tw-order-7 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\" style=\"display: none;\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Narradores Mexicanos<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Largometrajes Mexicanos<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometrajes Mexicanos<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"md:tw-col-span-2 tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-ficma-cyan\/30 tw-relative tw-overflow-hidden\">\r\n                                <div class=\"tw-absolute tw-top-0 tw-right-0 tw-bg-ficma-cyan tw-text-ficma-dark tw-text-xs tw-font-bold tw-px-3 tw-py-1 tw-rounded-bl-lg\">ESTUDIANTES<\/div>\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cortometrajes Universitarios (Ficci\u00f3n y Doc)<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-4 tw-max-w-3xl tw-mt-0\">Producciones realizadas por estudiantes de cine, comunicaci\u00f3n o carreras afines de la Rep\u00fablica Mexicana.<\/p>\r\n                                <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4\">\r\n                                    <ul class=\"tw-text-sm tw-space-y-2 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                        <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                        <li><span class=\"tw-text-gray-500\">Formato:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                    <\/ul>\r\n                                    <div class=\"tw-bg-gray-900 tw-p-3 tw-rounded-lg tw-border tw-border-solid tw-border-gray-800\">\r\n                                        <p class=\"tw-text-xs tw-text-gray-300 tw-mt-0\"><span class=\"tw-text-ficma-cyan tw-font-bold tw-block tw-mb-1\">Requisito Indispensable:<\/span> Acreditar pertenencia a matr\u00edcula universitaria vigente o enviar respaldo mediante documento probatorio.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TARJETA 4 -->\r\n                <button @click=\"activeTab = activeTab === 4 ? null : 4\" \r\n                        class=\"tw-order-7 sm:tw-order-6 lg:tw-order-4 !tw-w-full !tw-p-3 sm:!tw-p-4 !tw-rounded-xl !tw-border !tw-border-solid tw-bg-ficma-card\/40 tw-border-gray-800 tw-transition-all tw-duration-300 focus:tw-outline-none !tw-block tw-col-span-1 tw-cursor-pointer tw-text-left\"\r\n                        :class=\"activeTab === 4 ? '!tw-bg-ficma-card !tw-border-ficma-cyan tw-shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-tw-translate-y-1' : '!tw-bg-ficma-card\/40 !tw-border-gray-800 hover:!tw-border-gray-600 hover:!tw-bg-ficma-card'\">\r\n                    <div style=\"display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 12px !important;\">\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-shrink: 0 !important;\" \r\n                             class=\"!tw-rounded-full tw-transition-colors tw-bg-gray-800 tw-text-gray-400\"\r\n                             :class=\"activeTab === 4 ? '!tw-bg-ficma-cyan\/20 !tw-text-ficma-cyan' : '!tw-bg-gray-800 !tw-text-gray-400'\">\r\n                            <svg width=\"24\" height=\"24\" style=\"width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;\">\r\n                            <span style=\"font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-white !tw-tracking-wide tw-mt-0\">Visiones Digitales<\/span>\r\n                            <span style=\"font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important; padding: 0 !important; display: block !important;\" class=\"!tw-text-gray-400 tw-mt-0\">Narrativa Vertical y Spots<\/span>\r\n                        <\/div>\r\n                        <div style=\"display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-shrink: 0 !important;\" \r\n                             class=\"lg:!tw-hidden !tw-text-ficma-cyan tw-transition-transform tw-duration-300\" \r\n                             :class=\"activeTab === 4 ? 'tw-rotate-180' : ''\">\r\n                            <svg width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; display: block;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n\r\n                <!-- CONTENIDO TARJETA 4 -->\r\n                <div x-show=\"activeTab === 4\" x-collapse class=\"tw-order-8 sm:tw-order-8 lg:tw-order-5 tw-col-span-1 sm:tw-col-span-2 lg:tw-col-span-4 tw-w-full\" style=\"display: none;\">\r\n                    <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-gray-800 tw-rounded-2xl tw-p-6 lg:tw-p-10 tw-shadow-2xl tw-mb-4 lg:tw-mb-0\">\r\n                        <h3 class=\"tw-hidden lg:tw-block tw-text-2xl tw-font-bold tw-text-white tw-mb-6 tw-border-b tw-border-solid tw-border-gray-800 tw-pb-4 tw-mt-0\">Visiones Digitales<\/h3>\r\n                        <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Narrativa Vertical<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos optimizados para formato vertical (9:16) en ficci\u00f3n, documental o animaci\u00f3n.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 1 a 15 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Spots Publicitarios<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Comerciales digitales para redes sociales (formato vertical u horizontal).<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2025.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 10 a 90 segundos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Cinem\u00e1tica de Videojuego<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Secuencias narrativas in-game (PC, consolas, m\u00f3viles) con animaci\u00f3n avanzada o VFX.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2022 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"tw-bg-ficma-dark tw-p-5 tw-rounded-xl tw-border tw-border-solid tw-border-gray-800\">\r\n                                <h4 class=\"tw-text-ficma-cyan tw-font-bold tw-text-lg tw-mb-2 tw-mt-0\">Videoclip Musical<\/h4>\r\n                                <p class=\"tw-text-sm tw-text-gray-400 tw-mb-3 tw-mt-0\">Proyectos musicales donde destaque la creatividad visual y sonora.<\/p>\r\n                                <ul class=\"tw-text-sm tw-space-y-1 tw-text-gray-300 tw-list-none tw-p-0 tw-m-0\">\r\n                                    <li><span class=\"tw-text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"tw-text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- SECCI\u00d3N 3: Descargas e Inscripci\u00f3n         -->\r\n    <!-- ========================================== -->\r\n    <section class=\"tw-py-20 tw-relative tw-border-t tw-border-solid tw-border-gray-900\">\r\n        <!-- Brillo de fondo sutil -->\r\n        <div class=\"tw-absolute tw-top-1\/2 tw-left-1\/2 -tw-translate-x-1\/2 -tw-translate-y-1\/2 tw-w-[600px] tw-h-[600px] tw-bg-ficma-cyan\/5 tw-rounded-full tw-blur-[120px] tw-pointer-events-none\"><\/div>\r\n\r\n        <div class=\"tw-max-w-6xl tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-relative tw-z-10\">\r\n            <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-8 lg:tw-gap-12 tw-items-stretch\">\r\n                \r\n                <!-- SECCI\u00d3N 1: DESCARGAS -->\r\n                <div class=\"tw-bg-ficma-card\/50 tw-border tw-border-solid tw-border-gray-800 tw-rounded-3xl tw-p-8 sm:tw-p-10 tw-flex tw-flex-col tw-justify-center tw-h-full tw-transition-colors hover:tw-border-gray-700\">\r\n                    <div class=\"tw-w-14 tw-h-14 tw-rounded-full tw-bg-gray-800\/50 tw-flex tw-items-center tw-justify-center tw-text-gray-400 tw-mb-6 tw-border tw-border-solid tw-border-gray-700\">\r\n                        <svg class=\"tw-w-7 tw-h-7 tw-block tw-shrink-0\" width=\"28\" height=\"28\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"tw-text-2xl tw-font-bold tw-text-white tw-mb-3 tw-mt-0\">Convocatoria Oficial<\/h3>\r\n                    <p class=\"tw-text-gray-400 tw-mb-8 tw-text-sm tw-leading-relaxed tw-mt-0\">Descarga el documento completo en PDF para conocer a detalle todas las bases, requerimientos t\u00e9cnicos y t\u00e9rminos legales de la 11\u00aa edici\u00f3n del FICMA.<\/p>\r\n                    \r\n                    <div class=\"tw-flex tw-flex-col tw-gap-4 tw-mt-auto\">\r\n                        <!-- Bot\u00f3n Espa\u00f1ol -->\r\n                        <a href=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/CONVO-FICMA-ESP-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-px-6 tw-py-3 tw-rounded-xl tw-border tw-border-solid tw-border-gray-700 tw-text-gray-300 hover:tw-text-ficma-cyan hover:tw-border-ficma-cyan tw-bg-gray-900\/50 hover:tw-bg-ficma-cyan\/10 tw-transition-all tw-duration-300 tw-font-semibold tw-text-sm tw-group tw-no-underline\">\r\n                            <svg class=\"tw-w-5 tw-h-5 tw-mr-2 tw-opacity-70 group-hover:tw-opacity-100 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n                            Bases en Espa\u00f1ol\r\n                        <\/a>\r\n                        <!-- Bot\u00f3n Ingl\u00e9s -->\r\n                        <a href=\"https:\/\/ficmafest.org\/wp-content\/uploads\/2026\/04\/CONVO-FICMA-ING-2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-center tw-px-6 tw-py-3 tw-rounded-xl tw-border tw-border-solid tw-border-gray-700 tw-text-gray-300 hover:tw-text-ficma-cyan hover:tw-border-ficma-cyan tw-bg-gray-900\/50 hover:tw-bg-ficma-cyan\/10 tw-transition-all tw-duration-300 tw-font-semibold tw-text-sm tw-group tw-no-underline\">\r\n                            <svg class=\"tw-w-5 tw-h-5 tw-mr-2 tw-opacity-70 group-hover:tw-opacity-100 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n                            Rules in English\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- SECCI\u00d3N 2: INSCRIPCIONES -->\r\n                <div class=\"tw-bg-ficma-card tw-border tw-border-solid tw-border-ficma-cyan\/40 tw-shadow-[0_0_30px_rgba(0,226,200,0.1)] tw-rounded-3xl tw-p-8 sm:tw-p-10 tw-flex tw-flex-col tw-justify-center tw-h-full tw-relative tw-overflow-hidden\">\r\n                    <div class=\"tw-absolute -tw-top-12 -tw-right-12 tw-w-32 tw-h-32 tw-bg-ficma-cyan\/20 tw-blur-2xl tw-rounded-full tw-pointer-events-none\"><\/div>\r\n\r\n                    <div class=\"tw-w-14 tw-h-14 tw-rounded-full tw-bg-ficma-cyan\/10 tw-flex tw-items-center tw-justify-center tw-text-ficma-cyan tw-mb-6\">\r\n                        <svg class=\"tw-w-7 tw-h-7 tw-block tw-shrink-0\" width=\"28\" height=\"28\" style=\"width: 28px !important; height: 28px !important; min-width: 28px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"tw-text-2xl tw-font-bold tw-text-white tw-mb-3 tw-mt-0\">Inscribe tu Proyecto<\/h3>\r\n                    <p class=\"tw-text-gray-400 tw-mb-8 tw-text-sm tw-leading-relaxed tw-mt-0\">\u00danete a la nueva era narrativa. Gestionamos todas las inscripciones de forma segura a trav\u00e9s de nuestras plataformas oficiales asociadas. \u00a1Selecciona tu favorita!<\/p>\r\n                    \r\n                    <div class=\"tw-flex tw-flex-col tw-gap-4 tw-mt-auto\">\r\n                        <!-- Bot\u00f3n FilmFreeway -->\r\n                        <a href=\"https:\/\/filmfreeway.com\/ficmafest\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-between tw-px-6 tw-py-4 tw-rounded-xl tw-bg-white hover:tw-bg-gray-100 tw-text-black tw-transition-all tw-duration-300 tw-font-bold tw-group tw-shadow-lg tw-no-underline\">\r\n                            <div class=\"tw-flex tw-items-center\">\r\n                                <span class=\"tw-text-xl tw-tracking-tighter tw-mr-1 tw-mt-0\">Film<\/span><span class=\"tw-text-xl tw-font-light tw-tracking-tight tw-mt-0\">Freeway<\/span>\r\n                            <\/div>\r\n                            <span class=\"tw-flex tw-items-center tw-text-sm tw-font-semibold tw-text-gray-600 group-hover:tw-text-black tw-transition-colors tw-mt-0\">\r\n                                Inscribir aqu\u00ed <svg class=\"tw-w-4 tw-h-4 tw-ml-1 tw-block tw-shrink-0\" width=\"16\" height=\"16\" style=\"width: 16px !important; height: 16px !important; min-width: 16px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                            <\/span>\r\n                        <\/a>\r\n\r\n                        <!-- Bot\u00f3n Festhome -->\r\n                        <a href=\"https:\/\/festivals.festhome.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"tw-w-full tw-inline-flex tw-items-center tw-justify-between tw-px-6 tw-py-4 tw-rounded-xl tw-bg-[#2b2b2b] hover:tw-bg-[#363636] tw-border tw-border-solid tw-border-gray-700 hover:tw-border-gray-500 tw-text-white tw-transition-all tw-duration-300 tw-font-bold tw-group tw-shadow-lg tw-no-underline\">\r\n                            <div class=\"tw-flex tw-items-center\">\r\n                                <svg class=\"tw-w-5 tw-h-5 tw-text-[#ff6600] tw-mr-2 tw-block tw-shrink-0\" width=\"20\" height=\"20\" style=\"width: 20px !important; height: 20px !important; min-width: 20px !important;\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                    <path d=\"M4 3L21 12L4 21V3Z\" stroke=\"#ff6600\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                                <span class=\"tw-text-lg tw-tracking-tight tw-font-normal tw-mt-0\">festhome<\/span>\r\n                            <\/div>\r\n                            <span class=\"tw-flex tw-items-center tw-text-sm tw-font-semibold tw-text-gray-400 group-hover:tw-text-white tw-transition-colors tw-mt-0\">\r\n                                Inscribir aqu\u00ed <svg class=\"tw-w-4 tw-h-4 tw-ml-1 tw-block tw-shrink-0\" width=\"16\" height=\"16\" style=\"width: 16px !important; height: 16px !important; min-width: 16px !important;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                            <\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- =============================================================== -->\r\n<!-- FIN DEL C\u00d3DIGO                                                  -->\r\n<!-- =============================================================== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>La Ruta hacia FICMA 2026 Marca tu calendario. Sigue estos pasos y no dejes que tu proyecto se quede fuera de nuestra 11\u00aa edici\u00f3n. \u00a1Ya Abierto! Apertura 6 de Abril, 2026 Inicia el periodo de recepci\u00f3n de obras. Asegura la participaci\u00f3n de tu proyecto desde el primer d\u00eda. Cierre Oficial 31 de Julio Concluye la [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-495","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":221,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":18076,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions\/18076"}],"wp:attachment":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/media?parent=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}