{"id":802388,"date":"2025-09-22T09:07:38","date_gmt":"2025-09-22T12:07:38","guid":{"rendered":"https:\/\/ingressoplus.com\/web\/?page_id=802388"},"modified":"2025-09-22T09:07:38","modified_gmt":"2025-09-22T12:07:38","slug":"acessar-cinema","status":"publish","type":"page","link":"https:\/\/ingressoplus.com\/web\/acessar-cinema\/","title":{"rendered":"Acessar Cinema"},"content":{"rendered":"\n<p><br><\/p>\n\n\n    \n    <div class=\"cinema-selector-scope\">\n        <style>\n            .cinema-action-display {\n                font-size: 18px;\n                color: navy;\n                font-weight: 600;\n                margin-bottom: 20px;\n                text-align: center;\n                text-transform: capitalize;\n            }\n            .cinema-selector-container {\n                max-width: 400px;\n                margin: 20px auto;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            }\n            \n            .cinema-selector-wrapper {\n                position: relative;\n                display: inline-block;\n                width: 100%;\n            }\n            \n            .cinema-selector {\n                width: 100%;\n                padding: 16px 20px;\n                font-size: 16px;\n                font-weight: 500;\n                color: #2c3e50;\n                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n                background-color: #fff;\n                border: 2px solid #e1e8ed;\n                border-radius: 12px;\n                cursor: pointer;\n                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n                background-repeat: no-repeat;\n                background-position: right 16px center;\n                background-size: 20px;\n                padding-right: 50px;\n            }\n            \n            .cinema-selector:hover {\n                border-color: #667eea;\n                box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);\n                transform: translateY(-1px);\n            }\n            \n            .cinema-selector:focus {\n                outline: none;\n                border-color: #667eea;\n                box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1), 0 8px 25px rgba(102, 126, 234, 0.15);\n                transform: translateY(-1px);\n            }\n            \n            .cinema-selector option {\n                padding: 12px;\n                font-size: 15px;\n                color: #2c3e50;\n                background-color: #fff;\n            }\n            \n            .cinema-selector option:first-child {\n                color: #7f8c8d;\n                font-style: italic;\n            }\n            \n            .cinema-selector option:hover {\n                background-color: #f8f9fa;\n            }\n            \n            .cinema-selector-label {\n                display: block;\n                margin-bottom: 8px;\n                font-size: 14px;\n                font-weight: 600;\n                color: #2c3e50;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n            \n            \/* Loading state *\/\n            .cinema-selector.loading {\n                opacity: 0.7;\n                pointer-events: none;\n            }\n            \n            .cinema-selector.loading::after {\n                content: '';\n                position: absolute;\n                right: 16px;\n                top: 50%;\n                transform: translateY(-50%);\n                width: 20px;\n                height: 20px;\n                border: 2px solid #667eea;\n                border-top: 2px solid transparent;\n                border-radius: 50%;\n                animation: spin 1s linear infinite;\n            }\n            \n            @keyframes spin {\n                0% { transform: translateY(-50%) rotate(0deg); }\n                100% { transform: translateY(-50%) rotate(360deg); }\n            }\n            \n            .cinema-error-message {\n                text-align: center;\n                padding: 20px;\n                color: #721c24;\n                background-color: #f8d7da;\n                border: 1px solid #f5c6cb;\n                border-radius: 8px;\n                margin: 20px auto;\n                max-width: 400px;\n                font-weight: 500;\n            }\n\n            \/* Responsivo *\/\n            @media (max-width: 480px) {\n                .cinema-selector-container {\n                    max-width: 100%;\n                    margin: 15px 0;\n                }\n                \n                .cinema-selector {\n                    font-size: 15px;\n                    padding: 14px 18px;\n                    padding-right: 45px;\n                }\n                \n                .cinema-selector-label {\n                    font-size: 13px;\n                }\n            }\n            \n            \/* Dark mode support *\/\n            @media (prefers-color-scheme: dark) {\n                .cinema-selector {\n                    background-color: #2c3e50;\n                    color: #ecf0f1;\n                    border-color: #34495e;\n                }\n                \n                .cinema-selector option {\n                    background-color: #2c3e50;\n                    color: #ecf0f1;\n                }\n                \n                .cinema-selector-label {\n                    color: #ecf0f1;\n                }\n            }\n        <\/style>\n        \n        <p class=\"cinema-action-display\">A\u00e7\u00e3o: cadastrar<\/p>\n        \n                    <div class=\"cinema-selector-container\">\n                <label class=\"cinema-selector-label\">&nbsp Sele\u00e7\u00e3o de Cinema<\/label>\n                <div class=\"cinema-selector-wrapper\">\n                                        <select class=\"cinema-selector\" id=\"cinema-selector-6a0d357d0c59f\" onchange=\"handleCinemaSelection(this)\">\n                        <option value=\"\">Selecione o cinema para concluir a a\u00e7\u00e3o<\/option>\n                        <option value=\"https:\/\/ingresso.plus\/?grupo=JOAOBRACKS&#038;acao=cadastrar\">Centro Cultural Jo\u00e3o Bracks - MG<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CINEIBIAPABA&#038;acao=cadastrar\">Cine Ibiapaba - CE<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CINEMOVIEPLEX&#038;acao=cadastrar\">Cine Movieplex - PI<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CINECOCAIS&#038;acao=cadastrar\">Cine Movieplex Timon - MA<\/option><option value=\"https:\/\/ingresso.plus?grupo=bigshopping&#038;acao=cadastrar\">Cinesercla Big Shopping - MG<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CAMPINAGRANDE&#038;acao=cadastrar\">Cinesercla Campina Grande - PB<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CINESERCLAGV&#038;acao=cadastrar\">Cinesercla GV Shopping - MG<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=MONTSERRAT&#038;acao=cadastrar\">Cinesercla MontSerrat - ES<\/option><option value=\"https:\/\/ingresso.plus?grupo=SHOPPINGNORTE&#038;acao=cadastrar\">Cinesercla Norte - MG<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=OSASCO&#038;acao=cadastrar\">Cinesercla Osasco Plaza - SP<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=ITAGUAI&#038;acao=cadastrar\">Cinesercla P\u00e1tio Mix Itagua\u00ed - RJ<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=LINHARES&#038;acao=cadastrar\">Cinesercla P\u00e1tio Mix Linhares - ES<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=Avenida&#038;acao=cadastrar\">Cinesercla Shopping Avenida Feira de Santana - BA<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=CINESERCLAPREMI&#038;acao=cadastrar\">Cinesercla Shopping Pr\u00eamio - SE<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=SHOPPINGTAMBIA&#038;acao=cadastrar\">Cinesercla Tambia - PB<\/option><option value=\"https:\/\/ingresso.plus\/?grupo=TEIXEIRA&#038;acao=cadastrar\">Cinesercla Teixeira de Freitas - BA<\/option>                    <\/select>\n                <\/div>\n            <\/div>\n            <\/div>\n    \n    <script>\n        function handleCinemaSelection(selectElement) {\n            const selectedUrl = selectElement.value;\n            if (selectedUrl && selectedUrl !== '') {\n                \/\/ Adiciona classe de loading\n                selectElement.classList.add('loading');\n                \/\/ Pequeno delay para mostrar o feedback visual\n                setTimeout(() => {\n                    \/\/ Redireciona para a URL selecionada\n                    window.location.href = selectedUrl;\n                }, 300);\n            }\n        }\n        \n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ L\u00f3gica Padr\u00e3o de Acessibilidade\n            const selectors = document.querySelectorAll('.cinema-selector');\n            selectors.forEach(function(selector) {\n                \/\/ Adiciona suporte para navega\u00e7\u00e3o por teclado\n                selector.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' && this.value) {\n                        handleCinemaSelection(this);\n                    }\n                });\n                \/\/ Adiciona hover effect suave\n                selector.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-1px)';\n                });\n                selector.addEventListener('mouseleave', function() {\n                    if (!this.matches(':focus')) {\n                        this.style.transform = 'translateY(0)';\n                    }\n                });\n            });\n\n            \/\/ L\u00f3gica Espec\u00edfica: Auto-Redirecionamento se houver apenas 1 registro\n                    });\n    <\/script>\n    \n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-802388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/pages\/802388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/comments?post=802388"}],"version-history":[{"count":0,"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/pages\/802388\/revisions"}],"wp:attachment":[{"href":"https:\/\/ingressoplus.com\/web\/wp-json\/wp\/v2\/media?parent=802388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}