.elementor-57 .elementor-element.elementor-element-3aedd9ec{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-65162e5c{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4em 0em 0em 0em;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:justify;font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}body.elementor-page-57{padding:0em 0em 0em 0em;}@media(max-width:1440px){.elementor-57 .elementor-element.elementor-element-65162e5c{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-65162e5c{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(max-width:880px){.elementor-57 .elementor-element.elementor-element-65162e5c{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-3aedd9ec{--width:1100%;}}@media(min-width:2400px){.elementor-57 .elementor-element.elementor-element-65162e5c{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}/* Start custom CSS for text-editor, class: .elementor-element-65162e5c *//* ========================================================= */
/* 2. MENÚ MI CUENTA: PESTAÑAS VERTICALES SOLO EN MÓVIL      */
/* ========================================================= */

@media (max-width: 767px) {
    /* Cambiar el contenedor de las pestañas a columna */
    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-direction: column !important; /* Formato vertical */
        gap: 8px !important; /* Espacio entre cada botón */
        padding: 0 !important;
        margin: 0 0 25px 0 !important;
    }

    /* Ajuste de cada elemento de la lista */
    .woocommerce-MyAccount-navigation ul li {
        width: 100% !important; /* Ocupa todo el ancho disponible */
        flex: none !important; /* Desactiva el crecimiento proporcional anterior */
        margin: 0 !important;
        border: 1px solid #e5e5e5 !important;
    }

    /* Ajuste del botón (enlace) */
    .woocommerce-MyAccount-navigation ul li a {
        justify-content: center !important; /* Centra el texto en el botón */
        text-align: center !important;
        padding: 15px !important;
        font-size: 0.9rem !important;
        min-height: 50px !important;
    }

    /* Asegurar que el borde derecho se vea igual en todos */
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders {
        border-right: 1px solid #e5e5e5 !important;
    }
}





/* ========================================================= */
/* AJUSTE FINAL: TEXTO RECUÉRDAME MÁS GRANDE Y ALINEADO      */
/* ========================================================= */

/* 1. Contenedor principal con espacio respecto a la contraseña */
.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
    margin-top: 20px !important; /* Espacio moderado para que no se vea pegado arriba */
    margin-bottom: 25px !important;
    padding: 0 !important;
}

/* 2. Alineación de la etiqueta y crecimiento del texto */
.woocommerce-form__label.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important; /* Centrado vertical con el check */
    gap: 15px !important; /* Espacio horizontal generoso */
    margin: 0 !important;
    cursor: pointer !important;
}

/* 3. Ocultar saltos de línea internos */
.woocommerce-form-login__rememberme br {
    display: none !important;
}

/* 4. Checkbox Naranja (Un poco más grande para acompañar el texto) */
.woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #ec7700 !important;
    flex-shrink: 0 !important;
}

/* 5. El Texto "RECUÉRDAME" ampliado */
.woocommerce-form-login__rememberme span {
    font-size: 1rem !important; /* Aumentado de 0.85rem a 1rem */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    display: inline-block !important;
    color: #63656A !important; /* Gris oscuro para mejor legibilidad */
}








/* ========================================================= */
/* 1. ALTURA RESPONSIVE DINÁMICA (EVITAR ESPACIO EN BLANCO)   */
/* ========================================================= */

@media (max-width: 2400px) { .woocommerce-account .woocommerce { min-height: 50vh !important; } }
@media (max-width: 1920px) { .woocommerce-account .woocommerce { min-height: 47vh !important; } }
@media (max-width: 1024px) and (min-width: 768px) { .woocommerce-account .woocommerce { min-height: 30vh !important; } }
@media (max-width: 767px) { .woocommerce-account .woocommerce { min-height: 30vh !important; } }

.site-footer, .elementor-location-footer { margin-top: auto !important; }

/* ========================================================= */
/* 2. MENÚ MI CUENTA: PESTAÑAS RESPONSIVE                    */
/* ========================================================= */

.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    list-style: none !important;
    border: none !important;
    background: transparent !important;
    justify-content: flex-start !important;
}

/* CADA PESTAÑA (LI) */
.woocommerce-MyAccount-navigation ul li {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5e5e5 !important;
    margin-right: -1px !important;
    margin-bottom: -1px !important; /* Evita bordes dobles al saltar de línea */
    position: relative !important;
    flex-grow: 1 !important; /* Permite que crezcan para llenar el ancho */
}

/* Ajuste específico para Tablet y Móvil */
@media (max-width: 767px) {
    .woocommerce-MyAccount-navigation ul li {
        flex: 1 0 45% !important; /* Muestra 2 botones por fila en móvil */
    }
}

.woocommerce-MyAccount-navigation ul li:last-child { margin-right: 0 !important; }

/* EL BOTÓN (A) */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 10px !important; /* Padding reducido para que quepa el texto */
    background-color: #f7f7f7 !important;
    color: #63656A !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important; /* Tamaño optimizado */
    text-decoration: none !important;
    white-space: normal !important; /* Permite que el texto largo respire */
    text-align: center !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    min-height: 55px !important; /* Altura uniforme */
}

