.elementor-42 .elementor-element.elementor-element-27220fb{--display:flex;--min-height:200px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.6;}.elementor-42 .elementor-element.elementor-element-27220fb::before, .elementor-42 .elementor-element.elementor-element-27220fb > .elementor-background-video-container::before, .elementor-42 .elementor-element.elementor-element-27220fb > .e-con-inner > .elementor-background-video-container::before, .elementor-42 .elementor-element.elementor-element-27220fb > .elementor-background-slideshow::before, .elementor-42 .elementor-element.elementor-element-27220fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-42 .elementor-element.elementor-element-27220fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-42 .elementor-element.elementor-element-27220fb .elementor-background-slideshow__slide__image{background-size:cover;background-position:bottom center;}.elementor-42 .elementor-element.elementor-element-07e7310{--display:flex;}.elementor-42 .elementor-element.elementor-element-7689d3de{--display:flex;--min-height:757px;--justify-content:flex-start;}.elementor-42 .elementor-element.elementor-element-80be540{--display:flex;--min-height:469px;--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:stretch;}.elementor-42 .elementor-element.elementor-element-9e37bcf{--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;--border-radius:40px 40px 40px 40px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-42 .elementor-element.elementor-element-9e37bcf:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-9e37bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F1EA;}.elementor-42 .elementor-element.elementor-element-4b93191{--display:flex;}.elementor-42 .elementor-element.elementor-element-2da016f .elementor-button{background-color:var( --e-global-color-accent );font-size:13px;fill:var( --e-global-color-9bf6ab5 );color:var( --e-global-color-9bf6ab5 );border-radius:30px 30px 30px 30px;padding:8px 8px 8px 8px;}.elementor-42 .elementor-element.elementor-element-af2d2da{width:var( --container-widget-width, 50.95% );max-width:50.95%;--container-widget-width:50.95%;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-af2d2da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-af2d2da .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-d7ab027 .elementor-button{padding:17px 17px 17px 17px;}.elementor-42 .elementor-element.elementor-element-45cea97{--display:flex;}.elementor-42 .elementor-element.elementor-element-15ac8a1 img{border-radius:30px 30px 30px 30px;}/* Start custom CSS for shortcode, class: .elementor-element-e98f5fc *//* ========================================================
   DASHBOARD "MI CUENTA" PREMIUM MAC STYLE
   ======================================================== */

/* Contenedor Principal Flexbox */
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Quicksand', sans-serif !important;
    color: #563d23 !important;
}

/* --- BARRA LATERAL DE NAVEGACIÓN --- */
.woocommerce-MyAccount-navigation {
    width: 320px;
    flex-shrink: 0;
    background-color: #f4f1ea !important; /* Fondo Arena */
    padding: 35px 25px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(86,61,35,0.03);
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 12px !important;
}

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

.woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 14px 25px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    color: #563d23 !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Efecto Hover y Estado Activo de los Botones del Menú */
.woocommerce-MyAccount-navigation a:hover {
    background-color: #ebe6da !important;
    transform: translateX(5px);
}

.woocommerce-MyAccount-navigation li.is-active a {
    background-color: #375125 !important; /* Verde Oscuro */
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(55,81,37,0.2) !important;
    transform: translateX(5px);
}

/* --- ÁREA DE CONTENIDO (BENTO CARD) --- */
.woocommerce-MyAccount-content {
    flex-grow: 1;
    background: #ffffff !important;
    padding: 50px !important;
    border-radius: 40px !important;
    box-shadow: 0 20px 60px rgba(86,61,35,0.05) !important;
    border: 1px solid rgba(0,0,0,0.02) !important;
    min-height: 500px;
}

/* Tipografía dentro del contenido */
.woocommerce-MyAccount-content p {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    opacity: 0.85;
}

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

.woocommerce-MyAccount-content a:hover {
    text-decoration: underline !important;
}

.woocommerce-MyAccount-content h1, 
.woocommerce-MyAccount-content h2, 
.woocommerce-MyAccount-content h3 {
    font-family: 'Cal Sans', sans-serif !important;
    color: #375125 !important;
    margin-bottom: 25px !important;
}

/* Tablas de Pedidos estéticas */
.woocommerce-orders-table, 
.woocommerce-table {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(86,61,35,0.1) !important;
    width: 100% !important;
}

.woocommerce-table th {
    background-color: #f4f1ea !important;
    color: #375125 !important;
    font-family: 'Cal Sans', sans-serif !important;
    padding: 15px !important;
    font-size: 1.1rem !important;
}

.woocommerce-table td {
    padding: 15px !important;
    border-top: 1px solid rgba(86,61,35,0.05) !important;
    background: #ffffff !important;
}

