{"id":2955,"date":"2025-11-04T23:56:30","date_gmt":"2025-11-04T22:56:30","guid":{"rendered":"https:\/\/ficmafest.org\/?page_id=2955"},"modified":"2025-11-11T06:31:00","modified_gmt":"2025-11-11T05:31:00","slug":"pruebas","status":"publish","type":"page","link":"https:\/\/ficmafest.org\/index.php\/pruebas\/","title":{"rendered":"pruebas"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Banners Estilo Cinem\u00e1tico<\/title>\r\n <!-- Carga de Tailwind CSS --><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Configuraci\u00f3n para usar la fuente Inter y colores de FICMA --><script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n 'custom-dark': '#111827', \/\/ Negro\/Gris Oscuro\r\n 'ficma-blue': '#44c0f2', \/\/ Color de CTA FICMA\r\n 'ficma-blue-hover': '#2caae1', \/\/ Un poco m\u00e1s oscuro para hover\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Estilos personalizados para la superposici\u00f3n del fondo *\/\r\n .banner-card {\r\n background-image: url('https:\/\/ficmafest.org\/wp-content\/uploads\/2025\/10\/5.jpg'); \/* Imagen de fondo predeterminada (Banner 1) *\/\r\n background-size: cover;\r\n background-position: top; \/* CAMBIO: Alinea la parte superior de la imagen con la parte superior del banner *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Clase espec\u00edfica para el segundo banner con la nueva imagen *\/\r\n .banner-card-alt-2 {\r\n background-image: url('https:\/\/ficmafest.org\/wp-content\/uploads\/2025\/10\/2.jpg'); \/* Imagen para Selecci\u00f3n Oficial *\/\r\n background-position: top; \/* Asegura que la parte superior de esta imagen se vea *\/\r\n }\r\n \/* CLASE ESPEC\u00cdFICA PARA EL TERCER BANNER *\/\r\n .banner-card-alt-3 {\r\n background-image: url('https:\/\/ficmafest.org\/wp-content\/uploads\/2025\/10\/4.jpg'); \/* Nueva imagen para Programaci\u00f3n Online *\/\r\n background-position: top; \/* Asegura que la parte superior de esta imagen se vea *\/\r\n }\r\n\r\n \/* Capa oscura semitransparente (overlay) - Opacidad para el Banner 1 *\/\r\n .overlay {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.1); \r\n z-index: 10;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n \/* Capa oscura para el Banner 2 (mucho m\u00e1s transparente) *\/\r\n .overlay-alt-2 {\r\n background: rgba(0, 0, 0, 0.05); \/* Opacidad al 5% *\/\r\n }\r\n\r\n \/* CLASE ACTUALIZADA: Capa oscura para el Banner 3 (m\u00e1xima transparencia, 5%) *\/\r\n .overlay-alt-3 {\r\n background: rgba(0, 0, 0, 0.05); \r\n }\r\n \r\n \/* Efecto para oscurecer sutilmente al pasar el rat\u00f3n *\/\r\n .banner-card:hover .overlay {\r\n background: rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n \/* Para el efecto hover sutil en el bot\u00f3n *\/\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(68, 192, 242, 0.4);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-900 font-sans p-2 sm:p-4\">\r\n\r\n <!-- Contenedor principal para los tres banners, con m\u00e1s espacio (space-y-12) --><div class=\"max-w-4xl mx-auto flex flex-col space-y-12\">\r\n\r\n <!-- PRIMER BANNER: PROGRAMACI\u00d3N (Presencial) --><div class=\"banner-card rounded-xl shadow-2xl p-2.5 sm:p-5 h-[125px] sm:h-[170px] flex items-center\">\r\n <div class=\"overlay rounded-xl\"><\/div>\r\n <div class=\"relative z-20 flex flex-col items-start w-full\">\r\n <!-- Contenedor de Texto --><div class=\"flex flex-col mb-2 sm:mb-4\">\r\n <h2 class=\"text-white text-xs sm:text-2xl font-extrabold leading-tight uppercase\">\r\n PROGRAMACI\u00d3N\r\n <\/h2>\r\n <p class=\"text-ficma-blue text-xs sm:text-lg font-semibold leading-none\">\r\n Ver funciones\r\n <\/p>\r\n <\/div>\r\n <!-- Contenedor de Bot\u00f3n Justificado a la Derecha --><div class=\"w-full flex justify-end\">\r\n <a href=\"https:\/\/ficmafest.org\/index.php\/programacion\/\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\" \r\n class=\"cta-button bg-ficma-blue text-white font-bold py-1.5 px-5 rounded-full shadow-lg hover:bg-ficma-blue-hover transition duration-300 ease-in-out text-xs sm:text-base uppercase tracking-wider inline-flex items-center justify-center flex-shrink-0 w-[160px] sm:w-[200px] whitespace-nowrap\"> \r\nACCESOS\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SEGUNDO BANNER: SELECCI\u00d3N OFICIAL --><div class=\"banner-card banner-card-alt-2 rounded-xl shadow-2xl p-2.5 sm:p-5 h-[125px] sm:h-[170px] flex items-center\">\r\n <!-- Usando overlay-alt-2 para m\u00e1xima visibilidad de la imagen --><div class=\"overlay overlay-alt-2 rounded-xl\"><\/div>\r\n <div class=\"relative z-20 flex flex-col items-start w-full\">\r\n <!-- Contenedor de Texto --><div class=\"flex flex-col mb-2 sm:mb-4\">\r\n <h2 class=\"text-white text-xs sm:text-2xl font-extrabold leading-tight uppercase\">\r\n SELECCI\u00d3N OFICIAL\r\n <\/h2>\r\n <p class=\"text-ficma-blue text-xs sm:text-lg font-semibold leading-none\">\r\n Descubre las pel\u00edculas\r\n <\/p>\r\n <\/div>\r\n <!-- Contenedor de Bot\u00f3n Justificado a la Derecha --><div class=\"w-full flex justify-end\">\r\n <a href=\"https:\/\/ficmafest.org\/index.php\/seleccion-oficial\/\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\" \r\n class=\"cta-button bg-ficma-blue text-white font-bold py-1.5 px-5 rounded-full shadow-lg hover:bg-ficma-blue-hover transition duration-300 ease-in-out text-xs sm:text-base uppercase tracking-wider inline-flex items-center justify-center flex-shrink-0 w-[160px] sm:w-[200px] whitespace-nowrap\"> \r\nVER M\u00c1S\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- TERCER BANNER: PROGRAMACI\u00d3N ONLINE --><div class=\"banner-card banner-card-alt-3 rounded-xl shadow-2xl p-2.5 sm:p-5 h-[125px] sm:h-[170px] flex items-center\">\r\n <!-- Usando overlay-alt-3 con 5% de opacidad --><div class=\"overlay overlay-alt-3 rounded-xl\"><\/div>\r\n <div class=\"relative z-20 flex flex-col items-start w-full\">\r\n <!-- Contenedor de Texto --><div class=\"flex flex-col mb-2 sm:mb-4\">\r\n <h2 class=\"text-white text-xs sm:text-2xl font-extrabold leading-tight uppercase\">\r\n PROGRAMACI\u00d3N ONLINE\r\n <\/h2>\r\n <p class=\"text-ficma-blue text-xs sm:text-lg font-semibold leading-none\">\r\n Ver pel\u00edculas desde casa\r\n <\/p>\r\n <\/div>\r\n <!-- Contenedor de Bot\u00f3n Justificado a la Derecha --><div class=\"w-full flex justify-end\">\r\n <a href=\"https:\/\/ficmafest.org\/index.php\/programacion-online\/\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\" \r\n class=\"cta-button bg-ficma-blue text-white font-bold py-1.5 px-5 rounded-full shadow-lg hover:bg-ficma-blue-hover transition duration-300 ease-in-out text-xs sm:text-base uppercase tracking-wider inline-flex items-center justify-center flex-shrink-0 w-[160px] sm:w-[200px] whitespace-nowrap\"> \r\nVER STREAMING\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\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>Banners Estilo Cinem\u00e1tico PROGRAMACI\u00d3N Ver funciones ACCESOS SELECCI\u00d3N OFICIAL Descubre las pel\u00edculas VER M\u00c1S PROGRAMACI\u00d3N ONLINE Ver pel\u00edculas desde casa VER STREAMING<\/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-2955","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/2955","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=2955"}],"version-history":[{"count":97,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/2955\/revisions"}],"predecessor-version":[{"id":3298,"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/pages\/2955\/revisions\/3298"}],"wp:attachment":[{"href":"https:\/\/ficmafest.org\/index.php\/wp-json\/wp\/v2\/media?parent=2955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}