.elementor-2566 .elementor-element.elementor-element-7d35a1c{--display:flex;--min-height:1440px;}.elementor-2566 .elementor-element.elementor-element-7d35a1c:not(.elementor-motion-effects-element-type-background), .elementor-2566 .elementor-element.elementor-element-7d35a1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2566 .elementor-element.elementor-element-8c88ba7{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2566 .elementor-element.elementor-element-8c88ba7::before, .elementor-2566 .elementor-element.elementor-element-8c88ba7 > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-8c88ba7 > .e-con-inner > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-8c88ba7 > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-8c88ba7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-8c88ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2566 .elementor-element.elementor-element-8c88ba7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2566 .elementor-element.elementor-element-0a75751.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2566 .elementor-element.elementor-element-573d6aa > .elementor-widget-container{background-color:#000000;margin:-4px -4px -4px -4px;padding:-38px -38px -38px -38px;border-style:none;}.elementor-2566 .elementor-element.elementor-element-573d6aa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2566 .elementor-element.elementor-element-573d6aa img{width:20%;border-style:none;border-radius:70px 70px 70px 70px;}.elementor-2566 .elementor-element.elementor-element-23d4bbb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--overflow:auto;--overlay-opacity:0.5;--border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-23d4bbb:not(.elementor-motion-effects-element-type-background), .elementor-2566 .elementor-element.elementor-element-23d4bbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2566 .elementor-element.elementor-element-23d4bbb::before, .elementor-2566 .elementor-element.elementor-element-23d4bbb > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-23d4bbb > .e-con-inner > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-23d4bbb > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-23d4bbb > .e-con-inner > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-23d4bbb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2566 .elementor-element.elementor-element-23d4bbb.e-con{--flex-grow:0;--flex-shrink:0;}.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-2566 .elementor-element.elementor-element-9281949{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;text-align:center;}.elementor-2566 .elementor-element.elementor-element-9281949 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 4px 4px 4px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F8B904;border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-9281949.elementor-element{--align-self:center;}.elementor-2566 .elementor-element.elementor-element-9281949 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:900;letter-spacing:-0.8px;color:#FFFFFF;}.elementor-2566 .elementor-element.elementor-element-ddf1768{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;text-align:center;}.elementor-2566 .elementor-element.elementor-element-ddf1768 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 4px 4px 4px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F8B904;border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-ddf1768.elementor-element{--align-self:center;}.elementor-2566 .elementor-element.elementor-element-ddf1768 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:900;letter-spacing:-0.8px;color:#FFFFFF;}.elementor-2566 .elementor-element.elementor-element-c44ac1a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--overflow:auto;--overlay-opacity:0.5;--border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-c44ac1a:not(.elementor-motion-effects-element-type-background), .elementor-2566 .elementor-element.elementor-element-c44ac1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2566 .elementor-element.elementor-element-c44ac1a::before, .elementor-2566 .elementor-element.elementor-element-c44ac1a > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-c44ac1a > .e-con-inner > .elementor-background-video-container::before, .elementor-2566 .elementor-element.elementor-element-c44ac1a > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-c44ac1a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2566 .elementor-element.elementor-element-c44ac1a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2566 .elementor-element.elementor-element-c44ac1a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2566 .elementor-element.elementor-element-abb7efb{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;text-align:center;}.elementor-2566 .elementor-element.elementor-element-abb7efb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 4px 4px 4px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F8B904;border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-abb7efb.elementor-element{--align-self:center;}.elementor-2566 .elementor-element.elementor-element-abb7efb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:900;letter-spacing:-0.8px;color:#FFFFFF;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb{width:100%;max-width:100%;text-align:center;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb .elementor-heading-title{font-family:"Lexend Deca", Sans-serif;font-size:32px;font-weight:600;letter-spacing:-1.9px;word-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2566 .elementor-element.elementor-element-8f80e00{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-8f80e00 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#fabb04;border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-8f80e00.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2566 .elementor-element.elementor-element-0e83650{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2566 .elementor-element.elementor-element-0e83650 .elementor-divider-separator{width:100%;}.elementor-2566 .elementor-element.elementor-element-0e83650 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2566 .elementor-element.elementor-element-c046c7f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-c046c7f > .elementor-widget-container{background-color:#1E1E1E;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:9px 9px 9px 9px;box-shadow:-100px -100px 10px -100px rgba(0,0,0,0.5);}.elementor-2566 .elementor-element.elementor-element-c046c7f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-2566 .elementor-element.elementor-element-23d4bbb{--grid-auto-flow:row;}.elementor-2566 .elementor-element.elementor-element-c44ac1a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2566 .elementor-element.elementor-element-8c88ba7{--width:100%;}}@media(max-width:767px){.elementor-2566 .elementor-element.elementor-element-0a75751{width:var( --container-widget-width, 316px );max-width:316px;--container-widget-width:316px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-573d6aa{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-573d6aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2566 .elementor-element.elementor-element-573d6aa.elementor-element{--align-self:center;}.elementor-2566 .elementor-element.elementor-element-573d6aa img{width:100%;max-width:100%;height:144px;object-fit:fill;}.elementor-2566 .elementor-element.elementor-element-23d4bbb{--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-2566 .elementor-element.elementor-element-9281949{width:var( --container-widget-width, 125px );max-width:125px;--container-widget-width:125px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-9281949 > .elementor-widget-container{padding:2px 2px 2px 2px;border-width:2px 2px 2px 2px;border-radius:18px 18px 18px 18px;}.elementor-2566 .elementor-element.elementor-element-9281949 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-2566 .elementor-element.elementor-element-ddf1768{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-ddf1768 > .elementor-widget-container{padding:2px 2px 2px 2px;border-width:2px 2px 2px 2px;border-radius:18px 18px 18px 18px;}.elementor-2566 .elementor-element.elementor-element-ddf1768 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-2566 .elementor-element.elementor-element-c44ac1a{--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-2566 .elementor-element.elementor-element-abb7efb{width:var( --container-widget-width, 245px );max-width:245px;--container-widget-width:245px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-abb7efb > .elementor-widget-container{padding:4px 4px 4px 4px;border-width:2px 2px 2px 2px;border-radius:18px 18px 18px 18px;}.elementor-2566 .elementor-element.elementor-element-abb7efb .elementor-heading-title{font-size:15px;line-height:1.2em;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb{width:var( --container-widget-width, 283.736px );max-width:283.736px;--container-widget-width:283.736px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-0a1ddcb .elementor-heading-title{font-size:16px;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-2566 .elementor-element.elementor-element-8f80e00{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-2566 .elementor-element.elementor-element-8f80e00 > .elementor-widget-container{border-radius:12px 12px 12px 12px;}.elementor-2566 .elementor-element.elementor-element-c046c7f{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c046c7f *//*

 Theme Name:   Storefront - Hijo

 Theme URI:    https://proactibot.com/

 Description:  Tema hijo para personalizar el tema Storefront.

 Author:       Ignacio Carbonati

 Author URI:   https://proactibot.com/

 Template:     storefront

 Version:      1.1.0 (Fixed Final)

*/



/* --- KIT DE ESTILO GLOBAL - DOCENTES PROACTIVOS --- */



/* 1. VARIABLES DE COLOR Y ESTILO */

:root {

    --color-primario: #FFC700; /* Amarillo DP */

    --color-oscuro: #1E1E1E;   /* Gris oscuro DP */

    --color-blanco: #FFFFFF;

    --color-fondo: #f4f6f9;    /* Un gris muy suave para el fondo */

    --color-texto: #333333;

    --radio-borde: 12px;

    --fuente-principal: 'Poppins', sans-serif;

}



/* 2. ESTILOS GENERALES DEL CUERPO (BODY) */

body {

    font-family: var(--fuente-principal);

    background-color: var(--color-fondo);

    color: var(--color-texto);

}



/* 3. ESTILOS PARA TÍTULOS */

h1, h2, h3, h4, h5, h6 {

    font-family: var(--fuente-principal);

    font-weight: 700;

    color: var(--color-oscuro);

}

h1 { font-size: 42px; }

h2 { font-size: 34px; }

h3 { font-size: 26px; }



/* 4. ESTILO UNIVERSAL PARA BOTONES */

.button, 

.elementor-button,

input[type="submit"] {

    background-color: var(--color-primario) !important;

    color: var(--color-oscuro) !important;

    border-radius: var(--radio-borde) !important;

    font-weight: bold !important;

    text-transform: uppercase !important;

    padding: 14px 30px !important;

    border: none !important;

    transition: all 0.3s ease !important;

    box-shadow: 0 4px 15px rgba(255, 199, 0, 0.3);

    line-height: 1.2 !important;

}



.button:hover, 

.elementor-button:hover,

input[type="submit"]:hover {

    background-color: #e6b300 !important;

    transform: translateY(-3px);

    box-shadow: 0 7px 20px rgba(255, 199, 0, 0.4);

    color: #000 !important;

}



/* 5. CLASE REUTILIZABLE PARA TARJETAS (CARDS) */

.dp-card {

    background-color: var(--color-blanco);

    border: 1px solid #e9e9e9;

    border-radius: var(--radio-borde);

    padding: 30px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.05);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.dp-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 10px 30px rgba(0,0,0,0.1);

}



/* --- ESTILOS ESPECÍFICOS PARA LA PÁGINA "MI CUENTA" DE WOOCOMMERCE --- */



/* 1. ESTRUCTURA GENERAL FLEXBOX */

.woocommerce-account .woocommerce {

    font-family: 'Poppins', sans-serif;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

.woocommerce-account .woocommerce-MyAccount-navigation {

    flex: 1;

    min-width: 250px;

}

.woocommerce-account .woocommerce-MyAccount-content {

    flex: 3;

    min-width: 300px;

}



/* 2. MENÚ DE NAVEGACIÓN LATERAL */

.woocommerce-account .woocommerce-MyAccount-navigation ul {

    background-color: #1a1a1a !important; /* Fondo oscuro */

    border: 1px solid var(--color-primario) !important; /* Borde dorado */

    border-radius: 15px !important;

    padding: 20px !important;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

    margin: 0;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {

    padding: 0;

    margin: 0 0 5px 0;

    list-style-type: none;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    color: #FFFFFF !important;

    font-weight: 500;

    transition: all 0.3s ease;

    border-radius: 8px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 15px;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {

    background-color: #333333;

    color: #FFC700 !important;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {

    border-left: 4px solid #FFC700;

    background-color: #333333;

    border-radius: 8px;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {

    color: #FFC700 !important;

    font-weight: 700;

    background-color: transparent !important;

}



/* Ocultar elementos del menú no deseados */

.woocommerce-MyAccount-navigation-link--downloads,

.woocommerce-MyAccount-navigation-link--edit-address {

    display: none !important;

}



/* 3. ÁREA DE CONTENIDO PRINCIPAL */

.woocommerce-account .woocommerce-MyAccount-content {

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    color: #f0f0f0 !important;

}



/* --- ARREGLOS FINALES PARA EL FORMULARIO DE LOGIN --- */

body.not-logged-in .woocommerce-account .woocommerce {

    display: block !important;

}

#customer_login {

    max-width: 500px !important;

    margin: 40px auto !important;

    width: 100% !important;

}

#customer_login form.login input.input-text {

    background-color: #333333 !important;

    color: #FFC700 !important;

    border: 1px solid #555555 !important;

}

.woocommerce-account .woocommerce form .form-row label {

    color: #f0f0f0 !important;

}

/* OJITOS DE CONTRASEÑA */

.woocommerce-form-row .show-password-input {

    background: transparent !important;

    color: var(--color-primario) !important;

    box-shadow: none !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    right: 10px !important;

    height: auto !important;

    padding: 0 !important;

    border: none !important;

}

.woocommerce-form-row .show-password-input::after {

    font-size: 18px !important;

}



/* --- ESTILOS PARA CONTENIDO INTERNO DE MI CUENTA --- */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {

    background-color: #333 !important;

    border-top-color: var(--color-primario) !important;

    border-radius: 0 0 var(--radio-borde) var(--radio-borde) !important;

    color: #f0f0f0 !important;

    display: flex;

    align-items: center;

}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info p {

    color: #f0f0f0 !important;

}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {

    color: #f0f0f0 !important;

    margin-right: 1em;

}

body .woocommerce .woocommerce-MyAccount-content form label {

    color: #f0f0f0 !important;

}

body .woocommerce .woocommerce-MyAccount-content input[type="text"],

body .woocommerce .woocommerce-MyAccount-content input[type="email"],

body .woocommerce .woocommerce-MyAccount-content input[type="password"],

body .woocommerce .woocommerce-MyAccount-content input[type="tel"],

body .woocommerce .woocommerce-MyAccount-content select,

body .woocommerce .woocommerce-MyAccount-content textarea {

    background-color: #333 !important;

    color: #fff !important;

    border: 1px solid #555 !important;

    border-radius: var(--radio-borde) !important;

    padding: 12px 15px !important;

}

body .woocommerce .woocommerce-MyAccount-content input:disabled {

    background-color: #2a2a2a !important;

    color: #888 !important;

}

body .woocommerce .woocommerce-MyAccount-content form legend {

    color: var(--color-primario) !important;

    font-size: 20px;

    font-weight: bold;

    padding-bottom: 15px;

}

body.woocommerce-account .woocommerce-MyAccount-content fieldset {

    background-color: transparent;

    border: none;

    padding: 20px 0;

    margin: 0;

}

body.woocommerce-account .woocommerce-MyAccount-content fieldset legend {

    background-color: transparent;

}



/* --- ESTILOS DEFINITIVOS PARA TABLAS Y CONTENIDO DE "MI CUENTA" --- */



/* 1. ESTRUCTURA DE LA TABLA */

.woocommerce-MyAccount-content .shop_table {

    background-color: transparent !important;

    border: none !important;

    width: 100%;

    border-collapse: separate;

    border-spacing: 0 10px;

}

.woocommerce-MyAccount-content .shop_table th {

    color: var(--color-primario) !important;

    text-transform: uppercase;

    font-weight: bold;

    padding: 15px !important;

    background-color: #333 !important;

    border: none !important;

    text-align: left;

}

.woocommerce-MyAccount-content .shop_table thead th:first-child { border-top-left-radius: var(--radio-borde); }

.woocommerce-MyAccount-content .shop_table thead th:last-child { border-top-right-radius: var(--radio-borde); }



.woocommerce-MyAccount-content .shop_table tbody td {

    background-color: #1E1E1E !important;

    color: #f0f0f0 !important;

    vertical-align: middle;

    padding: 20px 15px !important;

    border: none !important;

}

.woocommerce-MyAccount-content .shop_table tbody tr:first-child td:first-child { border-top-left-radius: var(--radio-borde); }

.woocommerce-MyAccount-content .shop_table tbody tr:first-child td:last-child { border-top-right-radius: var(--radio-borde); }

.woocommerce-MyAccount-content .shop_table tbody tr:last-child td:first-child { border-bottom-left-radius: var(--radio-borde); }

.woocommerce-MyAccount-content .shop_table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--radio-borde); }



.woocommerce-MyAccount-content .shop_table tfoot th,

.woocommerce-MyAccount-content .shop_table tfoot td {

    color: #f0f0f0 !important;

    font-weight: bold;

    padding: 15px !important;

    border-top: 1px solid #444 !important;

    background-color: #1E1E1E !important;

}

.woocommerce-MyAccount-content .shop_table tfoot .woocommerce-Price-amount {

    color: var(--color-primario) !important;

    font-size: 1.2em;

}



/* 2. ESTILO PARA EL TEXTO SUPERIOR (RESUMEN DEL PEDIDO) */

.woocommerce-MyAccount-content .woocommerce-order-overview {

    background-color: #1E1E1E;

    padding: 25px;

    border-radius: var(--radio-borde);

    margin-bottom: 30px;

    border-left: 5px solid var(--color-primario);

    font-size: 1.1em;

    line-height: 1.6;

}

.woocommerce-MyAccount-content .woocommerce-order-overview mark {

    background-color: transparent;

    color: var(--color-primario);

    font-weight: bold;

}



/* 3. MANEJO PRECISO DE ENLACES Y BOTONES */

.woocommerce-MyAccount-content a {

    color: #f0f0f0 !important;

    text-decoration: none !important;

    transition: color 0.2s ease;

}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell--order-number a,

.woocommerce-MyAccount-content .woocommerce-order-overview mark a,

.woocommerce-MyAccount-content ul li a {

    color: var(--color-primario) !important;

}

.woocommerce-MyAccount-content a:hover {

    color: #fff !important;

}



/* --- CORRECCIÓN BOTONES AMARILLOS (TEXTO NEGRO) --- */

/* Forzamos que los botones de acción tengan texto negro legible */

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--actions a.button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 12px 24px !important;

    min-width: 120px;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    text-align: center;

    color: #1E1E1E !important; /* NEGRO */

    background-color: var(--color-primario) !important;

}



