.elementor-335 .elementor-element.elementor-element-0569e14{--display:flex;--min-height:238px;--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;--justify-content:center;--overlay-opacity:0.19;}.elementor-335 .elementor-element.elementor-element-0569e14:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-0569e14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #75C75CFA 0%, #26800B 100%);}.elementor-335 .elementor-element.elementor-element-0569e14::before, .elementor-335 .elementor-element.elementor-element-0569e14 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-0569e14 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-0569e14 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-0569e14 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-0569e14 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://estudiothepark.com/wp-content/uploads/2026/03/imagen_2026-03-05_000205139.webp");--background-overlay:'';}.elementor-335 .elementor-element.elementor-element-0569e14 > .elementor-shape-bottom svg, .elementor-335 .elementor-element.elementor-element-0569e14 > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:47px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-87a2c62{text-align:center;}.elementor-335 .elementor-element.elementor-element-87a2c62 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:700;font-style:italic;text-shadow:0px 0px 22px #000000;color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-fbc0d07{--display:flex;--overlay-opacity:0.35;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-335 .elementor-element.elementor-element-fbc0d07::before, .elementor-335 .elementor-element.elementor-element-fbc0d07 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-fbc0d07 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-fbc0d07 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-fbc0d07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-fbc0d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://estudiothepark.com/wp-content/uploads/2026/03/Diseno-sin-titulo-9-1.png");--background-overlay:'';}.elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#02010100;}.elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-335 .elementor-element.elementor-element-0cba414 #add_payment_method #payment #place_order{background-color:#046F30F2;}.elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-335 .elementor-element.elementor-element-0cba414 #add_payment_method #payment #place_order:hover{background-color:#046F30BD;}.elementor-335 .elementor-element.elementor-element-0cba414{padding:0px 0px 0px 0px;--tab-content-spacing:32px;--tabs-alignment:start;--tabs-hover-color:#0BAD24;--tabs-active-color:#0BAD24;--tabs-border-type:solid;--tabs-border-radius:0px 0px 0px 0px;--tabs-padding:25px 25px 25px 25px;--tabs-spacing:0px;--tabs-divider-weight:3px;--sections-border-type:none;--sections-border-radius:0px 0px 0px 0px;--section-title-spacing:0px;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-rows-gap:0px;--forms-label-spacing:0px;--order-summary-rows-gap-top:calc( 0px/2 );--order-summary-rows-gap-bottom:calc( 0px/2 );}.elementor-335 .elementor-element.elementor-element-0cba414 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Roboto Mono", Sans-serif;font-size:17px;border-width:25px 25px 25px 25px;}.elementor-335 .elementor-element.elementor-element-0cba414 .woocommerce-MyAccount-content > div > p, .elementor-335 .elementor-element.elementor-element-0cba414 address, .elementor-335 .elementor-element.elementor-element-0cba414 .woocommerce-EditAccountForm fieldset legend, .elementor-335 .elementor-element.elementor-element-0cba414 .woocommerce-ResetPassword p:nth-child(1), .elementor-335 .elementor-element.elementor-element-0cba414 .woocommerce-OrderUpdate{font-family:"Roboto Mono", Sans-serif;font-size:17px;}.elementor-335 .elementor-element.elementor-element-0cba414 button.button, .elementor-335 .elementor-element.elementor-element-0cba414 #add_payment_method #payment #place_order{font-family:"Roboto Mono", Sans-serif;}.elementor-335 .elementor-element.elementor-element-649b401{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-335 .elementor-element.elementor-element-0cba414{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:0px 0px 400px 0px;--tab-content-spacing:33px;}}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-fbc0d07{--width:500px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-0cba414{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--tab-content-spacing:3px;--tabs-alignment:center;}.elementor-335 .elementor-element.elementor-element-0cba414.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-0569e14 *//* Escondemos la navegación por defecto (para invitados) */
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Solo la mostramos si el body tiene la clase 'logged-in' */
.logged-in .woocommerce-MyAccount-navigation {
    display: flex !important; /* O 'block' según cómo sea tu diseño */
}/* End custom CSS */
/* Start custom CSS for woocommerce-my-account, class: .elementor-element-0cba414 *//* Ocultar Direcciones */
.woocommerce-MyAccount-navigation-link--edit-address {
    display: none !important;
}


/* Ocultar botón de explorar productos en el panel de cuenta */
.woocommerce-MyAccount-content .woocommerce-Message .button,
.woocommerce-MyAccount-content .woocommerce-info .button {
    display: none !important;
}

@media (max-width: 767px) {
    /* 1. Forzar que los campos ocupen todo el ancho y pierdan el float */
    .woocommerce-form-row--first, 
    .woocommerce-form-row--last,
    .woocommerce-form-row--wide {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }

    /* 2. Centrar etiquetas (Labels) y títulos */
    .woocommerce-EditAccountForm label,
    .woocommerce-MyAccount-content h3,
    .woocommerce-EditAccountForm legend {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* 3. Centrar el texto dentro de los inputs */
    .woocommerce-EditAccountForm input.input-text {
        text-align: center !important;
    }

    /* 4. Centrar el botón de "Guardar cambios" */
    .woocommerce-EditAccountForm .button {
        display: block !important;
        margin: 20px auto !important;
        float: none !important;
        width: 80% !important; /* Un poco más angosto para que luzca mejor */
    }

    /* 5. Ajustar el texto de ayuda (instrucciones de contraseña) */
    .woocommerce-EditAccountForm em {
        display: block !important;
        text-align: center !important;
        margin-top: 10px;
    }
}

/* 1. Ocultamos la pestaña del menú lateral */
.woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}

