{"id":864,"date":"2025-08-04T18:08:16","date_gmt":"2025-08-04T16:08:16","guid":{"rendered":"http:\/\/10.0.0.132\/?page_id=864"},"modified":"2025-08-04T18:14:22","modified_gmt":"2025-08-04T16:14:22","slug":"formulario-de-contacto","status":"publish","type":"page","link":"https:\/\/diprevcon.mingobierno.gob.bo\/?page_id=864","title":{"rendered":"Formulario de Contacto"},"content":{"rendered":"\n\n\n\n\n\n \n \n Formulario de Contacto – Ministerio de Gobierno<\/title>\n <style>\n \/* Estilos integrados (CSS interno) *\/\n body {\n font-family: Arial, sans-serif;\n background: #f4f4f4;\n margin: 0;\n padding: 0;\n color: #333;\n }\n\n .container-contacto {\n max-width: 1000px;\n margin: 40px auto;\n background: #fff;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 0 15px rgba(0,0,0,0.1);\n }\n\n .header-contacto {\n background: #003366;\n color: white;\n padding: 20px;\n text-align: center;\n }\n\n .header-contacto h2 {\n margin: 0;\n font-size: 1.8em;\n }\n\n .contenido-flex {\n display: flex;\n flex-wrap: wrap;\n }\n\n .formulario {\n flex: 1;\n min-width: 300px;\n padding: 30px;\n }\n\n .info-contacto {\n flex: 1;\n min-width: 300px;\n padding: 30px;\n background: #003366;\n color: white;\n }\n\n .info-contacto h4 {\n color: #ffcc00;\n border-bottom: 2px solid #ffcc00;\n padding-bottom: 10px;\n margin-bottom: 20px;\n font-size: 1.3em;\n }\n\n .info-contacto p {\n font-size: 0.95em;\n line-height: 1.8;\n margin: 0 0 15px 0;\n }\n\n .info-contacto a {\n color: #ffcc00;\n text-decoration: none;\n }\n\n .info-contacto a:hover {\n text-decoration: underline;\n }\n\n .redes-sociales {\n margin-top: 20px;\n }\n\n .redes-sociales a {\n color: #ccc;\n margin-right: 10px;\n }\n\n .redes-sociales a:hover {\n color: #fff;\n }\n\n .form-row {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .form-group {\n flex: 1;\n min-width: 200px;\n }\n\n .form-group-full {\n width: 100%;\n }\n\n .form-control {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n box-sizing: border-box;\n }\n\n .form-control:focus {\n outline: none;\n border-color: #003366;\n box-shadow: 0 0 5px rgba(0, 51, 102, 0.2);\n }\n\n .form-control::placeholder {\n color: #999;\n }\n\n .btn-enviar {\n background: #003366;\n color: white;\n border: none;\n padding: 12px 30px;\n font-size: 16px;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.3s;\n }\n\n .btn-enviar:hover {\n background: #002244;\n }\n\n @media (max-width: 768px) {\n .contenido-flex {\n flex-direction: column;\n }\n .info-contacto {\n padding: 20px;\n }\n .formulario {\n padding: 20px;\n }\n .header-contacto h2 {\n font-size: 1.5em;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container-contacto\">\n <div class=\"header-contacto\">\n <h2>Formulario de Contacto<\/h2>\n <\/div>\n\n <div class=\"contenido-flex\">\n <!-- Formulario -->\n <div class=\"formulario\">\n <p>Por favor, complete los siguientes campos para contactarnos.<\/p>\n <form action=\"#\" method=\"post\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <input type=\"text\" name=\"nombre\" placeholder=\"Nombre\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"text\" name=\"apellido\" placeholder=\"Apellido\" class=\"form-control\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <input type=\"text\" name=\"ci\" placeholder=\"CI\" class=\"form-control\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"tel\" name=\"telefono\" placeholder=\"Tel\u00e9fono\" class=\"form-control\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group-full\">\n <input type=\"email\" name=\"correo\" placeholder=\"Correo electr\u00f3nico\" class=\"form-control\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group-full\">\n <input type=\"text\" name=\"asunto\" placeholder=\"Asunto\" class=\"form-control\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group-full\">\n <textarea name=\"mensaje\" placeholder=\"Mensaje\" rows=\"5\" class=\"form-control\" required><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group-full\">\n <button type=\"submit\" class=\"btn-enviar\">Enviar<\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n\n<?php\nget_footer(); \/\/ Carga el pie de p\u00e1gina de WordPress\n?>\n","protected":false},"excerpt":{"rendered":"<p>Formulario de Contacto – Ministerio de Gobierno Formulario de Contacto Por favor, complete los siguientes campos para contactarnos. Enviar<\/p>\n","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-864","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=864"}],"version-history":[{"count":3,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/864\/revisions"}],"predecessor-version":[{"id":869,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/864\/revisions\/869"}],"wp:attachment":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}