.woocommerce-MyAccount-navigation ul li a br { display: none !important; }

/* ESTADOS: HOVER Y ACTIVA */
.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li:hover {
    border-color: #ec7700 !important;
    z-index: 10 !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #ec7700 !important;
    color: #ffffff !important;
}

/* ========================================================= */
/* 3. POSICIONAMIENTO DEL CONTENIDO Y ENLACES NARANJAS       */
/* ========================================================= */

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    display: block !important;
    clear: both !important;
}

.woocommerce-MyAccount-content {
    padding-top: 25px !important;
    margin-top: 10px !important;
    text-align: left !important;
}

.woocommerce-MyAccount-content a {
    color: #ec7700 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ========================================================= */
/* 4. TABLA DE PEDIDOS: ESTILO Y CENTRADO                    */
/* ========================================================= */

.woocommerce-orders-table {
    border: 1px solid #e5e5e5 !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.woocommerce-orders-table thead th,
.woocommerce-orders-table td {
    background-color: #ffffff !important;
    text-align: left !important;
    padding: 15px !important;
    border: 1px solid #e5e5e5 !important;
}

.woocommerce-orders-table thead th {
    background-color: #f7f7f7 !important;
    color: #63656A !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.woocommerce-orders-table__cell-order-number a {
    color: #ec7700 !important;
    font-weight: 700 !important;
        text-align: center !important;

}

.woocommerce-MyAccount-content .woocommerce-button.button.view {
    background-color: #444 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* ========================================================= */
/* BOTÓN VER EN TABLA DE PEDIDOS (CON HOVER)                 */
/* ========================================================= */

.woocommerce-MyAccount-content .woocommerce-button.button.view {
    background-color:  #ec7700 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important; /* Transición suave */
    display: inline-block !important;
}

/* Estado On Hover */
.woocommerce-MyAccount-content .woocommerce-button.button.view:hover {
    background-color: #707070 !important; /* Cambia al naranja United */
    color: #ffffff !important;
    text-decoration: none !important;
}

.table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: #ffffff !important;
}


/* ========================================================= */
/* 5. DIRECCIONES: PEGADO TOTAL A LA IZQUIERDA               */
/* ========================================================= */

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
}

.u-column1.col-1.woocommerce-Address, 
.u-column2.col-2.woocommerce-Address {
    float: left !important;
    width: 45% !important;
    margin-left: 0 !important;
    margin-right: 4% !important;
    padding: 0 !important;
    text-align: left !important;
}

.woocommerce-Address-title h3,
.woocommerce-Address-title .edit {
    text-align: left !important;
    margin-left: 0 !important;
    display: block !important;
    float: none !important;
}

address {
    text-align: left !important;
    margin-left: 0 !important;
    padding: 20px !important;
    border: 1px solid #e5e5e5 !important;
    background-color: #f9f9f9 !important;
}

@media (max-width: 767px) {
    .u-column1.col-1.woocommerce-Address, 
    .u-column2.col-2.woocommerce-Address {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important;
        float: none !important;
    }
}








/* ========================================================= */
/* 6. DETALLES DE LA CUENTA: NOMBRE Y APELLIDOS EN FILA      */
/* ========================================================= */

/* Configuración para Escritorio (768px en adelante) */
@media (min-width: 768px) {
    /* Forzamos a que el formulario use un contenedor flexible para alinear */
    .woocommerce-EditAccountForm {
        display: block !important;
    }

    /* Seleccionamos las filas de Nombre (first) y Apellidos (last) */
    .woocommerce-EditAccountForm .woocommerce-form-row--first, 
    .woocommerce-EditAccountForm .woocommerce-form-row--last {
        float: left !important;
        width: 48% !important; /* Ancho para que quepan ambos */
        margin-bottom: 20px !important;
        clear: none !important; /* Vital para evitar que salten de renglón */
        display: block !important;
    }

    /* Ocultar etiquetas <br> que rompen la fila entre el Nombre y el Apellido */
    .woocommerce-EditAccountForm p br {
        display: none !important;
    }

    /* Margen derecho solo al primer campo (Nombre) para separarlo del Apellido */
    .woocommerce-EditAccountForm .woocommerce-form-row--first {
        margin-right: 4% !important;
    }

    /* Limpiar el float del campo siguiente (Nombre visible) para que baje */
    .woocommerce-form-row-wide {
        clear: both !important;
        float: none !important;
        width: 100% !important;
    }

    /* Ocultar el div class="clear" intermedio que mete WooCommerce */
    .woocommerce-EditAccountForm .clear {
        display: none !important;
    }

    .woocommerce-EditAccountForm::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
}

/* Configuración para Móvil (767px hacia abajo) */
@media (max-width: 767px) {
    .woocommerce-EditAccountForm .woocommerce-form-row--first, 
    .woocommerce-EditAccountForm .woocommerce-form-row--last {
        float: none !important;
        width: 100% !important; /* Un solo renglón por campo */
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        display: block !important;
    }
}

/* Estilos de los Inputs */
.woocommerce-EditAccountForm input.input-text {
    border: 1px solid #e5e5e5 !important;
    padding: 14px 18px !important;
    border-radius: 4px !important;
    width: 100% !important;
}

/* Etiquetas (Labels) consistentes */
.woocommerce-EditAccountForm label {
    margin-bottom: 6px !important;
    font-weight: 700 !important;
    display: block !important;
    text-align: left !important;
    font-size: 0.9rem !important;
}






/* ========================================================= */
/* 7. BOTÓN GUARDAR: RESPONSIVE                              */
/* ========================================================= */

.woocommerce-EditAccountForm .button {
    background-color: #ec7700 !important;
    color: #ffffff !important;
    padding: 15px 45px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    margin-top: 1em !important;
    transition: all 0.3s ease !important;
}

.woocommerce-EditAccountForm .button:hover { background-color: #444 !important; }

@media (min-width: 768px) {
    .woocommerce-EditAccountForm .button { float: right !important; }
}

@media (max-width: 767px) {
    .woocommerce-EditAccountForm .button {
        float: none !important;
        display: block !important;
        margin: 1em auto 0 auto !important;
        width: fit-content !important;
    }
}

/* ========================================================= */
/* 8. TEXTO DE AYUDA Y LIMPIEZA                              */
/* ========================================================= */

#account_display_name_description, 
.woocommerce-EditAccountForm span.description,
.woocommerce-EditAccountForm em {
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1.5em !important;
    font-style: italic !important;
    color: #777 !important;
    text-align: left !important;
}

.woocommerce-EditAccountForm::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ========================================================= */
/* 9. OCULTAR DESCARGAS                                      */
/* ========================================================= */

.woocommerce-MyAccount-navigation-link--downloads { display: none !important; }

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders {
    border-right: 1px solid #e5e5e5 !important;
}















/* ========================================================= */
/* 10. AJUSTES ESPECÍFICOS PÁGINA LOGIN / REGISTRO           */
/* ========================================================= */

/* Quitar bordes de las cajas de Acceder y Registrarse */
.u-columns.col2-set#customer_login .u-column1, 
.u-columns.col2-set#customer_login .u-column2,
.woocommerce-account .woocommerce-form-login, 
.woocommerce-account .woocommerce-form-register {
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
}

/* Forzar alineación a la izquierda de todo el contenido */
.woocommerce-account .woocommerce {
    text-align: left !important;
}

.woocommerce-account form.login, 
.woocommerce-account form.register {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 100% !important;
}

/* Ajuste de inputs para que no pierdan el estilo pero se alineen */
.woocommerce-account .form-row {
    text-align: left !important;
    margin-left: 0 !important;
    width: 100% !important;
}

/* Alineación de los títulos "Acceder" y "Registrarse" */
.woocommerce-account h2 {
    text-align: left !important;
    margin-left: 0 !important;
}

/* Quitar cualquier borde de contenedor general en el formulario */
.woocommerce-form-login, .woocommerce-form-register {
    border: 0px !important;
    box-shadow: none !important;
}


/* ========================================================= */
/* 11. UNIFICACIÓN DE BOTONES Y ENLACES (ESTILO NARANJA)     */
/* ========================================================= */

/* Botones Acceder y Registrarse (y cualquier botón primario) */
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button,
.woocommerce-account .woocommerce-Button.button {
    background-color: #ec7700 !important;
    color: #ffffff !important;
    padding: 12px 35px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 50px !important; /* Estilo redondeado */
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important; /* Para que no ocupen todo el ancho si no quieres */
}

/* Efecto Hover para los botones */
.woocommerce-account .woocommerce-form-login .button:hover,
.woocommerce-account .woocommerce-form-register .button:hover {
    background-color: #444 !important;
    color: #ffffff !important;
}

/* Enlaces (¿Olvidaste la contraseña?, etc.) siempre naranjas */
.woocommerce-account .woocommerce-LostPassword.lost_password a,
.woocommerce-account .lost_password a,
.woocommerce-account .register-link a {
    color: #ec7700 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: none !important;
}

/* Quitar efectos de hover en los enlaces para que se mantengan naranjas */
.woocommerce-account .woocommerce-LostPassword.lost_password a:hover,
.woocommerce-account .lost_password a:hover {
    color: #ec7700 !important;
    text-decoration: underline !important; /* Opcional: solo subrayado al pasar el mouse */
}

/* Alinear el botón de Acceso y el check de Recuérdame a la izquierda */
.woocommerce-form-login__submit,
.woocommerce-form-login__rememberme {
    display: block !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.woocommerce-form-login__rememberme {
    margin-bottom: 15px !important;
}


/* ========================================================= */
/* 12. AJUSTES FINALES DE BOTONES Y ESPACIADO MÓVIL          */
/* ========================================================= */

/* Unir más el check de "Recuérdame" al input superior */
.woocommerce-form-login__rememberme {
    margin-top: -10px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Ajustar tamaño del botón ACCESO para igualar a REGISTRARSE */
/* Le damos un min-width para que se vea robusto como el otro */
.woocommerce-form-login .button {
    min-width: 180px !important; 
    padding: 12px 45px !important;
}

/* Espacio superior para el botón de REGISTRARSE */
.woocommerce-form-register .button {
    margin-top: 1.5em !important;
}

/* --- AJUSTES PARA MÓVIL --- */
@media (max-width: 767px) {
    /* Separar las secciones Acceder y Registrarse en móvil */
    .u-columns.col2-set#customer_login .u-column1 {
        margin-bottom: 60px !important; /* Espacio extra entre formularios */
        padding-bottom: 40px !important;
        border-bottom: 1px solid #eee !important; /* Opcional: línea sutil divisoria */
    }

    /* Centrar botones en móvil para mejor UX si prefieres, 
       o mantener a la izquierda con margin-left: 0 */
    .woocommerce-account .woocommerce-form-login .button,
    .woocommerce-account .woocommerce-form-register .button {
        width: 100% !important; /* Botón ancho completo en móvil para facilidad de click */
        max-width: 280px !important;
    }
}

/* Asegurar que los links de política de privacidad sean naranjas sin hover */
.woocommerce-privacy-policy-link, 
.lost_password a {
    color: #ec7700 !important;
}

.woocommerce-privacy-policy-link:hover, 
.lost_password a:hover {
    color: #ec7700 !important;
    text-decoration: underline !important;
}

/* ========================================================= */
/* 13. UNIFICACIÓN TOTAL DE ESTILOS (LOGIN = CUENTA)         */
/* ========================================================= */

/* Aplicar el estilo de los campos de 'Detalles de la cuenta' a Login/Registro */
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-register input.input-text {
    border: 1px solid #e5e5e5 !important;
    padding: 14px 18px !important;
    border-radius: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-color: #fff !important;
    font-size: 1rem !important;
}

/* Forzar que las etiquetas (Labels) tengan el mismo peso visual */
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
    margin-bottom: 8px !important;
    font-weight: 700 !important;
    display: block !important;
    text-align: left !important;
}

/* Ajuste de Botones: Misma altura, ancho y texto centrado */
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* Texto centrado */
    height: 50px !important; /* Altura uniforme */
    min-width: 220px !important; /* Ancho uniforme para ambos */
    padding: 0 45px !important;
    background-color: #ec7700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Separación específica para el botón de Registro */
.woocommerce-form-register .button {
    margin-top: 1.5em !important;
}

/* Alineación del checkbox "Recuérdame" */
.woocommerce-form-login__rememberme {
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    font-weight: 400 !important;
}

.woocommerce-form-login__rememberme input {
    margin-right: 10px !important;
    width: auto !important;
}

/* Ajuste Responsive: Botones al 100% en móviles para mejor click */
@media (max-width: 767px) {
    .woocommerce-account .woocommerce-form-login .button,
    .woocommerce-account .woocommerce-form-register .button {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .u-columns.col2-set#customer_login .u-column1 {
        margin-bottom: 50px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding-bottom: 40px !important;
    }
}


/* ========================================================= */
/* 14. REORDENACIÓN DE ELEMENTOS Y ESTILOS DE FORMULARIO     */
/* ========================================================= */

/* 1. Mover "¿Olvidaste la contraseña?" debajo del campo de Contraseña */
.woocommerce-form-login {
    display: flex !important;
    flex-direction: column !important;
}

/* El párrafo del botón y el check se mueven al final */
.woocommerce-form-login__submit-group { 
    order: 10 !important; 
}

/* Forzar que el enlace de pérdida de contraseña suba en el orden visual */
.woocommerce-LostPassword.lost_password {
    order: 2 !important;
    margin-top: -15px !important; /* Lo pega al campo de arriba */
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* 2. Checkbox de "Recuérdame" en color Naranja */
/* Ocultamos el check original para estilizar el contenedor o usar accent-color */
.woocommerce-form-login__rememberme input[type="checkbox"] {
    accent-color: #ec7700 !important; /* Método moderno para navegadores actuales */
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* 3. Justificar textos legales en la sección de Registro */
.woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-form-register p:not([class]) { 
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    color: #63656A !important;
    font-size: 0.95rem !important;
    margin-bottom: 20px !important;
}

/* Asegurar que el link de política dentro del texto justificado sea naranja */
.woocommerce-form-register .policy-text a,
.woocommerce-privacy-policy-link {
    color: #ec7700 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Ajuste final de alineación para el botón de Acceso tras el reorden */
.woocommerce-form-login .button {
    order: 3 !important;
    margin-top: 10px !important;
}

/* ========================================================= */
/* 15. REDUCCIÓN DE ETIQUETAS Y AJUSTE DE POSICIÓN           */
/* ========================================================= */

/* Reducir el tamaño de las etiquetas (Labels) un 30% */
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
    font-size: 0.7rem !important; /* Reducción del ~30% respecto al estándar */
    margin-bottom: 6px !important;
    text-transform: uppercase; /* Opcional: para que se lea mejor siendo pequeñas */
    letter-spacing: 0.5px;
}

/* Ajuste específico para el enlace de contraseña debajo del campo */
.woocommerce-form-login .lost_password {
    margin-top: -10px !important;
    margin-bottom: 15px !important;
}

.woocommerce-form-login .lost_password a {
    font-size: 0.8rem !important; /* Un poco más pequeño para jerarquía visual */
    font-weight: 600 !important;
}

/* Forzar justificación completa en el bloque de registro */
.woocommerce-form-register .woocommerce-privacy-policy-text p,
.woocommerce-form-register p.registration-notes {
    text-align: justify !important;
    text-justify: inter-word !important;
    hyphens: auto; /* Ayuda a que la justificación no deje huecos grandes */
}

/* Estilo del Checkbox Naranja (Refuerzo) */
.woocommerce-form-login__rememberme input[type="checkbox"] {
    accent-color: #ec7700 !important;
    transform: scale(1.1); /* Lo hace un poco más visible al ser naranja */
    margin-right: 12px !important;
}



/* Contenedor para alinear link a la izquierda y botón a la derecha */
.woocommerce-form-login .form-row:last-of-type {
    display: flex !important;
    flex-direction: row-reverse !important; /* Mueve el botón a la derecha y link a la izquierda */
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

/* Ajuste específico para el link "¿Olvidaste la contraseña?" */
.woocommerce-form-login .lost_password {
    margin: 0 !important;
    order: 1 !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

/* Ajuste para el botón de Acceso */
.woocommerce-form-login .button {
    order: 2 !important;
    margin: 0 !important;
}


/* Alineación perfecta del check con el texto */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    cursor: pointer;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 10px 0 0 !important; /* Espacio exacto a la derecha del cuadro */
    accent-color: #ec7700 !important; /* Check naranja */
    width: 16px !important;
    height: 16px !important;
    position: relative !important;
    top: 2px !important; /* Ajuste fino vertical */
}/* End custom CSS */