/* Eliminar flechas y decoraciones extra */

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--actions a.button::after {

   display: none !important; 

}



/* Hover effect */

body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--actions a.button:hover {

    transform: translateY(-2px);

    background-color: #e6b300 !important;

    color: #000000 !important;

}



/* 4. RESPONSIVE: DISEÑO "CARD" PARA MÓVILES (SOLUCIÓN DEFINITIVA) */

@media (max-width: 768px) {

  

  /* Ocultar encabezados de tabla de PC */

  .woocommerce-MyAccount-content .shop_table thead {

      display: none;

  }



  /* La fila se convierte en una tarjeta */

  .woocommerce-MyAccount-content .shop_table tbody tr {

      display: block;

      background-color: #222 !important;

      border: 1px solid var(--color-primario) !important; /* Borde amarillo */

      border-radius: 12px !important;

      margin-bottom: 25px !important;

      padding: 20px !important;

      box-shadow: 0 4px 10px rgba(0,0,0,0.4);

  }



  /* Ajuste de cada dato dentro de la tarjeta */

  .woocommerce-orders-table__cell {

    display: flex !important;

    justify-content: space-between; /* Título izquierda, dato derecha */

    align-items: center;

    text-align: right !important;

    padding: 12px 0 !important;

    border-bottom: 1px solid #333 !important;

    width: 100% !important;

  }

  

  /* Quitar linea del ultimo elemento */

  .woocommerce-orders-table__cell:last-child {

      border-bottom: none !important;

  }



  /* Estilo de los títulos (Fecha, Estado, etc) */

  .woocommerce-orders-table__cell::before {

    content: attr(data-title);

    font-weight: bold;

    color: var(--color-primario);

    float: left;

    text-transform: uppercase;

    font-size: 0.9em;

  }



  /* --- BOTONES EN MÓVIL: BLOQUES SEPARADOS --- */

  .woocommerce-orders-table__cell.woocommerce-orders-table__cell--actions {

      display: flex !important;

      flex-direction: column !important; /* Uno abajo del otro */

      gap: 10px !important;

      padding-top: 20px !important;

      border-top: 1px solid #444;

      margin-top: 10px;

  }



  /* Ocultar la palabra "Acciones" */

  .woocommerce-orders-table__cell.woocommerce-orders-table__cell--actions::before {

      display: none !important;

  }



  /* Botones anchos y comunes */

  body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell--actions a.button {

      width: 100% !important;

      margin: 0 !important;

      text-align: center !important;

      justify-content: center !important;

  }

}

