.elementor-12 .elementor-element.elementor-element-6441a2c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.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 );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-0610c5c .elementor-heading-title{color:var( --e-global-color-f4ff951 );}.elementor-12 .elementor-element.elementor-element-e25f56e{text-align:center;}.elementor-12 .elementor-element.elementor-element-e25f56e .elementor-heading-title{color:var( --e-global-color-f4ff951 );}.elementor-12 .elementor-element.elementor-element-2041864{--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;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-3a9e213{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#333333;--border-color:#333333;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-3a9e213:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3a9e213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-12 .elementor-element.elementor-element-3a9e213.e-con{--align-self:flex-start;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#333333;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-f4ff951 );}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-f4ff951 );}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-42918c8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-text{color:var( --e-global-color-f4ff951 );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-42918c8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-e73ae26{--display:flex;}@media(min-width:481px){.elementor-12 .elementor-element.elementor-element-3a9e213{--width:25%;}.elementor-12 .elementor-element.elementor-element-e73ae26{--width:75%;}}/* Start custom CSS *//* 1. Ocultar el menú nativo de WooCommerce (porque ya hicimos el nuestro) */
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* 2. Forzar que el contenido ocupe el 100% de la columna derecha */
.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
}

/* 3. Estilizar Textos Generales */
.woocommerce-MyAccount-content, 
.woocommerce-MyAccount-content p, 
.woocommerce-MyAccount-content span {
    color: #cccccc !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 4. Estilizar Enlaces dentro del contenido */
.woocommerce-MyAccount-content a {
    color: #FFD700 !important; /* Dorado */
    text-decoration: none;
}

/* 5. Estilizar Tablas (Pedidos, Descargas) */
.woocommerce table.shop_table {
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    background-color: #111 !important; /* Fondo Gris Oscuro */
}

.woocommerce table.shop_table th {
    background-color: #1a1a1a !important; /* Cabecera más oscura */
    color: #fff !important;
    border-bottom: 1px solid #FFD700 !important; /* Línea dorada */
    padding: 15px !important;
}

.woocommerce table.shop_table td {
    background-color: #111 !important;
    border-top: 1px solid #333 !important;
    color: #ccc !important;
    padding: 15px !important;
}

/* 6. Botones de WooCommerce (Ver, Pagar, Guardar) */
.woocommerce button.button, 
.woocommerce a.button {
    background-color: transparent !important;
    color: #FFD700 !important;
    border: 1px solid #FFD700 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

.woocommerce button.button:hover, 
.woocommerce a.button:hover {
    background-color: #FFD700 !important;
    color: #000 !important;
}

/* 7. Formularios (Editar Dirección/Cuenta) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #0a0a0a !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 12px !important;
}

.woocommerce form .form-row label {
    color: #fff !important;
}

/* 8. Mensajes de Aviso (Info/Error) */
.woocommerce-info, .woocommerce-message {
    background-color: #151515 !important;
    color: #fff !important;
    border-top: 3px solid #FFD700 !important;
}
.woocommerce-error {
    background-color: #151515 !important;
    color: #ff4444 !important; /* Rojo para errores */
    border-top: 3px solid #ff4444 !important;
}
/* --- 1. LÓGICA DEL CAMALEÓN (VISIBILIDAD) --- */

/* OCULTAR cosas de USUARIOS cuando eres VISITANTE */
body:not(.logged-in) .columna-menu-usuario,
body:not(.logged-in) .solo-para-usuarios {
    display: none !important;
}

/* OCULTAR cosas de VISITANTES cuando eres USUARIO */
body.logged-in .solo-para-visitantes {
    display: none !important;
}

/* --- 2. MAQUETACIÓN DEL LOGIN (VISITANTES) --- */

/* Si no está conectado, que la columna de contenido ocupe el 100% y centre el login */
body:not(.logged-in) .columna-contenido-woo {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh; /* Altura mínima para que respire */
}

/* --- 3. DISEÑO DARK PREMIUM DEL FORMULARIO --- */

/* Caja del Login */
.woocommerce-form-login {
    background-color: #111111; 
    padding: 50px;
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6); /* Sombra más dramática */
    width: 100%;
    max-width: 450px; 
    margin: 0 auto; 
}

/* Título interno "Acceder" (Lo ocultamos porque ya tenemos el título del Hero) */
.woocommerce h2 {
    display: none !important; 
}

/* Inputs (Cajas de texto) */
.woocommerce-form-login input.input-text {
    background-color: #050505 !important; /* Casi negro */
    border: 1px solid #333 !important;
    color: #FFF !important;
    padding: 15px !important;
    border-radius: 6px !important;
    margin-bottom: 5px;
}

.woocommerce-form-login input.input-text:focus {
    border-color: #FFD700 !important; 
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.1);
}

/* Etiquetas (Labels) */
.woocommerce-form-login label {
    color: #999 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Botón ACCESO */
.woocommerce-form-login button.button {
    width: 100%;
    margin-top: 25px;
    background-color: #FFD700 !important;
    color: #000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    padding: 18px !important;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.woocommerce-form-login button.button:hover {
    background-color: #FFFFFF !important;
    transform: translateY(-2px); /* Efecto elevación sutil */
}

/* Links Olvidaste contraseña / Checkbox */
.woocommerce-form-login-rememberme { color: #666; font-size: 13px; }
.woocommerce-LostPassword a { 
    color: #666 !important; 
    font-size: 12px; 
    display: block; 
    text-align: center; 
    margin-top: 20px;
    text-decoration: underline;
}
.woocommerce-LostPassword a:hover { color: #FFD700 !important; }

/* Ocultar menú de navegación nativo de Woo siempre */
.woocommerce-MyAccount-navigation { display: none !important; }/* End custom CSS */