{"id":1799,"date":"2026-05-10T16:57:02","date_gmt":"2026-05-10T16:57:02","guid":{"rendered":"https:\/\/paleroo.com\/?page_id=1799"},"modified":"2026-10-16T06:24:20","modified_gmt":"2026-10-16T06:24:20","slug":"contact","status":"publish","type":"page","link":"https:\/\/paleroo.com\/es\/contact\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1799\" class=\"elementor elementor-1799\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3f72 BannerCont e-flex e-con-boxed e-con e-parent\" data-id=\"7f3f72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-10fd7d35 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"10fd7d35\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomIn&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af59e7e elementor-widget elementor-widget-heading\" data-id=\"af59e7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">START YOUR PROJECT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f252e61 elementor-widget elementor-widget-heading\" data-id=\"2f252e61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LET'S BUILD SOMETHING THAT GETS NOTICED.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-860a474 elementor-widget elementor-widget-heading\" data-id=\"860a474\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Tell us about your project and our team will review the details and contact you with the next steps.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a3fc73 e-con-full e-flex e-con e-parent\" data-id=\"9a3fc73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77b4c34 elementor-widget elementor-widget-html\" data-id=\"77b4c34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N: TARJETAS DE INFO DE CONTACTO (ContactInfoCards)\r\n     Redise\u00f1o de las 4 tarjetas (Phone \/ Address \/ Email \/ Follow Us)\r\n     que iban planas y sin \u00edconos. Ahora cada una tiene un \u00edcono en\r\n     un c\u00edrculo de color de marca, y el texto alineado a la izquierda\r\n     en vez de centrado (m\u00e1s f\u00e1cil de leer r\u00e1pido).\r\n     ============================================================ -->\r\n<div class=\"ContactInfoCards\">\r\n\r\n    <div class=\"info-card\">\r\n        <div class=\"info-icon\" style=\"background: rgba(0,128,255,.12); color:#0080FF;\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v2a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.2 3.2 2 2 0 0 1 4.2 1h2a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L7 8.9a16 16 0 0 0 6 6l1.4-1.4a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2Z\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"info-label\">PHONE<\/span>\r\n        <!-- PENDIENTE: n\u00famero sin confirmar del todo, ver nota del PDF -->\r\n        <strong class=\"info-value\">609-736-3473<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"info-card\">\r\n        <div class=\"info-icon\" style=\"background: rgba(0,204,102,.12); color:#00CC66;\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"info-label\">ADDRESS<\/span>\r\n        <strong class=\"info-value\">1459 Princeton Ave<br>Ewing, NJ 08638<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"info-card\">\r\n        <div class=\"info-icon\" style=\"background: rgba(128,0,128,.14); color:#800080;\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m4 7 8 6 8-6\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"info-label\">EMAIL<\/span>\r\n        <strong class=\"info-value\">Info@Paleroo.Com<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"info-card\">\r\n        <div class=\"info-icon\" style=\"background: rgba(0,128,255,.12); color:#0080FF;\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"info-label\">FOLLOW US<\/span>\r\n        <div class=\"info-socials\">\r\n            <a href=\"https:\/\/www.instagram.com\/paleroodesign\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\">\r\n                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" style=\"fill:none!important;stroke:currentColor!important;stroke-width:1.8!important\"\/>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"4\" style=\"fill:none!important;stroke:currentColor!important;stroke-width:1.8!important\"\/>\r\n                    <circle cx=\"17.3\" cy=\"6.7\" r=\"1.1\" style=\"fill:currentColor!important;stroke:none!important\"\/>\r\n                <\/svg> @Paleroodesign\r\n            <\/a>\r\n            <a href=\"https:\/\/www.facebook.com\/paleroodesing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.7-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12Z\"\/><\/svg> Paleroo<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.ContactInfoCards{\r\n    display:grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap:22px;\r\n    padding:60px 7%;\r\n    background: linear-gradient(180deg, #040816, #060B18);\r\n}\r\n\r\n.info-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:34px 28px;\r\n    border-radius:24px;\r\n    background: linear-gradient(145deg, rgba(15,20,35,.96), rgba(6,9,17,.98)) !important;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    box-shadow: 0 20px 45px rgba(0,0,0,.35);\r\n    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;\r\n}\r\n\r\n\/* Resplandor decorativo en la esquina, para que no se vea tan plano *\/\r\n.info-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-60px;\r\n    right:-60px;\r\n    width:140px;\r\n    height:140px;\r\n    border-radius:50%;\r\n    background: radial-gradient(circle, rgba(0,128,255,.14), transparent 70%);\r\n    filter:blur(20px);\r\n    pointer-events:none;\r\n}\r\n\r\n.info-card:hover{\r\n    transform: translateY(-8px);\r\n    border-color: rgba(0,128,255,.3);\r\n    box-shadow: 0 30px 60px rgba(0,128,255,.15);\r\n}\r\n\r\n.info-icon{\r\n    position:relative;\r\n    z-index:1;\r\n    width:50px;\r\n    height:50px;\r\n    border-radius:15px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin-bottom:20px;\r\n    box-shadow: 0 10px 24px rgba(0,128,255,.18);\r\n}\r\n\r\n.info-label{\r\n    position:relative;\r\n    z-index:1;\r\n    display:inline-block;\r\n    color: rgba(255,255,255,.55);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    margin-bottom:14px;\r\n    padding-bottom:10px;\r\n    border-bottom: 2px solid rgba(0,128,255,.3);\r\n}\r\n\r\n.info-value{\r\n    position:relative;\r\n    z-index:1;\r\n    display:block;\r\n    color:white;\r\n    font-size:16px;\r\n    line-height:1.5;\r\n    font-weight:700;\r\n}\r\n\r\n.info-socials{\r\n    position:relative;\r\n    z-index:1;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:8px;\r\n}\r\n\r\n.info-socials a{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    color:white;\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    transition: color .25s ease;\r\n}\r\n\r\n.info-socials a:hover{\r\n    color:#0080FF;\r\n}\r\n\r\n@media(max-width:1000px){\r\n    .ContactInfoCards{\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .ContactInfoCards{\r\n        grid-template-columns: 1fr;\r\n        padding:50px 24px;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6763b27 e-con-full e-flex e-con e-parent\" data-id=\"6763b27\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-199d242 elementor-widget elementor-widget-html\" data-id=\"199d242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECCI\u00d3N: CONTACTO (ContactoSection) \u2014 REDISE\u00d1ADA\r\n     C\u00f3mo armarlo en Elementor:\r\n     1) Crea un Container de 2 columnas con la clase \"ContactoSection\".\r\n     2) Columna izquierda: widget de Imagen, con la URL de abajo,\r\n        y ponle la clase \"ImagenF\" en Advanced > CSS Classes.\r\n     3) Columna derecha: un Container con la clase \"FormularioF\",\r\n        y adentro un widget de \"Shortcode\" (Elementor) con el\r\n        shortcode: [contact-form-7 id=\"02e4bd4\" title=\"Contact form 1\"]\r\n     4) Pega el <style> y el <script> de abajo en un widget de HTML\r\n        en cualquier parte de esta secci\u00f3n (o en el CSS\/JS global del sitio).\r\n\r\n     Lo nuevo: el men\u00fa desplegable de \"Project Type\" ya no usa el\r\n     <select> nativo del navegador (que se ve\u00eda blanco sin poder\r\n     pintarlo) \u2014 el JS de abajo lo reemplaza autom\u00e1ticamente por un\r\n     men\u00fa 100% personalizado oscuro, sin tocar el formulario de CF7\r\n     (el <select> original se mantiene oculto por si acaso, y sigue\r\n     mandando el valor correcto al enviar).\r\n     ============================================================ -->\r\n\r\n<div class=\"ContactoSection\">\r\n\r\n    <!-- ---------- COLUMNA IZQUIERDA: IMAGEN ---------- -->\r\n    <div class=\"ImagenF\">\r\n        <img decoding=\"async\" src=\"https:\/\/paleroo.com\/wp-content\/uploads\/2026\/08\/freelance-woman-working-with-laptop-coffee-shop-scaled.jpg\" alt=\"Contact Paleroo\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <!-- ---------- COLUMNA DERECHA: FORMULARIO ---------- -->\r\n    <div class=\"FormularioF\">\r\n        <h3 class=\"form-heading\">CONTACT US<\/h3>\r\n\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1494-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1494\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/1799#wpcf7-f1494-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1494\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1494-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Name *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Business Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"business-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"business-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Phone *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span> <\/label>\n<\/p>\n<p><label> Email *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Project Type *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"project-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"project-type\"><option value=\"Vehicle Wrap\">Vehicle Wrap<\/option><option value=\"Commercial Sign\">Commercial Sign<\/option><option value=\"Window Graphics\">Window Graphics<\/option><option value=\"Large-Format Printing\">Large-Format Printing<\/option><option value=\"Branding\">Branding<\/option><option value=\"Installation\">Installation<\/option><option value=\"Other\">Other<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label> Vehicle Year \/ Make \/ Model (if applicable)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vehicle-info\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"vehicle-info\" \/><\/span> <\/label>\n<\/p>\n<p><label> Project Address (if applicable)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"project-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"project-address\" \/><\/span> <\/label>\n<\/p>\n<p><label> Project Details *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"project-details\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"project-details\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><label> Upload Photos \/ Logo \/ Artwork<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"upload-files\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file\" accept=\".jpg,.jpeg,.png,.pdf,.ai,.psd\" aria-invalid=\"false\" type=\"file\" name=\"upload-files\" \/><\/span> <\/label>\n<\/p>\n<p><label> Preferred Contact Method<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"contact-method\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><input type=\"radio\" name=\"contact-method\" value=\"Call\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Call<\/span><\/span><span class=\"wpcf7-list-item\"><input type=\"radio\" name=\"contact-method\" value=\"Text\" \/><span class=\"wpcf7-list-item-label\">Text<\/span><\/span><span class=\"wpcf7-list-item last\"><input type=\"radio\" name=\"contact-method\" value=\"Email\" \/><span class=\"wpcf7-list-item-label\">Email<\/span><\/span><\/span><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"REQUEST MY QUOTE\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =============================================\r\n   CONTENEDOR GENERAL\r\n   ============================================= *\/\r\n\r\n.ContactoSection{\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap:40px;\r\n    align-items:stretch !important;\r\n    padding:100px 7%;\r\n    background: linear-gradient(180deg, #040816, #060B18);\r\n    box-sizing:border-box;\r\n    width:100%;\r\n    overflow-x:hidden;\r\n}\r\n\r\n\/* CORRECCI\u00d3N CLAVE: en CSS Grid, los elementos hijos no se achican\r\n   por debajo de su contenido a menos que se les diga expl\u00edcitamente\r\n   \u2014 por eso la foto y el formulario se segu\u00edan saliendo en m\u00f3vil\r\n   aunque tuvieran box-sizing y padding correctos. Esto lo arregla. *\/\r\n.ContactoSection > *{\r\n    min-width:0;\r\n}\r\n\r\n\/* =============================================\r\n   IMAGEN (m\u00e1s limpia: sin cian, sin efectos de m\u00e1s)\r\n   ============================================= *\/\r\n\r\n.ImagenF{\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 32px;\r\n    min-height:520px;\r\n    min-width:0;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    display:flex;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,.4);\r\n}\r\n\r\n.ImagenF img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition: transform .8s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.ImagenF:hover img{\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Oscurecido sutil permanente + acento de marca en la esquina *\/\r\n.ImagenF::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35));\r\n    pointer-events:none;\r\n}\r\n\r\n.ImagenF::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    bottom:-80px;\r\n    left:-80px;\r\n    width:220px;\r\n    height:220px;\r\n    border-radius:50%;\r\n    background: radial-gradient(circle, rgba(0,128,255,.35), transparent 70%);\r\n    filter:blur(50px);\r\n    z-index:1;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* =============================================\r\n   TARJETA DEL FORMULARIO (m\u00e1s limpia)\r\n   ============================================= *\/\r\n\r\n.FormularioF{\r\n    position:relative;\r\n    padding:48px;\r\n    border-radius:32px;\r\n    background: linear-gradient(145deg, rgba(15,22,38,.96), rgba(8,12,24,.98));\r\n    border: 1px solid rgba(255,255,255,.07);\r\n    min-width:0;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.form-heading{\r\n    color:white;\r\n    font-size:26px;\r\n    font-weight:900;\r\n    letter-spacing:1px;\r\n    margin-bottom:30px;\r\n    position:relative;\r\n    padding-bottom:18px;\r\n}\r\n\r\n.form-heading::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; bottom:0;\r\n    width:60px;\r\n    height:3px;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg, #0080FF, #00CC66);\r\n}\r\n\r\n.FormularioF label{\r\n    color:white !important;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    margin-bottom:8px;\r\n    display:block;\r\n}\r\n\r\n.FormularioF input:not([type=\"radio\"]):not([type=\"file\"]),\r\n.FormularioF textarea{\r\n    box-sizing: border-box !important;\r\n    width:100%;\r\n    background: rgba(255,255,255,.04) !important;\r\n    border: 1px solid rgba(255,255,255,.1) !important;\r\n    border-radius:14px !important;\r\n    color:white !important;\r\n    padding:16px 18px !important;\r\n    min-height:52px;\r\n    margin-bottom:20px;\r\n    transition: all .3s ease !important;\r\n}\r\n\r\n.FormularioF textarea{\r\n    min-height:130px;\r\n}\r\n\r\n.FormularioF input::placeholder,\r\n.FormularioF textarea::placeholder{\r\n    color: rgba(255,255,255,.35);\r\n}\r\n\r\n.FormularioF input:focus,\r\n.FormularioF textarea:focus{\r\n    border-color: rgba(0,128,255,.5) !important;\r\n    background: rgba(255,255,255,.06) !important;\r\n    outline:none;\r\n}\r\n\r\n\/* Campo de subir archivo (CF7) *\/\r\n.FormularioF input[type=\"file\"]{\r\n    color: rgba(255,255,255,.7) !important;\r\n    margin-bottom:20px;\r\n}\r\n\r\n\/* Radios (Preferred Contact Method) *\/\r\n.FormularioF .wpcf7-radio{\r\n    display:flex;\r\n    gap:24px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.FormularioF .wpcf7-radio .wpcf7-list-item{\r\n    margin:0;\r\n}\r\n\r\n.FormularioF .wpcf7-radio label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:500;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* Bot\u00f3n enviar *\/\r\n.FormularioF input[type=\"submit\"]{\r\n    width:100%;\r\n    min-height:58px;\r\n    border:none !important;\r\n    border-radius:14px !important;\r\n    background: linear-gradient(135deg, #00CC66, #0080FF) !important;\r\n    color:white !important;\r\n    font-size:14px !important;\r\n    font-weight:800 !important;\r\n    letter-spacing:.5px;\r\n    cursor:pointer;\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.FormularioF input[type=\"submit\"]:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 35px rgba(0,204,102,.25);\r\n}\r\n\r\n\/* Mensajes de validaci\u00f3n \/ respuesta de CF7 *\/\r\n.FormularioF .wpcf7-not-valid-tip{\r\n    color:#ff6b6b;\r\n    font-size:12px;\r\n    margin-top:6px;\r\n    margin-bottom:16px;\r\n    display:block;\r\n}\r\n\r\n.FormularioF .wpcf7-response-output{\r\n    border-radius:12px !important;\r\n    margin-top:20px !important;\r\n    padding:14px 18px !important;\r\n    font-size:14px;\r\n}\r\n\r\n\/* =============================================\r\n   NUEVO: MEN\u00da DESPLEGABLE PERSONALIZADO\r\n   (reemplaza el <select> nativo de \"Project Type\")\r\n   ============================================= *\/\r\n\r\n\/* El <select> original de CF7 queda oculto pero sigue funcionando\r\n   por debajo \u2014 es lo que realmente se env\u00eda en el formulario *\/\r\n.FormularioF select{\r\n    position:absolute;\r\n    opacity:0;\r\n    pointer-events:none;\r\n    height:1px;\r\n    width:1px;\r\n}\r\n\r\n.custom-select{\r\n    position:relative;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.custom-select-trigger{\r\n    box-sizing: border-box;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    background: rgba(255,255,255,.04);\r\n    border: 1px solid rgba(255,255,255,.1);\r\n    border-radius:14px;\r\n    padding:16px 18px;\r\n    color:white;\r\n    font-size:15px;\r\n    cursor:pointer;\r\n    transition: all .3s ease;\r\n}\r\n\r\n.custom-select-trigger:hover,\r\n.custom-select.open .custom-select-trigger{\r\n    border-color: rgba(0,128,255,.5);\r\n    background: rgba(255,255,255,.06);\r\n}\r\n\r\n.custom-select-trigger .arrow{\r\n    transition: transform .3s ease;\r\n    color: rgba(255,255,255,.5);\r\n}\r\n\r\n.custom-select.open .custom-select-trigger .arrow{\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.custom-select-panel{\r\n    position:absolute;\r\n    left:0; right:0;\r\n    top:calc(100% + 8px);\r\n    z-index:20;\r\n    max-height:260px;\r\n    overflow-y:auto;\r\n    border-radius:14px;\r\n    background: linear-gradient(145deg, #10152a, #080b16);\r\n    border: 1px solid rgba(255,255,255,.1);\r\n    box-shadow: 0 25px 50px rgba(0,0,0,.5);\r\n    opacity:0;\r\n    transform: translateY(-8px);\r\n    pointer-events:none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n}\r\n\r\n.custom-select.open .custom-select-panel{\r\n    opacity:1;\r\n    transform: translateY(0);\r\n    pointer-events:auto;\r\n}\r\n\r\n.custom-select-option{\r\n    padding:14px 18px;\r\n    color: rgba(255,255,255,.8);\r\n    font-size:14px;\r\n    cursor:pointer;\r\n    transition: background .2s ease, color .2s ease;\r\n}\r\n\r\n.custom-select-option:hover{\r\n    background: rgba(0,128,255,.14);\r\n    color:white;\r\n}\r\n\r\n.custom-select-option.selected{\r\n    color:#00CC66;\r\n    font-weight:700;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .ContactoSection{\r\n        grid-template-columns:1fr;\r\n        padding:70px 24px;\r\n    }\r\n    .ImagenF{\r\n        min-height:320px;\r\n    }\r\n    .FormularioF{\r\n        padding:30px 22px;\r\n    }\r\n}\r\n\r\n@media(max-width:480px){\r\n    .FormularioF input[type=\"file\"]{\r\n        max-width:100%;\r\n    }\r\n    .FormularioF .wpcf7-radio{\r\n        flex-wrap:wrap;\r\n        gap:16px;\r\n    }\r\n}\r\n\r\n\/* Tope de seguridad: evita que cualquier campo del formulario pueda\r\n   desbordar el ancho de la pantalla en m\u00f3vil, sin importar qu\u00e9\r\n   estilo traiga por defecto el plugin de Contact Form 7. *\/\r\n.FormularioF, .FormularioF *{\r\n    max-width:100%;\r\n    box-sizing:border-box;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    \/\/ Convierte cada <select> dentro de .FormularioF en un men\u00fa\r\n    \/\/ desplegable personalizado, sin romper el env\u00edo del formulario\r\n    \/\/ (el <select> original sigue existiendo, solo queda oculto, y\r\n    \/\/ este script lo actualiza cada vez que el usuario elige una\r\n    \/\/ opci\u00f3n en el men\u00fa bonito).\r\n    function buildCustomSelects() {\r\n        document.querySelectorAll(\".FormularioF select\").forEach(function (select) {\r\n            if (select.dataset.customized) return;\r\n            select.dataset.customized = \"true\";\r\n\r\n            var wrap = document.createElement(\"div\");\r\n            wrap.className = \"custom-select\";\r\n\r\n            var trigger = document.createElement(\"div\");\r\n            trigger.className = \"custom-select-trigger\";\r\n            var currentLabel = select.options[select.selectedIndex] ? select.options[select.selectedIndex].text : \"Select an option\";\r\n            trigger.innerHTML = '<span class=\"label\">' + currentLabel + '<\/span><span class=\"arrow\">\u25be<\/span>';\r\n\r\n            var panel = document.createElement(\"div\");\r\n            panel.className = \"custom-select-panel\";\r\n\r\n            Array.prototype.forEach.call(select.options, function (opt) {\r\n                var item = document.createElement(\"div\");\r\n                item.className = \"custom-select-option\" + (opt.selected ? \" selected\" : \"\");\r\n                item.textContent = opt.text;\r\n                item.addEventListener(\"click\", function () {\r\n                    select.value = opt.value;\r\n                    select.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n                    trigger.querySelector(\".label\").textContent = opt.text;\r\n                    panel.querySelectorAll(\".custom-select-option\").forEach(function (o) {\r\n                        o.classList.remove(\"selected\");\r\n                    });\r\n                    item.classList.add(\"selected\");\r\n                    wrap.classList.remove(\"open\");\r\n                });\r\n                panel.appendChild(item);\r\n            });\r\n\r\n            trigger.addEventListener(\"click\", function (e) {\r\n                e.stopPropagation();\r\n                document.querySelectorAll(\".custom-select.open\").forEach(function (el) {\r\n                    if (el !== wrap) el.classList.remove(\"open\");\r\n                });\r\n                wrap.classList.toggle(\"open\");\r\n            });\r\n\r\n            wrap.appendChild(trigger);\r\n            wrap.appendChild(panel);\r\n\r\n            \/\/ CORRECCI\u00d3N: Contact Form 7 pone el <select> DENTRO de la\r\n            \/\/ etiqueta <label> (el propio CF7 lo marca como un error de\r\n            \/\/ configuraci\u00f3n: \"Multiple form controls are in a single\r\n            \/\/ label element\"). Eso hace que el navegador, al hacer clic\r\n            \/\/ en cualquier parte del label, intente activar el <select>\r\n            \/\/ oculto por su cuenta, chocando con este men\u00fa personalizado.\r\n            \/\/ Por eso movemos el <select> (y el men\u00fa nuevo) AFUERA del\r\n            \/\/ <label>, dejando el texto de la etiqueta donde estaba.\r\n            var parentLabel = select.closest(\"label\");\r\n            if (parentLabel && parentLabel.parentNode) {\r\n                parentLabel.parentNode.insertBefore(select, parentLabel.nextSibling);\r\n                parentLabel.parentNode.insertBefore(wrap, select.nextSibling);\r\n            } else {\r\n                select.parentNode.insertBefore(wrap, select.nextSibling);\r\n            }\r\n        });\r\n    }\r\n\r\n    document.addEventListener(\"click\", function () {\r\n        document.querySelectorAll(\".custom-select.open\").forEach(function (el) {\r\n            el.classList.remove(\"open\");\r\n        });\r\n    });\r\n\r\n    buildCustomSelects();\r\n    \/\/ Reintenta un par de veces por si CF7 termina de cargar un poco despu\u00e9s\r\n    setTimeout(buildCustomSelects, 500);\r\n    setTimeout(buildCustomSelects, 1500);\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>START YOUR PROJECT LET&#8217;S BUILD SOMETHING THAT GETS NOTICED. Tell us about your project and our team will review the details and contact you with the next steps. PHONE 609-736-3473 ADDRESS 1459 Princeton AveEwing, NJ 08638 EMAIL Info@Paleroo.Com FOLLOW US @Paleroodesign Paleroo<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1799","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/comments?post=1799"}],"version-history":[{"count":148,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1799\/revisions"}],"predecessor-version":[{"id":3594,"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/pages\/1799\/revisions\/3594"}],"wp:attachment":[{"href":"https:\/\/paleroo.com\/es\/wp-json\/wp\/v2\/media?parent=1799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}