.elementor-1266 .elementor-element.elementor-element-bafd9ac{--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.2;--padding-top:10em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-1266 .elementor-element.elementor-element-bafd9ac:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-bafd9ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-332724a );}.elementor-1266 .elementor-element.elementor-element-bafd9ac::before, .elementor-1266 .elementor-element.elementor-element-bafd9ac > .elementor-background-video-container::before, .elementor-1266 .elementor-element.elementor-element-bafd9ac > .e-con-inner > .elementor-background-video-container::before, .elementor-1266 .elementor-element.elementor-element-bafd9ac > .elementor-background-slideshow::before, .elementor-1266 .elementor-element.elementor-element-bafd9ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-1266 .elementor-element.elementor-element-bafd9ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, var( --e-global-color-ab3aee2 ) 0%, var( --e-global-color-1566f86 ) 100%);}.elementor-1266 .elementor-element.elementor-element-26de75d{--display:flex;}.elementor-1266 .elementor-element.elementor-element-d1dbace{text-align:center;}.elementor-1266 .elementor-element.elementor-element-4f9e21cc{--display:flex;--padding-top:1em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-1266 .elementor-element.elementor-element-018905b{--display:flex;}@media(max-width:767px){.elementor-1266 .elementor-element.elementor-element-bafd9ac{--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}@media(max-width:1024px) and (min-width:768px){.elementor-1266 .elementor-element.elementor-element-bafd9ac{--content-width:740px;}}/* Start custom CSS for text-editor, class: .elementor-element-3d868804 *//* ==========================================================================
   THE FLOW STUDIO - MENÚ LATERAL "MI CUENTA" WOOCOMMERCE
   ========================================================================== */

/* 1. Contenedor general del layout de Mi Cuenta */
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 32px !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 30px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* 2. Columna del menú de navegación lateral */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 280px !important;
    min-width: 280px !important;
    float: none !important;
    background: #FFFFFF !important;
    border: 1.5px solid #F8CCCC !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 4px 18px rgba(177, 112, 108, 0.06) !important;
    box-sizing: border-box !important;
}

/* 3. Limpieza de lista y viñetas */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li::before {
    display: none !important;
}

/* 4. Enlaces / Botones de navegación */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 18px !important;
    color: #4A2C2C !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

/* Hover de cada botón */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #FFF6F6 !important;
    color: #B1706C !important;
    padding-left: 22px !important;
}

/* Pestaña activa (resaltado terracota oficial) */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #B1706C !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(177, 112, 108, 0.25) !important;
}

/* Pestaña "Mis Clases y Reservas" destacada suavemente */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mis-clases:not(.is-active) a {
    background: #FFF9F9 !important;
    border: 1px dashed #F8CCCC !important;
}

/* Botón Salir / Cerrar sesión */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #A94442 !important;
    margin-top: 10px !important;
    border-top: 1px solid #FDF0F0 !important;
    border-radius: 0 0 10px 10px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #FFF0F0 !important;
    color: #8A2B2B !important;
}

/* 5. Ocultar pestañas innecesarias en un estudio de clases */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* 6. Columna de contenido derecho */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 !important;
    width: auto !important;
    float: none !important;
}

/* 7. Avatar y nombre de usuario en cabecera lateral */
.woocommerce-account .woocommerce-MyAccount-navigation .user-profile,
.woocommerce-account .woocommerce-MyAccount-navigation .avatar {
    border-radius: 50% !important;
    border: 3px solid #F8CCCC !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
    box-shadow: 0 2px 8px rgba(177, 112, 108, 0.15) !important;
}

/* 8. Adaptabilidad Responsive */
@media (max-width: 850px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 25px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 calc(50% - 8px) !important;
    }
}

@media (max-width: 480px) {
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 100% !important;
    }
}/* End custom CSS */