.elementor-493 .elementor-element.elementor-element-1bfc231{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.92;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:6%;--padding-left:3%;--padding-right:3%;--z-index:1;}.elementor-493 .elementor-element.elementor-element-1bfc231:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-1bfc231 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://suite33media.com/wp-content/uploads/2026/06/Photographer_at_sophisticated_gala_202606152233-1.jpeg");background-position:center center;background-size:cover;}.elementor-493 .elementor-element.elementor-element-1bfc231::before, .elementor-493 .elementor-element.elementor-element-1bfc231 > .elementor-background-video-container::before, .elementor-493 .elementor-element.elementor-element-1bfc231 > .e-con-inner > .elementor-background-video-container::before, .elementor-493 .elementor-element.elementor-element-1bfc231 > .elementor-background-slideshow::before, .elementor-493 .elementor-element.elementor-element-1bfc231 > .e-con-inner > .elementor-background-slideshow::before, .elementor-493 .elementor-element.elementor-element-1bfc231 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #11111178 0%, var( --e-global-color-secondary ) 100%);}.elementor-widget-theme-page-title .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-493 .elementor-element.elementor-element-af42cfd .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-70d8393 );}.elementor-493 .elementor-element.elementor-element-22f2f0c .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-family:"Jost", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:2px;}.elementor-493 .elementor-element.elementor-element-22f2f0c .woocommerce-breadcrumb > a{color:var( --e-global-color-70d8393 );}.elementor-493 .elementor-element.elementor-element-50fb4bc3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-493 .elementor-element.elementor-element-50fb4bc3{--content-width:1200px;}}@media(max-width:1024px){.elementor-493 .elementor-element.elementor-element-1bfc231{--min-height:200px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-493 .elementor-element.elementor-element-af42cfd .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-493 .elementor-element.elementor-element-1bfc231{--min-height:200px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-493 .elementor-element.elementor-element-af42cfd .elementor-heading-title{font-size:25px;}.elementor-493 .elementor-element.elementor-element-22f2f0c .woocommerce-breadcrumb{font-size:10px;}.elementor-493 .elementor-element.elementor-element-50fb4bc3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6033d3b *//*******************************************
********** SUITE 33 - CART PREMIUM *********
************ VERSION FINAL ******************
*******************************************/

/* Contenedor */
.woocommerce-cart .woocommerce{
    max-width:1200px;
    margin:auto;
}

/* Tabla */
.woocommerce table.shop_table{
    border:none;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    background:#fff;
    width:100%;
}

/* Cabecera */
.woocommerce table.shop_table thead{
    background:#111;
}

.woocommerce table.shop_table thead th{
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    padding:18px 22px;
    border:none;
    text-align:left;
}

/* Filas */
.woocommerce table.shop_table td{
    padding:16px 22px;
    vertical-align:middle;
    border-color:#f2f2f2;
}

/* ---------- Celda producto ---------- */
.product-thumbnail{
    width:85px;
}

.product-thumbnail img{
    width:85px;
    height:85px;
    object-fit:cover;
    border-radius:10px;
    display:block;
}

.product-name a{
    color:#222!important;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    display:block;
}

.product-name a:hover{
    color:#c5a253!important;
}

/* Apretar todo el bloque: nombre, add-ons, edit options, sin depender
   de qué wrapper meta el plugin de Extra Product Options */
.product-name,
.product-name *{
    margin:0!important;
    padding:0!important;
}
.product-name > a{
    margin-bottom:4px!important;
    display:block;
}
.product-name dl.variation,
.product-name .wc-item-meta,
.product-name p,
.product-name > a + *{
    margin-bottom:4px!important;
    line-height:1.4;
    display:block;
    font-size:13px;
    color:#777;
}
.product-name dl.variation dt,
.product-name dl.variation dd{
    display:inline;
}

/* Precio */
.product-price,
.product-subtotal{
    font-size:15px;
    font-weight:700;
    color:#111;
}

/* Cantidad */
.quantity input.qty{
    width:70px;
    height:42px;
    border-radius:8px;
    border:1px solid #ddd;
    text-align:center;
}
.quantity input.qty:focus{
    border-color:#c5a253;
    outline:none;
}

