/* Formulario */
.woocommerce-form-login.login, .woocommerce-form-register{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px auto;
    justify-content: stretch;
    max-width: 500px;
}
.form-space-between{
 display: flex;
 justify-content: space-between;
}
.woocommerce-button{
 border: transparent !important;
}
.form-row label:not(.woocommerce-form-login__rememberme){
    color: var(--gris) !important;
    font-size: var(--e-global-typography-996197c-font-size);
    font-weight: var(--e-global-typography-996197c-font-weight);
    margin-bottom: 4px
}

a.form-link, a.woocommerce-privacy-policy-link{
    font-size: var(--e-global-typography-b99b5ac-font-size) ;
    font-weight: var(--e-global-typography-b99b5ac-font-weight);
    text-transform: initial;
    color: var(--e-global-color-primary);
    text-decoration: underline;
}

.register-link{
    text-align: center;
}

.button{
    background-color: var(--e-global-color-068837e);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-secondary);
    border-radius: 50px 50px 50px 50px;
    padding: 20px 32px 20px 32px !important;
    border: none !important;
}

.button:hover{
    color: #ffffff;
}

input:focus{
    outline: none !important;
    border-color:var(--e-global-color-f055890) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
.woocommerce-form__label-for-checkbox{
    display: flex;
    gap: 4px;
    align-items: center;
}

/* El input cuando hay error */
.input-error {
    border-color: #e2401c !important; /* Rojo */
    background-color: #fff9f8 !important;
}

/* El mensaje debajo del input */
.msj-error-custom {
    color: #e2401c;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    display: block;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}



/* lost pass */
.woocommerce-lost-password .page-title, 
.woocommerce-lost-password h1 {
    font-size: var(--e-global-typography-2d75838-font-size);
    font-weight: var(--e-global-typography-2d75838-font-weight);
    text-transform: var(--e-global-typography-2d75838-text-transform);
    line-height: var(--e-global-typography-2d75838-line-height);
    /*color: var(--e-global-color-primary);*/
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
}

.woocommerce-lost-password .site-main{
    max-width: 640px !important;
}

.ceccato-btn{
    padding: 16px 32px !important;
    border: none !important;
}
.ceccato-logged-in{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:12px;
    margin-top:18px;
}