.elementor-7369 .elementor-element.elementor-element-ce3afbe > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-7369 .elementor-element.elementor-element-ce3afbe .elementor-container:not(.elementor-column-gap-no) .elementor-column > .elementor-element-populated,.elementor-7369 .elementor-element.elementor-element-ce3afbe .elementor-container:not(.elementor-column-gap-no) .elementor-row > .elementor-column > .elementor-element-populated{padding:10px !important;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7369 .elementor-element.elementor-element-e2f2481{text-align:center;}.elementor-7369 .elementor-element.elementor-element-e2f2481 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:36px;font-weight:400;text-transform:uppercase;font-style:normal;line-height:57px;letter-spacing:14.4px;word-spacing:0px;color:#FFFFFF;}.elementor-7369 .elementor-element.elementor-element-25f9828 .elementor-container:not(.elementor-column-gap-no) .elementor-column > .elementor-element-populated,.elementor-7369 .elementor-element.elementor-element-25f9828 .elementor-container:not(.elementor-column-gap-no) .elementor-row > .elementor-column > .elementor-element-populated{padding:10px !important;}.elementor-7369 .elementor-element.elementor-element-25f9828{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7369 .elementor-element.elementor-element-25f9828 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7369 .elementor-element.elementor-element-25f9828 > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-7369 .elementor-element.elementor-element-68b80f5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-element-populated, .elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-element-populated > .elementor-background-overlay, .elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-background-slideshow{border-radius:5px 0px 0px 5px;}.elementor-7369 .elementor-element.elementor-element-68b80f5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login .woolentor-form-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#FFFFFF;text-align:center;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login form.woocommerce-form-login .form-row label{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF;text-align:left;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login form.woocommerce-form-login .form-row label span.required{color:#FF0000;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login form.woocommerce-form-login input.input-text{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login button{font-family:"Oswald", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#FFFFFF;background-color:#FF0000;padding:12px 30px 12px 30px;margin:0px 0px 15px 0px;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login button:hover{color:#FFFFFF;transition:0.4s;background-color:#CC0000;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login .lost_password a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FF0000;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login .lost_password a:hover{color:#FFFFFF;transition:0.4s;}.elementor-7369 .elementor-element.elementor-element-d63cdfd .woolentor-myaccount-form-login form.woocommerce-form-login{border-radius:5px 5px 5px 5px;margin:0px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-7369 .elementor-element.elementor-element-12fdc56:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-element-populated, .elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-element-populated > .elementor-background-overlay, .elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-background-slideshow{border-radius:0px 5px 5px 0px;}.elementor-7369 .elementor-element.elementor-element-12fdc56 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register .woolentor-form-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#FFFFFF;text-align:center;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register form.woocommerce-form-register .form-row label{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF;text-align:left;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register form.woocommerce-form-register .form-row label span.required{color:#FF0000;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register form.woocommerce-form-register input.input-text{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register button{font-family:"Oswald", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#FFFFFF;background-color:#FF0000;padding:12px 30px 12px 30px;margin:0px 0px 0px 0px;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register button:hover{color:#FFFFFF;transition:0.4s;background-color:#CC0000;border-style:none;}.elementor-7369 .elementor-element.elementor-element-a4180f6 .woolentor-myaccount-form-register form.woocommerce-form-register{border-radius:5px 5px 5px 5px;}@media(min-width:768px){.elementor-7369 .elementor-element.elementor-element-68b80f5{width:50%;}.elementor-7369 .elementor-element.elementor-element-12fdc56{width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for section, class: .elementor-element-25f9828 *//* =========================================
   DISEÑO DE FORMULARIOS LOGIN / REGISTRO
   ========================================= */

/* 1. Contenedores tipo "Tarjeta" */
/* Le damos fondo oscuro, espacio y sombras a cada formulario */
.woolentor-myaccount-form-login,
.woolentor-myaccount-form-register {
    background-color: #141414; /* Fondo casi negro */
    padding: 40px;             /* Espacio interno amplio */
    border-radius: 8px;        /* Bordes redondeados */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5); /* Sombra elegante */
    border: 1px solid #333;    /* Borde sutil */
    max-width: 500px;          /* Que no se estiren demasiado */
    margin: 0 auto;            /* Centrados */
}

