.elementor-7 .elementor-element.elementor-element-2d8517c1{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7 .elementor-element.elementor-element-96f9fd5 > .elementor-widget-container{border-style:none;}.elementor-7 .elementor-element.elementor-element-96f9fd5:hover .elementor-widget-container{border-style:none;}.elementor-7 .elementor-element.elementor-element-33d0bef0 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-7 .elementor-element.elementor-element-aa8fceb{--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;}.elementor-7 .elementor-element.elementor-element-1f3b435{--display:flex;}body.elementor-page-7{padding:20px 20px 20px 20px;}/* Start custom CSS for shortcode, class: .elementor-element-96f9fd5 *//* ============================================
   Estilos personalizados para el formulario
   del carrito de WooCommerce
   ============================================ */
table.cart thead tr th{
    text-align: center;
}

table.cart tbody tr td{
    text-align: center
}

table.cart tr td{
    padding: 15px !important;
}
/* === INPUT DE CANTIDAD (.qty) === */
.woocommerce-cart-form input.qty {
    pointer-events: none;
    background-color: #f2f2f2;
    color: #555;
}

/* Estilos adicionales para el input de cantidad */
.woocommerce-cart-form input.qty {
    text-align: center;    
    width: 90px !important;
    max-width: 100px;
    min-width: 80px;
    font-size: 16px;
}

/* === BOTÓN "Actualizar carrito" === */

/* Agrega texto personalizado al botón mediante el pseudo-elemento ::after */
button[name="update_cart"]::after {
    content: "Carrito Actualizado";
    color: white;
    font-weight: bold;
    position: absolute;    
    top: 50%;              
    left: 50%;             
    transform: translate(-50%, -50%);
    pointer-events: none;  
}

/* Estilos base del botón */
button[name="update_cart"] {
    position: relative;    
    color: transparent !important;
    background-color: #28a745 !important;
    border: 2px solid #333 !important;
    padding: 10px 20px; 
    border-radius: 4px;    
    transition: background-color 0.3s ease;
    text-align: center; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden;
}
/* Cambio de color al pasar el mouse por encima + se fija el border-radius */
button[name="update_cart"]:hover {
    background-color: #218838 !important;
    border-radius: 4px;
}

@media (max-width: 768px) {
    table.cart tr td.actions{
    display: flex;
    align-items: center;
    justify-content: center;
}

table.cart tr td.actions button[name="update_cart"]{
    padding: 15px !important;
    letter-spacing: 1px;
}

table.cart tr.woocommerce-cart-form__cart-item td{
    text-align: center;
    vertical-align: middle;
}

  table.shop_table_responsive .product-quantity::before {
    margin-top: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-33d0bef0 */.woocommerce-billing-fields h3{
    text-align: center !important;
}

#order_comments{
    resize: none;
}

.form-row{
    margin-bottom: 20px !important;
    position: relative;
}

.checkout-inline-error-message {
    color: red !important;
    font-size: 10px !important;
    position: absolute;
  bottom: -1.3em;
  left: 0;
  margin: 0;
}

h3#order_review_heading{
      text-align: center !important;
  }

@media (max-width: 480px) {
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
}/* End custom CSS */