/* --- CORRECCIÓN DEFINITIVA BOTONES (TEXTO NEGRO Y TAMAÑO) --- */



/* 1. Ajuste General: Texto Negro y Tipografía */

body.woocommerce-account .woocommerce-MyAccount-content .button,

body.woocommerce-account .woocommerce-orders-table__cell--actions a.button {

    color: #000000 !important; /* Negro puro para máximo contraste */

    background-color: var(--color-primario) !important;

    font-weight: 800 !important;

    text-transform: uppercase !important;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    padding: 10px 15px !important; /* Reducimos un poco el padding general */

    font-size: 13px !important; /* Tamaño de fuente más equilibrado */

    min-width: auto !important; /* Quitamos el ancho mínimo que los hacía gigantes */

    border-radius: 8px !important;

}



/* 2. Efecto Hover */

body.woocommerce-account .woocommerce-MyAccount-content .button:hover,

body.woocommerce-account .woocommerce-orders-table__cell--actions a.button:hover {

    background-color: #e6b300 !important;

    color: #000000 !important;

    transform: translateY(-2px);

    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

}



/* 1. OCULTAR ELEMENTOS DEL MENÚ (Métodos de pago, Pedidos, Descargas, Direcciones) */

.woocommerce-MyAccount-navigation-link--orders,

