.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#EB0000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---- WooCommerce Cart: Mobile beautiful layout ---- */
@media (max-width: 768px){

  /* Oculta encabezados de tabla y quita "::before" con ":" */
  .woocommerce-cart-form .shop_table thead { display:none !important; }
  .woocommerce table.shop_table_responsive tr td::before { content:none !important; }

  /* Cada item como "tarjeta" con grid */
  .woocommerce-cart-form .shop_table tr.cart_item{
    display:grid !important;
    grid-template-columns: 98px 1fr;
    grid-template-areas:
      "thumb title"
      "thumb meta"
      "qty   subtotal";
    gap: 8px 12px;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:14px;
    padding:12px;
    margin:10px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
  }

  /* Miniatura */
  .woocommerce-cart-form .shop_table td.product-thumbnail{
    grid-area: thumb;
    align-self: start;
    display:block !important;
    padding:0 !important;
  }
  .woocommerce-cart-form .shop_table td.product-thumbnail img{
    width:96px !important;
    height:auto !important;
    border-radius:10px;
    display:block;
  }

  /* Nombre */
  .woocommerce-cart-form .shop_table td.product-name{
    grid-area: title;
    display:block !important;
    padding:0 !important;
  }
  .woocommerce-cart-form .shop_table td.product-name a{
    display:block;
    font-weight:700;
    line-height:1.25;
    text-decoration:none;
    color:inherit;
  }

  /* Meta: variaciones/atributos debajo del título */
  .woocommerce-cart-form .shop_table td.product-name .variation{
    margin-top:4px;
    font-size:.92rem;
    opacity:.8;
  }

  /* Precio unitario (si tu tema lo muestra en la fila) */
  .woocommerce-cart-form .shop_table td.product-price{
    grid-area: meta;
    display:block !important;
    padding:0 !important;
    font-size:.95rem;
    opacity:.85;
  }

  /* Cantidad a la izquierda, Subtotal a la derecha */
  .woocommerce-cart-form .shop_table td.product-quantity{
    grid-area: qty;
    display:flex !important;
    align-items:center;
    gap:10px;
    padding-top:6px !important;
  }
  .woocommerce-cart-form .shop_table td.product-quantity .qty{
    width:84px !important; /* tap target cómodo */
    height:38px;
    padding:6px 8px;
    border-radius:10px;
  }

  .woocommerce-cart-form .shop_table td.product-subtotal{
    grid-area: subtotal;
    display:flex !important;
    justify-content:flex-end;
    align-items:center;
    font-weight:700;
    font-size:1.02rem;
    padding-top:6px !important;
  }

  /* Botón eliminar arriba a la derecha, flotante */
  .woocommerce-cart-form .shop_table td.product-remove{
    position:absolute;
    right:10px; top:8px;
    z-index:2;
  }
  .woocommerce-cart-form .shop_table td.product-remove a.remove{
    width:28px; height:28px; line-height:28px;
    border-radius:50%;
    text-align:center;
    box-shadow:0 1px 6px rgba(0,0,0,.12);
  }

  /* Quita estilos que rompen (por temas/constructores) */
  .woocommerce table.shop_table_responsive tr.cart_item td{
    display:block !important;
    opacity:1 !important; visibility:visible !important;
    text-indent:0 !important; white-space:normal !important;
    padding:0 !important;
    border:0 !important;
  }
}

/* Desktop intacto: asegúrate que no se afecte >768px */
@media (min-width: 769px){
  .woocommerce-cart-form .shop_table tr.cart_item{
    display:table-row !important;
    box-shadow:none; border:0; padding:0; margin:0;
  }
}
@media (max-width: 768px){
  /* Forzar que el nombre (aunque sea <th>) se muestre en el grid */
  .woocommerce-cart-form .shop_table th.product-name{
    grid-area: title;
    display:block !important;
    padding:0 !important;
    font-weight:700;
    line-height:1.25;
    color:#111 !important;
    white-space:normal !important;
  }
  .woocommerce-cart-form .shop_table th.product-name a{
    display:block !important;
    color:inherit !important;
    text-decoration:none !important;
  }
}
/* Siempre mostrar flechas del input number en todos los navegadores */
.woocommerce .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
  opacity: 1 !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  margin: 0;
}

.woocommerce .quantity input[type=number] {
  -moz-appearance: textfield; /* Firefox */
  padding-right: 24px; /* espacio para flechas */
}

/* Para Firefox, mostrar flechas */
.woocommerce .quantity input[type=number]::-moz-inner-spin-button,
.woocommerce .quantity input[type=number]::-moz-outer-spin-button {
  opacity: 1 !important;
}

/* Opcional: estilo más limpio para que encaje con tu layout */
.woocommerce .quantity .qty {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 6px 8px;
  width: 70px;
  height: 38px;
  font-size: 1re/* End custom CSS */