{"id":208,"date":"2026-05-14T18:52:10","date_gmt":"2026-05-14T16:52:10","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=208"},"modified":"2026-05-14T18:53:02","modified_gmt":"2026-05-14T16:53:02","slug":"loginn","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=208","title":{"rendered":"loginn"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"208\" class=\"elementor elementor-208\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87a811f e-flex e-con-boxed e-con e-parent\" data-id=\"87a811f\" 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-9d982df elementor-widget elementor-widget-html\" data-id=\"9d982df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     PAGE: AUTHENTICATION (LOGIN & SIGN UP V2)\n     ========================================= *\/\n  .auth-wrapper {\n    background-color: #FAFAFA;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 80px 20px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  }\n\n  .auth-card {\n    background-color: #ffffff;\n    width: 100%;\n    max-width: 450px;\n    padding: 50px 40px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n    border-top: 2px solid #000000;\n  }\n\n  \/* Cabecera de la tarjeta *\/\n  .auth-header {\n    text-align: center;\n    margin-bottom: 40px;\n  }\n\n  .auth-logo {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: 28px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0 0 5px 0;\n    font-weight: normal;\n  }\n\n  .auth-subtitle {\n    font-size: 9px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #FF6B35;\n  }\n\n  \/* Pesta\u00f1as (Log In \/ Sign Up) *\/\n  .auth-tabs {\n    display: flex;\n    border-bottom: 1px solid #E5E7EB;\n    margin-bottom: 30px;\n  }\n\n  .auth-tab {\n    flex: 1;\n    text-align: center;\n    padding-bottom: 15px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 800;\n    color: #9CA3AF;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-bottom: 2px solid transparent;\n  }\n\n  .auth-tab.active {\n    color: #000000;\n    border-bottom: 2px solid #000000;\n  }\n\n  \/* Formularios *\/\n  .auth-form {\n    display: none;\n    animation: fadeIn 0.4s ease;\n  }\n\n  .auth-form.active {\n    display: block;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .auth-input-group {\n    margin-bottom: 25px;\n  }\n\n  .auth-input {\n    width: 100%;\n    background: transparent;\n    border: none;\n    border-bottom: 1px solid #000000;\n    padding: 12px 0;\n    font-size: 13px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    outline: none;\n    transition: border-color 0.3s ease;\n    color: #000000;\n  }\n\n  .auth-input:focus {\n    border-bottom: 2px solid #007BFF;\n  }\n\n  .auth-input::placeholder {\n    color: #9CA3AF;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 10px;\n  }\n\n  \/* Estilos espec\u00edficos para los select (desplegables) *\/\n  select.auth-input {\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-image: url('data:image\/svg+xml;utf8,<svg fill=\"%23000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10l5 5 5-5z\"\/><path d=\"M0 0h24v24H0z\" fill=\"none\"\/><\/svg>');\n    background-repeat: no-repeat;\n    background-position-x: 100%;\n    background-position-y: center;\n    cursor: pointer;\n    color: #9CA3AF; \/* Color gris simulando placeholder *\/\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 10px;\n  }\n  \n  select.auth-input option {\n    color: #000000;\n    text-transform: none;\n    letter-spacing: 0;\n    font-size: 14px;\n  }\n\n  select.auth-input:valid {\n    color: #000000; \/* Se pone negro cuando el usuario elige una opci\u00f3n *\/\n  }\n\n  \/* Controles extra *\/\n  .auth-extras {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 30px;\n  }\n\n  .auth-checkbox-label {\n    font-size: 11px;\n    color: #4b4b4b;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n  .auth-link {\n    font-size: 11px;\n    color: #000000;\n    text-decoration: none;\n    border-bottom: 1px solid #000000;\n    transition: color 0.3s ease;\n  }\n\n  .auth-link:hover {\n    color: #FF6B35;\n    border-bottom-color: #FF6B35;\n  }\n\n  \/* Bot\u00f3n Principal *\/\n  .auth-btn {\n    width: 100%;\n    background-color: #000000;\n    color: #ffffff;\n    border: none;\n    padding: 18px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-weight: 800;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  .auth-btn:hover {\n    background-color: #FF6B35;\n    transform: translateY(-2px);\n  }\n\n<\/style>\n\n<div class=\"auth-wrapper\">\n  <div class=\"auth-card\">\n    \n    <div class=\"auth-header\">\n      <h1 class=\"auth-logo\">CataSpots<\/h1>\n      <span class=\"auth-subtitle\">Members Only<\/span>\n    <\/div>\n\n    <!-- SELECTOR DE PESTA\u00d1AS -->\n    <div class=\"auth-tabs\">\n      <div class=\"auth-tab active\" onclick=\"switchTab('login')\">Log In<\/div>\n      <div class=\"auth-tab\" onclick=\"switchTab('signup')\">Sign Up<\/div>\n    <\/div>\n\n    <!-- 1. FORMULARIO DE LOG IN -->\n    <form id=\"login\" class=\"auth-form active\" action=\"\/wp-login.php\" method=\"POST\">\n      \n      <div class=\"auth-input-group\">\n        <input type=\"text\" name=\"log\" class=\"auth-input\" placeholder=\"USUARIO O EMAIL\" required>\n      <\/div>\n      \n      <div class=\"auth-input-group\">\n        <input type=\"password\" name=\"pwd\" class=\"auth-input\" placeholder=\"CONTRASE\u00d1A\" required>\n      <\/div>\n\n      <div class=\"auth-extras\">\n        <label class=\"auth-checkbox-label\">\n          <input type=\"checkbox\" name=\"rememberme\" value=\"forever\"> Recordarme\n        <\/label>\n        <a href=\"\/wp-login.php?action=lostpassword\" class=\"auth-link\">\u00bfOlvidaste tu clave?<\/a>\n      <\/div>\n\n      <button type=\"submit\" name=\"wp-submit\" class=\"auth-btn\">Acceder<\/button>\n    <\/form>\n\n    <!-- 2. FORMULARIO DE SIGN UP (Extendida) -->\n    <form id=\"signup\" class=\"auth-form\" action=\"#\" method=\"POST\">\n      \n      <div class=\"auth-input-group\">\n        <input type=\"text\" name=\"nombre_completo\" class=\"auth-input\" placeholder=\"NOMBRE COMPLETO\" required>\n      <\/div>\n\n      <div class=\"auth-input-group\">\n        <input type=\"email\" name=\"user_email\" class=\"auth-input\" placeholder=\"CORREO ELECTR\u00d3NICO\" required>\n      <\/div>\n      \n      <div class=\"auth-input-group\">\n        <input type=\"tel\" name=\"telefono\" class=\"auth-input\" placeholder=\"N\u00daMERO DE TEL\u00c9FONO\" required>\n      <\/div>\n\n      <div class=\"auth-input-group\">\n        <select name=\"genero\" class=\"auth-input\" required>\n          <option value=\"\" disabled selected hidden>G\u00c9NERO<\/option>\n          <option value=\"hombre\">Hombre<\/option>\n          <option value=\"mujer\">Mujer<\/option>\n          <option value=\"otro\">Otro<\/option>\n          <option value=\"prefiero-no-decirlo\">Prefiero no decirlo<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"auth-input-group\">\n        <select name=\"pais\" id=\"select-pais\" class=\"auth-input\" onchange=\"mostrarComunidad()\" required>\n          <option value=\"\" disabled selected hidden>PA\u00cdS DE RESIDENCIA<\/option>\n          <option value=\"espana\">Espa\u00f1a<\/option>\n          <option value=\"otro\">Otro Pa\u00eds<\/option>\n        <\/select>\n      <\/div>\n\n      <!-- Este grupo de Comunidad Aut\u00f3noma est\u00e1 oculto por defecto -->\n      <div class=\"auth-input-group\" id=\"grupo-comunidad\" style=\"display: none;\">\n        <select name=\"comunidad_autonoma\" id=\"select-comunidad\" class=\"auth-input\">\n          <option value=\"\" disabled selected hidden>COMUNIDAD AUT\u00d3NOMA<\/option>\n          <option value=\"andalucia\">Andaluc\u00eda<\/option>\n          <option value=\"aragon\">Arag\u00f3n<\/option>\n          <option value=\"asturias\">Asturias<\/option>\n          <option value=\"baleares\">Islas Baleares<\/option>\n          <option value=\"canarias\">Canarias<\/option>\n          <option value=\"cantabria\">Cantabria<\/option>\n          <option value=\"castilla-la-mancha\">Castilla-La Mancha<\/option>\n          <option value=\"castilla-y-leon\">Castilla y Le\u00f3n<\/option>\n          <option value=\"cataluna\">Catalu\u00f1a<\/option>\n          <option value=\"comunidad-valenciana\">Comunidad Valenciana<\/option>\n          <option value=\"extremadura\">Extremadura<\/option>\n          <option value=\"galicia\">Galicia<\/option>\n          <option value=\"madrid\">Comunidad de Madrid<\/option>\n          <option value=\"murcia\">Regi\u00f3n de Murcia<\/option>\n          <option value=\"navarra\">Navarra<\/option>\n          <option value=\"pais-vasco\">Pa\u00eds Vasco<\/option>\n          <option value=\"rioja\">La Rioja<\/option>\n          <option value=\"ceuta\">Ceuta<\/option>\n          <option value=\"melilla\">Melilla<\/option>\n        <\/select>\n      <\/div>\n\n      <p style=\"font-size: 11px; color: #6B7280; margin-bottom: 25px; line-height: 1.5; text-align: center;\">\n        Al solicitar acceso, aceptas los t\u00e9rminos de exclusividad de CataSpots.\n      <\/p>\n\n      <!-- Bot\u00f3n de registro (Gris oscuro para diferenciarlo del login) -->\n      <button type=\"submit\" class=\"auth-btn\" style=\"background-color: #333333;\">Solicitar Acceso<\/button>\n      \n    <\/form>\n\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ Funci\u00f3n para cambiar entre Log In y Sign Up\n  function switchTab(tabId) {\n    document.getElementById('login').classList.remove('active');\n    document.getElementById('signup').classList.remove('active');\n    \n    var tabs = document.getElementsByClassName('auth-tab');\n    for (var i = 0; i < tabs.length; i++) {\n      tabs[i].classList.remove('active');\n    }\n    \n    document.getElementById(tabId).classList.add('active');\n    event.currentTarget.classList.add('active');\n  }\n\n  \/\/ Funci\u00f3n para mostrar\/ocultar Comunidad Aut\u00f3noma si se elige Espa\u00f1a\n  function mostrarComunidad() {\n    var pais = document.getElementById('select-pais').value;\n    var grupoComunidad = document.getElementById('grupo-comunidad');\n    var selectComunidad = document.getElementById('select-comunidad');\n\n    if (pais === 'espana') {\n      grupoComunidad.style.display = 'block';\n      selectComunidad.required = true; \/\/ Hace que el campo sea obligatorio\n    } else {\n      grupoComunidad.style.display = 'none';\n      selectComunidad.required = false; \/\/ Le quita lo obligatorio si es de otro pa\u00eds\n      selectComunidad.value = \"\"; \/\/ Resetea el valor por si acaso\n    }\n  }\n<\/script>\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":"<p>CataSpots Members Only Log In Sign Up Recordarme \u00bfOlvidaste tu clave? Acceder G\u00c9NEROHombreMujerOtroPrefiero no decirlo PA\u00cdS DE RESIDENCIAEspa\u00f1aOtro Pa\u00eds COMUNIDAD AUT\u00d3NOMAAndaluc\u00edaArag\u00f3nAsturiasIslas BalearesCanariasCantabriaCastilla-La ManchaCastilla y Le\u00f3nCatalu\u00f1aComunidad ValencianaExtremaduraGaliciaComunidad de MadridRegi\u00f3n de MurciaNavarraPa\u00eds VascoLa RiojaCeutaMelilla Al solicitar acceso, aceptas los t\u00e9rminos de exclusividad de CataSpots. Solicitar Acceso<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=208"}],"version-history":[{"count":4,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}