.elementor-6646 .elementor-element.elementor-element-584c853{--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;--overlay-opacity:0.5;}.elementor-6646 .elementor-element.elementor-element-584c853::before, .elementor-6646 .elementor-element.elementor-element-584c853 > .elementor-background-video-container::before, .elementor-6646 .elementor-element.elementor-element-584c853 > .e-con-inner > .elementor-background-video-container::before, .elementor-6646 .elementor-element.elementor-element-584c853 > .elementor-background-slideshow::before, .elementor-6646 .elementor-element.elementor-element-584c853 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6646 .elementor-element.elementor-element-584c853 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6646 .elementor-element.elementor-element-e2df58d > .elementor-widget-container{padding:165px 0px 0px 0px;}.elementor-6646 .elementor-element.elementor-element-11d42dd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.5;}.elementor-6646 .elementor-element.elementor-element-11d42dd::before, .elementor-6646 .elementor-element.elementor-element-11d42dd > .elementor-background-video-container::before, .elementor-6646 .elementor-element.elementor-element-11d42dd > .e-con-inner > .elementor-background-video-container::before, .elementor-6646 .elementor-element.elementor-element-11d42dd > .elementor-background-slideshow::before, .elementor-6646 .elementor-element.elementor-element-11d42dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-6646 .elementor-element.elementor-element-11d42dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6646 .elementor-element.elementor-element-87fb043{--spacer-size:265px;}@media(max-width:767px){.elementor-6646 .elementor-element.elementor-element-e2df58d > .elementor-widget-container{padding:23px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-e2df58d *//* 1) Oculta todo el contenedor de "Registrarse" */
.woocommerce .u-column2.col-2 {
  display: none;
}

/* 2) Opcional: ajusta el ancho del contenedor de login para que quede centrado */
/*    (por ejemplo, hacer que la primera columna ocupe el 100% cuando la segunda está oculta) */
.woocommerce .u-column1.col-1 {
  width: 40% !important;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: none !important;
  width: 500px !important;
  margin: 0 auto !important;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    height: 500px !important;
    align-items: center;     /* centra verticalmente el contenido */
}

.woocommerce .woocommerce-form-login label {
  display: none;
}

/* Estilo para centrar vertical y horizontalmente todo el contenido del formulario de login */
.woocommerce form.woocommerce-form-login {
    height: 500px !important;
    display: flex;
    flex-direction: column; /* Acomoda el título y campos en columna */
    justify-content: center; /* Centra verticalmente */
    align-items: center;     /* Centra horizontalmente */
    padding: 0;
    margin: 0 auto;
}

/* Opcional: limitar el ancho del formulario */
.woocommerce form.woocommerce-form-login > * {
    width: 100%;
    max-width: 400px;
}

.woocommerce form .form-row {
    margin: 0 0 15px !important;
}

.woocommerce form .form-row label {
    color: #000 !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none !important;
    box-shadow: 0 0 3px rgba(221, 221, 221, 1) !important;
}

button.mostrar-registro:hover,
button.mostrar-registro:focus {
  box-shadow: none !important;
  outline: none !important;
}

@media (max-width: 767px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 98% !important;
        margin: 0 auto !important;
    }
    
    .woocommerce form.checkout_coupon,
    .woocommerce form.login,
    .woocommerce form.register {
        height: 500px !important;
        align-items: center;     /* centra verticalmente el contenido */
    }
    
    /* Estilo para centrar vertical y horizontalmente todo el contenido del formulario de login */
    .woocommerce form.woocommerce-form-login {
        height: 500px !important;
        display: flex;
        flex-direction: column; /* Acomoda el título y campos en columna */
        justify-content: center; /* Centra verticalmente */
        align-items: center;     /* Centra horizontalmente */
        padding: 0 50px 0 50px !important;
        margin: 0 auto;
    }
    
    /* Opcional: limitar el ancho del formulario */
    .woocommerce form.woocommerce-form-login > * {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .form-row input.input-text {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS */.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none !important;
    width: 500px !important;
    margin: 0 auto !important;
    align-items: center;     /* centra verticalmente el contenido */
}

.woocommerce form.register {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
}

.woocommerce-form-register {
    display: flex;
    flex-direction: column; /* Acomoda el título y campos en columna */
    justify-content: center; /* Centra verticalmente */
    align-items: center;     /* Centra horizontalmente */
    padding: 0;
    margin: 0 auto;
}

/* Opcional: limitar el ancho del formulario */
.woocommerce form .form-row input.input-text {
    align-items: center;
}

.woocommerce form .form-row {
    width: 400px !important;
}

@media (max-width: 767px) {
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 98% !important;
        margin: 0 auto !important;
        align-items: center;     /* centra verticalmente el contenido */
    }

    .woocommerce form .form-row {
        width: 100% !important;
    }
    
    .woocommerce form.register {
        padding: 0 50px 0 50px !important;
    }
    
    .woocommerce form.register {
        height: auto !important;
        min-height: 400px !important;
        overflow: visible;
    }
}/* End custom CSS */