/* OCULTAR Y MOSTRAR CONTRASEÑA */
.password-input {
    position: relative;
}

.password-input input {
    padding-right: 42px !important;
}

/* BOTÓN */
.show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    
    width: 20px;
    height: 20px;
    
    border: none;
    background: none;
    cursor: pointer;
}

/* ESTADO INICIAL → OCULTO (OJO TACHADO) */

.show-password-input::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;

    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L22 22' stroke='%23666' stroke-width='2'/%3E%3Cpath d='M2 12C2 12 5.5 6 12 6C18.5 6 22 12 22 12C22 12 18.5 18 12 18C5.5 18 2 12 2 12Z' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;

    opacity: 0.6;
}

/* ESTADO ACTIVO → VISIBLE (OJO NORMAL) */

.show-password-input.display-password::after {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12C2 12 5.5 6 12 6C18.5 6 22 12 22 12C22 12 18.5 18 12 18C5.5 18 2 12 2 12Z' stroke='%23666' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
}

/* HOVER */
.show-password-input:hover::after {
    opacity: 1;
}

/* ================================
   Estilo login/register
================================ */

#customer_login {
    max-width: 460px;
    margin: 70px auto;
    display: flex;
    flex-direction: column;
    gap: 34px;
}

/* BLOQUES (CARDS) */

#customer_login .u-column1,
#customer_login .u-column2 {
    border-radius: 16px;
    padding: 26px;
    background: #fff;
    border: 1px solid rgba(108,76,241,0.2);

    transition: all 0.25s ease;
}

/* LOGIN (destacado) */
#customer_login .u-column1 {
    border-color: #6C4CF1;
    box-shadow: 0 8px 25px rgba(108,76,241,0.08);
}

/* REGISTER (más suave) */
#customer_login .u-column2 {
    background: #fafafa;
}

/* HOVER (muy pro) */
#customer_login .u-column2:hover {
    border-color: #6C4CF1;
}

/* SEPARADOR OR (PREMIUM) */

#customer_login .u-column2 {
    position: relative;
}

#customer_login .u-column2::before {
    content: "OR";
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);

    background: #fff;
    padding: 6px 14px;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #999;

    border-radius: 20px;
    border: 1px solid #eee;
}

/* TÍTULOS */

#customer_login h2 {
    font-size: 19px;
    margin-bottom: 16px;
    font-weight: 600;
}

/* INPUTS */

.woocommerce-form input {
    border-radius: 12px;
}

/* BOTÓN REGISTER (MEJORADO) */

.woocommerce-form-register button {
    width: 100%;
    padding: 12px;
    border-radius: 12px;

    border: 1.5px solid rgba(108,76,241,0.35);
    background: #fff;
    color: #6C4CF1;

    font-weight: 500;

    transition: all 0.25s ease;
}

/* hover */
.woocommerce-form-register button:hover {
    background: #6C4CF1;
    color: #fff;
    border-color: #6C4CF1;
}

/* ESPACIADO INTERNO */

.woocommerce-form .form-row {
    margin-bottom: 13px;
}