{"id":22,"date":"2026-08-27T17:13:30","date_gmt":"2026-08-27T17:13:30","guid":{"rendered":"https:\/\/proselim.denobrega.com\/?page_id=22"},"modified":"2026-09-03T17:42:18","modified_gmt":"2026-09-03T17:42:18","slug":"contacto","status":"publish","type":"page","link":"https:\/\/proselim.denobrega.com\/?page_id=22","title":{"rendered":"Contacto"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* ============================================================\n       ESTILOS FULL WIDTH & RESPONSIVE - PROSELIM CARON\u00cd\n       ============================================================ *\/\n    \n    \/* Ruptura del contenedor de WordPress para Full Width real *\/\n    .proselim-contact-fullwidth {\n        position: relative;\n        width: 100vw;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        padding: 80px clamp(20px, 5vw, 80px) 100px;\n        background: linear-gradient(135deg, #f8fcff 0%, #e8f4f8 100%);\n        font-family: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n\n    \/* BURBUJAS ANIMADAS DE FONDO *\/\n    .contact-bubbles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .c-bubble {\n        position: absolute;\n        bottom: -80px;\n        background: radial-gradient(circle at 30% 30%, rgba(0, 136, 204, 0.15), rgba(0, 180, 216, 0.06) 70%, transparent);\n        border: 1px solid rgba(0, 136, 204, 0.08);\n        border-radius: 50%;\n        animation: floatContactBubble infinite ease-in-out;\n    }\n\n    .c-bubble:nth-child(1) { width: 90px; height: 90px; left: 5%; animation-duration: 13s; }\n    .c-bubble:nth-child(2) { width: 45px; height: 45px; left: 20%; animation-duration: 9s; animation-delay: 2s; }\n    .c-bubble:nth-child(3) { width: 120px; height: 120px; left: 35%; animation-duration: 15s; animation-delay: 1s; }\n    .c-bubble:nth-child(4) { width: 60px; height: 60px; left: 50%; animation-duration: 11s; animation-delay: 3s; }\n    .c-bubble:nth-child(5) { width: 80px; height: 80px; left: 65%; animation-duration: 14s; animation-delay: 0.5s; }\n    .c-bubble:nth-child(6) { width: 35px; height: 35px; left: 80%; animation-duration: 8s; animation-delay: 4s; }\n    .c-bubble:nth-child(7) { width: 100px; height: 100px; left: 92%; animation-duration: 12s; animation-delay: 2.5s; }\n    .c-bubble:nth-child(8) { width: 55px; height: 55px; left: 45%; animation-duration: 10s; animation-delay: 1.5s; }\n\n    @keyframes floatContactBubble {\n        0% { transform: translateY(0) scale(0.6) rotate(0deg); opacity: 0; }\n        20% { opacity: 0.7; }\n        80% { opacity: 0.7; }\n        100% { transform: translateY(-1200px) scale(1.2) rotate(720deg); opacity: 0; }\n    }\n\n    \/* CONTENEDOR PRINCIPAL FLUIDO *\/\n    .contact-container {\n        width: 100%;\n        max-width: 1350px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* ENCABEZADO *\/\n    .contact-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 50px auto;\n    }\n\n    .contact-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: linear-gradient(135deg, #0088cc, #00b4d8);\n        color: #ffffff;\n        padding: 10px 26px;\n        border-radius: 40px;\n        font-size: clamp(0.75rem, 1.5vw, 0.85rem);\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        box-shadow: 0 5px 15px rgba(0, 136, 204, 0.25);\n    }\n\n    .contact-title {\n        font-size: clamp(1.8rem, 4vw, 2.6rem);\n        font-weight: 800;\n        color: #0a1e3a;\n        margin-bottom: 15px;\n        line-height: 1.25;\n    }\n\n    .contact-subtitle {\n        color: #4a5b6e;\n        font-size: clamp(0.95rem, 1.8vw, 1.1rem);\n        line-height: 1.6;\n    }\n\n    \/* GRILLA ADAPTABLE *\/\n    .contact-grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);\n        gap: clamp(25px, 4vw, 50px);\n        align-items: start;\n    }\n\n    \/* FORMULARIO *\/\n    .contact-form-wrapper {\n        background: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(14px);\n        -webkit-backdrop-filter: blur(14px);\n        border: 1px solid rgba(0, 136, 204, 0.12);\n        border-radius: 28px;\n        padding: clamp(25px, 4vw, 45px);\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);\n    }\n\n    .contact-form {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .form-row {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 20px;\n    }\n\n    .form-group {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .form-group label {\n        font-size: 0.88rem;\n        font-weight: 600;\n        color: #0a1e3a;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .form-group label i {\n        color: #0088cc;\n        font-size: 0.95rem;\n    }\n\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n        padding: 13px 18px;\n        border: 2px solid rgba(0, 136, 204, 0.12);\n        border-radius: 14px;\n        font-size: 0.95rem;\n        font-family: inherit;\n        background: rgba(255, 255, 255, 0.8);\n        transition: all 0.3s ease;\n        outline: none;\n        color: #0a1e3a;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .form-group input:focus,\n    .form-group select:focus,\n    .form-group textarea:focus {\n        border-color: #0088cc;\n        background: #ffffff;\n        box-shadow: 0 0 0 4px rgba(0, 136, 204, 0.08);\n    }\n\n    .form-group textarea {\n        resize: vertical;\n        min-height: 120px;\n    }\n\n    \/* BOT\u00d3N ENVIAR *\/\n    .submit-btn {\n        padding: 16px 38px;\n        background: linear-gradient(135deg, #0088cc, #00b4d8);\n        color: #ffffff;\n        border: none;\n        border-radius: 50px;\n        font-size: 1rem;\n        font-weight: 700;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        transition: all 0.4s ease;\n        box-shadow: 0 8px 25px rgba(0, 136, 204, 0.25);\n        margin-top: 5px;\n        width: 100%;\n    }\n\n    .submit-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 35px rgba(0, 136, 204, 0.35);\n        gap: 16px;\n    }\n\n    .form-footer {\n        font-size: 0.8rem;\n        color: #7a8a9e;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        margin-top: 5px;\n    }\n\n    .form-footer i {\n        color: #00b4d8;\n    }\n\n    \/* TARJETA DE INFORMACI\u00d3N DE CONTACTO *\/\n    .contact-info-card {\n        background: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(14px);\n        -webkit-backdrop-filter: blur(14px);\n        border: 1px solid rgba(0, 136, 204, 0.12);\n        border-radius: 28px;\n        padding: clamp(25px, 4vw, 40px);\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);\n    }\n\n    .contact-info-card h3 {\n        font-size: 1.4rem;\n        color: #0a1e3a;\n        margin-bottom: 8px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .contact-info-card h3 i {\n        color: #0088cc;\n    }\n\n    .contact-info-card > p {\n        color: #4a5b6e;\n        font-size: 0.95rem;\n        margin-bottom: 28px;\n        line-height: 1.5;\n    }\n\n    .info-item {\n        display: flex;\n        gap: 16px;\n        margin-bottom: 22px;\n    }\n\n    .info-icon {\n        width: 48px;\n        height: 48px;\n        min-width: 48px;\n        background: linear-gradient(135deg, rgba(0, 180, 216, 0.12), rgba(0, 136, 204, 0.12));\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #0088cc;\n        font-size: 1.2rem;\n    }\n\n    .info-text h4 {\n        font-size: 0.88rem;\n        color: #0a1e3a;\n        margin: 0 0 3px 0;\n        font-weight: 700;\n    }\n\n    .info-text p {\n        font-size: 0.92rem;\n        color: #4a5b6e;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    .info-text p a {\n        color: #0088cc;\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .info-text p a:hover {\n        color: #00b4d8;\n    }\n\n    \/* MEDIA QUERIES (RESPONSIVIDAD) *\/\n    @media (max-width: 992px) {\n        .contact-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .form-row {\n            grid-template-columns: 1fr;\n        }\n        \n        .proselim-contact-fullwidth {\n            padding-top: 50px;\n            padding-bottom: 60px;\n        }\n    }\n<\/style>\n\n<section class=\"proselim-contact-fullwidth\">\n    <!-- Burbujas animadas de fondo -->\n    <div class=\"contact-bubbles\">\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n        <div class=\"c-bubble\"><\/div>\n    <\/div>\n\n    <div class=\"contact-container\">\n        <!-- Encabezado -->\n        <div class=\"contact-header\">\n            <div class=\"contact-badge\">\n                <i class=\"fa-solid fa-comments\"><\/i> Cont\u00e1ctanos\n            <\/div>\n            <h2 class=\"contact-title\">\u00bfTienes alguna pregunta o necesitas ayuda?<\/h2>\n            <p class=\"contact-subtitle\">Estamos aqu\u00ed para asesorarte y brindarte la mejor atenci\u00f3n. Completa el formulario y te responderemos a la brevedad.<\/p>\n        <\/div>\n\n        <!-- Grilla principal -->\n        <div class=\"contact-grid\">\n            <!-- Columna Izquierda: Formulario -->\n            <div class=\"contact-form-wrapper\">\n                <form class=\"contact-form\" action=\"#\" method=\"POST\">\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"nombre\"><i class=\"fa-solid fa-user\"><\/i> Nombre Completo<\/label>\n                            <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Ej: Mar\u00eda Gonz\u00e1lez\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email\"><i class=\"fa-solid fa-envelope\"><\/i> Correo Electr\u00f3nico<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"ejemplo@correo.com\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"telefono\"><i class=\"fa-solid fa-phone\"><\/i> Tel\u00e9fono<\/label>\n                            <input type=\"tel\" id=\"telefono\" name=\"telefono\" placeholder=\"+58 412 1234567\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"asunto\"><i class=\"fa-solid fa-tag\"><\/i> Asunto<\/label>\n                            <select id=\"asunto\" name=\"asunto\" required>\n                                <option value=\"\" disabled selected>Selecciona un asunto<\/option>\n                                <option value=\"informacion\">Informaci\u00f3n General<\/option>\n                                <option value=\"presupuesto\">Cotizaci\u00f3n \/ Presupuesto<\/option>\n                                <option value=\"soporte\">Soporte T\u00e9cnico<\/option>\n                                <option value=\"otro\">Otro<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"mensaje\"><i class=\"fa-solid fa-comment-dots\"><\/i> Mensaje<\/label>\n                        <textarea id=\"mensaje\" name=\"mensaje\" placeholder=\"Escribe tu mensaje aqu\u00ed...\" required><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"submit-btn\">\n                        <i class=\"fa-solid fa-paper-plane\"><\/i> Enviar Mensaje\n                    <\/button>\n\n                    <div class=\"form-footer\">\n                        <i class=\"fa-solid fa-shield-halved\"><\/i> Tus datos est\u00e1n seguros. No compartimos tu informaci\u00f3n con terceros.\n                    <\/div>\n                <\/form>\n            <\/div>\n\n            <!-- Columna Derecha: Informaci\u00f3n de Contacto -->\n            <div class=\"contact-info-wrapper\">\n                <div class=\"contact-info-card\">\n                    <h3><i class=\"fa-solid fa-circle-info\"><\/i> Informaci\u00f3n de Contacto<\/h3>\n                    <p>Puedes comunicarte con nosotros a trav\u00e9s de los siguientes medios:<\/p>\n\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                        <\/div>\n                        <div class=\"info-text\">\n                            <h4>Direcci\u00f3n<\/h4>\n                            <p>Av. Principal, Centro Comercial Proselim, Local 2-B<br>Puerto Ordaz, Estado Bol\u00edvar, Venezuela<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fa-solid fa-phone\"><\/i>\n                        <\/div>\n                        <div class=\"info-text\">\n                            <h4>Tel\u00e9fonos<\/h4>\n                            <p>\n                                <a href=\"tel:+584141234567\">+58 414 1234567<\/a><br>\n                                <a href=\"tel:+584241234567\">+58 424 1234567<\/a>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fa-solid fa-envelope\"><\/i>\n                        <\/div>\n                        <div class=\"info-text\">\n                            <h4>Correo Electr\u00f3nico<\/h4>\n                            <p>\n                                <a href=\"mailto:ventas@proselimcaroni.com\">ventas@proselimcaroni.com<\/a><br>\n                                <a href=\"mailto:atencion@proselimcaroni.com\">atencion@proselimcaroni.com<\/a>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fa-solid fa-clock\"><\/i>\n                        <\/div>\n                        <div class=\"info-text\">\n                            <h4>Horario de Atenci\u00f3n<\/h4>\n                            <p>Lunes a Viernes: 8:00 AM &#8211; 6:00 PM<br>S\u00e1bados: 9:00 AM &#8211; 1:00 PM<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Cont\u00e1ctanos \u00bfTienes alguna pregunta o necesitas ayuda? Estamos aqu\u00ed para asesorarte y brindarte la mejor atenci\u00f3n. Completa el formulario y te responderemos a la brevedad. Nombre Completo Correo Electr\u00f3nico Tel\u00e9fono Asunto Selecciona un asuntoInformaci\u00f3n GeneralCotizaci\u00f3n \/ PresupuestoSoporte T\u00e9cnicoOtro Mensaje Enviar Mensaje Tus datos est\u00e1n seguros. No compartimos tu informaci\u00f3n con terceros. Informaci\u00f3n de Contacto Puedes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":5,"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/proselim.denobrega.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}