/* ---------- Botón eliminar: solo X pequeña, sin fondo, sin fugas ---------- */
.woocommerce table.shop_table td.product-remove{
    width:24px;
}
.woocommerce table.shop_table td.product-remove a.remove,
.woocommerce table.shop_table td.product-remove a{
    position:relative!important;
    display:inline-block!important;
    width:16px!important;
    height:16px!important;
    overflow:hidden!important;   /* recorta cualquier icono/glifo original que se escape */
    background:none!important;
    border:none!important;
    border-radius:0!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
}

.woocommerce table.shop_table td.product-remove a.remove::before,
.woocommerce table.shop_table td.product-remove a::before{
    content:"\00d7"!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-52%)!important;
    color:#999!important;
    font-family:Arial, Helvetica, sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:1!important;
}

.woocommerce table.shop_table td.product-remove a.remove:hover::before,
.woocommerce table.shop_table td.product-remove a:hover::before{
    color:#8B1A1A!important;
}

/* ---------- Botones ---------- */
.woocommerce button.button,
.woocommerce a.checkout-button{
    background:#c5a253!important;
    color:#111!important;
    border:none;
    border-radius:8px;
    padding:15px 30px!important;
    font-size:13px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    transition:.3s;
    cursor:pointer;
}

.woocommerce button.button:hover,
.woocommerce a.checkout-button:hover{
    background:#111!important;
    color:#fff!important;
}

.woocommerce button.button:disabled{
    opacity:.5;
    cursor:not-allowed;
}

/* Cupón */
.coupon{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.coupon input{
    height:46px;
    border-radius:8px;
    border:1px solid #ddd;
    padding:0 14px;
    max-width:220px;
    flex:1;
}
.coupon input:focus{
    border-color:#c5a253;
    outline:none;
}

/* ---------- Totales ---------- */
.cart_totals{
    background:#fff;
    padding:32px;
    border-radius:14px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    max-width:420px;
    margin-left:auto;
}

.cart_totals h2{
    font-size:20px;
    font-weight:700;
    margin-bottom:18px;
    color:#111;
}

.cart_totals table{
    border:none;
    width:100%;
}

.cart_totals tr{
    border-bottom:1px solid #eee;
}

.cart_totals th,
.cart_totals td{
    padding:14px 0;
    font-size:14px;
}

.order-total td{
    color:#c5a253;
    font-size:20px;
    font-weight:700;
}

.wc-proceed-to-checkout a{
    display:block;
    width:100%;
    text-align:center;
    padding:18px!important;
    font-size:14px!important;
    border-radius:10px;
}

/*******************************************
******** CORRECCIONES WOOCOMMERCE **********
*******************************************/

.woocommerce a,
.woocommerce a:visited,
.woocommerce a:focus,
.woocommerce a:active{
    color:#c5a253;
    text-decoration:none;
}

.woocommerce a:hover{
    color:#111;
}

.product-name a,
.product-name a:visited{
    color:#222!important;
}

.product-name a:hover{
    color:#c5a253!important;
}

.woocommerce-shipping-destination{
    color:#666!important;
    font-size:14px;
}

.shipping-calculator-button,
.shipping-calculator-button:visited{
    color:#c5a253!important;
    font-weight:600;
    font-size:13px;
}

.shipping-calculator-button:hover{
    color:#111!important;
}

.select2-container--default .select2-selection--single{
    border:1px solid #ddd;
    border-radius:8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#222!important;
    font-size:14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background:#c5a253!important;
    color:#111!important;
}

.woocommerce a:focus,
.woocommerce button:focus,
.woocommerce input:focus,
.woocommerce select:focus{
    outline:none!important;
    box-shadow:none!important;
}

/*******************************************
************* RESPONSIVE *******************
*******************************************
   Debajo de 768px la tabla deja de comportarse
   como tabla y cada fila se vuelve una tarjeta
   apilada, usando el atributo data-title que
   WooCommerce ya trae en cada <td> del cart.
*******************************************/

@media(max-width:768px){

    .woocommerce table.shop_table{
        box-shadow:none!important;
        border-radius:0!important;
        background:transparent!important;
        overflow:visible!important;
    }

    .woocommerce table.shop_table thead{
        display:none!important;
    }

    .woocommerce table.shop_table tbody{
        display:block!important;
        width:100%!important;
    }

    .woocommerce table.shop_table tr{
        display:block!important;
        position:relative!important;
        width:100%!important;
        background:#fff!important;
        border-radius:12px!important;
        box-shadow:0 6px 20px rgba(0,0,0,.06)!important;
        padding:18px 16px!important;
        margin-bottom:14px!important;
        border:none!important;
    }

    .woocommerce table.shop_table td{
        display:block!important;
        width:100%!important;
        padding:0!important;
        border:none!important;
        border-color:transparent!important;
        text-align:left!important;
    }

    /* Reset global: anula la etiqueta nativa "Label: " que WooCommerce
       agrega por defecto en shop_table_responsive a TODAS las celdas.
       Más abajo la reactivamos manualmente solo donde queremos. */
    .woocommerce table.shop_table td::before{
        content:none!important;
        display:none!important;
        float:none!important;
    }

    /* Miniatura */
    .woocommerce table.shop_table td.product-thumbnail{
        margin-bottom:10px!important;
    }
    .product-thumbnail img{
        width:64px!important;
        height:64px!important;
    }

    /* Anular la etiqueta nativa de WooCommerce ("Product:" y el ":" suelto
       de la miniatura) que viene de shop_table_responsive por defecto */
    .woocommerce table.shop_table td.product-thumbnail::before,
    .woocommerce table.shop_table td.product-name::before{
        content:none!important;
        display:none!important;
    }

    /* Botón eliminar: flotando arriba a la derecha de la tarjeta, siempre visible */
    .woocommerce table.shop_table td.product-remove{
        display:block!important;
        position:absolute!important;
        top:16px!important;
        right:16px!important;
        width:16px!important;
        margin:0!important;
    }

    /* Nombre + add-ons: en columna, texto a la izquierda, sin cortes raros */
    .woocommerce table.shop_table td.product-name{
        margin-bottom:12px!important;
        padding-right:24px!important; /* deja espacio para no chocar con la X */
    }
    .product-name a{
        font-size:16px!important;
        line-height:1.35!important;
    }
    .product-name > a + *{
        font-size:12.5px!important;
    }

    /* Precio / Cantidad / Subtotal: fila corta con label a la izquierda, valor a la derecha */
    .woocommerce table.shop_table td.product-price,
    .woocommerce table.shop_table td.product-quantity,
    .woocommerce table.shop_table td.product-subtotal{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        padding:9px 0!important;
        border-top:1px solid #f0f0f0!important;
        font-size:14px!important;
    }
    .woocommerce table.shop_table td.product-price::before,
    .woocommerce table.shop_table td.product-quantity::before,
    .woocommerce table.shop_table td.product-subtotal::before{
        content:attr(data-title)!important;
        font-weight:700!important;
        font-size:11px!important;
        text-transform:uppercase!important;
        letter-spacing:.5px!important;
        color:#999!important;
    }

    .quantity input.qty{
        width:56px!important;
        height:38px!important;
    }

    /* Cupon apilado */
    .coupon{
        flex-direction:column!important;
    }
    .coupon input,
    .coupon button{
        width:100%!important;
        max-width:none!important;
    }

    /* Totales a ancho completo */
    .cart_totals{
        max-width:100%!important;
        margin-left:0!important;
        margin-top:30px!important;
        padding:22px!important;
    }
    .cart_totals h2{
        font-size:18px!important;
    }
    .order-total td{
        font-size:18px!important;
    }

    .woocommerce button.button,
    .woocommerce a.checkout-button{
        width:100%!important;
    }
}

/* Ajuste fino para celulares muy chicos */
@media(max-width:400px){
    .product-thumbnail img{
        width:56px;
        height:56px;
    }
    .product-name a{
        font-size:14px;
    }
}/* End custom CSS */