.elementor-25154 .elementor-element.elementor-element-e0ea329{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25154 .elementor-element.elementor-element-cc2be9b .elementor-heading-title{font-size:42px;}/* Start custom CSS *//* ══════════════════════════════════════════════════════════════════════
   ESTILOS DEL FORMULARIO DE LOGIN — Ultimate Member
   Obrador Palomo — mismo estilo minimalista del checkout/carrito
   ══════════════════════════════════════════════════════════════════════ */

:root {
    --op-marron-oscuro: #3a2b1a;
    --op-marron-texto:  #2a2018;
    --op-borde:         #e2ded6;
    --op-dorado:        #b2872e;
    --op-gris-texto:    #6b6b6b;
}

/* Título "Iniciar sesión" */
.um .um-login h1,
.um .um-form-title,
.um-login .um-field-title {
    font-weight: 400;
    color: var(--op-marron-texto);
}

/* Etiquetas de los campos */
.um-field-label label,
.um .um-field-label {
    font-weight: 600;
    color: var(--op-marron-texto);
    font-family: Arial, sans-serif;
}

/* Inputs de texto y contraseña */
.um-field-area input[type="text"],
.um-field-area input[type="password"],
.um-field-area input[type="email"] {
    background: #fff;
    border: 1px solid var(--op-borde) !important;
    border-radius: 6px !important;
    color: var(--op-marron-texto);
    padding: 12px 14px !important;
    box-shadow: none !important;
    transition: border-color .15s;
}
.um-field-area input[type="text"]:focus,
.um-field-area input[type="password"]:focus,
.um-field-area input[type="email"]:focus {
    border-color: var(--op-marron-oscuro) !important;
    outline: none;
}

/* Checkbox "Mantenerme conectado" */
.um-login .um-field-checkbox label,
.um-field-checkbox span {
    color: var(--op-gris-texto);
    font-family: Arial, sans-serif;
}

/* Botón "Acceder" — marrón oscuro sólido, igual que "Finalizar compra" */
.um-login .um-button,
.um button.um-button[name="login"],
.um-login-actions button {
    background: var(--op-marron-oscuro) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none !important;
    transition: background .15s;
}
.um-login .um-button:hover,
.um button.um-button[name="login"]:hover {
    background: #2a2014 !important;
    color: #fff !important;
}

/* Botón "Registro" — outline discreto, a juego */
.um-login .um-login-register a,
.um .um-button.um-alt {
    background: #fff !important;
    border: 1px solid var(--op-borde) !important;
    color: var(--op-marron-texto) !important;
    border-radius: 8px !important;
    font-weight: 500;
    box-shadow: none !important;
    transition: border-color .15s;
}
.um-login .um-login-register a:hover,
.um .um-button.um-alt:hover {
    border-color: var(--op-marron-oscuro) !important;
    background: #faf8f4 !important;
}

/* Enlace "¿Has olvidado tu contraseña?" */
.um-login a.um-link-alt,
.um .um-login-password a {
    color: var(--op-dorado);
    text-decoration: none;
    font-family: Arial, sans-serif;
}
.um-login a.um-link-alt:hover {
    color: var(--op-marron-oscuro);
    text-decoration: underline;
}

/* Caja general del formulario (si UM la envuelve con fondo/sombra) */
.um .um-login,
.um-form {
    box-shadow: none !important;
    border: none !important;
}/* End custom CSS */