.elementor-8 .elementor-element.elementor-element-2bbd03e2{--display:flex;--min-height:10vh;--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:space-between;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-8 .elementor-element.elementor-element-2bbd03e2:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-2bbd03e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0039;}.elementor-8 .elementor-element.elementor-element-2bbd03e2 > .elementor-shape-top .elementor-shape-fill, .elementor-8 .elementor-element.elementor-element-2bbd03e2 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#2010427A;}.elementor-8 .elementor-element.elementor-element-2bbd03e2 > .elementor-shape-top svg, .elementor-8 .elementor-element.elementor-element-2bbd03e2 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:82px;}.elementor-widget-image .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-8 .elementor-element.elementor-element-45723130{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;text-align:center;}.elementor-8 .elementor-element.elementor-element-45723130 img{width:62%;max-width:62%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-menu-toggle{margin-left:auto;background-color:rgba(255, 255, 255, 0);}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item:focus{color:#27C5F1;fill:#27C5F1;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#27C5F1;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed .elementor-item:after{border-color:#27C5F1;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#000000;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-underline .elementor-item:after,
					 .elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-overline .elementor-item:before,
					 .elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-double-line .elementor-item:before,
					 .elementor-8 .elementor-element.elementor-element-43fdc5cd .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd{--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a, .elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown{background-color:#D96D1C;border-style:solid;border-color:#000000;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-menu-toggle:hover,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a.highlighted{background-color:#A12EB7;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F2EFEC;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:1px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle{color:#FF6600;}.elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle svg{fill:#FF6600;}.elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle:hover, .elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle:focus{color:#ACA298;}.elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle:hover svg, .elementor-8 .elementor-element.elementor-element-43fdc5cd div.elementor-menu-toggle:focus svg{fill:#ACA298;}.elementor-8 .elementor-element.elementor-element-7facb4ea{--grid-template-columns:repeat(0, auto);text-align:right;width:var( --container-widget-width, 180px );max-width:180px;--container-widget-width:180px;--container-widget-flex-grow:0;--icon-size:21px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-7facb4ea .elementor-social-icon{background-color:rgba(255, 255, 255, 0);--icon-padding:0em;}.elementor-8 .elementor-element.elementor-element-7facb4ea .elementor-social-icon i{color:#FF6600;}.elementor-8 .elementor-element.elementor-element-7facb4ea .elementor-social-icon svg{fill:#FF6600;}.elementor-8 .elementor-element.elementor-element-7facb4ea .elementor-social-icon:hover i{color:#01BBE8;}.elementor-8 .elementor-element.elementor-element-7facb4ea .elementor-social-icon:hover svg{fill:#01BBE8;}.elementor-8 .elementor-element.elementor-element-5a37468{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-5a37468:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5a37468 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050025;}.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-8 .elementor-element.elementor-element-d3f4585{--divider-border-style:solid;--divider-color:#FF6600;--divider-border-width:1px;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;padding:0px 40px 0px 40px;--divider-element-spacing:10px;}.elementor-8 .elementor-element.elementor-element-d3f4585 .elementor-divider-separator{width:100%;}.elementor-8 .elementor-element.elementor-element-d3f4585 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-d3f4585 .elementor-divider__text{color:#FF6600;font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:400;letter-spacing:2.7px;}.elementor-8 .elementor-element.elementor-element-06040b8{--update-cart-automatically-display:none;--sections-background-color:#00000000;--sections-border-color:#00000000;--sections-padding:0px 0px 0px 0px;--sections-margin:0px;}.elementor-8 .elementor-element.elementor-element-06040b8 {--sections-descriptions-color:#FF0000;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:29px !important;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-2bbd03e2{--min-height:107px;}.elementor-8 .elementor-element.elementor-element-45723130{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-45723130 img{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8 .elementor-element.elementor-element-43fdc5cd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}.elementor-8 .elementor-element.elementor-element-7facb4ea{width:auto;max-width:auto;--icon-size:15px;--grid-column-gap:10px;}}/* Start custom CSS for nav-menu, class: .elementor-element-43fdc5cd *//* Estilo general de los enlaces del menú superior */
body .elementor-nav-menu a {
    color: #FFFFFF !important;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
    transition: all 0.3s ease !important;
}

/* Efecto al pasar el mouse (Hover) y página activa */
body .elementor-nav-menu a:hover,
body .elementor-nav-menu .elementor-item-active {
    color: #00F2FF !important; /* El azul cian del rediseño */
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.7); /* Brillo neón */
}

/* Línea decorativa inferior en el hover (opcional) */
body .elementor-nav-menu a::after {
    background-color: #00F2FF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a37468 *//* --- ESTILO GENERAL DEL CARRITO GAMER --- */

/* 1. Fondo principal de las tablas y contenedores */
.woocommerce table.shop_table, 
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .coupon {
    background-color: #0b0014 !important; /* Negro muy oscuro/morado */
    border: 2px solid #bc00ff !important; /* Borde Morado Neón */
    color: #ffffff !important;
    border-radius: 8px;
}

/* 2. Encabezados de la tabla (Producto, Precio, etc) */
.woocommerce table.shop_table thead th {
    color: #ff8c00 !important; /* Naranja */
    text-transform: uppercase;
    border-bottom: 2px solid #bc00ff !important;
    background-color: rgba(188, 0, 255, 0.1) !important;
}

/* 3. Nombres de productos y precios */
.woocommerce table.shop_table td.product-name a,
.woocommerce table.shop_table td.product-price .amount,
.woocommerce table.shop_table td.product-subtotal .amount {
    color: #ffffff !important;
    font-weight: bold;
}

.woocommerce table.shop_table td.product-name a:hover {
    color: #bc00ff !important; /* Cambio a morado al pasar el mouse */
}

/* 4. Inputs (Cantidad y Cupón) */
.woocommerce .quantity input.qty, 
#coupon_code {
    background-color: #1a1a1a !important;
    color: #ff8c00 !important;
    border: 1px solid #bc00ff !important;
    border-radius: 4px;
    padding: 8px !important;
}

/* 5. Botones (Actualizar Carrito y Aplicar Cupón) */
button[name="update_cart"], 
button[name="apply_coupon"] {
    background-color: transparent !important;
    color: #bc00ff !important;
    border: 2px solid #bc00ff !important;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
}

button[name="update_cart"]:hover, 
button[name="apply_coupon"]:hover {
    background-color: #bc00ff !important;
    color: #fff !important;
    box-shadow: 0 0 15px #bc00ff; /* Efecto brillo neón */
}

/* 6. Sección de Totales (Derecha) */
.cart_totals h2 {
    color: #ff8c00 !important; /* Título Naranja */
    text-align: center;
}

.cart_totals .shop_table tr th {
    color: #bc00ff !important;
}

/* 7. Botón de Finalizar Compra (El más importante) */
.checkout-button {
    background-color: #ff8c00 !important; /* Naranja potente */
    color: #000 !important;
    font-size: 1.2em !important;
    font-weight: 900 !important;
    border-radius: 5px !important;
    transition: 0.3s !important;
}

.checkout-button:hover {
    background-color: #e67e00 !important;
    box-shadow: 0 0 20px #ff8c00; /* Brillo Naranja */
    transform: scale(1.02);
}

/* Quitar líneas blancas divisorias */
.woocommerce table.shop_table td {
    border-top: 1px solid rgba(188, 0, 255, 0.2) !important;
}

/* --- ELIMINAR FONDOS BLANCOS RESTANTES --- */

/* 1. Fondo de los contenedores principales y columnas */
.woocommerce-cart .entry-content .woocommerce, 
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: transparent !important;
    background: transparent !important;
}

