{"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-04-06T00:13:45","modified_gmt":"2026-04-05T22:13:45","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-13b298f elementor-widget elementor-widget-html\" data-id=\"13b298f\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FICMA - La Ruta hacia FICMA 2026<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'ficma-dark': '#07090b', \/\/ Fondo oscuro extra\u00eddo de la imagen\r\n                        'ficma-cyan': '#00e2c8', \/\/ Cyan vibrante del logo\r\n                        'ficma-card': '#11151a', \/\/ Fondo ligeramente m\u00e1s claro para las tarjetas\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"bg-ficma-dark antialiased\">\r\n\r\n    <!-- Bloque 2: Fechas Clave -->\r\n    <section class=\"relative w-full py-20 overflow-hidden\">\r\n        <!-- Elementos decorativos de fondo (Ondas) -->\r\n        <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\r\n            <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" class=\"w-full h-full\">\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=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <!-- Encabezado de la secci\u00f3n -->\r\n            <div class=\"text-center max-w-2xl mx-auto mb-16\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4 tracking-wide uppercase\">\r\n                    La Ruta hacia FICMA 2026\r\n                <\/h2>\r\n                <p class=\"text-gray-400 text-lg\">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=\"relative\">\r\n                <!-- L\u00ednea conectora horizontal (Solo visible en Desktop) -->\r\n                <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-gray-800 -translate-y-1\/2 z-0\"><\/div>\r\n                <div class=\"hidden md:block absolute top-1\/2 left-0 w-1\/4 h-0.5 bg-ficma-cyan shadow-[0_0_10px_#00e2c8] -translate-y-1\/2 z-0\"><\/div> <!-- Progreso actual -->\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 lg:gap-8\">\r\n                    \r\n                    <!-- Tarjeta 1: Early Bird -->\r\n                    <div class=\"group relative bg-ficma-card rounded-2xl p-6 border border-ficma-cyan\/30 hover:border-ficma-cyan transition-all duration-300 ease-out hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(0,226,200,0.15)] z-10\">\r\n                        <!-- Nodo en la l\u00ednea (Desktop) -->\r\n                        <div class=\"hidden md:flex absolute -top-4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 rounded-full bg-ficma-cyan shadow-[0_0_15px_#00e2c8] z-20\"><\/div>\r\n                        \r\n                        <!-- Etiqueta de Urgencia -->\r\n                        <div class=\"absolute -top-3 right-4 bg-ficma-cyan text-black text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider shadow-lg\">\r\n                            \u00a1Ya Abierto!\r\n                        <\/div>\r\n\r\n                        <div class=\"flex items-center justify-center w-12 h-12 rounded-full bg-ficma-cyan\/10 text-ficma-cyan mb-4\">\r\n                            <svg class=\"w-6 h-6\" 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=\"text-xl font-bold text-white mb-1\">Apertura<\/h3>\r\n                        <p class=\"text-ficma-cyan font-semibold mb-3 text-sm\">6 de Abril, 2026<\/p>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">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: Regular Deadline -->\r\n                    <div class=\"group relative bg-ficma-card rounded-2xl p-6 border border-gray-800 hover:border-ficma-cyan\/50 transition-all duration-300 ease-out hover:-translate-y-2 z-10\">\r\n                        <!-- Nodo en la l\u00ednea (Desktop) -->\r\n                        <div class=\"hidden md:flex absolute -top-4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 rounded-full bg-gray-800 border-2 border-gray-600 group-hover:border-ficma-cyan transition-colors z-20\"><\/div>\r\n\r\n                        <div class=\"flex items-center justify-center w-12 h-12 rounded-full bg-gray-800 text-gray-300 group-hover:text-ficma-cyan transition-colors mb-4\">\r\n                            <svg class=\"w-6 h-6\" 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=\"text-xl font-bold text-white mb-1\">Cierre Oficial<\/h3>\r\n                        <p class=\"text-gray-300 font-semibold mb-3 text-sm\">31 de Julio<\/p>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">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: Notificaci\u00f3n -->\r\n                    <div class=\"group relative bg-ficma-card rounded-2xl p-6 border border-gray-800 hover:border-ficma-cyan\/50 transition-all duration-300 ease-out hover:-translate-y-2 z-10\">\r\n                        <!-- Nodo en la l\u00ednea (Desktop) -->\r\n                        <div class=\"hidden md:flex absolute -top-4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 rounded-full bg-gray-800 border-2 border-gray-600 group-hover:border-ficma-cyan transition-colors z-20\"><\/div>\r\n\r\n                        <div class=\"flex items-center justify-center w-12 h-12 rounded-full bg-gray-800 text-gray-300 group-hover:text-ficma-cyan transition-colors mb-4\">\r\n                            <svg class=\"w-6 h-6\" 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=\"text-xl font-bold text-white mb-1\">Selecci\u00f3n Oficial<\/h3>\r\n                        <p class=\"text-gray-300 font-semibold mb-3 text-sm\">\u00daltima semana de Octubre<\/p>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">Publicaremos en redes sociales y notificaremos por correo a los proyectos elegidos.<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 4: Festival -->\r\n                    <div class=\"group relative bg-ficma-card rounded-2xl p-6 border border-gray-800 hover:border-ficma-cyan\/50 transition-all duration-300 ease-out hover:-translate-y-2 z-10\">\r\n                        <!-- Nodo en la l\u00ednea (Desktop) -->\r\n                        <div class=\"hidden md:flex absolute -top-4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 rounded-full bg-gray-800 border-2 border-gray-600 group-hover:border-ficma-cyan transition-colors z-20\"><\/div>\r\n\r\n                        <div class=\"flex items-center justify-center w-12 h-12 rounded-full bg-gray-800 text-gray-300 group-hover:text-ficma-cyan transition-colors mb-4\">\r\n                            <svg class=\"w-6 h-6\" 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=\"text-xl font-bold text-white mb-1\">El Festival<\/h3>\r\n                        <p class=\"text-gray-300 font-semibold mb-3 text-sm\">19 al 28 de Nov, 2026<\/p>\r\n                        <p class=\"text-gray-400 text-sm leading-relaxed\">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            \r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b782731 elementor-widget elementor-widget-html\" data-id=\"b782731\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FICMA - Categor\u00edas en Competencia<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Alpine.js Plugins (Debe ir antes del core) para animaciones suaves -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@alpinejs\/collapse@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n    <!-- Alpine.js Core -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n    \r\n    <script>\r\n        tailwind.config = {\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: {\r\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"bg-ficma-dark antialiased text-gray-300\">\r\n\r\n    <section class=\"py-20 relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \r\n            <!-- T\u00edtulo de la Secci\u00f3n -->\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4 uppercase tracking-wide\">Categor\u00edas en Competencia<\/h2>\r\n                <p class=\"text-lg text-gray-400 max-w-2xl mx-auto\">Selecciona tu \u00e1rea para conocer los requisitos espec\u00edficos y formatos aceptados.<\/p>\r\n            <\/div>\r\n\r\n            <!-- GRID PRINCIPAL DIN\u00c1MICO (Responsive Order) -->\r\n            <!-- En m\u00f3vil es 1 columna, en tablet 2, en desktop 4 -->\r\n            <div x-data=\"{ activeTab: 1 }\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-6 relative\">\r\n\r\n                <!-- ================== TARJETA 1 ================== -->\r\n                <button @click=\"activeTab = activeTab === 1 ? null : 1\" \r\n                        class=\"order-1 lg:order-1 !w-full !p-3 sm:!p-4 !rounded-xl !border transition-all duration-300 focus:outline-none !block col-span-1\"\r\n                        :class=\"activeTab === 1 ? '!bg-ficma-card !border-ficma-cyan shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-translate-y-1' : '!bg-ficma-card\/40 !border-gray-800 hover:!border-gray-600 hover:!bg-ficma-card'\">\r\n                    \r\n                    <!-- Contenedor blindado con Flexbox inline -->\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                        \r\n                        <!-- \u00cdcono (Izquierda) -->\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=\"!rounded-full transition-colors\"\r\n                             :class=\"activeTab === 1 ? '!bg-ficma-cyan\/20 !text-ficma-cyan' : '!bg-gray-800 !text-gray-400'\">\r\n                            <svg 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=\"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                        \r\n                        <!-- Textos (Centro apilados) -->\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=\"!text-white !tracking-wide\">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=\"!text-gray-400\">Ficci\u00f3n y Doc Int.<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Flecha (Derecha) -->\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:!hidden !text-ficma-cyan transition-transform duration-300\" \r\n                             :class=\"activeTab === 1 ? 'rotate-180' : ''\">\r\n                            <svg style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important;\" 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                <!-- Este bloque se inserta debajo del bot\u00f3n 1 en m\u00f3vil, debajo del bot\u00f3n 2 en tablet y al final en desktop -->\r\n                <div x-show=\"activeTab === 1\" x-collapse class=\"order-2 sm:order-3 lg:order-5 col-span-1 sm:col-span-2 lg:col-span-4 w-full\">\r\n                    <div class=\"bg-ficma-card border border-gray-800 rounded-2xl p-6 lg:p-10 shadow-2xl mb-4 lg:mb-0\">\r\n                        <h3 class=\"hidden lg:block text-2xl font-bold text-white mb-6 border-b border-gray-800 pb-4\">Cuadrantes Mundiales<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Largometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Largometraje Documental Internacional<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometraje de Ficci\u00f3n Internacional<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones de ficci\u00f3n de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometraje Documental Internacional<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones documentales de tem\u00e1tica libre.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"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=\"order-3 sm:order-2 lg:order-2 !w-full !p-3 sm:!p-4 !rounded-xl !border transition-all duration-300 focus:outline-none !block col-span-1\"\r\n                        :class=\"activeTab === 2 ? '!bg-ficma-card !border-ficma-cyan shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-translate-y-1' : '!bg-ficma-card\/40 !border-gray-800 hover:!border-gray-600 hover:!bg-ficma-card'\">\r\n                    \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                        <!-- \u00cdcono (Izquierda) -->\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=\"!rounded-full transition-colors\"\r\n                             :class=\"activeTab === 2 ? '!bg-ficma-cyan\/20 !text-ficma-cyan' : '!bg-gray-800 !text-gray-400'\">\r\n                            <svg 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=\"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                        \r\n                        <!-- Textos (Centro apilados) -->\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=\"!text-white !tracking-wide\">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=\"!text-gray-400\">RV, Animaci\u00f3n e IA<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Flecha (Derecha) -->\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:!hidden !text-ficma-cyan transition-transform duration-300\" \r\n                             :class=\"activeTab === 2 ? 'rotate-180' : ''\">\r\n                            <svg style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important;\" 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=\"order-4 sm:order-4 lg:order-5 col-span-1 sm:col-span-2 lg:col-span-4 w-full\">\r\n                    <div class=\"bg-ficma-card border border-gray-800 rounded-2xl p-6 lg:p-10 shadow-2xl mb-4 lg:mb-0\">\r\n                        <h3 class=\"hidden lg:block text-2xl font-bold text-white mb-6 border-b border-gray-800 pb-4\">Nueva Media<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometraje Experimental<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Proyectos con narrativa abstracta y nuevos simbolismos. <span class=\"text-red-400\">NO se aceptan: video danza, performance ni teatro filmado.<\/span><\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Proyectos RV y\/o Videos 360\u00b0<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Ficci\u00f3n, doc o entretenimiento en Realidad Virtual. Archivos APK o compatibles con visores (adjuntar gu\u00eda).<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 20 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Obra completa.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Proyectos de Inteligencia Artificial<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Proyectos realizados mediante aplicaciones y herramientas generativas de IA.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometraje de Animaci\u00f3n Digital<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Animaci\u00f3n generada por computadora. <span class=\"text-red-400\">Excluye animaci\u00f3n Stop Motion.<\/span><\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"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=\"order-5 sm:order-5 lg:order-3 !w-full !p-3 sm:!p-4 !rounded-xl !border transition-all duration-300 focus:outline-none !block col-span-1\"\r\n                        :class=\"activeTab === 3 ? '!bg-ficma-card !border-ficma-cyan shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-translate-y-1' : '!bg-ficma-card\/40 !border-gray-800 hover:!border-gray-600 hover:!bg-ficma-card'\">\r\n                    \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                        <!-- \u00cdcono (Izquierda) -->\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=\"!rounded-full transition-colors\"\r\n                             :class=\"activeTab === 3 ? '!bg-ficma-cyan\/20 !text-ficma-cyan' : '!bg-gray-800 !text-gray-400'\">\r\n                            <svg 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=\"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                        \r\n                        <!-- Textos (Centro apilados) -->\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=\"!text-white !tracking-wide\">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=\"!text-gray-400\">Cine Nacional y Univ.<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Flecha (Derecha) -->\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:!hidden !text-ficma-cyan transition-transform duration-300\" \r\n                             :class=\"activeTab === 3 ? 'rotate-180' : ''\">\r\n                            <svg style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important;\" 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=\"order-6 sm:order-7 lg:order-5 col-span-1 sm:col-span-2 lg:col-span-4 w-full\">\r\n                    <div class=\"bg-ficma-card border border-gray-800 rounded-2xl p-6 lg:p-10 shadow-2xl mb-4 lg:mb-0\">\r\n                        <h3 class=\"hidden lg:block text-2xl font-bold text-white mb-6 border-b border-gray-800 pb-4\">Narradores Mexicanos<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Largometrajes Mexicanos<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 60 a 120 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol. Tem\u00e1tica libre.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometrajes Mexicanos<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Producciones nacionales (Ficci\u00f3n y Documental).<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                    <li><span class=\"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:col-span-2 bg-ficma-dark p-5 rounded-xl border border-ficma-cyan\/30 relative overflow-hidden\">\r\n                                <div class=\"absolute top-0 right-0 bg-ficma-cyan text-ficma-dark text-xs font-bold px-3 py-1 rounded-bl-lg\">ESTUDIANTES<\/div>\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cortometrajes Universitarios (Ficci\u00f3n y Doc)<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-4 max-w-3xl\">Producciones realizadas por estudiantes de cine, comunicaci\u00f3n o carreras afines de la Rep\u00fablica Mexicana.<\/p>\r\n                                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                                    <ul class=\"text-sm space-y-2 text-gray-300\">\r\n                                        <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 30 minutos.<\/li>\r\n                                        <li><span class=\"text-gray-500\">Formato:<\/span> Subt\u00edtulos en espa\u00f1ol obligatorios.<\/li>\r\n                                    <\/ul>\r\n                                    <div class=\"bg-gray-900 p-3 rounded-lg border border-gray-800\">\r\n                                        <p class=\"text-xs text-gray-300\"><span class=\"text-ficma-cyan font-bold block 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=\"order-7 sm:order-6 lg:order-4 !w-full !p-3 sm:!p-4 !rounded-xl !border transition-all duration-300 focus:outline-none !block col-span-1\"\r\n                        :class=\"activeTab === 4 ? '!bg-ficma-card !border-ficma-cyan shadow-[0_0_20px_rgba(0,226,200,0.15)] lg:-translate-y-1' : '!bg-ficma-card\/40 !border-gray-800 hover:!border-gray-600 hover:!bg-ficma-card'\">\r\n                    \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                        <!-- \u00cdcono (Izquierda) -->\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=\"!rounded-full transition-colors\"\r\n                             :class=\"activeTab === 4 ? '!bg-ficma-cyan\/20 !text-ficma-cyan' : '!bg-gray-800 !text-gray-400'\">\r\n                            <svg 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 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                        \r\n                        <!-- Textos (Centro apilados) -->\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=\"!text-white !tracking-wide\">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=\"!text-gray-400\">Narrativa Vertical y Spots<\/span>\r\n                        <\/div>\r\n                        \r\n                        <!-- Flecha (Derecha) -->\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:!hidden !text-ficma-cyan transition-transform duration-300\" \r\n                             :class=\"activeTab === 4 ? 'rotate-180' : ''\">\r\n                            <svg style=\"width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important;\" 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=\"order-8 sm:order-8 lg:order-5 col-span-1 sm:col-span-2 lg:col-span-4 w-full\">\r\n                    <div class=\"bg-ficma-card border border-gray-800 rounded-2xl p-6 lg:p-10 shadow-2xl mb-4 lg:mb-0\">\r\n                        <h3 class=\"hidden lg:block text-2xl font-bold text-white mb-6 border-b border-gray-800 pb-4\">Visiones Digitales<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Narrativa Vertical<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Proyectos optimizados para formato vertical (9:16) en ficci\u00f3n, documental o animaci\u00f3n.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 1 a 15 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Spots Publicitarios<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Comerciales digitales para redes sociales (formato vertical u horizontal).<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2025.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 10 a 90 segundos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Cinem\u00e1tica de Videojuego<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Secuencias narrativas in-game (PC, consolas, m\u00f3viles) con animaci\u00f3n avanzada o VFX.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Producci\u00f3n:<\/span> 2022 a 2026.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Requisito:<\/span> Subt\u00edtulos en espa\u00f1ol.<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"bg-ficma-dark p-5 rounded-xl border border-gray-800\">\r\n                                <h4 class=\"text-ficma-cyan font-bold text-lg mb-2\">Videoclip Musical<\/h4>\r\n                                <p class=\"text-sm text-gray-400 mb-3\">Proyectos musicales donde destaque la creatividad visual y sonora.<\/p>\r\n                                <ul class=\"text-sm space-y-1 text-gray-300\">\r\n                                    <li><span class=\"text-gray-500\">Producci\u00f3n:<\/span> 2024 a 2026.<\/li>\r\n                                    <li><span class=\"text-gray-500\">Duraci\u00f3n:<\/span> 3 a 10 minutos.<\/li>\r\n                                    <li><span class=\"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<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5345b81 elementor-widget elementor-widget-html\" data-id=\"5345b81\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FICMA - Descargas e Inscripci\u00f3n<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\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                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"bg-ficma-dark antialiased\">\r\n\r\n    <!-- Bloque 4: Cierre (Descargas y Plataformas) -->\r\n    <section class=\"py-20 relative border-t border-gray-900\">\r\n        <!-- Brillo de fondo sutil -->\r\n        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-ficma-cyan\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            \r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-stretch\">\r\n                \r\n                <!-- SECCI\u00d3N 1: DESCARGAS (Peso Secundario) -->\r\n                <div class=\"bg-ficma-card\/50 border border-gray-800 rounded-3xl p-8 sm:p-10 flex flex-col justify-center h-full transition-colors hover:border-gray-700\">\r\n                    <div class=\"w-14 h-14 rounded-full bg-gray-800\/50 flex items-center justify-center text-gray-400 mb-6 border border-gray-700\">\r\n                        <svg class=\"w-7 h-7\" 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=\"text-2xl font-bold text-white mb-3\">Convocatoria Oficial<\/h3>\r\n                    <p class=\"text-gray-400 mb-8 text-sm leading-relaxed\">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=\"flex flex-col gap-4 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=\"w-full inline-flex items-center justify-center px-6 py-3 rounded-xl border border-gray-700 text-gray-300 hover:text-ficma-cyan hover:border-ficma-cyan bg-gray-900\/50 hover:bg-ficma-cyan\/10 transition-all duration-300 font-semibold text-sm group\">\r\n                            <svg class=\"w-5 h-5 mr-2 opacity-70 group-hover:opacity-100\" 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=\"w-full inline-flex items-center justify-center px-6 py-3 rounded-xl border border-gray-700 text-gray-300 hover:text-ficma-cyan hover:border-ficma-cyan bg-gray-900\/50 hover:bg-ficma-cyan\/10 transition-all duration-300 font-semibold text-sm group\">\r\n                            <svg class=\"w-5 h-5 mr-2 opacity-70 group-hover:opacity-100\" 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 (Peso Principal) -->\r\n                <div class=\"bg-ficma-card border border-ficma-cyan\/40 shadow-[0_0_30px_rgba(0,226,200,0.1)] rounded-3xl p-8 sm:p-10 flex flex-col justify-center h-full relative overflow-hidden\">\r\n                    <!-- Acento visual en la esquina superior derecha -->\r\n                    <div class=\"absolute -top-12 -right-12 w-32 h-32 bg-ficma-cyan\/20 blur-2xl rounded-full pointer-events-none\"><\/div>\r\n\r\n                    <div class=\"w-14 h-14 rounded-full bg-ficma-cyan\/10 flex items-center justify-center text-ficma-cyan mb-6\">\r\n                        <svg class=\"w-7 h-7\" 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=\"text-2xl font-bold text-white mb-3\">Inscribe tu Proyecto<\/h3>\r\n                    <p class=\"text-gray-400 mb-8 text-sm leading-relaxed\">\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=\"flex flex-col gap-4 mt-auto\">\r\n                        <!-- Bot\u00f3n FilmFreeway -->\r\n                        <a href=\"https:\/\/filmfreeway.com\/ficmafest\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"w-full inline-flex items-center justify-between px-6 py-4 rounded-xl bg-white hover:bg-gray-100 text-black transition-all duration-300 font-bold group shadow-lg\">\r\n                            <div class=\"flex items-center\">\r\n                                <!-- Logo Texto (Aproximaci\u00f3n de FilmFreeway) -->\r\n                                <span class=\"text-xl tracking-tighter mr-1\">Film<\/span><span class=\"text-xl font-light tracking-tight\">Freeway<\/span>\r\n                            <\/div>\r\n                            <span class=\"flex items-center text-sm font-semibold text-gray-600 group-hover:text-black transition-colors\">\r\n                                Inscribir aqu\u00ed <svg class=\"w-4 h-4 ml-1\" 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=\"w-full inline-flex items-center justify-between px-6 py-4 rounded-xl bg-[#2b2b2b] hover:bg-[#363636] border border-gray-700 hover:border-gray-500 text-white transition-all duration-300 font-bold group shadow-lg\">\r\n                            <div class=\"flex items-center\">\r\n                                <!-- \u00cdcono Festhome (Aproximaci\u00f3n del play naranja) -->\r\n                                <svg class=\"w-5 h-5 text-[#ff6600] mr-2\" 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=\"text-lg tracking-tight font-normal\">festhome<\/span>\r\n                            <\/div>\r\n                            <span class=\"flex items-center text-sm font-semibold text-gray-400 group-hover:text-white transition-colors\">\r\n                                Inscribir aqu\u00ed <svg class=\"w-4 h-4 ml-1\" 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<\/body>\r\n<\/html>\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>FICMA &#8211; La Ruta hacia FICMA 2026 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. [&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":173,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":18018,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions\/18018"}],"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}]}}