.elementor-686 .elementor-element.elementor-element-ea90201{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-ea90201 *//* --- Contenedor Principal (Fondo y Tipografía) --- */
.page-content {
    background-color: #f7f2e8; /* Fondo crema de la imagen */
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
    box-sizing: border-box;

    /* Animación de entrada para todo el bloque */
    animation: fadeInUp 0.6s ease-out forwards;
}

/* --- Título de la sección (Generado implícitamente o adaptado) --- */
.wpum-template::before {
    content: "Registro de Nuevo Usuario";
    display: block;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 2rem;
}

/* --- Formulario --- */
#wpum-submit-registration-form {
    width: 100%;
    max-width: 420px; /* Ancho ideal según la captura */
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Campos individuales (Fieldsets) */
#wpum-submit-registration-form fieldset {
    border: none;
    padding: 0;
    margin: 0 0 1.2rem 0;
    display: flex;
    flex-direction: column;
}

/* Ocultar el campo Honeypot (Anti-bot) para mantener la estética de la imagen */
.fieldset-robo {
    display: none !important;
}

/* Etiquetas (Labels) */
#wpum-submit-registration-form label {
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.4rem;
    text-align: left;
}

/* Modificar el texto de las etiquetas para coincidir exactamente con el idioma de la imagen */
.fieldset-user_email label {
    font-size: 0; /* Oculta el "Email" original */
}
.fieldset-user_email label::before {
    content: "Correo electrónico ";
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
}

.fieldset-user_password label {
    font-size: 0; /* Oculta el "Password" original */
}
.fieldset-user_password label::before {
    content: "Contraseña ";
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
}

/* Texto de ayuda con los requisitos de la contraseña (redacción mejorada) */
.fieldset-user_password::after {
    content: "La contraseña debe tener al menos 8 caracteres e incluir una mayúscula, un número y un carácter especial.";
    display: block;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 400;
    color: #6b6459;
    margin-top: 0.4rem;
    line-height: 1.4;
}

/* Asterisco de requerido */
.wpum-required {
    color: #c93b2b;
    margin-left: 2px;
}

/* --- Inputs (Campos de texto) --- */
#wpum-submit-registration-form input[type="email"],
#wpum-submit-registration-form input[type="password"] {
    width: 100%;
    padding: 0.8rem 1rem;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    border: 2px solid #ccc6ba;
    border-radius: 6px;
    background-color: #ffffff;
    color: #333333;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Placeholders simulados mediante CSS (Opcional por si quieres el texto de ejemplo) */
.fieldset-user_email input::placeholder {
    color: #a39e93;
    opacity: 0.7;
}

/* Efecto Focus (Cuando el usuario hace clic para escribir) */
#wpum-submit-registration-form input[type="email"]:focus,
#wpum-submit-registration-form input[type="password"]:focus {
    outline: none;
    border-color: #c09641; /* Dorado de la imagen */
    box-shadow: 0 0 0 3px rgba(192, 150, 65, 0.2);
}

/* --- Botón de Envío --- */
/* IMPORTANTE: el elemento real es <input type="submit" name="submit_registration"
   class="button" value="Registro">, hijo DIRECTO del <form>, sin ningún <div> o
   <fieldset> que lo envuelva. Los <input> son "elementos reemplazados" y los
   navegadores NO renderizan contenido generado (::before/::after) sobre ellos,
   así que "Registro" no se puede cambiar por "Registrarse" solo con ::before.

   Solución real y recomendada: cambiar value="Registro" por value="Registrarse"
   en la plantilla PHP de WPUM (o vía Loco Translate / cadenas de WordPress).

   Solución CSS-only aplicada aquí: ocultamos visualmente el texto del input con
   color:transparent (conserva tamaño/forma del botón) y, como el input es el
   ÚLTIMO elemento visible del formulario, anclamos un ::after al FONDO del propio
   <form> (position:absolute + bottom:0) con el mismo padding/tipografía, para que
   quede pixel a pixel encima del botón. pointer-events:none deja pasar el clic
   al input real de debajo. Si más adelante añades algo DESPUÉS del botón dentro
   del form, este truco dejaría de alinear correctamente. */
#wpum-submit-registration-form {
    position: relative;
}

#wpum-submit-registration-form input[type="submit"].button {
    width: 100%;
    background-color: #be9640; /* Dorado corporativo */
    color: transparent; /* oculta "Registro" pero conserva alto/ancho del botón */
    border: none;
    border-radius: 6px;
    padding: 0.9rem;
    box-sizing: border-box;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0.5rem;
    display: block;
    transition: background-color 0.3s ease, transform 0.1s ease;
}

#wpum-submit-registration-form::after {
    content: "Registrarse";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0.9rem;
    text-align: center;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    color: #ffffff;
    line-height: normal;
    pointer-events: none; /* deja pasar el clic al input real de debajo */
}

/* Hover y Active del botón */
#wpum-submit-registration-form .button:hover {
    background-color: #a88232; /* Tono un poco más oscuro al pasar el cursor */
}

#wpum-submit-registration-form .button:active {
    transform: scale(0.99); /* Ligero efecto de pulsación */
}

/* --- Enlaces Inferiores --- */
.wpum-action-links {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0 0;
    text-align: center;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    color: #1a1a1a;
}

.wpum-action-links li {
    margin-bottom: 0.8rem;
}

.wpum-action-links a {
    color: #be9640;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

/* Eliminar el caracter » si venía en el HTML duro pero quieres controlarlo */
.wpum-action-links a:hover {
    color: #a88232;
    text-decoration: underline;
}

/* --- Mensaje de error de la contraseña (redacción mejorada) --- */
/* ADVERTENCIA: .wpum-message.error es el contenedor genérico de errores de WPUM
   y en tu HTML vive en un widget de texto aparte, FUERA de #wpum-submit-registration-form
   (por eso el .elementor-686 .elementor-element.elementor-element-ea90201 no va prefijado con el id del formulario). Si el plugin
   reutiliza esta misma clase para OTROS errores (email duplicado, campo vacío, etc.)
   en esta página, esta regla los sustituirá también por el texto de la contraseña.
   Si eso ocurre, lo correcto es traducir la cadena original desde WordPress
   (Loco Translate o similar) en vez de sobrescribirla por CSS. */
.wpum-message.error p {
    font-size: 0;
}
.wpum-message.error p::before {
    content: "La contraseña debe tener un mínimo de 8 caracteres e incluir, al menos, una letra mayúscula, un número y un carácter especial.";
    display: block;
    font-family: "Neue Einstellung", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* --- Animación de Entrada (Velocidad Normal) --- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */