.elementor-230 .elementor-element.elementor-element-76a54f1:not(.elementor-motion-effects-element-type-background), .elementor-230 .elementor-element.elementor-element-76a54f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iammarbella.net/wp-content/uploads/2026/04/1920x1080-11.jpg");background-position:center center;background-size:cover;}.elementor-230 .elementor-element.elementor-element-76a54f1 > .elementor-background-overlay{background-color:var( --e-global-color-a02183e );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-230 .elementor-element.elementor-element-76a54f1 > .elementor-container{min-height:40vh;}.elementor-230 .elementor-element.elementor-element-76a54f1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-5be9f68{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-230 .elementor-element.elementor-element-5be9f68 .elementor-heading-title{font-family:var( --e-global-typography-2351def-font-family ), Sans-serif;font-size:var( --e-global-typography-2351def-font-size );font-weight:var( --e-global-typography-2351def-font-weight );line-height:var( --e-global-typography-2351def-line-height );color:var( --e-global-color-e766922 );}.elementor-230 .elementor-element.elementor-element-fb35a92{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-230 .elementor-element.elementor-element-76a54f1{margin-top:0px;margin-bottom:0px;padding:80px 30px 0px 30px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-5be9f68 .elementor-heading-title{font-size:var( --e-global-typography-2351def-font-size );line-height:var( --e-global-typography-2351def-line-height );}}@media(max-width:767px){.elementor-230 .elementor-element.elementor-element-76a54f1{margin-top:0px;margin-bottom:0px;padding:60px 30px 0px 30px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-230 .elementor-element.elementor-element-98d4227 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-230 .elementor-element.elementor-element-5be9f68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-230 .elementor-element.elementor-element-5be9f68 .elementor-heading-title{font-size:var( --e-global-typography-2351def-font-size );line-height:var( --e-global-typography-2351def-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-ad32919 *//* ====================================================
   ESTILOS CARRITO VACÍO - IAM MARBELLA (Lujo/Premium)
   ==================================================== */

/* 1. Contenedor principal: Centrado y con espacio para respirar */
.woocommerce .wc-empty-cart-message,
.woocommerce .return-to-shop {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* 2. El mensaje "Tu carrito está vacío" */
.woocommerce .cart-empty.woocommerce-info {
    background-color: transparent !important; /* Quita el fondo gris de Woo */
    border: none !important; /* Quita el borde azul superior de Woo */
    border-bottom: 1px solid #E5E5E5 !important; /* Línea sutil debajo */
    border-top: 1px solid #E5E5E5 !important; /* Línea sutil arriba */
    color: #1A1A1A !important; /* Negro elegante */
    font-size: 18px !important;
    font-weight: 300 !important; /* Tipografía fina y elegante */
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 40px 20px !important;
    margin-bottom: 40px !important;
    display: inline-block;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Quitar icono por defecto de WooCommerce (para que se vea más limpio) */
.woocommerce .cart-empty.woocommerce-info::before {
    display: none !important; 
}

/* 3. Botón "Volver a la tienda" */
.woocommerce p.return-to-shop a.button.wc-backward {
    background-color: #C5A059 !important; /* Color Oro IAM MARBELLA */
    color: #FFFFFF !important; /* Texto blanco */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    padding: 16px 45px !important;
    border-radius: 0px !important; /* Bordes cuadrados = Alta costura/Lujo */
    border: 1px solid #C5A059 !important;
    box-shadow: none !important;
    transition: all 0.4s ease-in-out !important; /* Transición suave */
    display: inline-block;
}

/* 4. Efecto HOVER (al pasar el ratón) del botón */
.woocommerce p.return-to-shop a.button.wc-backward:hover {
    background-color: #1A1A1A !important; /* Cambia a Negro elegante */
    border-color: #1A1A1A !important;
    color: #FFFFFF !important;
    transform: translateY(-2px); /* Se eleva un poquito, efecto premium */
}

/* ====================================================
   ESTILOS CARRITO ACTIVO - IAM MARBELLA (Lujo/Premium)
   ==================================================== */

/* 1. Tabla de Productos: Limpieza de bordes */
.woocommerce table.shop_table {
    border-collapse: collapse !important;
    border: none !important;
    border-bottom: 1px solid #E5E5E5 !important;
    border-radius: 0 !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: none !important;
    border-top: 1px solid #E5E5E5 !important;
    padding: 20px 10px !important;
    vertical-align: middle !important;
}

/* 2. Cabeceras de la tabla (Producto, Precio, Cantidad...) */
.woocommerce table.shop_table th {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    color: #1A1A1A !important;
    background-color: transparent !important;
}

/* 3. Nombre del producto y enlaces */
.woocommerce table.shop_table.cart .product-name a {
    color: #1A1A1A !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: color 0.3s ease !important;
}

.woocommerce table.shop_table.cart .product-name a:hover {
    color: #C5A059 !important; /* Dorado al pasar el ratón */
}

/* 4. Botón de Eliminar producto (La 'X') */
.woocommerce a.remove {
    color: #1A1A1A !important;
    background: transparent !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    transition: all 0.3s ease !important;
}

.woocommerce a.remove:hover {
    color: #C5A059 !important;
    background: transparent !important;
    transform: scale(1.2);
}

/* 5. Cajas de texto (Cantidad y Cupón) */
.woocommerce .quantity input.qty,
.woocommerce .coupon input.input-text {
    border: 1px solid #E5E5E5 !important;
    padding: 10px 15px !important;
    border-radius: 0 !important; /* Cuadrado = Lujo */
    color: #1A1A1A !important;
    background-color: #FFFFFF !important;
}

/* 6. Botones secundarios (Aplicar Cupón, Actualizar Carrito) */
.woocommerce .cart .actions .button {
    background-color: transparent !important;
    color: #1A1A1A !important;
    border: 1px solid #1A1A1A !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 12px 25px !important;
    transition: all 0.3s ease !important;
}

.woocommerce .cart .actions .button:hover {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* 7. Caja de TOTALES DEL CARRITO (Columna derecha/inferior) */
.woocommerce .cart-collaterals .cart_totals {
    background-color: #FDFDFD !important; /* Fondo casi blanco */
    padding: 35px 30px !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 0 !important;
    margin-top: 30px !important;
}

.woocommerce .cart-collaterals .cart_totals h2 {
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    color: #1A1A1A !important;
    border-bottom: 2px solid #C5A059 !important; /* Subrayado dorado */
    padding-bottom: 15px !important;
    margin-bottom: 25px !important;
}

/* 8. EL BOTÓN PRINCIPAL: FINALIZAR COMPRA */
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
    background-color: #C5A059 !important; /* Oro Marbella */
    color: #FFFFFF !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding: 18px 20px !important;
    display: block !important;
    text-align: center !important;
    border: 1px solid #C5A059 !important;
    transition: all 0.4s ease-in-out !important;
    box-shadow: none !important;
    margin-top: 20px !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #1A1A1A !important; /* Cambia a negro elegante */
    border-color: #1A1A1A !important;
    color: #FFFFFF !important;
    transform: translateY(-2px); /* Se eleva un poquito */
}

/* 9. Estilo de los precios */
.woocommerce-Price-amount.amount {
    font-weight: 600 !important;
    color: #1A1A1A !important;
}/* End custom CSS */