{"id":221,"date":"2026-05-15T11:18:54","date_gmt":"2026-05-15T15:18:54","guid":{"rendered":"https:\/\/www.jose.tumarcaagencia.com\/?page_id=221"},"modified":"2026-05-15T12:14:28","modified_gmt":"2026-05-15T16:14:28","slug":"pagina05152026","status":"publish","type":"page","link":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/pagina05152026\/","title":{"rendered":"Pagina05152026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c49267 e-flex e-con-boxed e-con e-parent\" data-id=\"0c49267\" 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-a2d91e4 elementor-widget elementor-widget-shortcode\" data-id=\"a2d91e4\" 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    <!-- Estilos CSS Embebidos con aislamiento de clases -->\n    <style>\n        .up-wrapper {\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background: #ffffff;\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n            padding: 40px;\n            margin: 20px auto;\n            max-width: 900px;\n            color: #333333;\n        }\n\n        .up-header {\n            text-align: center;\n            margin-bottom: 35px;\n            border-bottom: 2px solid #f0f0f0;\n            padding-bottom: 20px;\n        }\n\n        .up-title {\n            font-size: 2.2rem;\n            color: #1a1a1a;\n            margin: 0 0 10px 0;\n            font-weight: 700;\n        }\n\n        .up-subtitle {\n            font-size: 1.1rem;\n            color: #666666;\n            margin: 0;\n        }\n\n        .up-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .up-card {\n            background: #f8f9fa;\n            border: 1px solid #e9ecef;\n            border-radius: 8px;\n            padding: 25px;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .up-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\n        }\n\n        .up-card-title {\n            font-size: 1.3rem;\n            color: #2c3e50;\n            margin: 0 0 12px 0;\n            font-weight: 600;\n        }\n\n        .up-card-text {\n            font-size: 0.95rem;\n            line-height: 1.6;\n            color: #555555;\n            margin: 0;\n        }\n    <\/style>\n\n    <!-- Estructura HTML de la p\u00e1gina unificada -->\n    <div class=\"up-wrapper\">\n        <header class=\"up-header\">\n            <h2 class=\"up-title\">Secci\u00f3n Destacada<\/h2>\n            <p class=\"up-subtitle\">Gestionado din\u00e1micamente mediante shortcode unificado<\/p>\n        <\/header>\n\n        <section class=\"up-content\">\n            <p>Este bloque integra de manera limpia la l\u00f3gica de WordPress, una estructura sem\u00e1ntica estructurada y estilos encapsulados para evitar conflictos con el resto de la plantilla del sitio.<\/p>\n            \n            <div class=\"up-grid\">\n                <!-- Bloque 1 -->\n                <div class=\"up-card\">\n                    <h3 class=\"up-card-title\">Arquitectura Limpia<\/h3>\n                    <p class=\"up-card-text\">Dise\u00f1o modular estructurado en rejilla flexible, adaptativo para dispositivos m\u00f3viles de forma nativa.<\/p>\n                <\/div>\n\n                <!-- Bloque 2 -->\n                <div class=\"up-card\">\n                    <h3 class=\"up-card-title\">Rendimiento \u00d3ptimo<\/h3>\n                    <p class=\"up-card-text\">Sin dependencias externas ni scripts innecesarios que ralenticen la carga del DOM en el navegador.<\/p>\n                <\/div>\n\n                <!-- Bloque 3 -->\n                <div class=\"up-card\">\n                    <h3 class=\"up-card-title\">Escalabilidad<\/h3>\n                    <p class=\"up-card-text\">Preparado para integrar consultas a la base de datos de WordPress (WP_Query) de manera inmediata.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\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<div class=\"elementor-element elementor-element-0ed8825 e-flex e-con-boxed e-con e-parent\" data-id=\"0ed8825\" 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-8382b15 elementor-widget elementor-widget-shortcode\" data-id=\"8382b15\" 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    <!-- Estilos CSS Modernos y Responsivos -->\n    <style>\n        .reg-container {\n            max-width: 650px;\n            margin: 30px auto;\n            background: #ffffff;\n            padding: 40px;\n            border-radius: 10px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            color: #333;\n        }\n        .reg-title {\n            text-align: center;\n            font-size: 1.8rem;\n            margin-bottom: 25px;\n            color: #111;\n            font-weight: 600;\n        }\n        .reg-form-row {\n            display: flex;\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n        .reg-form-group {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n        .reg-form-group.full-width {\n            width: 100%;\n        }\n        .reg-container label {\n            font-size: 0.9rem;\n            font-weight: 500;\n            margin-bottom: 8px;\n            color: #444;\n        }\n        .reg-container input[type=\"text\"],\n        .reg-container input[type=\"email\"],\n        .reg-container input[type=\"date\"],\n        .reg-container input[type=\"password\"],\n        .reg-container select,\n        .reg-container textarea {\n            width: 100%;\n            padding: 11px 15px;\n            border: 1px solid #ccc;\n            border-radius: 6px;\n            font-size: 0.95rem;\n            box-sizing: border-box;\n            background-color: #fafafa;\n            transition: border-color 0.2s, background-color 0.2s;\n        }\n        .reg-container input:focus,\n        .reg-container select:focus,\n        .reg-container textarea:focus {\n            border-color: #0073aa;\n            background-color: #fff;\n            outline: none;\n        }\n        .reg-container textarea {\n            resize: vertical;\n            min-height: 80px;\n        }\n        .reg-btn-submit {\n            width: 100%;\n            padding: 13px;\n            background-color: #0073aa;\n            color: #fff;\n            border: none;\n            border-radius: 6px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: background-color 0.2s;\n            margin-top: 10px;\n        }\n        .reg-btn-submit:hover {\n            background-color: #005177;\n        }\n        .reg-message {\n            padding: 15px;\n            border-radius: 6px;\n            margin-bottom: 20px;\n            font-size: 0.95rem;\n            line-height: 1.5;\n        }\n        .reg-error {\n            background-color: #fbeaea;\n            color: #cc0000;\n            border-left: 4px solid #cc0000;\n        }\n        .reg-success {\n            background-color: #ecf7ed;\n            color: #2e7d32;\n            border-left: 4px solid #2e7d32;\n        }\n        @media (max-width: 600px) {\n            .reg-form-row {\n                flex-direction: column;\n                gap: 0;\n            }\n            .reg-form-group {\n                margin-bottom: 20px;\n            }\n        }\n    <\/style>\n\n    <div class=\"reg-container\">\n        <h2 class=\"reg-title\">Formulario de Registro<\/h2>\n\n        \n            \n            <form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/221\" method=\"POST\">\n                \n                <!-- Campos ocultos de acci\u00f3n y verificaci\u00f3n de seguridad -->\n                <input type=\"hidden\" name=\"action\" value=\"procesar_registro_usuario\">\n                <input type=\"hidden\" id=\"registro_nonce_field\" name=\"registro_nonce_field\" value=\"38377410b7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/221\" \/>\n                <!-- Fila: Nombre y Apellido -->\n                <div class=\"reg-form-row\">\n                    <div class=\"reg-form-group\">\n                        <label Framework for=\"reg_nombre\">Nombre<\/label>\n                        <input type=\"text\" id=\"reg_nombre\" name=\"reg_nombre\" value=\"\" required>\n                    <\/div>\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_apellido\">Apellido<\/label>\n                        <input type=\"text\" id=\"reg_apellido\" name=\"reg_apellido\" value=\"\" required>\n                    <\/div>\n                <\/div>\n\n                <!-- Fila: Fecha de Nacimiento y C\u00e9dula -->\n                <div class=\"reg-form-row\">\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_fecha_nac\">Fecha de Nacimiento<\/label>\n                        <input type=\"date\" id=\"reg_fecha_nac\" name=\"reg_fecha_nac\" value=\"\" required>\n                    <\/div>\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_cedula\">C\u00e9dula de Identidad<\/label>\n                        <input type=\"text\" id=\"reg_cedula\" name=\"reg_cedula\" value=\"\" required>\n                    <\/div>\n                <\/div>\n\n                <!-- Fila: G\u00e9nero y Tel\u00e9fono -->\n                <div class=\"reg-form-row\">\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_genero\">G\u00e9nero<\/label>\n                        <select id=\"reg_genero\" name=\"reg_genero\" required>\n                            <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n                            <option value=\"MASCULINO\" >MASCULINO<\/option>\n                            <option value=\"FEMENINO\" >FEMENINO<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_telefono\">N\u00famero de Tel\u00e9fono<\/label>\n                        <input type=\"text\" id=\"reg_telefono\" name=\"reg_telefono\" value=\"\" placeholder=\"Ej: +58 414-1234567\" required>\n                    <\/div>\n                <\/div>\n\n                <!-- Fila: Direcci\u00f3n de Habitaci\u00f3n -->\n                <div class=\"reg-form-group full-width\" style=\"margin-bottom: 20px;\">\n                    <label for=\"reg_direccion\">Direcci\u00f3n de Habitaci\u00f3n<\/label>\n                    <textarea id=\"reg_direccion\" name=\"reg_direccion\" required><\/textarea>\n                <\/div>\n\n                <!-- Fila: Correo Electr\u00f3nico y Contrase\u00f1a -->\n                <div class=\"reg-form-row\">\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_email\">Correo Electr\u00f3nico<\/label>\n                        <input type=\"email\" id=\"reg_email\" name=\"reg_email\" value=\"\" required>\n                    <\/div>\n                    <div class=\"reg-form-group\">\n                        <label for=\"reg_password\">Contrase\u00f1a para la Cuenta<\/label>\n                        <input type=\"password\" id=\"reg_password\" name=\"reg_password\" placeholder=\"M\u00ednimo 6 caracteres\" required>\n                    <\/div>\n                <\/div>\n\n                <button type=\"submit\" class=\"reg-btn-submit\">Registrar Cuenta<\/button>\n            <\/form>\n            <\/div>\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":{"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":16,"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/www.jose.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}