.elementor-1321 .elementor-element.elementor-element-f1ba337{--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:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-c1a2b25 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1321 .elementor-element.elementor-element-0657903{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1321 .elementor-element.elementor-element-c04f57e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#jet-popup-1721{z-index:999;}#jet-popup-1721 .jet-popup__container{width:400px;height:100%;}#jet-popup-1721 .jet-popup__inner{justify-content:flex-end;align-items:flex-start;}#jet-popup-1721 .jet-popup__container-inner{justify-content:flex-start;padding:20px 20px 20px 20px;margin:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1321 .elementor-element.elementor-element-f1ba337{--content-width:400px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1321 .elementor-element.elementor-element-c1a2b25 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1321 .elementor-element.elementor-element-c1a2b25 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-df462e4 *//* --- 1. PRODUCTOS (Alineación Foto-Texto) --- */
.elementor-menu-cart__product {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #EAEAEA !important;
}

/* --- 2. IMAGEN (Control de tamaño) --- */
.elementor-menu-cart__product-image img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important; /* Que no se aplaste */
}

/* --- 3. TEXTOS (Nombre y Precio) --- */
.elementor-menu-cart__product-name {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

.elementor-menu-cart__product-price {
    font-size: 14px !important;
    color: #1e469e !important; /* Tu azul */
    font-weight: 600 !important;
    margin-top: 5px !important;
}

/* 1. Ajuste al contenedor del producto para que el texto no tape la X */
.elementor-menu-cart__product {
    padding-right: 30px !important; /* Espacio reservado para la X */
    position: relative !important; /* Necesario para posicionar la X */
}

/* 2. Posicionamiento del Botón Eliminar */
.elementor-menu-cart__product-remove {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important; /* Centrado verticalmente */
    transform: translateY(-50%) !important; /* Ajuste fino del centrado */
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* 3. Estilo del Icono (SVG o Letra) */
.elementor-menu-cart__product-remove svg,
.elementor-menu-cart__product-remove i {
    fill: #cccccc !important; /* Color Gris suave */
    color: #cccccc !important;
    width: 14px !important; /* Tamaño del icono */
    height: 14px !important;
    transition: all 0.3s ease !important;
}

.elementor-menu-cart__product-remove:after, .elementor-menu-cart__product-remove:before{
    background: #1A3E78
}

/* 4. Efecto Hover (Al pasar el mouse) */
.elementor-menu-cart__product-remove:hover svg,
.elementor-menu-cart__product-remove:hover i {
    fill: #ff0000 !important; /* ROJO */
    color: #ff0000 !important;
    transform: scale(1.1); /* Crece un poquito */
}

/* --- 4. SUBTOTAL --- */
.elementor-menu-cart__subtotal {
    border-top: 1px solid #EAEAEA !important;
    border-bottom: none !important; /* A veces Elementor pone doble borde */
    padding-top: 20px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-align: center !important; /* O flex space-between si prefieres */
}

/* --- 5. BOTONES (Aquí está el truco de las 2 columnas) --- */
.elementor-menu-cart__footer-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Dos columnas iguales */
    gap: 10px !important;
    margin-top: 15px !important;
}

/* Estilo Base de Botones */
.elementor-menu-cart__footer-buttons .elementor-button {
    width: 100% !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
}

/* Botón "Ver Carrito" (View Cart) - Gris */
.elementor-button--view-cart {
    background-color: #f3f3f3 !important;
    color: #333 !important;
}
.elementor-button--view-cart:hover {
    background-color: #e0e0e0 !important;
}

/* Botón "Finalizar Compra" (Checkout) - Azul */
.elementor-button--checkout {
    background-color: #1e469e !important; /* TU AZUL */
    color: white !important;
}
.elementor-button--checkout:hover {
    background-color: #163a8a !important; /* Azul más oscuro al hover */
}

/* --- 6. OCULTAR ELEMENTOS INNECESARIOS (Opcional) --- */
/* Si sale un título duplicado dentro del widget */
.elementor-menu-cart__header {
    display: none !important; 
}/* End custom CSS */