/* 2. Ajuste de los campos de selección (País, Ciudad, etc.) */
.woocommerce-cart select, 
.woocommerce-cart .select2-container--default .select2-selection--single,
.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="tel"],
.woocommerce-cart input[type="number"] {
    background-color: #1a1a1a !important; /* Fondo oscuro */
    color: #ffffff !important; /* Texto blanco */
    border: 1px solid #bc00ff !important; /* Borde morado neón */
    border-radius: 4px;
    height: 45px !important;
}

/* 3. Texto dentro de los .elementor-8 .elementor-element.elementor-element-5a37468es (dropdowns) */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    line-height: 40px !important;
}

/* 4. Botón "Actualizar" - VERSIÓN ULTRA FORZADA */
/* Agregamos múltiples rutas para asegurar que lo encuentre */
.woocommerce-cart .cart-collaterals .shipping-calculator-form .button,
.woocommerce-cart .shipping-calculator-form button[name="calc_shipping_checkout"],
.woocommerce-cart .cart_totals .button[name="calc_shipping_checkout"],
#add-to-cart-sauce-labs-backpack { /* Este es un ejemplo, ignóralo */
    background: #bc00ff !important; 
    background-color: #bc00ff !important;
    color: #ffffff !important;
    border: 2px solid #ff8c00 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: block !important;
    width: 100% !important; /* Lo hace ancho completo para estilo gamer */
    transition: 0.3s all ease !important;
}

/* Estado Hover (Al pasar el mouse) */
.woocommerce-cart .cart-collaterals .shipping-calculator-form .button:hover,
.woocommerce-cart .shipping-calculator-form button[name="calc_shipping_checkout"]:hover {
    background-color: #ff8c00 !important;
    color: #000000 !important;
    box-shadow: 0 0 20px #ff8c00 !important;
    transform: scale(1.03) !important;
}

/* 5. Etiquetas y textos de envío (Para que no se pierdan en el fondo oscuro) */
.woocommerce-shipping-calculator > a,
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button {
    color: #ff8c00 !important; /* Naranja para resaltar el link */
    text-decoration: none;
}

/* 6. Eliminar el borde blanco/gris de toda la sección de totales */
.cart-collaterals .cart_totals table.shop_table {
    border: 2px solid #bc00ff !important;
    background-color: #0b0014 !important;
}

