.elementor-3240 .elementor-element.elementor-element-c081ba8{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3240 .elementor-element.elementor-element-c081ba8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-3240 .elementor-element.elementor-element-c081ba8{--content-width:1500px;}}/* Start custom CSS for shortcode, class: .elementor-element-e33fb5a *//* ============================================
   FIREX - Botones cotización: IDÉNTICOS pixel-perfect
   "Borrar productos" = <button class="button ywraq_clean_list">
   "Actualizar productos" = <input type="submit" name="update_raq">
   ============================================ */

/* ===== Contenedor flex padre ===== */
#yith-ywraq-form .update-list-wrapper,
.yith-ywraq-form .update-list-wrapper,
.update-list-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 4px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
}

/* Hijos del flex: 50% cada uno */
.update-list-wrapper > button,
.update-list-wrapper > input[type="submit"],
.update-list-wrapper > input[name="clear_cart_ywraq"],
.update-list-wrapper > a.button,
.update-list-wrapper > a.clear-cart-ywraq,
.update-list-wrapper > .after-table-right {
    flex: 1 1 50% !important;
    width: 50% !important;
    min-width: 0 !important;
    max-width: 50% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* after-table-right: que su botón interno se estire 100% */
.update-list-wrapper > .after-table-right {
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
}

.update-list-wrapper > .after-table-right > input[type="submit"],
.update-list-wrapper > .after-table-right > input[name="update_raq"],
.update-list-wrapper > .after-table-right > button,
.update-list-wrapper > .after-table-right > a {
    width: 100% !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
}

/* ============================================
   ESTILO IDÉNTICO PARA AMBOS BOTONES
   (mismo height, font, padding, todo)
   ============================================ */
.update-list-wrapper button.button,
.update-list-wrapper button.ywraq_clean_list,
.update-list-wrapper input[type="submit"],
.update-list-wrapper input[name="clear_cart_ywraq"],
.update-list-wrapper a.button,
.update-list-wrapper .after-table-right input[type="submit"],
.update-list-wrapper .after-table-right input[name="update_raq"],
.update-list-wrapper .after-table-right button,
.update-list-wrapper .after-table-right a {
    /* Apariencia */
    background-color: #e30613 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;

    /* Tamaño exacto */
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    line-height: 50px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;

    /* Tipografía idéntica */
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    vertical-align: middle !important;

    /* Comportamiento del texto */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    /* Display */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Reset webkit */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

/* Hover idéntico */
.update-list-wrapper button.button:hover,
.update-list-wrapper button.ywraq_clean_list:hover,
.update-list-wrapper input[type="submit"]:hover,
.update-list-wrapper input[name="clear_cart_ywraq"]:hover,
.update-list-wrapper a.button:hover,
.update-list-wrapper .after-table-right input[type="submit"]:hover,
.update-list-wrapper .after-table-right input[name="update_raq"]:hover,
.update-list-wrapper .after-table-right button:hover {
    background-color: #c10510 !important;
    color: #ffffff !important;
}

/* Focus: quitar outline feo */
.update-list-wrapper button:focus,
.update-list-wrapper input:focus,
.update-list-wrapper a:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.2) !important;
}

/* ============================================
   "Agregar más productos" - mismo estilo
   ============================================ */
.yith-ywraq-add-button {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.yith-ywraq-add-button a,
.yith-ywraq-add-button .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 14px !important;
    background-color: #e30613 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background-color 0.2s ease !important;
}

.yith-ywraq-add-button a:hover {
    background-color: #c10510 !important;
    color: #ffffff !important;
}

/* ============================================
   "Enviar solicitud" del formulario inferior
   ============================================ */
.yith-ywraq-mail-form input[type="submit"],
.yith-ywraq-mail-form button[type="submit"] {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 24px auto 0 auto !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 18px !important;
    background-color: #e30613 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* ============================================
   Header "Cotización": NO tocar
   ============================================ */
.site-header a.button,
.header-cart a,
.menu-cart-quote a,
.elementor-button,
header .button {
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
    flex: none !important;
    display: inline-block !important;
}

/* ============================================
   MÓVIL: ajustes finos
   ============================================ */
@media (max-width: 768px) {
    .update-list-wrapper {
        gap: 10px !important;
        margin: 20px 0 !important;
    }

    .update-list-wrapper button.button,
    .update-list-wrapper input[type="submit"],
    .update-list-wrapper .after-table-right input[type="submit"],
    .update-list-wrapper .after-table-right button {
        font-size: 13px !important;
        padding: 0 10px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        line-height: 48px !important;
    }

    .yith-ywraq-add-button a {
        height: 48px !important;
        line-height: 48px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 400px) {
    .update-list-wrapper button.button,
    .update-list-wrapper input[type="submit"],
    .update-list-wrapper .after-table-right input[type="submit"] {
        font-size: 12px !important;
        padding: 0 6px !important;
        letter-spacing: -0.2px !important;
    }
}/* End custom CSS */