/* 2. Ocultamos el texto de bienvenida nativo SOLO en la pestaña de Escritorio */
/* Así no afectamos a los párrafos <p> de los formularios de edición */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content p,
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content h2 {
    display: none !important;
}

/* 3. Opcional: Si pusiste un mensaje personalizado por PHP, 
      asegurémonos de que ese SÍ se vea */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content .park-welcome-container p {
    display: block !important;
}
    
/* Estilo para la tabla del carrito dentro del Panel Alumno */
.woocommerce-account .woocommerce-cart-form,
.woocommerce-account .cart-collaterals {
    background: #111 !important;
    border: 1px solid #222;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    font-family: 'Roboto Mono', monospace !important;
}

/* Hacer que los encabezados de la tabla sean verdes neón */
.woocommerce-account .shop_table thead th {
    color: #39FF14 !important;
    border-bottom: 2px solid #39FF14;
}

/* Botón de 'Finalizar compra' estilo The Park */
.woocommerce-account .checkout-button {
    background-color: #39FF14 !important;
    color: #000 !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

/* --- ESTILO LIGHT MODE MONOCROMÁTICO PARA MI CARRITO --- */

/* 1. Fondo y Texto Principal del Contenido de la Cuenta */
.woocommerce-MyAccount-content {
    background-color: #ffffff !important; /* Fondo Blanco */
    color: #000000 !important; /* Texto Negro */
    font-family: 'Roboto Mono', monospace !important;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Sombra suave para destacar */
}

/* 2. Reseteo de las Tablas y Contenedores Interiores */
.woocommerce-account .woocommerce-cart-form,
.woocommerce-account .cart-collaterals,
.woocommerce-account table.shop_table {
    background-color: transparent !important; /* Dejamos que el padre blanco brille */
    border: none !important;
    color: #000000 !important;
}

/* Encabezados de tabla a negro puro */
.woocommerce-account shop_table thead th {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

/* Precios y nombres de producto a negro (anteriormente verde o blanco) */
.woocommerce-account .product-name a,
.woocommerce-account .product-subtotal .amount,
.woocommerce-account .order-total .amount,
.woocommerce-account .cart_totals h2,
.woocommerce-account .woocommerce-Price-amount,
.woocommerce-account .woocommerce-Price-currencySymbol {
    color: #000000 !important;
}

/* --- 3. REDUCCIÓN DE LA IMAGEN DEL PRODUCTO --- */
.woocommerce-MyAccount-content .product-thumbnail img {
    max-width: 80px !important; /* Ajuste visual: reduce el tamaño */
    height: auto !important;
    border-radius: 5px;
}

/* --- 4. Inputs de Texto (Cupón, etc.) a Light Mode --- */
.woocommerce-MyAccount-content input[type="text"] {
    background-color: #f9f9f9 !important; /* Gris muy suave */
    border: 1px solid #dddddd !important;
    color: #000000 !important;
}

/* --- 5. Botones Monocromáticos --- */

/* Secundarios (Aplicar cupón / Actualizar) - Negro con borde negro */
.woocommerce-account button[name="apply_coupon"],
.woocommerce-account button[name="update_cart"] {
    background-color: #eeeeee !important; /* Gris claro */
    color: #333333 !important; /* Texto oscuro */
    border: 1px solid #333333 !important;
    font-family: 'Roboto Mono', monospace;
    text-transform: uppercase;
    font-size: 12px;
}

.woocommerce-account button[name="apply_coupon"]:hover,
.woocommerce-account button[name="update_cart"]:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Principal (Finalizar Compra) - Negro Sólido y Efectos */
.woocommerce-account .checkout-button {
    background-color: #000000 !important; /* Negro total */
    color: #ffffff !important; /* Letras blancas */
    font-weight: 800 !important;
    text-transform: uppercase;
    box-shadow: none !important; /* Quitamos el brillo neón anterior */
    transition: 0.3s;
}

.woocommerce-account .checkout-button:hover {
    background-color: #333333 !important;
    transform: translateY(-2px);
}

/* 1. Cambiar el título principal "Mis Clases en el Carrito" */
/* Usamos !important para pisar el color verde que venía del PHP */
.woocommerce-MyAccount-content h3 {
    color: #000000 !important;
    font-weight: 800;
}

/* 2. Cambiar los encabezados de la tabla (Producto, Precio, Cantidad, Subtotal) */
.woocommerce-account table.shop_table thead th {
    color: #000000 !important;
    border-bottom: 1px solid #000000 !important; /* Línea negra sutil debajo */
    text-transform: uppercase;
}

/* 3. Asegurar que los nombres de los productos también sean negros */
.woocommerce-account .product-name a {
    color: #000000 !important;
}

/* 4. Por si acaso, la "X" de eliminar producto */
.woocommerce-account .product-remove a {
    color: #000000 !important;
}

ransform: uppercase;
}

/* 1. Ocultar el encabezado de "Cantidad" en la tabla */
.woocommerce-account .shop_table thead th.product-quantity {
    display: none !important;
}



/* 3. Ocultar definitivamente el botón de actualizar */
.woocommerce-account button[name="update_cart"] {
    display: none !important;
}

/* 4. Ajustar el diseño para que el precio y el subtotal se alineen bien */
.woocommerce-account .shop_table td.product-subtotal {
    text-align: right !important;
    font-family: 'Roboto Mono', monospace !important;
    color: #000 !important;
}

/* Quitar el botón "Volver a la tienda" en el Panel Alumno */
.woocommerce-account .return-to-shop {
    display: none !important;
}

/* Por si tu tema usa una clase distinta para ese botón */
.woocommerce-account .button.wc-backward {
    display: none !important;
}
/* Ocultar el botón "Mis Clases" del menú lateral */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}/* End custom CSS */