/* 7. Arreglo para los radio buttons de envío (Starken, Chilexpress, etc) */
.woocommerce-cart .shipping-methods label {
    color: #ffffff !important;
}

/* --- AJUSTES DE ESPACIADO Y RESPIRACIÓN (MÁRGENES) --- */

/* 1. Espacio interno en la tabla de productos */
.woocommerce table.shop_table {
    padding: 20px !important;
    border-spacing: 0 10px !important; /* Separa un poco las filas */
    border-collapse: separate !important;
}

/* 2. Espacio interno en la sección de totales (Derecha) */
.woocommerce-cart .cart-collaterals .cart_totals {
    padding: 30px !important;
    margin-top: 0 !important; /* Alinea mejor con la tabla */
}

/* 3. Espacio en la caja de cupones */
.woocommerce-cart .coupon {
    padding: 20px !important;
    margin-top: 20px !important;
}

/* 4. Separación entre celdas (Producto, Precio, Cantidad) */
.woocommerce table.shop_table td, 
.woocommerce table.shop_table th {
    padding: 15px 10px !important;
}

/* 5. Margen entre las dos columnas principales (Carrito vs Totales) */
.elementor-widget-woocommerce-cart .e-cart__container {
    gap: 40px !important; /* Aumenta la distancia entre el carrito y los totales */
}

/* 6. Espaciado extra para los formularios de envío */
.shipping-calculator-form {
    padding: 20px 0 !important;
}

/* 7. Darle aire al botón de Finalizar Compra */
.checkout-button {
    margin-top: 20px !important;
    padding: 15px !important;
}

/* 8. Si usas las secciones de Elementor, esto les da margen interno */
.elementor-widget-woocommerce-cart .e-cart-section {
    padding: 25px !important;
    margin-bottom: 30px !important;
}

    .woocommerce-cart .shop_table td.product-name a,
    .woocommerce-cart .shop_table td.product-price .amount,
    .woocommerce-cart .shop_table td.product-price bdi,
    .woocommerce-cart .shop_table td.product-subtotal .amount,
    .woocommerce-cart .shop_table td.product-subtotal bdi {
        color: #ffffff !important; /* Blanco para que resalte */
    }

    /* 2. El Input de Cantidad */
    .woocommerce-cart .quantity input.qty {
        color: #ff8c00 !important; /* Naranja Gamer */
        background-color: #1a1a1a !important;
        border: 1px solid #bc00ff !important;
    }

    /* 3. ETIQUETAS MÓVILES (Los textos "Precio:", "Subtotal:", etc.) */
    /* En móviles, WooCommerce oculta la cabecera y crea estos textos con CSS */
    .woocommerce-cart table.shop_table_responsive tr td::before,
    .woocommerce-cart table.shop_table_responsive tr td[data-title]::before {
        color: #ff8c00 !important; /* Naranja para los títulos */
        font-weight: bold !important;
    }
    
    /* 4. Fondo de la fila de producto (para que no se vea gris/blanco) */
    .woocommerce-cart table.shop_table_responsive tr td {
        background-color: #0b0014 !important;
        color: #ffffff !important;
    }
    
    /* Asegura que los precios de la derecha sean blancos en móvil */
    .woocommerce-cart .cart_totals .shop_table tr td,
    .woocommerce-cart .cart_totals .shop_table tr td .amount,
    .woocommerce-cart .cart_totals .shop_table tr td .amount bdi {
        color: #ffffff !important;
        text-align: right !important;
    }
    
    /* Muestra el formulario de cálculo de envío permanentemente */
.shipping-calculator-form {
    display: block !important;
}

/* Opcional: Oculta el enlace "Calcular envío" ya que no será necesario */
.shipping-calculator-button {
    display: none !important;
}

/* --- ARREGLO FINAL PARA LA X DE ELIMINAR --- */

/* --- BOTÓN ELIMINAR: VERSIÓN DEFINITIVA (DIBUJO MANUAL) --- */

.woocommerce a.remove {
    border: 2px solid #bc00ff !important; /* Tu morado neón */
    background-color: transparent !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative !important;
    /* Escondemos CUALQUIER texto o icono que traiga el tema */
    color: transparent !important; 
    font-size: 0 !important;
    text-indent: -9999px;
    overflow: hidden;
}

/* Dibujamos la X con líneas blancas (Pseudo-elementos) */
.woocommerce a.remove::before,
.woocommerce a.remove::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 14px !important; /* Largo de los palitos de la X */
    height: 2px !important;  /* Grosor de la X */
    background-color: #ffffff !important; /* Color BLANCO */
    display: block !important;
    text-indent: 0 !important;
}

/* Giramos los palitos para que crucen */
.woocommerce a.remove::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.woocommerce a.remove::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Efecto Hover */
.woocommerce a.remove:hover {
    background-color: #bc00ff !important;
    box-shadow: 0 0 10px #bc00ff !important;
}

.woocommerce a.remove:hover::before,
.woocommerce a.remove:hover::after {
    background-color: #000000 !important; /* La X se vuelve negra al resaltar */
}/* End custom CSS */