.elementor-1602 .elementor-element.elementor-element-3e3f455{--display:flex;}.elementor-1602 .elementor-element.elementor-element-2925c49{--links-normal-color:var( --e-global-color-blocksy_palette_7 );--links-hover-color:var( --e-global-color-5420d44 );}.elementor-1602 .elementor-element.elementor-element-e62853e{text-align:center;}.elementor-1602 .elementor-element.elementor-element-dd63519{--display:flex;}.elementor-1602 .elementor-element.elementor-element-9cfe5f0 img{width:100%;max-width:100%;}.elementor-1602 .elementor-element.elementor-element-2ec4fe3{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;top:458px;}.elementor-1602 .elementor-element.elementor-element-2ec4fe3.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1602 .elementor-element.elementor-element-2ec4fe3{right:2%;}body.rtl .elementor-1602 .elementor-element.elementor-element-2ec4fe3{left:2%;}.elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button{background-color:var( --e-global-color-5420d44 );font-family:"Peddana", Sans-serif;font-size:1rem;fill:var( --e-global-color-b5aeb33 );color:var( --e-global-color-b5aeb33 );border-radius:40px 40px 40px 40px;padding:30px 30px 30px 30px;}.elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button:hover, .elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button:focus{background-color:var( --e-global-color-b5aeb33 );color:var( --e-global-color-5420d44 );border-color:var( --e-global-color-5420d44 );}.elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button:hover svg, .elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button:focus svg{fill:var( --e-global-color-5420d44 );}.elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button{background-color:var( --e-global-color-5420d44 );font-family:"Peddana", Sans-serif;font-size:1rem;fill:var( --e-global-color-b5aeb33 );color:var( --e-global-color-b5aeb33 );border-radius:40px 40px 40px 40px;padding:30px 30px 30px 30px;}.elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button:hover, .elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button:focus{background-color:var( --e-global-color-b5aeb33 );color:var( --e-global-color-5420d44 );border-color:var( --e-global-color-5420d44 );}.elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button:hover svg, .elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button:focus svg{fill:var( --e-global-color-5420d44 );}@media(max-width:1024px){body:not(.rtl) .elementor-1602 .elementor-element.elementor-element-2ec4fe3{right:0%;}body.rtl .elementor-1602 .elementor-element.elementor-element-2ec4fe3{left:0%;}.elementor-1602 .elementor-element.elementor-element-2ec4fe3{top:56%;--z-index:10;}}@media(max-width:767px){.elementor-1602 .elementor-element.elementor-element-dd63519{--content-width:100%;--gap:0% 0%;--row-gap:0%;--column-gap:0%;}.elementor-1602 .elementor-element.elementor-element-2ec4fe3{--width:91.391%;top:132px;}body:not(.rtl) .elementor-1602 .elementor-element.elementor-element-2ec4fe3{right:4%;}body.rtl .elementor-1602 .elementor-element.elementor-element-2ec4fe3{left:4%;}.elementor-1602 .elementor-element.elementor-element-6b8dacd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1602 .elementor-element.elementor-element-6b8dacd .elementor-button{line-height:2em;padding:5px 010px 0px 010px;}.elementor-1602 .elementor-element.elementor-element-b39c699{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1602 .elementor-element.elementor-element-b39c699 .elementor-button{line-height:2em;padding:5px 010px 0px 010px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-2925c49 *//* 1. Tarjeta contenedora de las pestañas/formularios */
.elementor-widget-tabs .elementor-tabs-content-wrapper,
.woocommerce-form-login,
.woocommerce-form-register {
    background-color: #FFFFFF !important;
    border: 1px solid #F2D6DC !important;
    border-radius: 18px !important;
    padding: 30px !important;
    box-shadow: 0 8px 25px rgba(160, 107, 120, 0.08) !important;
}

/* 2. Botones de las Pestañas (Iniciar Sesión / Registrarse) */
.elementor-tab-title {
    border-radius: 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.elementor-tab-title .elementor-active {
    background-color: #8B5E6D !important; /* Color principal activo */
    color: #FFFFFF !important;
}

/* 3. Campos de entrada de texto (Usuario, Email, Contraseña) */
.woocommerce-form input[type="text"],
.woocommerce-form input[type="password"],
.woocommerce-form input[type="email"],
.woocommerce-Input {
    background-color: #FAFAFA !important;
    border: 1.5px solid #EAE0E3 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    transition: all 0.3s ease !important;
}

/* Efecto al hacer clic en los campos */
.woocommerce-form input:focus,
.woocommerce-Input:focus {
    border-color: #A06B78 !important;
    background-color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(160, 107, 120, 0.15) !important;
}

/* 4. Etiquetas de texto (Labels) */
.woocommerce-form-row label {
    font-weight: 600 !important;
    color: #5A4A50 !important;
    margin-bottom: 6px !important;
}

/* 5. Botón principal de Acceder / Registrarse */
.woocommerce-form .button,
.woocommerce-form-login .button,
.woocommerce-form-register .button {
    background-color: #A06B78 !important;
    color: #FFFFFF !important;
    border-radius: 25px !important;
    padding: 14px 35px !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(160, 107, 120, 0.25) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
}

/* Efectos al pasar el cursor sobre el botón */
.woocommerce-form .button:hover,
.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover {
    background-color: #855460 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(160, 107, 120, 0.35) !important;
}

/* 6. Enlace "¿Olvidaste tu contraseña?" */
.woocommerce-LostPassword a {
    color: #A06B78 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}

.woocommerce-LostPassword a:hover {
    color: #6E4450 !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------- */
/* CAMBIOS APLICADOS: OCULTAR LOGIN Y MOSTRAR REGISTRO */
/* -------------------------------------------------- */

/* Ocultar el formulario de inicio de sesión y la columna 1 */
.woocommerce-form-login,
.u-column1.col-1 {
    display: none !important;
}

/* Centrar y expandir el formulario de registro (columna 2) */
.u-column2.col-2 {
    width: 100% !important;
    max-width: 450px !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

/* Espaciado para filas de formulario */
.woocommerce-form-register .form-row {
    margin-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e3f455 *//* 1. Crear un contenedor para la imagen encima del formulario de REGISTRO */
.woocommerce-form-register::before {
    content: ""; /* Obligatorio para pseudo-elementos */
    display: block; /* Ocupar todo el ancho */
    width: 100%; /* Ancho total */
    height: 200px; /* Mantén el tamaño que te guste */
    background-image: url('https://coquetteshop.com.mx/wp-content/uploads/2026/08/registro.jpg');
    background-size: contain; /* Para que la imagen no se recorte */
    background-repeat: no-repeat; /* Para que no se repita */
    background-position: center; /* Centrar imagen */
    border-radius: 18px 18px 0 0; /* Bordes redondeados superiores */
    margin-bottom: 20px; /* Espacio debajo de la imagen */
}

/* 2. Ajustar el espaciado interno del formulario de REGISTRO */
.woocommerce-form-register {
    padding-top: 0 !important; /* Quitar espacio superior si la imagen tiene bordes redondeados */
}
/* Ocultar las pestañas / títulos "Acceder" y "Registrarse" */
.woocommerce-Account-navigation,
.elementor-tabs-wrapper,
.woocommerce-form-login-toggle,
.woocommerce-form-register-toggle {
    display: none !important;
}

/* Ocultar títulos H2/H3 dentro del formulario de WooCommerce */
.woocommerce-form-login h2,
.woocommerce-form-register h2,
.woocommerce h2 {
    display: none !important;
}/* End custom CSS */