.elementor-834 .elementor-element.elementor-element-3723072{--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-834 .elementor-element.elementor-element-9d2fcfa{text-align:center;}.elementor-834 .elementor-element.elementor-element-9d2fcfa .elementor-heading-title{color:var( --e-global-color-solcolorlinkbuttoninitial );}.elementor-834 .elementor-element.elementor-element-56a5566{--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;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-cb47be1 *//* ------------------------------
   CONTENEDOR GENERAL
------------------------------ */
.woocommerce form.login,
.woocommerce form.register {
    background: #ffffff;
    padding: 30px !important;
    border-radius: 18px;
    box-shadow: 0 4px 20px #00000015;
    border: 1px solid #eeeeee;
}

.woocommerce h2 {
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 25px;
    color: #111111;
}

/* ------------------------------
   CAMPOS
------------------------------ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 14px 16px;
    border-radius: 12px;
    background: #f7f7ff;
    border: 1px solid #e0e0e0;
    font-size: 15px;
}

.woocommerce form .form-row input:focus {
    border-color: #7b61ff;
    box-shadow: 0 0 0 2px #7b61ff33;
}

/* ------------------------------
   BOTONES PRINCIPALES
------------------------------ */
.woocommerce button.button {
    width: 100%;
    background: #7b61ff !important;
    color: #fff !important;
    padding: 14px 0 !important;
    border-radius: 30px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-top: 10px;
    transition: 0.3s ease;
}

.woocommerce button.button:hover {
    background: #6048e8 !important;
}

/* ------------------------------
   BOTÓN SECUNDARIO (Registrarse / Vendedor)
------------------------------ */
.woocommerce #customer_login .register .button {
    background: #ffca00 !important;
    color: #000 !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
}

.woocommerce #customer_login .register .button:hover {
    background: #e0b200 !important;
}

/* ------------------------------
   CHECKBOXES
------------------------------ */
.woocommerce form .form-row .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
}

.woocommerce form .form-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
}

/* ------------------------------
   TEXTOS Y ENLACES
------------------------------ */
.woocommerce form .lost_password a,
.woocommerce a {
    color: #7b61ff !important;
}

.woocommerce form .lost_password {
    text-align: center;
    margin-top: 15px;
}

/* ------------------------------
   VERSIÓN MÓVIL
------------------------------ */
@media (max-width: 768px) {
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2 {
        width: 100%;
        margin-bottom: 25px;
    }

    .woocommerce h2 {
        font-size: 26px;
    }
}/* End custom CSS */