.woocommerce-MyAccount-navigation-link--downloads,

.woocommerce-MyAccount-navigation-link--edit-address,

.woocommerce-MyAccount-navigation-link--payment-methods {

    display: none !important;

}



/* 2. OCULTAR TEXTOS DE BIENVENIDA SIN ROMPER EL DISEÑO */

/* Esto apunta específicamente a los párrafos de saludo de WooCommerce */

.woocommerce-MyAccount-content p:not([class]), 

.woocommerce-MyAccount-content > p {

    display: none !important;

}



/* 3. REPARAR EL CONTENEDOR DE TARJETAS */

/* Esto asegura que tus cursos (el shortcode/Elementor) recuperen su lugar */

.woocommerce-MyAccount-content {

    display: flex !important;

    flex-direction: column !important;

    gap: 20px !important;

}



/* 4. FIX PARA MÓVIL (EVITAR DESBORDE) */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce {

        display: block !important;

    }

    

    .woocommerce-MyAccount-content {

        width: 100% !important;

        padding: 0 !important;

    }



    /* Aseguramos que las tarjetas no se estiren */

    .woocommerce-MyAccount-content .elementor-section,

    .woocommerce-MyAccount-content .elementor-container {

        max-width: 100vw !important;

    }

}

/* 1. CONVERTIR MENÚ LATERAL EN PESTAÑAS SUPERIORES */