/* 2. Títulos (Iniciar Sesión / Registrarse) */
.woolentor-form-title {
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
    border-bottom: 2px solid #FF0000; /* Línea roja decorativa abajo */
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

/* 3. Etiquetas (Labels) */
.woocommerce-form-row label {
    color: #b3b3b3; /* Gris claro para no cansar la vista */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase; /* Etiquetas en mayúsculas se ven más pro */
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: block;
}

/* 4. Campos de Texto (Inputs) */
.woolentor-myaccount-form-login input.input-text,
.woolentor-myaccount-form-register input.input-text {
    background-color: #222;     /* Input oscuro */
    border: 1px solid #333;     /* Borde sutil */
    color: #fff !important;     /* Texto blanco al escribir */
    padding: 15px;              /* Más altos para tocar fácil en móvil */
    border-radius: 4px;
    font-size: 16px;
    outline: none;              /* Quitar borde azul por defecto */
    width: 100%;
    transition: all 0.3s ease;
}

/* Efecto al hacer clic en el input */
.woolentor-myaccount-form-login input.input-text:focus,
.woolentor-myaccount-form-register input.input-text:focus {
    border-color: #FF0000;      /* Se ilumina rojo al escribir */
    background-color: #1a1a1a;
}

/* 5. Checkbox "Recordarme" */
.woocommerce-form__label-for-checkbox {
    padding-top: 15px;
    display: block;
    color: #b3b3b3;
    font-size: 14px;
}

/* 6. Enlace "¿Olvidaste tu contraseña?" */
.woocommerce-LostPassword a {
    color: #888;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.3s;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.woocommerce-LostPassword a:hover {
    color: #FF0000; /* Rojo al pasar el mouse */
}

/* =========================================
   BOTONES (Estilo Previo Integrado)
   ========================================= */
.woolentor-myaccount-form-login .woocommerce-Button,
.woolentor-myaccount-form-register .woocommerce-Button {
    font-family: 'Oswald', sans-serif;
    border: none;
    text-align: center;
    padding: 15px 30px;        /* Un poco más grandes */
    margin-top: 20px;
    background-color: #FF0000;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block; 
    width: 100%;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.1s ease;
}

.woolentor-myaccount-form-login .woocommerce-Button:hover,
.woolentor-myaccount-form-register .woocommerce-Button:hover {
    background-color: #cc0000;
}

.woolentor-myaccount-form-login .woocommerce-Button:active,
.woolentor-myaccount-form-register .woocommerce-Button:active {
    transform: scale(0.98); /* Pequeño efecto de presión */
}

/* --- Arreglo Formulario de Registro ShopLentor --- */

/* 1. Título "Registrarse" y etiquetas (Email/Contraseña) en Blanco */
.woolentor-myaccount-form-register h3.woolentor-form-title,
.woolentor-myaccount-form-register label {
    color: #ffffff !important;
}

/* 2. El texto pequeño de ayuda (contraseña segura) en Blanco */
.woolentor-myaccount-form-register .woocommerce-password-hint,
.woolentor-myaccount-form-register .woocommerce-privacy-policy-text {
    color: #ffffff !important;
}

/* 3. Asegurar que los asteriscos de "requerido" sean visibles (ej. rojo o blanco) */
.woolentor-myaccount-form-register .required {
    color: #ff4d4d !important; /* Rojo para que resalte, o pon #ffffff si prefieres blanco */
}

/* 4. (Opcional) Si quieres que el campo donde escriben sea blanco con letra negra */
.woolentor-myaccount-form-register input.input-text {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ddd !important;
}

/* --- Arreglo Medidor de Fortaleza de Contraseña --- */

/* Fuerza el color blanco en el texto de fortaleza (Débil/Fuerte) */
#password_strength,
.woocommerce-password-strength,
.woocommerce-password-strength.bad,
.woocommerce-password-strength.short,
.woocommerce-password-strength.good {
    color: #ffffff !important;
    font-weight: bold; /* Opcional: Para que se lea mejor */
}/* End custom CSS */