/* Botones de acción (Ej. "Ver pedido", "Guardar cambios") */
.woocommerce-MyAccount-content .button,
.woocommerce-Button {
    background-color: #375125 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    border: none !important;
    display: inline-block !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-Button:hover {
    background-color: #73973d !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(115,151,61,0.2) !important;
}

/* Entradas de Formulario (Ej. Editar dirección) */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"] {
    background-color: #f4f1ea !important;
    border: 1px solid transparent !important;
    padding: 15px 20px !important;
    border-radius: 15px !important;
    font-family: 'Quicksand', sans-serif !important;
    color: #563d23 !important;
    width: 100% !important;
    transition: 0.3s !important;
}

.woocommerce-MyAccount-content input:focus {
    background-color: #ffffff !important;
    border-color: #73973d !important;
    box-shadow: 0 0 0 2px rgba(115,151,61,0.2) !important;
    outline: none !important;
}

/* --- DISEÑO RESPONSIVO (MÓVIL) --- */
@media (max-width: 900px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        padding: 20px !important;
        border-radius: 30px !important;
    }

    /* Convertimos el menú vertical en un carrusel táctil estilo App Store */
    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding-bottom: 5px !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    .woocommerce-MyAccount-navigation li {
        margin-bottom: 0 !important;
        white-space: nowrap !important;
    }

    .woocommerce-MyAccount-content {
        padding: 30px 20px !important;
        border-radius: 30px !important;
    }
}

/* ========================================================
   LOGIN "MI CUENTA" WOOCOMMERCE (ESTILO APP / MAC)
   ======================================================== */

/* Centrar el contenedor general del login/registro */
#customer_login {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px !important;
    max-width: 1000px !important;
    margin: 40px auto !important;
}

/* La Tarjeta del Formulario (Flotante y Limpia) */
.woocommerce-form-login,
.woocommerce-form-register {
    max-width: 450px !important;
    width: 100% !important;
    background: #ffffff !important;
    padding: 50px 40px !important;
    border-radius: 30px !important;
    box-shadow: 0 20px 60px rgba(86,61,35,0.06) !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    margin: 0 auto !important; 
    box-sizing: border-box !important;
}

/* Título de la Tarjeta */
.woocommerce-account .woocommerce h2 {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 2rem !important;
    color: #375125 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* Etiquetas de los campos */
.woocommerce-form-login label,
.woocommerce-form-register label {
    font-family: 'Quicksand', sans-serif !important;
    color: #563d23 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Inputs de texto (Estilo cápsula de App) */
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text {
    width: 100% !important;
    background: #fdfbf7 !important; /* Fondo ligerísimamente beige */
    border: 2px solid transparent !important;
    border-radius: 12px !important; /* Borde suave de app */
    padding: 16px 20px !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 1rem !important;
    color: #563d23 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    box-shadow: 0 5px 15px rgba(86,61,35,0.02) !important;
    margin-bottom: 20px !important;
}

/* Anillo de luz al escribir (Focus) */
.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus {
    background: #ffffff !important;
    border-color: #73973d !important;
    box-shadow: 0 0 0 3px rgba(115,151,61,0.15) !important;
    outline: none !important;
}

/* Checkbox (Recuérdame) ordenado */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 25px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #375125 !important;
}

/* Botón Maestro de Acceso */
.woocommerce-form-login button.button,
.woocommerce-form-register button.button {
    background-color: #375125 !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Píldora premium */
    padding: 16px 30px !important;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    width: 100% !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 20px rgba(55,81,37,0.15) !important;
    cursor: pointer !important;
}

.woocommerce-form-login button.button:hover,
.woocommerce-form-register button.button:hover {
    background-color: #73973d !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 30px rgba(115,151,61,0.2) !important;
}

/* Link de "¿Olvidaste la contraseña?" */
.woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 25px !important;
    display: block !important;
}

.woocommerce-LostPassword a {
    color: #563d23 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    transition: 0.3s !important;
}

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

/* Centrar y estilizar plugins de Google Login / Redes Sociales */
.nsl-container, 
.wc-social-login {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 25px !important;
    width: 100% !important;
}

/* Diseño Móvil Responsivo */
@media (max-width: 768px) {
    .woocommerce-form-login,
    .woocommerce-form-register {
        padding: 40px 25px !important;
        border-radius: 20px !important;
    }
}

/* Ocultar el título "Acceder" exterior para un diseño App inmaculado */
.woocommerce-account .woocommerce > h2,
#customer_login h2,
.u-column1 h2 {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80be540 *//* Ocultar este banner ÚNICAMENTE a los usuarios B2B (Distribuidores) */
body.es-usuario-b2b .elementor-42 .elementor-element.elementor-element-80be540 {
    display: none !important;
}/* End custom CSS */