{"id":1431,"date":"2025-08-08T14:02:30","date_gmt":"2025-08-08T20:02:30","guid":{"rendered":"https:\/\/festivaldecineconsciente.mx\/?page_id=1431"},"modified":"2025-10-21T13:37:01","modified_gmt":"2025-10-21T19:37:01","slug":"sponsorships","status":"publish","type":"page","link":"https:\/\/festivaldecineconsciente.mx\/en\/sponsorships\/","title":{"rendered":"SPONSOR"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Sponsorship | Conscious Film Festival<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Poppins', sans-serif;\n        }\n        \/* Shine effect on card hover *\/\n        .card::before {\n            content: '';\n            position: absolute;\n            top: -50px;\n            left: -50px;\n            width: 150px;\n            height: 150px;\n            background: rgba(255, 255, 255, 0.1);\n            transform: rotate(45deg);\n            transition: transform 0.5s ease;\n            z-index: 0;\n        }\n        .card:hover::before {\n            transform: rotate(45deg) translate(20px, 20px);\n        }\n        \/* Custom text shadow for section titles *\/\n        .section-title {\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n        }\n        \/* Fade-in animation for content *\/\n        .fade-in {\n            animation: fadeIn 0.5s ease-in-out forwards;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n\n<body class=\"bg-gradient-to-b from-[#d2b48c] to-[#e9d5b9] text-[#56564e]\">\n\n    <svg class=\"hidden\">\n      <symbol id=\"icon-check\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n      <\/symbol>\n      <symbol id=\"icon-paypal\" viewBox=\"0 0 24 24\">\n        <path d=\"M7.054 18.064c0 1.558-.518 2.277-1.552 2.277h-.089a.526.526 0 0 1-.525-.526v-15.01a.526.526 0 0 1 .526-.526h.047c1.19 0 1.552 1.01 1.552 2.502v.041c0 1.258.113 2.56.551 2.943a15.71 15.71 0 0 0 2.221.724c.73.136 1.488.225 2.28.269.458.026.837.039 1.157.039.816 0 1.48-.052 1.884-.156.404-.104.757-.272 1.074-.529.288-.23.473-.415.549-.556a.222.222 0 0 1 .15-.104c.15-.026.473-.026.96-.026h2.247c.288 0 .546.126.697.352.15.226.126.526-.103.738a1.644 1.644 0 0 1-1.393.53c-.352 0-.64-.022-.888-.069v.004c-.391.03-.78.043-1.16.043-1.127 0-1.954-.15-2.528-.445-.472-.248-.73-.556-.84-.913-.104-.357-.15-.758-.15-1.206 0-.306.013-.59.043-.87a.494.494 0 0 1 .235-.403.486.486 0 0 1 .562.064c.26.242.668.53 1.157.817.472.287.973.445 1.503.445 1.096 0 1.954-.374 2.57-1.127.616-.754.914-1.859.914-3.317 0-2.083-.757-3.69-2.28-4.825-1.503-1.12-3.633-1.636-6.388-1.547-1.128.025-2.14.237-3.036.637-.896.399-1.565.892-2.01 1.477-1.076 1.393-1.64 3.428-1.64 6.279v.039zm9.052-1.22c.247.163.482.26.704.293.207.03.385.045.54.045.52.001.996-.051 1.428-.155.33-.082.632-.204.896-.364.24-.15.42-.313.546-.48.163-.207.258-.458.28-.752.025-.294-.012-.6-.118-.916-.104-.316-.297-.611-.58-.871-.284-.26-.644-.453-1.07-.582-.424-.129-.93-.195-1.517-.195-1.026 0-1.84.195-2.441.583-.598.39-1.07 1.002-1.41 1.834-.34 0-.616.039-.824.116-.207.078-.363.203-.469.375-.104.172-.158.384-.158.632 0 .52.172.934.517 1.243.344.31 1.02.464 2.023.464.93 0 1.602-.13 2.016-.393.414-.263.668-.616.764-1.06zm-1.838-2.618c.243-.163.551-.257.925-.28.375-.022.75-.018 1.134.015.352.03.66.082.925.155.263.078.49.195.68.35.19.155.334.367.433.633.1.265.15.586.15.96v.059c0 .17-.008.318-.022.444-.015.125-.043.25-.086.375-.042.125-.105.247-.187.367-.082.12-.178.232-.284.332-.104.1-.219.18-.344.241-.125.062-.25.105-.375.127-.125.022-.254.022-.387.022-.767 0-1.407-.152-1.928-.458-.521-.305-.78-.737-.78-1.302v-.039c0-.495.156-1.005.47-1.536z\"\/>\n      <\/symbol>\n    <\/svg>\n\n    <div id=\"message-box\" role=\"status\" aria-live=\"polite\" class=\"fixed top-5 left-1\/2 -translate-x-1\/2 z-50 px-8 py-4 rounded-xl shadow-lg text-white font-semibold opacity-0 invisible transition-all duration-300\"><\/div>\n    \n    <main class=\"p-4 md:p-8\">\n        <header class=\"text-center mb-16\">\n            <h1 class=\"text-5xl md:text-7xl font-extrabold text-white mb-4 drop-shadow-lg leading-tight\">\n                Conscious Film Festival\n            <\/h1>\n            <p class=\"text-xl md:text-2xl italic max-w-4xl mx-auto text-[#fdf6ec] font-light\">\n                A platform for cultural regeneration through film, education, and action.\n            <\/p>\n        <\/header>\n        \n        <section id=\"friends-and-community\" aria-labelledby=\"friends-title\" class=\"max-w-7xl mx-auto mb-16 p-8 bg-[#fdf6ec] rounded-3xl shadow-2xl\">\n            <h2 id=\"friends-title\" class=\"section-title text-4xl md:text-5xl font-extrabold text-center text-[#cb652c] mb-12\">\n                Friends and Community\n            <\/h2>\n            <p class=\"text-lg text-center mb-12 max-w-3xl mx-auto\">\n                Join the CFF with a contribution and receive symbolic recognition and access to exclusive spaces.\n            <\/p>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$2,500 &#8211; $5,000 MXN<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>Your name in the &#8220;Allies for a Cinema with a Cause&#8221; credits list.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$5,001 &#8211; $10,000 MXN<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>All benefits of the previous tier.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>Receive a special Digital Kit.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$10,001 &#8211; $15,000 MXN<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>All benefits of the previous tier.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>Dinner for one person at Bacab &#8220;Sc\u00e8ne in a Coq au Vin.&#8221;<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$15,001 &#8211; $25,000 MXN<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>All benefits of the previous tier, for two people.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>One pass for the Workshop Week.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$25,001 &#8211; $35,000 MXN<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>All benefits of the previous tier.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>Two passes for the Workshop Week.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-2xl font-bold mb-2\">Sliding Scale Contribution<\/h3>\n                        <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$35,001 &#8211; $50,000 MXN +<\/p>\n                        <ul class=\"text-sm space-y-3\">\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>All benefits of the previous tier.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                <span>Special acknowledgment during the Workshop Week.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <div class=\"mt-12 text-center\">\n                <a href=\"https:\/\/paypal.me\/ActuaConscienteAC\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Make a Contribution via PayPal\"\n                   class=\"inline-flex items-center space-x-3 py-4 px-10 text-white font-bold text-base rounded-xl shadow-lg bg-gradient-to-r from-[#cb652c] to-[#e4a24e] transition-all duration-300 ease-in-out hover:shadow-xl hover:-translate-y-0.5 hover:scale-105\">\n                    <span>Make a Contribution<\/span>\n                    <svg class=\"h-6 w-6\" fill=\"currentColor\"><use xlink:href=\"#icon-paypal\"><\/use><\/svg>\n                <\/a>\n            <\/div>\n        <\/section>\n\n        <div class=\"max-w-4xl mx-auto my-16 border-t-4 border-dashed border-[#e9d5b9]\"><\/div>\n\n        <section id=\"local-market\" aria-labelledby=\"market-title\" class=\"max-w-7xl mx-auto mb-16 p-8 bg-[#fdf6ec] rounded-3xl shadow-2xl\">\n            <h2 id=\"market-title\" class=\"section-title text-4xl md:text-5xl font-extrabold text-center text-[#cb652c] mb-12\">\n                Local Market\n            <\/h2>\n            <p class=\"text-lg text-center mb-12 max-w-3xl mx-auto\">\n                An opportunity for regional businesses committed to sustainability and culture.\n            <\/p>\n\n            <article class=\"card relative mx-auto max-w-xl p-8 rounded-3xl shadow-xl border-4 border-[#e4a24e] bg-white hover:bg-[#fffcf6] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:border-[#cb652c]\">\n                <div class=\"relative z-10\">\n                    <h3 class=\"text-2xl font-bold mb-2\">Sponsorship Level<\/h3>\n                    <p class=\"text-xl font-extrabold mb-4 text-[#cb652c]\">$25,000 MXN<\/p>\n                    <ul class=\"text-sm space-y-3\">\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                            <span>Logo inclusion in the program and on the website.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                            <span>Dedicated presence in the market area.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                            <span>Access to networking events.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <div class=\"mt-12 text-center\">\n                <a href=\"https:\/\/paypal.me\/ActuaConscienteAC\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Participate in the Local Market via PayPal\"\n                   class=\"inline-flex items-center space-x-3 py-4 px-10 text-white font-bold text-base rounded-xl shadow-lg bg-gradient-to-r from-[#cb652c] to-[#e4a24e] transition-all duration-300 ease-in-out hover:shadow-xl hover:-translate-y-0.5 hover:scale-105\">\n                    <span>Join the Market<\/span>\n                    <svg class=\"h-6 w-6\" fill=\"currentColor\"><use xlink:href=\"#icon-paypal\"><\/use><\/svg>\n                <\/a>\n            <\/div>\n        <\/section>\n\n        <div class=\"max-w-4xl mx-auto my-16 border-t-4 border-dashed border-[#e9d5b9]\"><\/div>\n\n        <section id=\"corporate-and-government\" aria-labelledby=\"gov-title\" class=\"max-w-7xl mx-auto mb-16 p-8 bg-[#56564e] text-white rounded-3xl shadow-2xl\">\n            <h2 id=\"gov-title\" class=\"section-title text-4xl md:text-5xl font-extrabold text-center text-[#e4a24e] mb-4\">\n                Corporate and Government\n            <\/h2>\n            \n            <div id=\"access-form-container\">\n                <p class=\"text-lg text-center mb-8 text-[#e0e0e0] max-w-3xl mx-auto\">\n                    Please register to view sponsorship details for corporations and government institutions.\n                <\/p>\n                <form id=\"gov-form\" novalidate class=\"space-y-6 max-w-2xl mx-auto p-8 rounded-3xl shadow-lg border-4 border-[#e4a24e] bg-[#6d6d6d]\">\n                    <div class=\"space-y-1\">\n                        <label for=\"name\" class=\"block text-left text-[#e0e0e0] font-bold\">Name<\/label>\n                        <input type=\"text\" id=\"name\" name=\"name\" required aria-required=\"true\" aria-describedby=\"name-error\" class=\"w-full p-3 rounded-xl bg-white text-[#56564e] focus:outline-none focus:ring-4 focus:ring-[#e4a24e] transition\">\n                        <p class=\"text-red-400 text-sm h-4\" id=\"name-error\"><\/p>\n                    <\/div>\n                    <div class=\"space-y-1\">\n                        <label for=\"email\" class=\"block text-left text-[#e0e0e0] font-bold\">Email<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" required aria-required=\"true\" aria-describedby=\"email-error\" class=\"w-full p-3 rounded-xl bg-white text-[#56564e] focus:outline-none focus:ring-4 focus:ring-[#e4a24e] transition\">\n                         <p class=\"text-red-400 text-sm h-4\" id=\"email-error\"><\/p>\n                    <\/div>\n                    <div class=\"space-y-1\">\n                        <label for=\"institution\" class=\"block text-left text-[#e0e0e0] font-bold\">Government \/ Institution<\/label>\n                        <input type=\"text\" id=\"institution\" name=\"institution\" required aria-required=\"true\" aria-describedby=\"institution-error\" class=\"w-full p-3 rounded-xl bg-white text-[#56564e] focus:outline-none focus:ring-4 focus:ring-[#e4a24e] transition\">\n                         <p class=\"text-red-400 text-sm h-4\" id=\"institution-error\"><\/p>\n                    <\/div>\n                    <button type=\"submit\" class=\"w-full py-3 px-6 text-white font-bold text-base rounded-xl shadow-lg bg-gradient-to-r from-[#cb652c] to-[#e4a24e] transition-all duration-300 ease-in-out hover:shadow-xl hover:-translate-y-0.5 hover:scale-105\">\n                        View Sponsorship Options\n                    <\/button>\n                <\/form>\n            <\/div>\n\n            <div id=\"sponsorship-content\" class=\"hidden\" tabindex=\"-1\">\n                <p class=\"text-lg text-center mb-8 text-[#e0e0e0] max-w-3xl mx-auto\">\n                    For our corporate and government sponsors, we offer strategic partnership opportunities with measurable impact.\n                <\/p>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-white bg-[#6d6d6d] hover:bg-[#7a7a7a] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl\">\n                       <div class=\"relative z-10\">\n                           <h3 class=\"text-2xl font-bold mb-2\">Official Sponsor (7th Edition)<\/h3>\n                           <p class=\"text-xl font-extrabold text-[#e4a24e] mb-4\">$3,000,000 MXN<\/p>\n                           <ul class=\"text-sm space-y-3 text-[#e0e0e0]\">\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Presence in Tulum and Yelapa, on-stage mentions, brand signage.<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Full digital campaign (video, posts, reels, etc.).<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>14 passes, meet-and-greet, VIP event.<\/span>\n                               <\/li>\n                           <\/ul>\n                       <\/div>\n                    <\/article>\n\n                    <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-white bg-[#6d6d6d] hover:bg-[#7a7a7a] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl\">\n                       <div class=\"relative z-10\">\n                           <h3 class=\"text-2xl font-bold mb-2\">Venue Sponsor<\/h3>\n                           <p class=\"text-xl font-extrabold text-[#e4a24e] mb-4\">$1,700,000 MXN<\/p>\n                           <ul class=\"text-sm space-y-3 text-[#e0e0e0]\">\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Presence in either Tulum or Yelapa, exclusive booth.<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Digital campaign with video, posts, and stories.<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>7 passes, meet-and-greet, impact report.<\/span>\n                               <\/li>\n                           <\/ul>\n                       <\/div>\n                    <\/article>\n                    \n                    <article class=\"card relative p-8 rounded-3xl shadow-xl border-4 border-white bg-[#6d6d6d] hover:bg-[#7a7a7a] transition-all duration-300 ease-in-out hover:-translate-y-2 hover:shadow-2xl\">\n                       <div class=\"relative z-10\">\n                           <h3 class=\"text-2xl font-bold mb-2\">Sustainability Sponsor<\/h3>\n                           <p class=\"text-xl font-extrabold text-[#e4a24e] mb-4\">$1,400,000 MXN<\/p>\n                           <ul class=\"text-sm space-y-3 text-[#e0e0e0]\">\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Zero Footprint Sponsor, verbal mentions.<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>Digital campaign with featurette, posts, and stories.<\/span>\n                               <\/li>\n                               <li class=\"flex items-start\">\n                                   <svg class=\"h-5 w-5 mr-2 text-[#e4a24e] flex-shrink-0 mt-1\" fill=\"none\" stroke=\"currentColor\"><use xlink:href=\"#icon-check\"><\/use><\/svg>\n                                   <span>2 passes, opportunity for a clean-up event.<\/span>\n                               <\/li>\n                           <\/ul>\n                       <\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n    \n    <script>\n    (() => {\n        \/\/ Select DOM elements once for efficiency.\n        const govForm = document.getElementById('gov-form');\n        const accessFormContainer = document.getElementById('access-form-container');\n        const sponsorshipContent = document.getElementById('sponsorship-content');\n        const messageBox = document.getElementById('message-box');\n\n        \/\/ Map of form fields for cleaner validation logic.\n        const fields = {\n            name: {\n                input: document.getElementById('name'),\n                error: document.getElementById('name-error'),\n                validate: (value) => value.trim() !== '',\n                message: 'Name is required.'\n            },\n            email: {\n                input: document.getElementById('email'),\n                error: document.getElementById('email-error'),\n                validate: (value) => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value),\n                message: 'Please enter a valid email.'\n            },\n            institution: {\n                input: document.getElementById('institution'),\n                error: document.getElementById('institution-error'),\n                validate: (value) => value.trim() !== '',\n                message: 'Institution is required.'\n            }\n        };\n\n        \/**\n         * Displays a feedback message to the user.\n         * @param {string} message - The text to display.\n         * @param {boolean} [isError=false] - If true, styles as an error message.\n         *\/\n        const showMessage = (message, isError = false) => {\n            messageBox.textContent = message;\n            messageBox.className = `fixed top-5 left-1\/2 -translate-x-1\/2 z-50 px-8 py-4 rounded-xl shadow-lg text-white font-semibold transition-all duration-300 ${isError ? 'bg-red-600' : 'bg-green-600'} opacity-100 visible`;\n            \n            setTimeout(() => {\n                messageBox.className = messageBox.className.replace('opacity-100 visible', 'opacity-0 invisible');\n            }, 4000);\n        };\n\n        \/**\n         * Validates the entire form, displays errors, and returns validity status.\n         * @returns {boolean} - True if the form is valid, otherwise false.\n         *\/\n        const validateForm = () => {\n            let isValid = true;\n            \/\/ Clear previous errors\n            Object.values(fields).forEach(field => {\n                field.input.classList.remove('border-red-500', 'focus:ring-red-500');\n                field.input.classList.add('focus:ring-[#e4a24e]');\n                field.error.textContent = '';\n                field.input.setAttribute('aria-invalid', 'false');\n            });\n\n            for (const key in fields) {\n                const field = fields[key];\n                if (!field.validate(field.input.value)) {\n                    isValid = false;\n                    field.input.classList.add('border-red-500', 'focus:ring-red-500');\n                    field.input.classList.remove('focus:ring-[#e4a24e]');\n                    field.error.textContent = field.message;\n                    field.input.setAttribute('aria-invalid', 'true');\n                }\n            }\n            return isValid;\n        };\n\n        \/**\n         * Handles the form submission event.\n         * @param {Event} event - The submission event.\n         *\/\n        const handleFormSubmit = async (event) => {\n            event.preventDefault();\n\n            if (!validateForm()) {\n                showMessage(\"Please correct the errors in the form.\", true);\n                \/\/ For accessibility, focus the first field with an error.\n                const firstErrorField = Object.values(fields).find(field => field.error.textContent !== '');\n                if (firstErrorField) {\n                    firstErrorField.input.focus();\n                }\n                return;\n            }\n\n            \/\/ Simulate an async server call.\n            try {\n                \/\/ A real call would be: await fetch('\/api\/register', { ... });\n                await new Promise(resolve => setTimeout(resolve, 500)); \/\/ Simulate network latency\n\n                \/\/ Hide form and show sponsorship content.\n                accessFormContainer.classList.add('hidden');\n                sponsorshipContent.classList.remove('hidden');\n                sponsorshipContent.classList.add('fade-in');\n\n                \/\/ For accessibility, move focus to the newly revealed content.\n                sponsorshipContent.focus();\n\n                showMessage(\"Thank you! The sponsorship details are now visible.\");\n\n            } catch (error) {\n                console.error('Form submission error:', error);\n                showMessage(\"There was an error submitting the form. Please try again.\", true);\n            }\n        };\n\n        \/\/ Attach event listener to the form.\n        govForm.addEventListener('submit', handleFormSubmit);\n\n    })(); \/\/ IIFE to encapsulate scope.\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sponsorship | Conscious Film Festival Conscious Film Festival A platform for cultural regeneration through film, education, and action. Friends and Community Join the CFF with a contribution and receive symbolic recognition and access to exclusive spaces. Sliding Scale Contribution $2,500 &#8211; $5,000 MXN Your name in the &#8220;Allies for a Cinema with a Cause&#8221; credits [&hellip;]<\/p>\n","protected":false},"author":79395309,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_themeisle_gutenberg_block_has_review":false,"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-1431","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PfW25I-n5","_links":{"self":[{"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/pages\/1431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/users\/79395309"}],"replies":[{"embeddable":true,"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/comments?post=1431"}],"version-history":[{"count":41,"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/pages\/1431\/revisions"}],"predecessor-version":[{"id":2158,"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/pages\/1431\/revisions\/2158"}],"wp:attachment":[{"href":"https:\/\/festivaldecineconsciente.mx\/en\/wp-json\/wp\/v2\/media?parent=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}