.elementor-24008 .elementor-element.elementor-element-97dceff{--display:flex;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-24008 .elementor-element.elementor-element-97dceff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24008 .elementor-element.elementor-element-276c5b99{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-24008 .elementor-element.elementor-element-276c5b99.elementor-element{--align-self:center;}/* Start custom CSS *//* ------------------------------------------------------------- */
/* FIX GLOBAL: ELIMINAR SCROLL HORIZONTAL                        */
/* ------------------------------------------------------------- */
html, body {
    overflow-x: hidden !important; /* Mata la barra de desplazamiento horizontal en toda la web */
    width: 100%;
    position: relative;
}

/* ------------------------------------------------------------- */
/* AJUSTES GENERALES DE LA PÁGINA DE LOGIN                       */
/* ------------------------------------------------------------- */

/* Fondo general de la página de Login (Verde oscuro Aurea) */
body {
    background-color: #37453b !important;
}

/* Ocultar el título de página duplicado de WordPress para mayor limpieza */
.page-header {
    display: none !important;
}

/* Centrado vertical y espaciado de la sección principal */
.site-main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 100px); /* Ajuste para compensar el header */
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

/* ------------------------------------------------------------- */
/* TARJETA DEL FORMULARIO DE LOGIN (Color Arena)                 */
/* ------------------------------------------------------------- */
/* Aplicamos el diseño al contenedor padre para englobar errores sin fondos blancos */
#user-registration {
    background-color: #eed1b4 !important; /* Fondo arena */
    border-radius: 2rem;
    padding: 3.5rem 2.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    box-sizing: border-box;
}

/* Hacemos transparente el sub-contenedor para que no inyecte color blanco */
#user-registration .ur-frontend-form.login {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Título "Iniciar Sesión" y el icono del Libro (Integrado al título para evitar rupturas) */
#user-registration .user-registration-login-title {
    font-family: 'Noto Serif', serif;
    font-size: 2.25rem;
    font-weight: 700;
    color: #37453b !important; /* Verde oscuro Aurea */
    text-align: center;
    display: block;
    margin-bottom: 2rem !important; /* Ajustado: Separación equilibrada con los inputs */
    line-height: 1.2;
}

/* Icono del libro insertado mediante SVG justo encima del título */
#user-registration .user-registration-login-title::before {
    content: '';
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: rgba(148, 87, 49, 0.1); /* Fondo sutil para el icono */
    border-radius: 50%;
    margin: 0 auto 0.25rem auto; /* Bien pegadito al texto del título */
    /* Dibujo del icono insertado directamente para evitar fallos de fuentes */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23945731'%3E%3Cpath d='M260-320q47 0 91.5 10.5T440-278v-394q-41-24-87-36t-93-12q-36 0-71.5 7T120-692v396q35-12 69.5-18t70.5-6Zm260 42q44-21 88.5-31.5T700-320q36 0 70.5 6t69.5 18v-396q-33-14-68.5-21t-71.5-7q-47 0-93 12t-87 36v394Zm-40 118q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T60-752q50-39 114-53.5T300-820q74 0 137 17t113 53q49-36 112.5-53T800-820q62 0 126.5 14.5T1040-752q11 8 15.5 18t4.5 22v482q0 22-19.5 35t-40.5 1q-37-20-77.5-31T840-240q-60 0-116 21t-104 59Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
}

/* Ocultar descripciones vacías */
#user-registration .user-registration-login-description {
    display: none !important;
}

/* Espaciado de las filas (Usuario y Contraseña) */
#user-registration .user-registration-form-row {
    margin-bottom: 1.5rem !important;
    padding: 0 !important;
}

/* Labels de los campos (Estilo Editorial en Mayúsculas) */
#user-registration label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #53443b;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem; /* Pequeña sangría para alinear visualmente con la píldora */
}
#user-registration label .required {
    color: #945731;
    text-decoration: none;
}

/* Estilo de los Inputs (Cajas de texto estilo Píldora) */
#user-registration input[type="text"],
#user-registration input[type="password"],
#user-registration input[type="email"] {
    width: 100%;
    padding: 1.1rem 1.5rem;
    border: none !important; /* Sin bordes para un look más limpio */
    border-radius: 9999px !important; /* Forma de píldora */
    background-color: #fcf1e6 !important; /* Cremita muy clarito por defecto */
    color: #22160e;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
    box-shadow: inset 0 2px 5px rgba(148, 87, 49, 0.08); /* Sombra interior sutil y cálida */
}

