{"id":340,"date":"2025-10-01T23:12:21","date_gmt":"2025-10-01T23:12:21","guid":{"rendered":"https:\/\/urbanica.mx\/?page_id=340"},"modified":"2025-10-14T17:05:11","modified_gmt":"2025-10-14T17:05:11","slug":"cotizador","status":"publish","type":"page","link":"https:\/\/urbanica.mx\/index.php\/cotizador\/","title":{"rendered":"COTIZADOR"},"content":{"rendered":"


\n
\n
\n
\n Cotizador de Publipuentes<\/title><br \/>\n <!-- Fuente Montserrat -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n .cotizador {\n font-family: 'Montserrat', sans-serif;\n background: #114E50; \/* fondo verde oscuro solo para el cotizador *\/\n color: #fff; \/* texto blanco *\/\n max-width: 600px;\n margin: 40px auto;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n .cotizador h2 {\n text-align: center;\n margin-bottom: 20px;\n font-weight: 600;\n color: #fff;\n }\n .cotizador label {\n display: block;\n margin-top: 12px;\n font-weight: 500;\n color: #fff;\n }\n .cotizador select,\n .cotizador input {\n width: 100%;\n margin-top: 5px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 14px;\n }\n .cotizador button {\n margin-top: 20px;\n background: #F5F400; \/* amarillo *\/\n color: #000; \/* negro para contraste *\/\n font-weight: 600;\n cursor: pointer;\n border: none;\n padding: 12px;\n border-radius: 8px;\n width: 100%;\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n .cotizador button:hover {\n opacity: 0.9;\n transform: scale(1.05);\n }\n .cotizador .resultado {\n margin-top: 20px;\n padding: 15px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 10px;\n color: #fff;\n }\n .cotizador .resultado p {\n margin: 5px 0;\n }\n .cotizador a {\n color: #F5F400;\n font-weight: 600;\n text-decoration: none;\n }\n .cotizador a:hover {\n text-decoration: underline;\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Aqu\u00ed va tu men\u00fa (NO se ver\u00e1 afectado) --><\/p>\n<h2>Cotiza tu publipuente<\/h2>\n<p><label for=\"puente\">Selecciona un puente:<\/label> <select id=\"puente\"><br \/>\n <\/select> <label for=\"cantidad\">Cantidad de espacios:<\/label> <input type=\"number\" id=\"cantidad\" min=\"1\" value=\"1\"> <label for=\"meses\">Tiempo (meses):<\/label> <input type=\"number\" id=\"meses\" min=\"1\" value=\"1\"> <button onclick=\"calcular()\">Calcular<\/button><br \/>\n\t\t\t\t\t<!-- Script de Stripe --><br \/>\n<!-- Bot\u00f3n de pago --><br \/>\n<button id=\"checkout-button\" style=\"\n margin-top: 20px;\n background-color: #F5F400;\n color: #000;\n font-weight: 600;\n border: none;\n border-radius: 8px;\n padding: 12px 20px;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\"><br \/>\n ? Pagar con Stripe<br \/>\n<\/button><br \/>\n\t\t[simpay id=”433″]\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <title>Cotizador de Publipuentes<\/title><br \/>\n <!-- Fuente Montserrat -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n .cotizador {\n font-family: 'Montserrat', sans-serif;\n background: #114E50; \/* fondo verde oscuro solo para el cotizador *\/\n color: #fff; \/* texto blanco *\/\n max-width: 600px;\n margin: 40px auto;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n .cotizador h2 {\n text-align: center;\n margin-bottom: 20px;\n font-weight: 600;\n color: #fff;\n }\n .cotizador label {\n display: block;\n margin-top: 12px;\n font-weight: 500;\n color: #fff;\n }\n .cotizador select,\n .cotizador input {\n width: 100%;\n margin-top: 5px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 14px;\n }\n .cotizador button {\n margin-top: 20px;\n background: #F5F400; \/* amarillo *\/\n color: #000; \/* negro para contraste *\/\n font-weight: 600;\n cursor: pointer;\n border: none;\n padding: 12px;\n border-radius: 8px;\n width: 100%;\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n .cotizador button:hover {\n opacity: 0.9;\n transform: scale(1.05);\n }\n .cotizador .resultado {\n margin-top: 20px;\n padding: 15px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 10px;\n color: #fff;\n }\n .cotizador .resultado p {\n margin: 5px 0;\n }\n .cotizador a {\n color: #F5F400;\n font-weight: 600;\n text-decoration: none;\n }\n .cotizador a:hover {\n text-decoration: underline;\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Aqu\u00ed va tu men\u00fa (NO se ver\u00e1 afectado) --><\/p>\n<h2>Cotiza tu publipuente<\/h2>\n<p><label for=\"puente\">Selecciona un puente:<\/label> <select id=\"puente\"><br \/>\n <\/select> <label for=\"cantidad\">Cantidad de espacios:<\/label> <input type=\"number\" id=\"cantidad\" min=\"1\" value=\"1\"> <label for=\"meses\">Tiempo (meses):<\/label> <input type=\"number\" id=\"meses\" min=\"1\" value=\"1\"> <button onclick=\"calcular()\">Calcular<\/button><br \/>\n\t\t[simpay id=”433″]\t\t\t<!-- Incluye el script de Stripe --><br \/>\n<!-- Bot\u00f3n de pago --><br \/>\n<button id=\"checkout-button\" style=\"\n background:#635bff;\n color:#fff;\n padding:12px 24px;\n border:none;\n border-radius:6px;\n cursor:pointer;\n font-family:Montserrat, sans-serif;\n font-size:16px;\"><br \/>\n Pagar mi publipuente<br \/>\n<\/button><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cotizador de Publipuentes Cotiza tu publipuente Selecciona un puente: Cantidad de espacios: Tiempo (meses): Calcular ? Pagar con Stripe [simpay id=”433″] Cotizador de Publipuentes Cotiza tu publipuente Selecciona un puente: Cantidad de espacios: Tiempo (meses): Calcular [simpay id=”433″] Pagar mi publipuente<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/pages\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":46,"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions\/481"}],"wp:attachment":[{"href":"https:\/\/urbanica.mx\/index.php\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}