{"id":117,"date":"2025-10-30T18:08:55","date_gmt":"2025-10-31T00:08:55","guid":{"rendered":"https:\/\/campuscosvic.com\/sede2\/?page_id=117"},"modified":"2025-12-11T09:33:07","modified_gmt":"2025-12-11T15:33:07","slug":"pre-matriculas","status":"publish","type":"page","link":"https:\/\/campuscosvic.com\/sede2\/pre-matriculas\/","title":{"rendered":"PRE-MATRICULAS"},"content":{"rendered":"        <style>\r\n            \/* Estilos Generales *\/\r\n            .crm-container { max-width: 850px; margin: 20px auto; background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); font-family: sans-serif; }\r\n            .crm-header { text-align: center; margin-bottom: 30px; border-bottom: 2px solid #f0f0f0; padding-bottom: 20px; }\r\n            .crm-header h2 { color: #005b96; margin: 0; font-size: 28px; }\r\n            .crm-section { background: #fbfbfb; border: 1px solid #e6e6e6; border-radius: 8px; padding: 25px; margin-bottom: 25px; }\r\n            .crm-title { font-size: 14px; font-weight: 800; text-transform: uppercase; color: #005b96; border-bottom: 1px solid #ddd; padding-bottom: 5px; display: block; margin-bottom:15px; }\r\n            \r\n            \/* Grid *\/\r\n            .crm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 15px; }\r\n            .crm-grid.full { grid-template-columns: 1fr; }\r\n            @media (max-width: 650px) { .crm-grid { grid-template-columns: 1fr; } }\r\n            \r\n            \/* Inputs *\/\r\n            .crm-label { display: block; font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }\r\n            .crm-input, .crm-select { width: 100%; height: 45px; padding: 0 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; box-sizing: border-box; background: #fff; }\r\n            \r\n            \/* Firma *\/\r\n            .signature-pad-wrapper { border: 2px dashed #ccc; background: #fff; position: relative; border-radius: 8px; overflow: hidden; height: 200px; }\r\n            canvas#signature-pad { width: 100%; height: 100%; display: block; cursor: crosshair; }\r\n            .sig-clear-btn { position: absolute; top: 10px; right: 10px; background: #e74c3c; color: #fff; border: none; padding: 5px; border-radius: 4px; cursor: pointer; z-index: 10; font-size: 11px; }\r\n            \r\n            \/* Footer *\/\r\n            .crm-footer { margin-top: 40px; text-align: center; }\r\n            \r\n            \/* BOT\u00d3N CORREGIDO (Centrado Perfecto) *\/\r\n            .crm-btn { \r\n                width: 100%; \r\n                background: #005b96; \r\n                color: white; \r\n                padding: 15px; \r\n                border: none; \r\n                border-radius: 8px; \r\n                font-size: 18px; \r\n                font-weight: 800; \r\n                text-transform: uppercase; \r\n                cursor: pointer; \r\n                margin-bottom: 25px;\r\n                \r\n                \/* Magia para centrar texto *\/\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                text-align: center;\r\n                min-height: 60px; \/* Altura m\u00ednima para que no se corte *\/\r\n                line-height: 1.2; \/* Espaciado entre l\u00edneas si se divide *\/\r\n                box-shadow: 0 4px 6px rgba(0,91,150,0.2);\r\n                transition: all 0.3s ease;\r\n            }\r\n            .crm-btn:hover { background: #004470; transform: translateY(-2px); }\r\n            \r\n            \/* Alertas *\/\r\n            .crm-alert { padding: 20px; border-radius: 8px; margin-bottom: 30px; text-align: center; border: 1px solid transparent; }\r\n            .crm-alert.success { background: #d4edda; color: #155724; border-color: #c3e6cb; }\r\n            .crm-alert.error { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }\r\n            \r\n            \/* Cr\u00e9ditos y Notas *\/\r\n            .crm-note { font-size: 13px; color: #666; font-style: italic; background: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #eee; margin-top: -15px; margin-bottom: 20px; }\r\n            .sos-credits { text-align: center; margin-top: 30px; font-size: 12px; color: #888; border-top: 1px dashed #ccc; padding-top: 15px; font-family: monospace; }\r\n        <\/style>\r\n\r\n        <div class=\"crm-container\">\r\n            \r\n            \r\n            <div class=\"crm-header\"><h2>Ficha de Prematr\u00edcula<\/h2><p>Formulario de registro oficial.<\/p><\/div>\r\n\r\n            <form method=\"post\" action=\"\" enctype=\"multipart\/form-data\" id=\"colmenaForm\">\r\n                <input type=\"hidden\" id=\"colmena_nonce\" name=\"colmena_nonce\" value=\"9bc5d53556\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/sede2\/wp-json\/wp\/v2\/pages\/117\" \/>                <input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"10485760\" \/>\r\n\r\n                <div class=\"crm-section\">\r\n                    <span class=\"crm-title\">1. Informaci\u00f3n Personal<\/span>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">C\u00e9dula *<\/label><input type=\"text\" name=\"cedula\" class=\"crm-input\" required value=\"\"><\/div>\r\n                        <div><label class=\"crm-label\">Nombre Completo *<\/label><input type=\"text\" name=\"nombre\" class=\"crm-input\" required value=\"\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Correo *<\/label><input type=\"email\" name=\"correo\" class=\"crm-input\" required value=\"\"><\/div>\r\n                        <div><label class=\"crm-label\">M\u00f3vil *<\/label><input type=\"tel\" name=\"movil\" class=\"crm-input\" required value=\"\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Fecha Nacimiento<\/label><input type=\"date\" name=\"nacimiento\" class=\"crm-input\"><\/div>\r\n                        <div><label class=\"crm-label\">G\u00e9nero<\/label><select name=\"genero\" class=\"crm-select\"><option value=\"\">- Seleccione -<\/option><option value=\"Masculino\">Masculino<\/option><option value=\"Femenino\">Femenino<\/option><option value=\"Otro\">Otro<\/option><\/select><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid full\">\r\n                        <div><label class=\"crm-label\">Direcci\u00f3n Exacta<\/label><input type=\"text\" name=\"direccion\" class=\"crm-input\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Nacionalidad<\/label><select name=\"nacionalidad\" class=\"crm-select\"><option value=\"\">- Seleccione -<\/option><option value='Costarricense'>Costarricense<\/option><option value='Nicarag\u00fcense'>Nicarag\u00fcense<\/option><option value='Paname\u00f1a'>Paname\u00f1a<\/option><option value='Colombiana'>Colombiana<\/option><option value='Venezolana'>Venezolana<\/option><option value='Guatemalteca'>Guatemalteca<\/option><option value='Salvadore\u00f1a'>Salvadore\u00f1a<\/option><option value='Hondure\u00f1a'>Hondure\u00f1a<\/option><option value='Mexicana'>Mexicana<\/option><option value='Estadounidense'>Estadounidense<\/option><option value='Otro'>Otro<\/option><\/select><\/div>\r\n                        <div><label class=\"crm-label\">Canal Preferido<\/label><select name=\"canal\" class=\"crm-select\"><option value=\"WhatsApp\">WhatsApp<\/option><option value=\"Llamada\">Llamada<\/option><option value=\"Email\">Email<\/option><\/select><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"crm-section\">\r\n                    <span class=\"crm-title\">2. Inter\u00e9s Acad\u00e9mico<\/span>\r\n                    <div class=\"crm-grid full\">\r\n                        <div><label class=\"crm-label\">Curso *<\/label><select name=\"curso\" class=\"crm-select\" required><option value=\"\">-- Seleccione --<\/option><option value='Belleza Profesional'>Belleza Profesional<\/option><option value='Est\u00e9tica Canina'>Est\u00e9tica Canina<\/option><option value='T\u00e9cnico en Farmacia'>T\u00e9cnico en Farmacia<\/option><option value='Asistente de Pacientes'>Asistente de Pacientes<\/option><option value='Manicure y Pedicure'>Manicure y Pedicure<\/option><option value='Barber\u00eda Profesional'>Barber\u00eda Profesional<\/option><option value='Ingl\u00e9s Conversacional'>Ingl\u00e9s Conversacional<\/option><option value='Marketing Digital'>Marketing Digital<\/option><\/select><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Franja *<\/label><select name=\"franja\" class=\"crm-select\" required><option value=\"\">-- Seleccione --<\/option><option value=\"Ma\u00f1ana\">Ma\u00f1ana<\/option><option value=\"Tarde\">Tarde<\/option><option value=\"Noche\">Noche<\/option><option value=\"Sabatino\">Sabatino<\/option><\/select><\/div>\r\n                        <div><label class=\"crm-label\">D\u00eda Clase *<\/label><select name=\"dias\" class=\"crm-select\" required><option value=\"\">-- Seleccione --<\/option><option value=\"Lunes\">Lunes<\/option><option value=\"Martes\">Martes<\/option><option value=\"Mi\u00e9rcoles\">Mi\u00e9rcoles<\/option><option value=\"Jueves\">Jueves<\/option><option value=\"Viernes\">Viernes<\/option><option value=\"S\u00e1bado\">S\u00e1bado<\/option><\/select><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Hora Entrada<\/label><input type=\"time\" name=\"hora_in\" class=\"crm-input\"><\/div>\r\n                        <div><label class=\"crm-label\">Hora Salida<\/label><input type=\"time\" name=\"hora_out\" class=\"crm-input\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"crm-section\" style=\"border-left: 5px solid #005b96;\">\r\n                    <span class=\"crm-title\">3. Matr\u00edcula<\/span>\r\n                    <div class=\"crm-grid full\">\r\n                        <div style=\"background:#e3f2fd; padding:15px; border-radius:6px;\">\r\n                            <label class=\"crm-label\" style=\"color:#0d47a1;\">\ud83d\udc64 Ejecutivo (Colaborador) *<\/label>\r\n                            <select name=\"vendedor\" class=\"crm-select\" required style=\"font-weight:bold; border:1px solid #2196f3;\">\r\n                                <option value=\"\">-- Seleccione --<\/option>\r\n                                <option value=\"1\">LUIS PORRAS<\/option>                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">Monto Matr\u00edcula<\/label><input type=\"number\" name=\"monto\" class=\"crm-input\" placeholder=\"0\"><\/div>\r\n                        <div><label class=\"crm-label\">Estado Pago<\/label><select name=\"estado_pago\" class=\"crm-select\"><option value=\"pendiente\">Pendiente<\/option><option value=\"pagada\">Pagada<\/option><\/select><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid full\"><div><label class=\"crm-label\">Notas Adicionales<\/label><input type=\"text\" name=\"obs\" class=\"crm-input\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"crm-section\" style=\"border-left: 5px solid #e67e22;\">\r\n                    <span class=\"crm-title\">4. Documentaci\u00f3n<\/span>\r\n                    <div class=\"crm-grid\">\r\n                        <div><label class=\"crm-label\">\ud83d\udcf8 Foto C\u00e9dula<\/label><input type=\"file\" name=\"foto_cedula\" class=\"crm-input\" accept=\"image\/*\" capture=\"environment\"><\/div>\r\n                        <div><label class=\"crm-label\">\ud83d\udcce Comprobante<\/label><input type=\"file\" name=\"comprobante\" class=\"crm-input\" accept=\"image\/*,application\/pdf\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"crm-grid full\">\r\n                        <div>\r\n                            <label class=\"crm-label\">\u270d\ufe0f Firma Digital<\/label>\r\n                            <div class=\"signature-pad-wrapper\"><canvas id=\"signature-pad\"><\/canvas><button type=\"button\" class=\"sig-clear-btn\" id=\"clearSig\">Limpiar<\/button><\/div>\r\n                            <input type=\"hidden\" name=\"firma_digital_data\" id=\"firma_digital_data\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"crm-section\">\r\n                    <span class=\"crm-title\">5. Plan de Pagos<\/span>\r\n                    <div style=\"background:#eef7fe; padding:20px; border-radius:8px; border:1px solid #cce4f7;\">\r\n                        <p style=\"font-size:12px; color:#555; margin-bottom:15px;\">* Al guardar, el sistema generar\u00e1 la tabla de cuotas autom\u00e1ticamente.<\/p>\r\n                        <div class=\"crm-grid\">\r\n                            <div><label class=\"crm-label\">Monto Total del Plan<\/label><input type=\"number\" id=\"s_total\" name=\"sim_total\" class=\"crm-input\" placeholder=\"0\"><\/div>\r\n                            <div><label class=\"crm-label\"># de Cuotas<\/label><input type=\"number\" id=\"s_qty\" name=\"sim_qty\" class=\"crm-input\" placeholder=\"Ej: 12\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"crm-grid\">\r\n                            <div>\r\n                                <label class=\"crm-label\">Periodicidad<\/label>\r\n                                <select name=\"sim_freq\" class=\"crm-select\">\r\n                                    <option value=\"Semanal\" selected>Semanal (+7 d\u00edas)<\/option>\r\n                                    <option value=\"Quincenal\">Quincenal (+15 d\u00edas)<\/option>\r\n                                    <option value=\"Mensual\">Mensual (+1 mes)<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"crm-label\">Fecha 1ra Cuota<\/label>\r\n                                <input type=\"date\" name=\"sim_date\" class=\"crm-input\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div id=\"s_result\" style=\"text-align:center;font-weight:bold;color:#005b96;margin-top:15px;font-size:18px;background:#fff;padding:15px;border-radius:6px;border:1px dashed #005b96;\">--<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"crm-footer\">\r\n                    <button type=\"submit\" name=\"crm_submit\" class=\"crm-btn\" id=\"submitBtn\">\ud83d\udcbe GUARDAR PREMATR\u00cdCULA<\/button>\r\n                    <div class=\"crm-note\">\u2139\ufe0f Se enviar\u00e1 al respectivo centro de tr\u00e1mite para la formalizaci\u00f3n de dicha Matr\u00edcula.<\/div>\r\n                <\/div>\r\n                <div class=\"sos-credits\">Dise\u00f1o: <strong>SOS PURA VIDA.COM<\/strong> Power By <strong>Luis Porras V<\/strong> Tel:6325-3509<\/div>\r\n            <\/form>\r\n\r\n            <script>\r\n            document.addEventListener('DOMContentLoaded', ()=>{\r\n                const t=document.getElementById('s_total'), q=document.getElementById('s_qty'), r=document.getElementById('s_result');\r\n                function c(){\r\n                    let v=parseFloat(t.value)||0, n=parseInt(q.value)||0;\r\n                    if(v>0&&n>0) r.innerHTML = \"Cuota aprox: \" + (v\/n).toLocaleString('es-CR',{style:'currency',currency:'CRC'});\r\n                    else r.innerText = \"Ingrese montos\";\r\n                }\r\n                t.addEventListener('input',c); q.addEventListener('input',c);\r\n\r\n                const canvas = document.getElementById('signature-pad');\r\n                const ctx = canvas.getContext('2d');\r\n                const hInput = document.getElementById('firma_digital_data');\r\n                function rsz() { canvas.width=canvas.offsetWidth; canvas.height=canvas.offsetHeight; }\r\n                window.addEventListener(\"resize\", rsz); rsz();\r\n                \r\n                let drawing=false;\r\n                function start(e){ drawing=true; draw(e); }\r\n                function end(){ drawing=false; ctx.beginPath(); hInput.value = canvas.toDataURL(); }\r\n                function draw(e){\r\n                    if(!drawing)return; e.preventDefault();\r\n                    ctx.lineWidth=2; ctx.lineCap='round'; ctx.strokeStyle='#000';\r\n                    const rect=canvas.getBoundingClientRect();\r\n                    let x = (e.touches?e.touches[0].clientX:e.clientX) - rect.left;\r\n                    let y = (e.touches?e.touches[0].clientY:e.clientY) - rect.top;\r\n                    ctx.lineTo(x,y); ctx.stroke(); ctx.beginPath(); ctx.moveTo(x,y);\r\n                }\r\n                canvas.addEventListener('mousedown',start); canvas.addEventListener('touchstart',start,{passive:false});\r\n                canvas.addEventListener('mouseup',end); canvas.addEventListener('touchend',end);\r\n                canvas.addEventListener('mousemove',draw); canvas.addEventListener('touchmove',draw,{passive:false});\r\n                document.getElementById('clearSig').onclick=()=>{ ctx.clearRect(0,0,canvas.width,canvas.height); hInput.value=''; };\r\n                \r\n                document.getElementById('colmenaForm').onsubmit = (e)=>{\r\n                    document.getElementById('submitBtn').innerHTML = '\u23f3 PROCESANDO...';\r\n                    document.getElementById('submitBtn').style.opacity = 0.7;\r\n                };\r\n            });\r\n            <\/script>\r\n        <\/div>\r\n        \n\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-68 aligncenter\" src=\"https:\/\/campuscosvic.com\/sede2\/wp-content\/uploads\/2025\/10\/CAMPUS-300x186.png\" alt=\"\" width=\"121\" height=\"75\" srcset=\"https:\/\/campuscosvic.com\/sede2\/wp-content\/uploads\/2025\/10\/CAMPUS-300x186.png 300w, https:\/\/campuscosvic.com\/sede2\/wp-content\/uploads\/2025\/10\/CAMPUS-768x475.png 768w, https:\/\/campuscosvic.com\/sede2\/wp-content\/uploads\/2025\/10\/CAMPUS-100x62.png 100w, https:\/\/campuscosvic.com\/sede2\/wp-content\/uploads\/2025\/10\/CAMPUS.png 933w\" sizes=\"auto, (max-width: 121px) 100vw, 121px\" \/><\/p>\n\n\n<p><\/p>\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-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":5,"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/pages\/117\/revisions\/242"}],"wp:attachment":[{"href":"https:\/\/campuscosvic.com\/sede2\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}