.elementor-118 .elementor-element.elementor-element-76f2520{--display:flex;--min-height:400px;--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-start;--align-items:center;--overlay-opacity:0.7;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-118 .elementor-element.elementor-element-76f2520:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-76f2520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavalpublicidad.com/wp-content/uploads/2026/01/sublimacion.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-118 .elementor-element.elementor-element-76f2520::before, .elementor-118 .elementor-element.elementor-element-76f2520 > .elementor-background-video-container::before, .elementor-118 .elementor-element.elementor-element-76f2520 > .e-con-inner > .elementor-background-video-container::before, .elementor-118 .elementor-element.elementor-element-76f2520 > .elementor-background-slideshow::before, .elementor-118 .elementor-element.elementor-element-76f2520 > .e-con-inner > .elementor-background-slideshow::before, .elementor-118 .elementor-element.elementor-element-76f2520 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-118 .elementor-element.elementor-element-504337c{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-118 .elementor-element.elementor-element-96fa616{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-accent );}.elementor-118 .elementor-element.elementor-element-96fa616 a{color:#FFFFFF;}.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 );color:var( --e-global-color-primary );}.elementor-118 .elementor-element.elementor-element-a683e8c{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-118 .elementor-element.elementor-element-a683e8c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-118 .elementor-element.elementor-element-aca84b3{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-118 .elementor-element.elementor-element-387e51fe{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-118 .elementor-element.elementor-element-04c1902{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-118 .elementor-element.elementor-element-3220b50e{width:var( --container-widget-width, 100% );max-width:100%;background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-118 .elementor-element.elementor-element-76f2520{--content-width:1435px;}.elementor-118 .elementor-element.elementor-element-504337c{--width:80%;}.elementor-118 .elementor-element.elementor-element-04c1902{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-118 .elementor-element.elementor-element-504337c{--width:90%;}}@media(max-width:1024px){.elementor-118 .elementor-element.elementor-element-76f2520{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-118 .elementor-element.elementor-element-504337c{--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:center;--align-items:flex-start;}.elementor-118 .elementor-element.elementor-element-96fa616{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-118 .elementor-element.elementor-element-a683e8c{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-118 .elementor-element.elementor-element-a683e8c .elementor-heading-title{font-size:36px;}.elementor-118 .elementor-element.elementor-element-aca84b3{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(max-width:767px){.elementor-118 .elementor-element.elementor-element-76f2520:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-76f2520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zavalpublicidad.com/wp-content/uploads/2026/01/Contacto.jpg");background-size:cover;}.elementor-118 .elementor-element.elementor-element-76f2520{--min-height:480px;--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-118 .elementor-element.elementor-element-96fa616{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-118 .elementor-element.elementor-element-a683e8c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-118 .elementor-element.elementor-element-a683e8c .elementor-heading-title{font-size:36px;}.elementor-118 .elementor-element.elementor-element-aca84b3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-118 .elementor-element.elementor-element-04c1902{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-118 .elementor-element.elementor-element-3220b50e{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS *//* --- 1. TEXTOS E IDIOMA (CSS REPLACEMENT) --- */
/* Mensaje lista vacía */
.ywraq_list_empty_message { visibility: hidden; position: relative; font-size: 0; }
.ywraq_list_empty_message::before {
    content: "Su lista de cotización está vacía. Agregue productos para solicitar un presupuesto.";
    visibility: visible; display: block; font-size: 16px; color: #333; margin-bottom: 20px;
}

/* Encabezados Tabla (Product / Quantity) */
th.product-name, th.product-quantity { color: transparent !important; font-size: 0 !important; }
th.product-name::before { content: "PRODUCTO"; visibility: visible; font-size: 14px; color: #4676DC; }
th.product-quantity::before { content: "CANTIDAD"; visibility: visible; font-size: 14px; color: #4676DC; }

/* --- 2. DISEÑO DE TABLA Y MINIATURAS --- */
#yith-ywraq-form { border-radius: 20px; overflow: hidden; border: 1px solid #E0E0E0; font-family: 'Inter', sans-serif; }
#yith-ywrq-table-list { border-collapse: separate; border-spacing: 0; width: 100%; border: none; }

#yith-ywrq-table-list thead th {
    background-color: rgba(70, 118, 220, 0.08);
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle !important;
}

.cart_item td { padding: 15px; vertical-align: middle; border-bottom: 1px solid #F0F0F0; }

.product-thumbnail img { width: 100px !important; height: 100px !important; object-fit: cover; border-radius: 10px; }

.product-quantity .quantity input.qty { 
    width: 85px !important; padding: 8px !important; text-align: center; 
    border: 1px solid #4676DC; border-radius: 5px; 
}

/* --- 3. ESTILO GLOBAL DE BOTONES (UNIFICADO) --- */
.yith-ywraq-before-table a.button,
.update-list-wrapper .button,
.update-list-wrapper input[type="submit"],
#ywraq-list-to-pdf,
input.button.raq-send-request {
    background-color: #4676DC !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 5px !important;
    border: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.yith-ywraq-before-table a.button:hover,
.update-list-wrapper .button:hover,
input.button.raq-send-request:hover { background-color: #355bb0 !important; transform: translateY(-2px); }

/* --- 4. ESTRUCTURA Y ESPACIADOS --- */
.yith-ywraq-before-table { margin-bottom: 25px; margin-top: 10px; }

.update-list-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 30px;
    background: transparent !important;
}

.after-table-right { display: flex !important; gap: 20px !important; }

/* Botón Final Enviar */
.raq-send-request-row { margin-top: 25px; }
input.button.raq-send-request { width: 100% !important; padding: 18px !important; }

/* Estilo para el botón de Regresar cuando la lista está vacía */
.return-to-shop a.button.wc-backward {
    background-color: #4676DC !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 5px !important;
    border: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

/* Efecto hover */
.return-to-shop a.button.wc-backward:hover {
    background-color: #355bb0 !important;
    transform: translateY(-2px);
    color: #ffffff !important;
}

/* Espaciado para que no esté pegado al mensaje */
.return-to-shop {
    margin-top: 20px !important;
}

/* --- 5. AJUSTES ESPECÍFICOS PARA MÓVILES (Celulares) --- */
@media (max-width: 768px) {
    
    /* Evitar deformación de la imagen */
    .product-thumbnail img {
        width: 80px !important; /* Un poco más pequeña en móvil */
        height: auto !important; /* Mantiene la proporción original */
        max-height: 80px !important;
        object-fit: contain !important; /* Asegura que se vea completa */
    }

    /* Apilar botones de la tabla (Borrar y Actualizar) */
    .update-list-wrapper {
        flex-direction: column !important; /* Cambia de fila a columna */
        gap: 15px !important;
        align-items: stretch !important; /* Los botones ocupan todo el ancho */
    }

    .after-table-right {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important; /* Separación de 10px entre botones apilados */
    }

    /* Asegurar que los botones midan lo mismo al apilarse */
    .update-list-wrapper .button, 
    .update-list-wrapper input[type="submit"] {
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Ajuste de celdas en móvil para que no se amontonen */
    #yith-ywrq-table-list td {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        border-bottom: 1px solid #f0f0f0;
    }
}/* End custom CSS */