{"id":231,"date":"2026-05-22T23:58:09","date_gmt":"2026-05-22T23:58:09","guid":{"rendered":"https:\/\/www.quaranta.tumarcaagencia.com\/?page_id=231"},"modified":"2026-06-12T18:15:50","modified_gmt":"2026-06-12T18:15:50","slug":"pagina-de-inicio-con-code","status":"publish","type":"page","link":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/pagina-de-inicio-con-code\/","title":{"rendered":"Pagina de inicio con Code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"231\" class=\"elementor elementor-231\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-267d916 e-flex e-con-boxed e-con e-parent\" data-id=\"267d916\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-450d0bf elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"450d0bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;800&family=Montserrat:wght@300;400;600;700&display=swap');\n\n        .quaranta-wrapper {\n            background-color: #0d0d0d;\n            color: #f5f5f5;\n            font-family: 'Montserrat', sans-serif;\n            overflow-x: hidden;\n            margin: 0; padding: 0;\n        }\n\n        .q-hero {\n            position: relative;\n            height: 80vh;\n            min-height: 500px;\n            background: linear-gradient(rgba(13, 13, 13, 0.45), rgba(13, 13, 13, 0.98)), url('https:\/\/images.unsplash.com\/photo-1513104890138-7c749659a591?q=80&#038;w=1200') no-repeat center center;\n            background-size: cover;\n            background-attachment: fixed;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n        }\n\n        .q-hero-logo-text {\n            font-family: 'Cinzel', serif;\n            font-size: clamp(3rem, 7vw, 5.5rem);\n            color: #ffffff;\n            letter-spacing: 5px;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n        }\n\n        .q-hero-tagline {\n            font-weight: 300;\n            text-transform: uppercase;\n            font-size: clamp(0.85rem, 2vw, 1.2rem);\n            letter-spacing: 7px;\n            color: #dfb76c;\n            margin-bottom: 30px;\n        }\n\n        .q-btn-gold {\n            display: inline-block;\n            background: transparent;\n            color: #dfb76c;\n            border: 2px solid #dfb76c;\n            padding: 12px 30px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        .q-btn-gold:hover {\n            background: #dfb76c;\n            color: #0d0d0d;\n            box-shadow: 0 5px 20px rgba(223, 183, 108, 0.2);\n        }\n\n        .q-cobertura {\n            background: #121212;\n            padding: 50px 20px;\n            text-align: center;\n            border-bottom: 1px solid #1f1f1f;\n        }\n\n        .q-section-title {\n            font-family: 'Cinzel', serif;\n            font-size: 1.8rem;\n            color: #ffffff;\n            letter-spacing: 2px;\n            margin-bottom: 8px;\n        }\n\n        .q-section-subtitle {\n            font-size: 0.9rem;\n            color: #888;\n            max-width: 550px;\n            margin: 0 auto 25px auto;\n        }\n\n        .q-badge-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            max-width: 800px;\n            margin: 25px auto 0 auto;\n        }\n\n        .q-badge {\n            background: #1a1a1a;\n            border: 1px solid #2d2d2d;\n            color: #dfb76c;\n            padding: 6px 14px;\n            font-size: 0.8rem;\n            font-weight: 600;\n        }\n\n        .q-split-section {\n            display: table;\n            width: 100%;\n            table-layout: fixed;\n            background: #0d0d0d;\n        }\n\n        .q-split-row {\n            display: table-row;\n        }\n\n        .q-split-cell {\n            display: table-cell;\n            width: 50%;\n            vertical-align: middle;\n        }\n\n        .q-split-image {\n            width: 100%;\n            height: 450px;\n            object-fit: cover;\n            display: block;\n        }\n\n        .q-split-text {\n            padding: 40px 60px;\n        }\n\n        @media (max-width: 768px) {\n            .q-split-cell { display: block; width: 100%; }\n            .q-split-text { padding: 30px 20px; text-align: center; }\n            .q-split-image { height: 300px; }\n        }\n\n        .q-accent-title {\n            font-family: 'Cinzel', serif;\n            font-size: 1.6rem;\n            color: #dfb76c;\n            margin-bottom: 15px;\n        }\n\n        .q-instagram-grid-section {\n            background: #121212;\n            padding: 60px 20px;\n            text-align: center;\n        }\n\n        .q-grid-container {\n            display: table;\n            width: 100%;\n            max-width: 1000px;\n            margin: 30px auto 0 auto;\n            table-layout: fixed;\n        }\n\n        .q-grid-row { display: table-row; }\n        \n        .q-grid-item {\n            display: table-cell;\n            width: 33.333%;\n            padding: 8px;\n            box-sizing: border-box;\n        }\n\n        @media (max-width: 600px) {\n            .q-grid-item { display: block; width: 100%; margin-bottom: 15px; }\n            .q-grid-row { display: block; }\n        }\n\n        .q-grid-img {\n            width: 100%;\n            aspect-ratio: 1 \/ 1;\n            object-fit: cover;\n            display: block;\n            border: 1px solid #222;\n            transition: transform 0.4s;\n        }\n        \n        .q-grid-img:hover {\n            transform: scale(1.03);\n        }\n\n        .q-select-ts {\n            background: #1a1a1a; color: #fff; border: 1px solid #333;\n            padding: 10px 15px; width: 60%; font-size: 0.9rem;\n        }\n\n        .q-btn-validate {\n            background: #dfb76c; color: #0d0d0d; border: none;\n            padding: 11px 20px; font-weight: 700; cursor: pointer;\n        }\n    <\/style>\n\n    <div class=\"quaranta-wrapper\">\n        \n        <section class=\"q-hero\">\n            <div>\n                <h1 class=\"q-hero-logo-text\">Quaranta<\/h1>\n                <p class=\"q-hero-tagline\">Pizza Napoletana & Elegancia<\/p>\n                <a href=\"https:\/\/www.instagram.com\/quaranta.pizza\" target=\"_blank\" class=\"q-btn-gold\">Ver Perfil en Instagram<\/a>\n            <\/div>\n        <\/section>\n\n        <section class=\"q-cobertura\">\n            <h2 class=\"q-section-title\">Zonas de Cobertura<\/h2>\n            <p class=\"q-section-subtitle\">Servicio premium exclusivo para sectores delimitados de San Crist\u00f3bal y el Estado T\u00e1chira.<\/p>\n            \n            <div style=\"max-width: 500px; margin: 0 auto;\">\n                <select id=\"q-sector-select\" class=\"q-select-ts\">\n                    <option value=\"\">-- Elige tu sector --<\/option>\n                    <option value=\"San Crist\u00f3bal\">San Crist\u00f3bal<\/option><option value=\"Barrio Obrero\">Barrio Obrero<\/option><option value=\"Pueblo Nuevo\">Pueblo Nuevo<\/option>                <\/select>\n                <button type=\"button\" class=\"q-btn-validate\" onclick=\"validarSectorQuaranta()\">Validar<\/button>\n                <div id=\"q-validation-result\" style=\"margin-top: 15px; font-weight: 600;\"><\/div>\n            <\/div>\n\n            <div class=\"q-badge-container\">\n                <span class=\"q-badge\">\u2713 San Crist\u00f3bal<\/span><span class=\"q-badge\">\u2713 Barrio Obrero<\/span><span class=\"q-badge\">\u2713 Pueblo Nuevo<\/span>            <\/div>\n        <\/section>\n\n        <section class=\"q-split-section\">\n            <div class=\"q-split-row\">\n                <div class=\"q-split-cell\">\n                    <div class=\"q-split-text\">\n                        <h2 class=\"q-accent-title\">Maduraci\u00f3n de 48 Horas<\/h2>\n                        <p style=\"color:#b3b3b3; line-height:1.7;\">Nuestra masa pasa por un riguroso proceso de fermentaci\u00f3n lenta, logrando una ligereza excepcional y bordes alveolados perfectamente aireados al estilo tradicional.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"q-split-cell\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590947132387-155cc02f3212?q=80&#038;w=600\" class=\"q-split-image\" alt=\"Producto Quaranta\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"q-split-section\" style=\"border-top: 1px solid #111;\">\n            <div class=\"q-split-row\">\n                <div class=\"q-split-cell\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574071318508-1cdbab80d002?q=80&#038;w=600\" class=\"q-split-image\" alt=\"Horno Quaranta\">\n                <\/div>\n                <div class=\"q-split-cell\">\n                    <div class=\"q-split-text\">\n                        <h2 class=\"q-accent-title\">Ingredientes Importados<\/h2>\n                        <p style=\"color:#b3b3b3; line-height:1.7;\">Cada pizza se cocina a m\u00e1s de 400 grados en tiempo r\u00e9cord para mantener la frescura de la albahaca, el equilibrio de la salsa de tomate y el hilado ideal del queso.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"q-instagram-grid-section\">\n            <h2 class=\"q-section-title\">Esencia Visual<\/h2>\n            <p class=\"q-section-subtitle\">Sincronizado directamente con las texturas y capturas oscuras de nuestra marca.<\/p>\n            \n            <div class=\"q-grid-container\">\n                <div class=\"q-grid-row\">\n                    <div class=\"q-grid-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555072956-7758afb20e8f?q=80&#038;w=500\" class=\"q-grid-img\"><\/div>\n                    <div class=\"q-grid-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604068549290-dea0e4a305ca?q=80&#038;w=500\" class=\"q-grid-img\"><\/div>\n                    <div class=\"q-grid-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593560708920-61dd98c46a4e?q=80&#038;w=500\" class=\"q-grid-img\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <script>\n        function validarSectorQuaranta() {\n            var select = document.getElementById('q-sector-select');\n            var resultDiv = document.getElementById('q-validation-result');\n            if (select.value === \"\") {\n                resultDiv.style.color = \"#ff7675\";\n                resultDiv.innerHTML = \"Por favor, selecciona una ubicaci\u00f3n.\";\n            } else {\n                resultDiv.style.color = \"#2ecc71\";\n                resultDiv.innerHTML = \"\u00a1Confirmado! Realizamos env\u00edos a \" + select.value + \". Tu orden llegar\u00e1 perfecta.\";\n            }\n        }\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":16,"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/231\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/www.quaranta.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}