{"id":235,"date":"2025-04-24T13:21:58","date_gmt":"2025-04-24T11:21:58","guid":{"rendered":"https:\/\/www.cofleon.es\/?page_id=235"},"modified":"2025-06-02T13:09:24","modified_gmt":"2025-06-02T11:09:24","slug":"formulario-para-no-colegiados","status":"publish","type":"page","link":"https:\/\/www.cofleon.es\/index.php\/formulario-para-no-colegiados\/","title":{"rendered":"Formulario para no colegiados"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Registro Demandante de Empleo - Colegio Farmac\u00e9utico<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        @media (min-width: 992px) {\n            .col-md-8 { \/* Esta clase no se usa actualmente en la estructura del formulario. *\/\n                width: 100%!important;\n            }\n        }\n\n        :root {\n            --jbe-color-primary: #6e2c91; \/* Violeta corporativo *\/\n            --jbe-color-secondary: #ed154e; \/* Rojo\/rosa corporativo para detalles *\/\n            --jbe-color-text-on-primary: #ffffff;\n            --jbe-color-background: #ffffff;\n            --jbe-color-gray-bg: #f8f9fa;\n            --jbe-color-text: #1a1a1a;\n            --jbe-color-text-light: #555555;\n            --jbe-color-border: #dee2e6;\n            --jbe-color-required: #e74c3c; \n            --jbe-color-info-bg: #e8f4fd; \n            --jbe-color-info-text: #0c5460; \n            --jbe-color-section-header-bg: #e6e6e6; \n            \n            --jbe-shadow: 0 2px 8px rgba(0,0,0,0.07);\n            --jbe-transition: all 0.3s ease;\n            --jbe-radius: 4px;\n            --jbe-radius-rounded-button: 8px; \/* Nuevo para botones m\u00e1s redondeados *\/\n        }\n\t\t\n\t\tbutton\n\t\t{   \n\t\t\tborder-width: 0px!important;\n\t\t}\n\n        .jbe-job-board-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .jbe-job-board-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            background-color: var(--jbe-color-gray-bg);\n            color: var(--jbe-color-text);\n            line-height: 1.65;\n            font-size: 16px; \n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            padding: 0; \/* Quitar padding para que el header ocupe todo el ancho *\/\n        }\n        \n        .jbe-form-page-header { \/* Nuevo para el t\u00edtulo principal con fondo *\/\n            background-color: var(--jbe-color-primary);\n            color: var(--jbe-color-text-on-primary);\n            \/*padding: 2rem 20px; *\/\n            text-align: center;\n            margin-bottom: 30px; \/* Espacio antes del contenedor del formulario *\/\n        }\n\n        .jbe-form-main-title { \n            font-family: 'Oswald', 'Arial Narrow', sans-serif;\n            font-size: 2.2rem; \/* Aumentado *\/\n            color: var(--jbe-color-text-on-primary); \/* Asegurar color blanco *\/\n            text-align: center;\n            margin: 0; \/* Quitar margen si est\u00e1 dentro del header *\/\n            text-transform: uppercase;\n        }\n\n        .jbe-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px 30px 20px; \/* Padding inferior para espaciar *\/\n        }\n        \n        .jbe-form-container { \n            background-color: var(--jbe-color-background);\n            padding: 35px; \/* Aumentado padding *\/\n            border-radius: var(--jbe-radius);\n            box-shadow: var(--jbe-shadow);\n            margin: 0 0 30px 0; \/* Ajustado margen *\/\n        }\n\n        .jbe-info-box {\n            background-color: var(--jbe-color-info-bg);\n            color: var(--jbe-color-info-text);\n            padding: 20px; \n            border-radius: var(--jbe-radius);\n            margin-bottom: 30px; \/* Aumentado *\/\n            font-size: 1.05rem; \n        }\n        .jbe-info-box p {\n            margin: 0;\n        }\n        .jbe-info-box strong {\n            font-weight: 600;\n        }\n\n        .jbe-form-section-header {\n            background-color: var(--jbe-color-section-header-bg);\n            padding: 14px 20px; \n            margin-bottom: 30px; \n            font-size: 1.3rem; \n            font-weight: bold;\n            border-radius: var(--jbe-radius) var(--jbe-radius) 0 0;\n            color: var(--jbe-color-text);\n        }\n        \n        .jbe-form-subsection {\n             \/*margin-bottom: 35px; *\/\n             padding-bottom: 30px; \n             \/*border-bottom: 1px solid var(--jbe-color-border);*\/\n        }\n        .jbe-form-subsection:last-child {\n            border-bottom: none;\n            padding-bottom: 0;\n        }\n\n        .jbe-form-subsection-title { \n            color: var(--jbe-color-primary);\n            margin-top: 0;\n            margin-bottom: 10px; \n            padding-bottom: 15px; \n            \/*border-bottom: 2px solid #f0f0f0; *\/\n            font-weight: 600;\n            font-size: 1.8rem;  \n            line-height: 1.5; \/* Aproximadamente 39px-42px *\/\n            font-family: 'Oswald', 'Arial Narrow', sans-serif;\n            text-transform: uppercase;\n        }\n        \n        .jbe-form-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 25px; \/* Aumentado espacio *\/\n            margin-bottom: 15px;\n        }\n        .jbe-form-row:last-child {\n            margin-bottom: 0;\n        }\n\n        .jbe-form-group {\n            flex: 1; \n            min-width: 250px; \n        }\n        .jbe-form-group-full { \n            flex-basis: 100%;\n        }\n         .jbe-form-group-cv { \n            flex: 1.5; \n        }\n\n\n        .jbe-form-label {\n            display: block;\n            \/*margin-bottom: 10px;   *\/\n            font-weight: 500; \n            font-size: 1.45rem; \/* Aumentado *\/\n            color: var(--jbe-color-text);\n        }\n        .jbe-form-label .jbe-required-indicator {\n            color: var(--jbe-color-required);\n            font-size: 1.2rem; \n            font-weight: normal;\n            margin-left: 5px;\n        }\n        .jbe-form-label-description { \n            font-size: 1.2rem; \/* Aumentado *\/\n            color: var(--jbe-color-text-light);\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .jbe-form-input,\n        .jbe-form-select,\n        .jbe-form-textarea {\n            width: 100%;\n            padding: 8px 15px; \n            border: 1px solid var(--jbe-color-border);\n            border-radius: var(--jbe-radius);\n            font-size: 1.3rem; \/* Aumentado *\/\n            font-family: 'Inter', sans-serif;\n            transition: var(--jbe-transition);\n            background-color: #fff;\n        }\n        .jbe-form-input[type=\"file\"] {\n           \/* padding: 12px 0; *\/\n        }\n        .jbe-form-textarea {\n            height: 130px; \n            resize: vertical;\n        }\n\n        .jbe-form-input:focus,\n        .jbe-form-select:focus,\n        .jbe-form-textarea:focus {\n            border-color: var(--jbe-color-primary);\n            box-shadow: 0 0 0 3px rgba(110, 44, 145, 0.2); \/* Sombra m\u00e1s notable *\/\n            outline: none;\n        }\n        .jbe-file-upload-info {\n            font-size: 1.2rem; \n            color: var(--jbe-color-text-light);\n            \/*margin-top: 10px;*\/\n        }\n\n        .jbe-consent-section {\n            background-color: #f9f9f9; \n            padding: 25px;\n            border-radius: var(--jbe-radius);\n            font-size: 1rem; \/* Aumentado *\/\n            \/*margin-top: 25px;*\/\n            margin-bottom: 30px;\n            border: 1px solid var(--jbe-color-border);\n        }\n        .jbe-consent-section p {\n            margin-bottom: 12px; \/* Aumentado *\/\n            line-height: 1.6; \/* Ajustado *\/\n        }\n        .jbe-consent-section strong {\n            font-weight: 600;\n            color: var(--jbe-color-text);\n        }\n        .jbe-consent-checkbox-group {\n            display: flex;\n            align-items: flex-start; \n            margin: 30px 0;\n        }\n        .jbe-consent-checkbox-group input[type=\"checkbox\"] {\n            margin-right: 12px;\n            margin-top: 5px; \n            width: 20px; \/* Aumentado *\/\n            height: 20px;\n            accent-color: var(--jbe-color-primary); \n        }\n        .jbe-consent-checkbox-group label { \n            font-size: 1.05rem; \/* Aumentado *\/\n            font-weight: 500;\n            color: var(--jbe-color-text);\n        }\n\n        .jbe-form-actions {\n            display: flex;\n            justify-content: space-between;\n            margin-top: 40px; \n            flex-wrap: wrap; \n            gap: 20px; \n        }\n        .jbe-form-actions .jbe-button { \n            padding: 14px 30px; \/* Aumentado *\/\n            font-size: 1.4rem; \/* Aumentado *\/\n            font-weight: 500; \n            border-radius: var(--jbe-radius-rounded-button); \/* Usar nueva variable para m\u00e1s redondez *\/\n            color: var(--jbe-color-text-on-primary); \/* Asegurar texto blanco *\/\n        }\n        .jbe-button-submit { \n             background-color: var(--jbe-color-primary);\n        }\n        .jbe-button-submit:hover {\n            background-color: #5a2478;\n        }\n        .jbe-button-reset { \n            background-color: #888; \n        }\n         .jbe-button-reset:hover {\n            background-color: #666;\n        }\n\n        @media (max-width: 768px) {\n            .jbe-form-page-header { padding: 1.5rem 15px; margin-bottom: 20px; }\n            .jbe-form-main-title { font-size: 1.8rem; }\n            .jbe-form-container { padding: 25px; }\n            .jbe-form-section-header { font-size: 1.15rem; padding: 10px 15px; }\n            .jbe-form-subsection-title { font-size: 1.45rem; margin-bottom: 20px; padding-bottom: 10px;}\n            .jbe-form-row { flex-direction: column; gap: 0; margin-bottom: 0; } \/* Ajuste para que margin-bottom de group funcione *\/\n            .jbe-form-group { margin-right: 0; margin-bottom: 20px; min-width: 100%; }\n            .jbe-form-group:last-child { margin-bottom: 0; }\n            .jbe-form-actions { flex-direction: column; }\n            .jbe-form-actions .jbe-button { width: 100%; font-size: 1rem; padding: 12px 20px; }\n            .jbe-form-label, .jbe-form-input, .jbe-form-select, .jbe-form-textarea, .jbe-consent-checkbox-group label, .jbe-info-box, .jbe-consent-section {\n                font-size: 0.95rem;\n            }\n        }\n         @media (max-width: 480px) {\n            .jbe-form-page-header { padding: 1.2rem 10px; }\n            .jbe-form-main-title { font-size: 1.6rem; }\n            .jbe-form-container { padding: 20px; }\n            .jbe-form-subsection-title { font-size: 1.35rem; }\n            .jbe-form-input, .jbe-form-select, .jbe-form-textarea, .jbe-form-label, .jbe-consent-checkbox-group label, .jbe-info-box, .jbe-consent-section {\n                font-size: 0.9rem; \n            }\n            .jbe-form-actions .jbe-button { font-size: 0.95rem; }\n         }\n\n    <\/style>\n<\/head>\n<body>\n<div class=\"jbe-job-board-wrapper\">\n    <div  id=\"Inicio\" class=\"jbe-form-page-header\">\n        <div class=\"jbe-form-main-title\">Registro de demandante de empleo para No Colegiados<\/div>\n    <\/div>\n    <div class=\"jbe-container\">\n        <div > \n            <div class=\"jbe-form-container\">\n                <div class=\"jbe-info-box\">\n                    <p><strong>Informaci\u00f3n:<\/strong> Complete el siguiente formulario para registrarse en nuestra base de datos de demandantes de empleo. Su informaci\u00f3n estar\u00e1 a disposici\u00f3n de los colegiados que busquen personal.<\/p>\n                <\/div>\n            \n                <form action=\"#\" method=\"post\" enctype=\"multipart\/form-data\">\n                    <div class=\"jbe-form-section-header\">Datos del Demandante de empleo<\/div>\n            \n                    <div class=\"jbe-form-row\" style=\"background-color: #f5f5f5; padding: 20px; border-radius: var(--jbe-radius); margin-bottom: 25px;\">\n                        <div class=\"jbe-form-group\">\n                            <label class=\"jbe-form-label\" for=\"jbe-tipo\">Tipo <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                            <span class=\"jbe-form-label-description\">Seleccione su categor\u00eda profesional<\/span><p> <\/p>\n                            <select id=\"jbe-tipo\" name=\"tipo\" required class=\"jbe-form-select\">\n                                <option value=\"\">Seleccione una opci\u00f3n<\/option><option value=\"1\">Farmac\u00e9utico<\/option><option value=\"2\">T\u00e9cnico<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"jbe-form-group jbe-form-group-cv\">\n                            <label class=\"jbe-form-label\" for=\"jbe-curriculum\">Adjuntar Curriculum vitae <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n\t\t\t\t\t\t\t<div class=\"jbe-file-upload-info\">Tipos de archivos aceptados: jpg, png, pdf. Tama\u00f1o m\u00e1ximo: 100 MB.<p><\/p><\/div>\n                            <input type=\"file\" id=\"jbe-curriculum\" name=\"curriculum\" accept=\".jpg,.png,.pdf\" required class=\"jbe-form-input\">\n                            \n                        <\/div>\n                    <\/div>\n            \n                    <div class=\"jbe-form-subsection\">\n                        <div class=\"jbe-form-subsection-title\">Datos Personales<\/div>\n                        <div class=\"jbe-form-row\">\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-nombre\" class=\"jbe-form-label\">Nombre <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-nombre\" name=\"nombre\" required class=\"jbe-form-input\">\n                            <\/div>\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-apellidos\" class=\"jbe-form-label\">Apellidos <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-apellidos\" name=\"apellidos\" required class=\"jbe-form-input\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"jbe-form-row\">\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-dni\" class=\"jbe-form-label\">N.I.F. <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-dni\" name=\"dni\" required class=\"jbe-form-input\">\n                            <\/div>\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-email\" class=\"jbe-form-label\">Email <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"email\" id=\"jbe-email\" name=\"email\" required class=\"jbe-form-input\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"jbe-form-row\">\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-telefono\" class=\"jbe-form-label\">Tel\u00e9fono<\/label>\n                                <input type=\"tel\" id=\"jbe-telefono\" name=\"telefono\" class=\"jbe-form-input\">\n                            <\/div>\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-direccion\" class=\"jbe-form-label\">Direcci\u00f3n <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-direccion\" name=\"direccion\" required class=\"jbe-form-input\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"jbe-form-row\">\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-localidad\" class=\"jbe-form-label\">Localidad <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-localidad\" name=\"localidad\" required class=\"jbe-form-input\">\n                            <\/div>\n                            <div class=\"jbe-form-group\">\n                                <label for=\"jbe-provincia\" class=\"jbe-form-label\">Provincia <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                                <input type=\"text\" id=\"jbe-provincia\" name=\"provincia\" required class=\"jbe-form-input\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n            \n                    <div class=\"jbe-form-subsection\">\n                        <div class=\"jbe-form-subsection-title\">Informaci\u00f3n adicional<\/div>\n                        <div class=\"jbe-form-row\">\n                            <div class=\"jbe-form-group jbe-form-group-full\">\n                                <label for=\"jbe-comentarios\" class=\"jbe-form-label\">Comentarios<\/label>\n                                <textarea id=\"jbe-comentarios\" name=\"comentarios\" placeholder=\"Indique aqu\u00ed cualquier informaci\u00f3n adicional que considere relevante...\" class=\"jbe-form-textarea\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n            \n                    <div class=\"jbe-form-subsection\">\n                        <div class=\"jbe-form-subsection-title\">Consentimiento <span class=\"jbe-required-indicator\" style=\"font-size: 1.2rem; text-transform:none;\">(Obligatorio)<\/span><\/div>\n                        <div class=\"jbe-consent-section\">\n                            <p><strong>INFORMACI\u00d3N RELATIVA A SU C.V.<\/strong><\/p>\n                            <p><strong>Responsable:<\/strong> Ilustre Colegio Oficial de Farmac\u00e9uticos de Le\u00f3n<\/p>\n                            <p><strong>Direcci\u00f3n postal:<\/strong> (DIRECCI\u00d3N DEL COLEGIO DE LEON)<\/p>\n                            <p><strong>Email:<\/strong> (EMAIL DEL COLEGIO) <strong>Delegado de Protecci\u00f3n de Datos:<\/strong> (EMAIL DPO)<\/p>\n                            <p>En cumplimiento de lo dispuesto en la normativa de protecci\u00f3n de datos se le informa y comunica que los datos personales incorporados al C.V. que nos ha hecho llegar van a incorporarse a nuestra base de datos de candidatos para puestos vacantes. Conservaremos su C.V. de forma temporal, con objeto de gestionar las necesidades de personal. Los datos son tratados en base al consentimiento manifestado mediante la entrega o env\u00edo del C.V. a nuestra entidad. En todo caso, se respetar\u00e1n las garant\u00edas establecidas en la normativa de protecci\u00f3n de datos.<\/p>\n                            <p>En caso de que el candidato no sea seleccionado, se mantendr\u00e1 almacenado un plazo prudencial de tiempo (12 meses) con objeto de incorporarlo a futuras convocatorias, a menos que el interesado se manifieste en contrario dirigi\u00e9ndose por correo postal o electr\u00f3nico a la direcci\u00f3n del Responsable del Tratamiento que figura en el encabezado de este documento. Pasado dicho plazo, el C.V. ser\u00e1 destruido con adecuadas medidas de seguridad. No obstante, esta entidad se reserva la facultad de eliminar o destruir la informaci\u00f3n proporcionada en cualquier momento y sin previo aviso.<\/p>\n                            <p>Si su candidatura es seleccionada, sus datos pasar\u00e1n a formar parte de su expediente de empleado. En todo caso el candidato se compromete a aportar informaci\u00f3n ver\u00eddica y actualizada, no asumiendo esta entidad responsabilidad por la falta de veracidad y actualizaci\u00f3n de la informaci\u00f3n que nos haga llegar.<\/p>\n                        <\/div>\n                        <div class=\"jbe-consent-checkbox-group\">\n                            <input type=\"checkbox\" id=\"jbe-acepto_privacidad\" name=\"acepto_privacidad\" required>\n                            <label for=\"jbe-acepto_privacidad\" class=\"jbe-form-label\">He le\u00eddo y acepto la pol\u00edtica de privacidad. <span class=\"jbe-required-indicator\">(Obligatorio)<\/span><\/label>\n                        <\/div>\n                    <\/div>\n            \n                    <div class=\"jbe-form-actions\">\n                        <button type=\"reset\" class=\"jbe-button jbe-button-reset\">Borrar formulario<\/button>\n                        <button type=\"submit\" class=\"jbe-button jbe-button-submit\">Enviar solicitud<\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<script>\n    \/\/ Scripts para el formulario (si son necesarios en el futuro)\n    \/\/ console.log(\"Formulario de demandante de empleo cargado.\");\n<\/script>\n<\/body>\n<\/html>\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":14,"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions\/323"}],"wp:attachment":[{"href":"https:\/\/www.cofleon.es\/index.php\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}