/* Efecto al hacer clic en los inputs: SE VUELVE BLANCO PURO */
#user-registration input[type="text"]:focus,
#user-registration input[type="password"]:focus,
#user-registration input[type="email"]:focus {
    outline: none !important;
    background-color: #ffffff !important; /* Blanco puro al hacer foco */
    box-shadow: 0 0 0 3px rgba(148, 87, 49, 0.15), inset 0 2px 5px rgba(148, 87, 49, 0.05) !important;
}

/* Parche para el autocompletado de los navegadores (evita fondo azul/amarillo) */
#user-registration input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset !important;
    -webkit-text-fill-color: #22160e !important;
}

/* Fila de opciones (Recuérdame y Recuperar Contraseña) */
#user-registration .user-registration-before-login-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important; /* Ajustado para centrar el botón con el registro */
    flex-wrap: wrap; 
    gap: 1rem;
}

/* Checkbox Recuérdame */
#user-registration .user-registration-before-login-btn label.inline {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.85rem;
    color: #53443b;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer;
}
#user-registration input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.25rem;
    border: 1px solid #b36e40;
    background-color: #fcf1e6 !important; /* Fondo cremita claro */
    cursor: pointer;
    accent-color: #b36e40;
}

/* ENLACES - RECUPERAR CONTRASEÑA Y REGISTRO */
#user-registration a {
    color: #838d74 !important; /* Verde sutil/muted Aurea */
    font-weight: 700;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
#user-registration a:hover {
    color: #626a57 !important; /* Verde más oscuro en hover */
}

/* Link Recuperar Contraseña específico */
#user-registration .user-registration-LostPassword a {
    font-size: 0.85rem;
}

/* Contenedor del Botón Iniciar Sesión (Eliminamos márgenes extra para centrar con las secciones adyacentes) */
#user-registration [data-field="login-button"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Botón Iniciar Sesión */
#user-registration .user-registration-Button {
    width: 100%;
    background-color: #b36e40 !important; /* Aurea Rust */
    color: #ffffff !important;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 1.15rem !important;
    border-radius: 9999px !important; /* Estilo píldora */
    border: none !important;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 15px rgba(179, 110, 64, 0.3) !important;
    text-align: center;
    display: flex;
    justify-content: center;
}
#user-registration .user-registration-Button:hover {
    background-color: #cd8759 !important; /* Mucho más clarito en hover */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(179, 110, 64, 0.4) !important;
}

/* Sección "Crea tu cuenta aquí." o "¿Aún no eres miembro?" */
#user-registration .user-registration-register {
    text-align: center;
    margin-top: 1.5rem !important; /* Ajustado para igualar el espacio superior del botón */
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(148, 87, 49, 0.15); /* Línea divisoria suave */
    font-size: 0.95rem !important;
    color: #53443b;
}


/* ------------------------------------------------------------- */
/* ESTILOS PARA MENSAJES DE ERROR (Rediseño integrado y seguro)  */
/* ------------------------------------------------------------- */

/* Contenedor principal del error */
#user-registration .ur-message,
#user-registration .user-registration-error,
#user-registration .user-registration-message {
    background-color: #fae8d4 !important; /* Crema sólido, no blanco */
    border: 1px solid rgba(219, 89, 45, 0.2) !important;
    border-left: 4px solid #db592d !important;
    border-radius: 0.75rem !important; 
    margin: 0 0 1.5rem 0 !important; /* Espacio limpio hacia abajo para empujar el título sin exagerar */
    padding: 1rem 1.5rem !important;
    box-shadow: 0 4px 15px rgba(219, 89, 45, 0.08) !important;
    color: #db592d !important; 
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    display: flex !important; /* Flexbox para alinear el contenido internamente */
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Destruir iconos por defecto problemáticos que rompen el diseño */
#user-registration .ur-message::before,
#user-registration .user-registration-error::before,
#user-registration .user-registration-message::before,
#user-registration .ur-message li::before,
#user-registration .user-registration-error li::before,
#user-registration .user-registration-message li::before {
    display: none !important;
    content: none !important;
}

/* Reseteo estricto de las listas de errores del plugin */
#user-registration .user-registration-error ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#user-registration .user-registration-error li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    color: #db592d !important;
}

/* Ajustes adicionales para móviles */
@media (max-width: 480px) {
    #user-registration {
        padding: 2.5rem 1.5rem;
    }
    #user-registration .user-registration-login-title {
        font-size: 1.75rem;
    }
}/* End custom CSS */