{"id":932,"date":"2026-03-24T23:44:35","date_gmt":"2026-03-25T05:44:35","guid":{"rendered":"https:\/\/sospuravida.com\/SUITLEGAL\/?page_id=932"},"modified":"2026-03-24T23:44:36","modified_gmt":"2026-03-25T05:44:36","slug":"agenda","status":"publish","type":"page","link":"https:\/\/sospuravida.com\/SUITLEGAL\/agenda\/","title":{"rendered":"AGENDA"},"content":{"rendered":"<div  class='flex_column av-av_one_full-4453fbc7e8da734fe9d5824da1c72891 av_one_full  avia-builder-el-0  avia-builder-el-no-sibling  first flex_column_div  '     ><section  class='av_textblock_section av-mn5m68zr-dc1ffa762492fef2aab06787274e576d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" >    <div class=\"sos-frontend-wrap\" id=\"sosFrontendContainer\" data-theme=\"light\">\r\n        <div class=\"front-header\">\r\n            <div>\r\n                <h2 class=\"front-title\">SOLICITUD DE CITA LEGAL<\/h2>\r\n                <p class=\"front-subtitle\">Complete el formulario y le confirmaremos su espacio a la brevedad.<\/p>\r\n            <\/div>\r\n            <button class=\"front-theme-toggle\" onclick=\"toggleFrontTheme()\" title=\"Cambiar contraste visual\">\ud83c\udf13<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"frontSuccessMsg\" class=\"front-success-msg\" style=\"display:none;\">\r\n            <span class=\"dashicons dashicons-yes-alt\" style=\"font-size:40px; width:40px; height:40px;\"><\/span>\r\n            <h3>\u00a1Solicitud Recibida!<\/h3>\r\n            <p>Hemos registrado su intenci\u00f3n de cita. Nuestra \u00e1rea administrativa le contactar\u00e1 v\u00eda WhatsApp para confirmar la disponibilidad del Abogado.<\/p>\r\n        <\/div>\r\n\r\n        <form id=\"sosFrontAgendaForm\" onsubmit=\"submitPublicAppointment(event)\">\r\n            <div class=\"front-form-group\">\r\n                <label class=\"front-label\">Motivo de la Cita \/ Asunto<\/label>\r\n                <input type=\"text\" id=\"frontTitle\" class=\"front-input\" placeholder=\"Ej: Traspaso de Veh\u00edculo, Consulta de Divorcio...\" required>\r\n            <\/div>\r\n\r\n            <div class=\"front-form-row\">\r\n                <div class=\"front-form-group\">\r\n                    <label class=\"front-label\">Su Nombre Completo<\/label>\r\n                    <input type=\"text\" id=\"frontName\" class=\"front-input\" placeholder=\"Nombre y Apellidos\" required>\r\n                <\/div>\r\n                <div class=\"form-group\" style=\"margin-bottom:15px;\">\r\n                    <label class=\"front-label\">Tel\u00e9fono (WhatsApp)<\/label>\r\n                    <div style=\"display:flex;\">\r\n                        <span class=\"front-prefix\">+506<\/span>\r\n                        <input type=\"number\" id=\"frontPhone\" class=\"front-input\" style=\"border-radius:0 6px 6px 0;\" placeholder=\"88888888\" required>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"front-form-row\">\r\n                <div class=\"front-form-group\">\r\n                    <label class=\"front-label\">Abogado de Preferencia<\/label>\r\n                    <select id=\"frontLawyer\" class=\"front-input\" required>\r\n                        <option value=\"\">Seleccione el Profesional...<\/option>\r\n                        <option value='2'>DAGO<\/option><option value='3'>USUARIO DEMO<\/option><option value='1'>admin<\/option>                    <\/select>\r\n                <\/div>\r\n                <div class=\"front-form-group\">\r\n                    <label class=\"front-label\">Modalidad Preferida<\/label>\r\n                    <select id=\"frontModality\" class=\"front-input\" required>\r\n                        <option value=\"presencial\">Presencial en Oficina<\/option>\r\n                        <option value=\"virtual\">Reuni\u00f3n Virtual (Google Meet\/Zoom)<\/option>\r\n                        <option value=\"llamada\">Llamada Telef\u00f3nica<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"front-form-group\">\r\n                <label class=\"front-label\">Fecha y Hora Solicitada<\/label>\r\n                <input type=\"datetime-local\" id=\"frontDate\" class=\"front-input\" required>\r\n                <small class=\"front-help-text\">La hora final est\u00e1 sujeta a la agenda del bufete.<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"front-form-group\">\r\n                <label class=\"front-label\">Detalles Adicionales (Opcional)<\/label>\r\n                <textarea id=\"frontNotes\" class=\"front-input\" rows=\"3\" placeholder=\"Explique brevemente su caso para que el abogado se prepare...\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" id=\"btnFrontSubmit\" class=\"front-btn-submit\">ENVIAR SOLICITUD DE CITA<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <style>\r\n        :root {\r\n            --f-bg-light: #f8fafc; --f-panel-light: #ffffff; --f-text-light: #0f172a; \r\n            --f-text-muted-light: #64748b; --f-border-light: #cbd5e1; --f-input-bg-light: #ffffff;\r\n            --f-bg-dark: #0f172a; --f-panel-dark: #1e293b; --f-text-dark: #f8fafc; \r\n            --f-text-muted-dark: #94a3b8; --f-border-dark: #334155; --f-input-bg-dark: #0f172a;\r\n            --f-primary: #0284c7; --f-primary-hover: #0369a1; --f-green: #10b981;\r\n        }\r\n        .sos-frontend-wrap { font-family: 'Segoe UI', Tahoma, sans-serif; background: var(--f-panel-light); border: 1px solid var(--f-border-light); border-radius: 12px; padding: 30px; max-width: 700px; margin: 0 auto; box-shadow: 0 10px 25px rgba(0,0,0,0.05); transition: all 0.3s ease; }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] { background: var(--f-panel-dark); border-color: var(--f-border-dark); box-shadow: 0 10px 25px rgba(0,0,0,0.5); }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-title, .sos-frontend-wrap[data-theme=\"dark\"] .front-label { color: var(--f-text-dark); }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-subtitle, .sos-frontend-wrap[data-theme=\"dark\"] .front-help-text { color: var(--f-text-muted-dark); }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-input { background: var(--f-input-bg-dark); border-color: var(--f-border-dark); color: var(--f-text-dark); }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-prefix { background: var(--f-border-dark); border-color: var(--f-border-dark); color: var(--f-text-muted-dark); }\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-theme-toggle { color: var(--f-text-dark); }\r\n\r\n        .front-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; border-bottom: 1px solid var(--f-border-light); padding-bottom: 15px; position:relative;}\r\n        .sos-frontend-wrap[data-theme=\"dark\"] .front-header { border-color: var(--f-border-dark); }\r\n        .front-title { font-weight: 900; font-size: 22px; margin:0 0 5px 0; color: var(--f-text-light); text-transform:uppercase; letter-spacing:1px;}\r\n        .front-subtitle { color: var(--f-text-muted-light); font-size: 13px; margin: 0; }\r\n        .front-theme-toggle { background:none; border:none; font-size:20px; cursor:pointer; color:var(--f-text-light); opacity:0.7; transition:0.3s;}\r\n        .front-form-group { margin-bottom: 20px; }\r\n        .front-label { display: block; font-weight: 700; font-size: 12px; margin-bottom: 8px; color: var(--f-text-light); text-transform:uppercase; letter-spacing:0.5px;}\r\n        .front-input { width: 100%; padding: 12px 15px; border: 1px solid var(--f-border-light); border-radius: 6px; background: var(--f-input-bg-light); color: var(--f-text-light); box-sizing: border-box; outline:none; transition:0.3s; font-family:inherit;}\r\n        .front-input:focus { border-color: var(--f-primary); box-shadow: 0 0 0 3px rgba(2,132,199,0.1);}\r\n        .front-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n        .front-prefix { background: #f1f5f9; padding: 12px 15px; border-radius: 6px 0 0 6px; border: 1px solid var(--f-border-light); border-right: none; color: var(--f-text-muted-light); font-weight:bold;}\r\n        .front-help-text { display:block; font-size:11px; margin-top:5px; color:var(--f-text-muted-light); font-style:italic;}\r\n        .front-btn-submit { width:100%; background: var(--f-primary); color: #fff; border: none; padding: 15px; font-weight: 900; border-radius: 6px; cursor: pointer; transition: 0.3s; font-size:14px; letter-spacing:1px; margin-top:10px;}\r\n        .front-btn-submit:disabled { background: #cbd5e1; cursor:not-allowed;}\r\n        .front-success-msg { background: rgba(16,185,129,0.1); border: 2px dashed var(--f-green); border-radius: 8px; padding: 30px; text-align: center; color: var(--f-green); }\r\n        @media (max-width: 600px) { .front-form-row { grid-template-columns: 1fr; gap: 0; } }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const today = new Date().toISOString().slice(0,16);\r\n            document.getElementById('frontDate').setAttribute('min', today);\r\n        });\r\n        function toggleFrontTheme() {\r\n            const container = document.getElementById('sosFrontendContainer');\r\n            const currentTheme = container.getAttribute('data-theme');\r\n            container.setAttribute('data-theme', currentTheme === 'light' ? 'dark' : 'light');\r\n        }\r\n        function submitPublicAppointment(e) {\r\n            e.preventDefault();\r\n            const btn = document.getElementById('btnFrontSubmit');\r\n            btn.innerText = \"\u23f3 ENVIANDO SOLICITUD...\"; btn.disabled = true;\r\n            const rawDate = document.getElementById('frontDate').value;\r\n            const startDate = rawDate.replace('T', ' ') + ':00';\r\n            const payload = {\r\n                title: document.getElementById('frontTitle').value, client_name: document.getElementById('frontName').value,\r\n                client_phone: document.getElementById('frontPhone').value, lawyer_id: document.getElementById('frontLawyer').value,\r\n                modality: document.getElementById('frontModality').value, start_date: startDate, notes: document.getElementById('frontNotes').value\r\n            };\r\n            fetch(\"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/sos-agenda\/v1\/public-book\", {\r\n                method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload)\r\n            }).then(response => response.json()).then(data => {\r\n                if(data.id) {\r\n                    document.getElementById('sosFrontAgendaForm').style.display = 'none';\r\n                    document.getElementById('frontSuccessMsg').style.display = 'block';\r\n                } else {\r\n                    alert(\"Ocurri\u00f3 un error. Por favor intente llamando directamente.\");\r\n                    btn.innerText = \"ENVIAR SOLICITUD DE CITA\"; btn.disabled = false;\r\n                }\r\n            }).catch(error => {\r\n                alert(\"Error de conexi\u00f3n. Intente nuevamente.\");\r\n                btn.innerText = \"ENVIAR SOLICITUD DE CITA\"; btn.disabled = false;\r\n            });\r\n        }\r\n    <\/script>\r\n    \n<\/div><\/section><\/div>\n","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-932","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/pages\/932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/comments?post=932"}],"version-history":[{"count":1,"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/pages\/932\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/pages\/932\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/sospuravida.com\/SUITLEGAL\/wp-json\/wp\/v2\/media?parent=932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}