{"id":922,"date":"2025-09-17T19:50:32","date_gmt":"2025-09-17T19:50:32","guid":{"rendered":"https:\/\/sasemep.mx\/?page_id=922"},"modified":"2025-09-18T03:43:30","modified_gmt":"2025-09-18T03:43:30","slug":"preregistro","status":"publish","type":"page","link":"https:\/\/sasemep.mx\/?page_id=922","title":{"rendered":"."},"content":{"rendered":"    \r\n    <style>\r\n    .preregistro-container {\r\n        background: #ffffff;\r\n        min-height: 100vh;\r\n        padding: 40px 20px;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    }\r\n    \r\n    .preregistro-form-card {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 60px rgba(0,0,0,0.1);\r\n        border: none;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .form-header {\r\n        background: linear-gradient(135deg, #8B1538 0%, #A91B47 100%);\r\n        color: white;\r\n        padding: 40px 30px;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n    \r\n    .logo-container {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .logo-container img {\r\n        max-width: 120px;\r\n        max-height: 80px;\r\n        height: auto;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .logo-container img:hover {\r\n        transform: scale(1.05);\r\n    }\r\n    \r\n    .form-header::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"50\" cy=\"10\" r=\"1\" fill=\"white\" opacity=\"0.05\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n    }\r\n    \r\n    .form-header h2 {\r\n        margin: 0;\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        position: relative;\r\n        z-index: 1;\r\n        color: #ffffff !important;\r\n    }\r\n    \r\n    .form-header .subtitle {\r\n        margin-top: 10px;\r\n        font-size: 1.1rem;\r\n        opacity: 0.9;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .form-body {\r\n        padding: 40px;\r\n        background: white;\r\n    }\r\n    \r\n    .form-group {\r\n        margin-bottom: 25px;\r\n        position: relative;\r\n    }\r\n    \r\n    .form-label {\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        margin-bottom: 8px;\r\n        font-size: 0.95rem;\r\n        display: block;\r\n        position: relative;\r\n    }\r\n    \r\n    .form-label::after {\r\n        content: '*';\r\n        color: #8B1538;\r\n        margin-left: 4px;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    .form-control, .form-select {\r\n        border: 2px solid #e9ecef;\r\n        border-radius: 12px;\r\n        padding: 15px 18px;\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        background: #fafbfc;\r\n        box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\r\n    }\r\n    \r\n    .form-control:focus, .form-select:focus {\r\n        border-color: #8B1538;\r\n        box-shadow: 0 0 0 0.2rem rgba(139, 21, 56, 0.15);\r\n        background: white;\r\n        outline: none;\r\n    }\r\n    \r\n    .form-control:hover, .form-select:hover {\r\n        border-color: #A91B47;\r\n        background: white;\r\n    }\r\n    \r\n    .btn-submit {\r\n        background: linear-gradient(135deg, #8B1538 0%, #A91B47 100%);\r\n        border: none;\r\n        color: white;\r\n        padding: 16px 40px;\r\n        border-radius: 12px;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        width: 100%;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .btn-submit::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n        transition: left 0.5s;\r\n    }\r\n    \r\n    .btn-submit:hover::before {\r\n        left: 100%;\r\n    }\r\n    \r\n    .btn-submit:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(139, 21, 56, 0.3);\r\n    }\r\n    \r\n    .btn-submit:active {\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .alert {\r\n        border-radius: 12px;\r\n        padding: 15px 20px;\r\n        margin-bottom: 20px;\r\n        border: none;\r\n        font-weight: 500;\r\n    }\r\n    \r\n    .alert-success {\r\n        background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);\r\n        color: #155724;\r\n        border-left: 4px solid #28a745;\r\n    }\r\n    \r\n    .alert-danger {\r\n        background: linear-gradient(135deg, #f8d7da 0%, #f1b0b7 100%);\r\n        color: #721c24;\r\n        border-left: 4px solid #dc3545;\r\n    }\r\n    \r\n    .icon-decoration {\r\n        display: inline-block;\r\n        width: 60px;\r\n        height: 60px;\r\n        background: rgba(255,255,255,0.2);\r\n        border-radius: 50%;\r\n        margin-bottom: 20px;\r\n        line-height: 60px;\r\n        font-size: 24px;\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .preregistro-container {\r\n            padding: 20px 10px;\r\n        }\r\n        \r\n        .form-body {\r\n            padding: 30px 20px;\r\n        }\r\n        \r\n        .form-header h2 {\r\n            font-size: 1.8rem;\r\n        }\r\n        \r\n        .form-header {\r\n            padding: 30px 20px;\r\n        }\r\n    }\r\n    \r\n    \/* Loading animation *\/\r\n    .loading {\r\n        opacity: 0.7;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .loading .btn-submit {\r\n        background: #6c757d;\r\n    }\r\n    \r\n    .loading .btn-submit::after {\r\n        content: '';\r\n        width: 16px;\r\n        height: 16px;\r\n        margin-left: 10px;\r\n        border: 2px solid transparent;\r\n        border-top-color: #ffffff;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n        animation: spin 1s linear infinite;\r\n    }\r\n    \r\n    @keyframes spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n    <\/style>\r\n    \r\n    <div class=\"preregistro-container\">\r\n        <div class=\"card preregistro-form-card\">\r\n            <div class=\"form-header\">\r\n                <div class=\"logo-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sasemep.mx\/wp-content\/plugins\/estudiantes\/includes\/img\/logo.png\" alt=\"Logo de la instituci\u00f3n\" id=\"header-logo\">\r\n                <\/div>\r\n                <h2>PRE REGISTRO<\/h2>\r\n                <p class=\"subtitle\">Completa tus datos para iniciar el proceso de inscripci\u00f3n<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"form-body\">\r\n                <div id=\"msg\"><\/div>\r\n                \r\n                <form id=\"formPreregistro\">\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Nombre completo<\/label>\r\n                        <input type=\"text\" class=\"form-control\" name=\"nombre\" placeholder=\"Ingresa tu nombre completo\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Correo electr\u00f3nico<\/label>\r\n                        <input type=\"email\" class=\"form-control\" name=\"correo\" placeholder=\"ejemplo@correo.com\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">WhatsApp<\/label>\r\n                        <input type=\"text\" class=\"form-control\" name=\"whatsapp\" placeholder=\"Ej: +52 55 1234 5678\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Curso de inter\u00e9s<\/label>\r\n                        <select class=\"form-select\" name=\"curso\" required>\r\n                            <option value=\"\">-- Selecciona un curso --<\/option>\r\n                            <option value='PRIMEROS AUXILIOS (PA)'>PRIMEROS AUXILIOS (PA)<\/option><option value='ACCESOS VENOSOS (AV)'>ACCESOS VENOSOS (AV)<\/option><option value='Manejo B\u00e1sico y Avanzado de la V\u00eda A\u00e9rea (MBAVA)'>Manejo B\u00e1sico y Avanzado de la V\u00eda A\u00e9rea (MBAVA)<\/option><option value='Electrocardiograf\u00eda B\u00e1sica de Urgencia (EBU)'>Electrocardiograf\u00eda B\u00e1sica de Urgencia (EBU)<\/option><option value='T\u00e9cnico en Atenci\u00f3n M\u00e9dica Prehospitalaria nivel B\u00e1sico (TAMP-B)'>T\u00e9cnico en Atenci\u00f3n M\u00e9dica Prehospitalaria nivel B\u00e1sico (TAMP-B)<\/option><option value='T\u00e9cnico en Atenci\u00f3n M\u00e9dica Prehospitalaria nivel Avanzado (TAMP-A)'>T\u00e9cnico en Atenci\u00f3n M\u00e9dica Prehospitalaria nivel Avanzado (TAMP-A)<\/option><option value='RCP para Familiares y Amigos'>RCP para Familiares y Amigos<\/option><option value='Soporte Vital B\u00e1sico - Basic Life Support (BLS)'>Soporte Vital B\u00e1sico - Basic Life Support (BLS)<\/option><option value='Geriatr\u00eda en Emergencias M\u00e9dicas Prehospitalarias (GEMS)'>Geriatr\u00eda en Emergencias M\u00e9dicas Prehospitalarias (GEMS)<\/option><option value='Soporte Vital Cardiovascular Avanzado \u2013 Advanced Cardiovascular Life Support (ACLS)'>Soporte Vital Cardiovascular Avanzado \u2013 Advanced Cardiovascular Life Support (ACLS)<\/option><option value='Programa de Educaci\u00f3n Pedi\u00e1trica Prehospitalaria (EPC)'>Programa de Educaci\u00f3n Pedi\u00e1trica Prehospitalaria (EPC)<\/option><option value='Advanced Medical Life Support (AMLS)'>Advanced Medical Life Support (AMLS)<\/option><option value='Prehospital Trauma Life Support (PHTLS)'>Prehospital Trauma Life Support (PHTLS)<\/option><option value='Psychological Trauma in EMS Patients (PTEP)'>Psychological Trauma in EMS Patients (PTEP)<\/option><option value='EMS Safety'>EMS Safety<\/option><option value='All Hazards Disaster Response (AHDR)'>All Hazards Disaster Response (AHDR)<\/option><option value='EMS Vehicle Operator Safety (EVOS)'>EMS Vehicle Operator Safety (EVOS)<\/option>                        <\/select>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"btn-submit\">\r\n                        \u2728 Completar Pre-registro\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        $(\"#formPreregistro\").on(\"submit\", function(e){\r\n            e.preventDefault();\r\n            \r\n            \/\/ Agregar estado de loading\r\n            $(this).addClass('loading');\r\n            $('.btn-submit').text('Procesando...');\r\n            \r\n            $.ajax({\r\n                url: \"https:\/\/sasemep.mx\/wp-admin\/admin-ajax.php\",\r\n                type: \"POST\",\r\n                data: $(this).serialize() + \"&action=guardar_preregistro\",\r\n                success: function(response){\r\n                    $(\"#msg\").html('<div class=\"alert alert-success\">\u2705 \u00a1Excelente! Tu pre-registro ha sido completado exitosamente. Pronto nos pondremos en contacto contigo.<\/div>');\r\n                    $(\"#formPreregistro\")[0].reset();\r\n                    \r\n                    \/\/ Scroll suave al mensaje\r\n                    $('html, body').animate({\r\n                        scrollTop: $(\"#msg\").offset().top - 20\r\n                    }, 500);\r\n                },\r\n                error: function(){\r\n                    $(\"#msg\").html('<div class=\"alert alert-danger\">\u274c Lo sentimos, ocurri\u00f3 un error al procesar tu solicitud. Por favor, intenta nuevamente.<\/div>');\r\n                },\r\n                complete: function(){\r\n                    \/\/ Remover estado de loading\r\n                    $(\"#formPreregistro\").removeClass('loading');\r\n                    $('.btn-submit').text('\u2728 Completar Pre-registro');\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Animaci\u00f3n de entrada\r\n        $('.preregistro-form-card').hide().fadeIn(800);\r\n        \r\n        \/\/ Validaci\u00f3n en tiempo real\r\n        $('input, select').on('blur', function(){\r\n            if($(this).val()) {\r\n                $(this).addClass('is-valid').removeClass('is-invalid');\r\n            } else {\r\n                $(this).addClass('is-invalid').removeClass('is-valid');\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n\r\n    \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":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-922","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/pages\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sasemep.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=922"}],"version-history":[{"count":3,"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/pages\/922\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/sasemep.mx\/index.php?rest_route=\/wp\/v2\/pages\/922\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/sasemep.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}