.woocommerce-account .woocommerce {

    display: flex !important;

    flex-direction: column !important; /* Menú arriba, contenido abajo */

    gap: 20px !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation {

    width: 100% !important;

    max-width: 100% !important;

    margin-bottom: 20px !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul {

    display: flex !important;

    justify-content: center; /* Centra las pestañas */

    flex-wrap: wrap;

    gap: 10px;

    padding: 10px !important;

    background-color: #1a1a1a !important;

    border: 1px solid var(--color-primario) !important;

    border-radius: 15px !important;

    list-style: none !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul li {

    margin: 0 !important;

    flex: 1; /* Hace que las pestañas ocupen el mismo ancho */

    min-width: 120px;

    max-width: 200px;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    justify-content: center !important;

    text-align: center;

    padding: 10px !important;

    font-size: 14px !important;

}



/* 2. ARREGLAR TEXTO OCULTO (COLOR DE CONTRASTE) */

/* Si el texto está arriba de los botones y no se ve, le damos color blanco/amarillo */

.woocommerce-MyAccount-content, 

.woocommerce-MyAccount-content h2, 

.woocommerce-MyAccount-content h3,

.woocommerce-MyAccount-content p,

.woocommerce-MyAccount-content span {

    color: #FFFFFF !important; /* Forzamos blanco para que resalte en el fondo oscuro */

}



/* 3. AJUSTE DE CONTENIDO PARA OCUPAR TODO EL ANCHO */

.woocommerce-account .woocommerce-MyAccount-content {

    width: 100% !important;

    max-width: 100% !important;

}



/* 4. RESPONSIVE PARA MÓVIL */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {

        flex: 1 1 100%; /* En móvil se apilan si no caben */

        max-width: 100%;

    }

}



/* 1. ESTRUCTURA: MENÚ ARRIBA Y CENTRADO */

.woocommerce-account .woocommerce {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important; 

    gap: 25px !important;

}



/* 2. MENÚ DE NAVEGACIÓN COMPACTO (BORDE PEGADITO) */

.woocommerce-account .woocommerce-MyAccount-navigation {

    width: auto !important; 

    max-width: 100% !important;

    margin: 0 auto !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul {

    display: inline-flex !important; /* Esto hace que el borde NO sea gordo */

    justify-content: center;

    align-items: center;

    gap: 5px; /* Espacio mínimo entre botones */

    padding: 6px 12px !important;

    background-color: #1a1a1a !important;

    border: 1px solid var(--color-primario) !important;

    border-radius: 12px !important;

    list-style: none !important;

    margin: 0 !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul li {

    margin: 0 !important;

    flex: 0 1 auto !important; /* Quitamos el min-width que rompía todo */

}



.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    display: flex !important;

    padding: 8px 12px !important; /* Espaciado interno cómodo */

    font-size: 14px !important;

    color: #FFFFFF !important;

    text-decoration: none !important;

    font-weight: 600;

    white-space: nowrap; /* Evita que el texto se amontone */

}



/* Estado activo */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {

    color: var(--color-primario) !important;

    background-color: #333333;

    border-radius: 8px;

}



/* 3. CONTENIDO SIN BORDES EXTRAS (Para que no se vea doble) */

.woocommerce-account .woocommerce-MyAccount-content {

    width: 100% !important;

    background: transparent !important;

    border: none !important; 

    padding: 20px 0 !important;

}



/* 4. FIX DE TEXTOS */

.woocommerce-MyAccount-content h2, 

.woocommerce-MyAccount-content p, 

.woocommerce-MyAccount-content span,

.woocommerce-MyAccount-content .elementor-heading-title {

    color: #FFFFFF !important;

}



/* 5. RESPONSIVE MOBILE (COMO TE GUSTABA) */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {

        width: 100% !important;

    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {

        display: flex !important;

        width: 100% !important;

        flex-wrap: wrap; /* Para que bajen si el celular es muy chico */

    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {

        flex: 1 1 auto !important;

    }

}

/* 1. ESTRUCTURA DE CAJAS SEPARADAS */

.woocommerce-account .woocommerce { 

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    gap: 20px !important; /* Espacio real entre las dos cajas */

    background: transparent !important;

    border: none !important;

}



/* 2. MINI CAJA DEL MENÚ (INDEPENDIENTE) */

.woocommerce-account .woocommerce-MyAccount-navigation { 

    width: auto !important;

    margin: 0 auto !important;

    padding: 0 !important;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul {

    display: inline-flex !important;

    gap: 10px;

    padding: 8px 15px !important;

    background-color: #1a1a1a !important;

    border: 1px solid #FFC700 !important; /* Borde amarillo fino */

    border-radius: 12px !important;

    list-style: none !important;

    box-shadow: 0 4px 15px rgba(0,0,0,0.3);

}



/* 3. CAJA DE CONTENIDO (CON TU TÍTULO BUENO) */

.woocommerce-account .woocommerce-MyAccount-content { 

    width: 100% !important;

    max-width: 1200px !important;

    background-color: #1e1e1e !important; /* Fondo para que sea una caja real */

    border: 1px solid #FFC700 !important; /* Borde amarillo para cerrar la caja */

    border-radius: 24px !important;

    padding: 30px !important;

    box-shadow: 0 8px 30px rgba(0,0,0,0.5);

    box-sizing: border-box !important;

}



/* 4. TU TÍTULO AMARILLO (REFINADO) */

.woocommerce-MyAccount-content h2, 

.woocommerce-MyAccount-content h1, 

.woocommerce-MyAccount-content h3,

.woocommerce-MyAccount-content .elementor-heading-title {

    text-align: center !important;

    width: 100% !important;

    display: block !important;

    margin: 0 auto 65px auto !important; /* Centrado y con aire abajo */

    color: #FFC700 !important;

    font-weight: 800 !important;

    text-transform: uppercase !important;

}



/* 5. FIX PARA MÓVIL (MANTENIENDO TU LÓGICA) */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {

        width: 100% !important;

    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {

        display: flex !important;

        width: 100% !important;

        border-radius: 10px !important;

    }

    .woocommerce-account .woocommerce-MyAccount-content {

        padding: 20px 10px !important;

    }

}

/* PARCHE NEGRO ABSOLUTO PARA EL CONTENEDOR */

.woocommerce-account .woocommerce { 

    background-color: #000000 !important; 

    border: none !important; 

    padding: 4px 0 !important; /* Ajusta el espacio arriba y abajo del bloque negro */

    margin: 0 !important;

    max-width: 100% !important;

    width: 100% !important;

}



/* ELIMINAR CUALQUIER SOMBRA O BORDE EXTERNO QUE GENERE GRISES */

.woocommerce-account .woocommerce:before,

.woocommerce-account .woocommerce:after {

    display: none !important;

}

/* ELIMINAR EL PADDING GRIS DEL WIDGET (ELIMINAR LOS 19PX) */

.elementor-2566 .elementor-element.elementor-element-c046c7f > .elementor-widget-container {

    padding: 0 !important;

    background-color: #000000 !important;

}



/* REFUERZO UNIVERSAL PARA QUE NO QUEDEN RESTOS */

.elementor-widget-shortcode .elementor-widget-container {

    padding: 0 !important;

    background-color: #000000 !important;

}



/* 1. INVERTIR EL ORDEN (CONTENIDO ARRIBA, MENÚ ABAJO) */

.woocommerce-account .woocommerce {

    display: flex !important;

    flex-direction: column !important; /* Mantenemos columna */

}



/* Forzamos que el contenido sea el primero (order 1) */

.woocommerce-account .woocommerce-MyAccount-content {

    order: 1 !important;

    margin-bottom: 0px !important; /* Espacio para que no choque con el menú */

}



/* Forzamos que el menú sea el segundo (order 2) */

.woocommerce-account .woocommerce-MyAccount-navigation {

    order: 2 !important;

    margin-top: 0px !important;

    margin-bottom: 20px !important; /* Aire al final de la página */

}



/* 2. REAJUSTE DE TÍTULO (Para que no flote raro si ahora es lo primero que se ve) */

.woocommerce-MyAccount-content h2, 

.woocommerce-MyAccount-content .elementor-heading-title {

    margin-top: 10px !important;

}

/* --- ELIMINAR MARGEN INLINE DEL PLUGIN --- */

.woocommerce-MyAccount-content div[style*="margin-top: 2em"] {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



/* También ajustamos el h3 que está adentro por si acaso */

.woocommerce-MyAccount-content div[style*="margin-top: 2em"] h3 {

    margin-top: 0 !important;

    margin-bottom: 25px !important; /* Espacio pequeño con las tarjetas */

}

/* --- AJUSTE SUPERIOR DEFINITIVO --- */



/* 1. Subir el contenedor de WooCommerce eliminando rellenos */

.woocommerce-account .woocommerce-MyAccount-content {

    padding-top: 5px !important; /* Casi nada de espacio arriba */

    margin-top: -15px !important; /* Tiramos de la caja hacia arriba */

}



/* 2. Atacar el div del plugin que vimos en el inspector */

/* Le quitamos cualquier rastro de margen superior */

.woocommerce-MyAccount-content div[style*="margin-top"] {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



/* 3. Pegar el título h3 al borde superior */

.woocommerce-MyAccount-content h3 {

    margin-top: 0 !important;

    padding-top: 0 !important;

    line-height: 1 !important; /* Evita espacio invisible sobre las letras */

}

/* 4. Limpiar el contenedor de Elementor que envuelve el shortcode */

.elementor-widget-shortcode, 

.elementor-widget-shortcode .elementor-widget-container {

    margin-top: 0 !important;

    padding-top: 0 !important;

}
/* --- CAJA DE INICIO (LOGIN) CON TÍTULO AL FRENTE --- */


/* 1. Contenedor gris: Reducimos el margen superior de 80px a 20px */
.woocommerce-account form.login, 
.woocommerce-form-login {
    background-color: #1E1E1E !important; 
    border: 1px solid var(--color-primario) !important; 
    border-radius: 24px !important;
    padding: 85px 40px 40px 40px !important; /* Bajamos un poquito el padding interno */
    max-width: 450px !important;
    margin: 5px auto 10px auto !important; /* SUBIMOS LA CAJA: de 80px a 20px */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    display: block !important;
    position: relative !important; 
    z-index: 1 !important;
}

/* 2. Título ACCEDER: Lo subimos dentro de la caja */
.woocommerce-account .woocommerce h2 {
    color: #FFFFFF !important; 
    text-align: center !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 32px !important;
    position: absolute !important;
    top: 50px !important; /* LO SUBIMOS DENTRO: de 120px a 30px */
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

/* 3. Etiquetas de texto y checkboxes en blanco */
.woocommerce-form-login label,
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
}

/* 4. Enlace de "Olvidaste la contraseña" centrado y amarillo */
.woocommerce-LostPassword.lost_password {
    text-align: center;
    margin-top: 20px;
}

.woocommerce-LostPassword.lost_password a {
    color: var(--color-primario) !important;
    font-size: 0.9em;
}

/* 5. Ajuste del botón */
.woocommerce-form-login .button {
    width: 100% !important;
    margin-top: 10px !important;
    color: #000000 !important; 
}/* End custom CSS */