.elementor-18587 .elementor-element.elementor-element-21025d1{--display:flex;}.elementor-18587 .elementor-element.elementor-element-6ff6a74{--spacer-size:50px;}.elementor-18587 .elementor-element.elementor-element-c444e70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18587 .elementor-element.elementor-element-b4982a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18587 .elementor-element.elementor-element-912e1bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18587 .elementor-element.elementor-element-130d966{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-18587 .elementor-element.elementor-element-b4982a9{--width:25%;}.elementor-18587 .elementor-element.elementor-element-912e1bc{--width:50%;}.elementor-18587 .elementor-element.elementor-element-130d966{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-41590d0 *//* ===== LOGIN (ID 15757) — solo login ===== */

/* Ocultar la columna de REGISTRO */
body.page-id-15757 #customer_login .u-column2.col-2 {
    display: none !important;
}

/* Hacer que LOGIN ocupe todo el ancho */
body.page-id-15757 #customer_login .u-column1.col-1 {
    width: 100% !important;
    float: none !important;
}


/* ===== REGISTER (ID 18587) — solo registro ===== */

/* Ocultar la columna de LOGIN */
body.page-id-18587 #customer_login .u-column1.col-1 {
    display: none !important;
}

/* Hacer que REGISTER ocupe todo el ancho */
body.page-id-18587 #customer_login .u-column2.col-2 {
    width: 100% !important;
    float: none !important;
}


/* ==========================
   LOGIN & REGISTER CARDS
   ========================== */

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
    background: #ffffff;
    border-radius: 18px;
    padding: 22px 20px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    box-sizing: border-box;
}

/* Títulos de cada bloque (Login / Register) */
.woocommerce-account #customer_login h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #111827;
}

/* Primer texto debajo del título */
.woocommerce-account #customer_login form p:first-of-type {
    font-size: 13px;
    color: #6b7280;
    margin-top: 0;
}

/* Inputs más modernos */
.woocommerce-account .woocommerce form .input-text,
.woocommerce-account .woocommerce form input.input-text {
    border-radius: 10px;
    border: 1px solid #d1d5db;
    padding: 9px 11px;
    font-size: 14px;
    background-color: #f9fafb;
    transition: border-color .15s, box-shadow .15s, background-color .15s;
}

.woocommerce-account .woocommerce form .input-text:focus,
.woocommerce-account .woocommerce form input.input-text:focus {
    border-color: #00c897;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 200, 151, 0.4);
}

/* Labels */
.woocommerce-account .woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 4px;
}

/* Checkbox remember me */
.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #4b5563;
}

/* Botón principal (login / register) */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce button.button.alt {
    border-radius: 999px !important;
    border: none;
    background: linear-gradient(120deg, #00c897, #00b0ff);
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding: 10px 16px;
    text-transform: none;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 35px rgba(0, 184, 148, 0.35);
    transition: transform .12s, box-shadow .12s, opacity .12s;
}

.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce button.button.alt:hover {
    transform: translateY(-1px);
    box-shadow: 0 20px 55px rgba(0, 184, 148, 0.45);
    opacity: .97;
}

/* Enlace olvidar contraseña debajo del login */
.woocommerce-account .woocommerce form .lost_password {
    margin-top: 10px;
    font-size: 13px;
    text-align: right;
}

.woocommerce-account .woocommerce form .lost_password a {
    color: #00b0ff;
    text-decoration: none;
    font-weight: 500;
}

.woocommerce-account .woocommerce form .lost_password a:hover {
    text-decoration: underline;
}

/* Texto tipo "Don't have an account? Register" en el login */
.ivogo-login-register-link {
    font-size: 13px;
    color: #4b5563;
    margin-top: 12px;
}

.ivogo-login-register-link a {
    color: #10b981;
    text-decoration: none;
    font-weight: 500;
}

.ivogo-login-register-link a:hover {
    text-decoration: underline;
}

/* Que el recaptcha tenga aire */
.woocommerce-account .g-recaptcha {
    margin-top: 6px;
}

/* ==========================
   LOST PASSWORD – RESET
   ========================== */

.woocommerce-account .woocommerce form.lost_reset_password {
    max-width: 480px;
    margin: 40px auto 60px;
    background: #ffffff;
    border-radius: 20px;
    padding: 26px 24px 30px;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
}

.woocommerce-account .woocommerce form.lost_reset_password p:first-of-type {
    font-size: 13px;
    color: #6b7280;
}

.woocommerce-account .woocommerce form.lost_reset_password input.input-text {
    width: 100%;
}

.woocommerce-account .woocommerce form.lost_reset_password button.button {
    margin-top: 8px;
}

/* Enlace "Back to login" estilo moderno */
.ivo-back-to-login {
    margin-top: 14px;
    font-size: 13px;
    text-align: center;
    color: #4b5563;
}

.ivo-back-to-login a {
    color: #00b0ff;
    text-decoration: none;
    font-weight: 500;
}

.ivo-back-to-login a:hover {
    text-decoration: underline;
}

/* ==========================
   BOTÓN GOOGLE (por si falta algo)
   ========================== */

.ivogo-auth-social {
    margin-bottom: 14px;
}

.ivogo-google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid #dadce0;
    background-color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
    transition: box-shadow .12s, transform .08s, background-color .1s;
    font-size: 14px;
}

.ivogo-google-btn:hover {
    background-color: #f8fafc;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
    transform: translateY(-0.5px);
}

.ivogo-google-logo-wrapper {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ivogo-google-logo {
    width: 18px;
    height: 18px;
    display: block;
}

.ivogo-google-text {
    font-size: 14px;
    font-weight: 500;
    color: #3c4043;
}

.ivogo-divider {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #9ca3af;
    position: relative;
}

.ivogo-divider span {
    background: #ffffff;
    padding: 0 8px;
    position: relative;
    z-index: 1;
}

.ivogo-divider::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #e5e7eb;
    transform: translateY(-50%);
}/* End custom CSS */