.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-fce06a9:#345C66;--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-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 *//* ════════════════════════════════════ */
/* CARRITO — Cafés del Altiplano          */
/* ════════════════════════════════════ */

/* Nombres de productos */
.woocommerce-cart-form .product-name a {
    font-family: Urbanist !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* Imágenes del carrito - desktop */
.woocommerce-cart-form .product-thumbnail img {
    width: 120px !important;
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Update Cart - disabled */
.woocommerce table.cart td.actions .button[disabled],
.woocommerce table.cart td.actions .button[disabled]:hover {
    background-color: #4a3728 !important;
    color: #ffffff !important;
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}

/* Apply Coupon - hover */
.woocommerce table.cart td.actions .coupon .button:hover {
    background-color: #4a3728 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Input cupón - focus */
.woocommerce table.cart td.actions .coupon input[type="text"]:focus,
.woocommerce table.cart td.actions .coupon input[type="text"]:active {
    background-color: #fafafa !important;
    border-color: #4a3728 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Cart Totals */
.cart_totals table { border: none !important; }
.cart_totals table th,
.cart_totals table td {
    border: none !important;
    border-bottom: 1px solid #e5e0d8 !important;
    padding: 14px 0 !important;
}

/* Proceed to Checkout (texto cambiado a "Pay Now / Proceder al pago" vía JS) */
.wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout .checkout-button:hover {
    background-color: #345C66 !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    font-family: "Urban Grotesk", Urbanist, sans-serif !important;  /* tipografía */
    font-size: 20px !important;                                     /* tamaño */
    font-weight: 500 !important;                                    /* 500 = Medium */
    padding: 18px 0 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-top: 24px !important;
    border: none !important;
    transition: none !important;
}

/* ════════════════════════════════════ */
/* CUPÓN + ACTUALIZAR EN LA MISMA LÍNEA   */
/* ════════════════════════════════════ */
.woocommerce-cart-form td.actions.altiplano-actions-ready {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding: 13px 0 !important;
  min-height: 0 !important;
}
/* Cupón a la izquierda, no se estira */
.woocommerce-cart-form td.actions .coupon {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.woocommerce-cart-form td.actions .coupon .form-row.coupon-col {
  display: flex !important;
  align-items: center !important;
  gap: 0px !important;
  margin: 0 !important;
}
.woocommerce-cart-form td.actions .coupon input[name="coupon_code"] {
  width: auto !important;
  margin: 0 !important;
}
.woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] {
  width: auto !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
/* Update Cart empujado a la derecha (funciona con y sin cupón) */
.woocommerce-cart-form td.actions button[name="update_cart"] {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
/* ── DESKTOP ── */
@media (min-width: 769px) {
    .cart_totals {
        width: 50% !important;
        float: right !important;
        padding-left: 40px !important;
    }

    /* Forzar vista tabla en tablet (769px-1024px) */
    .woocommerce table.cart thead {
        display: table-header-group !important;
    }
    .woocommerce table.cart tr {
        display: table-row !important;
    }
    .woocommerce table.cart td {
        display: table-cell !important;
    }
    .woocommerce table.cart td::before {
        display: none !important;
    }
    .woocommerce table.cart .product-thumbnail img {
        width: 80px !important;
        height: 100px !important;
        display: block !important;
    }
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr.cart_item {
        padding: 0 !important;
    }
}
/* ── MÓVIL (768px y menor) ── */
@media (max-width: 768px) {
    /* Imágenes */
    .woocommerce table.cart .product-thumbnail {
        display: block !important;
    }
    .woocommerce table.cart .product-thumbnail img {
        display: block !important;
        visibility: visible !important;
        width: 80px !important;
        height: 100px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    /* Quitar puntitos ::before */
    .woocommerce table.cart td.product-thumbnail::before,
    .woocommerce table.cart td.product-thumbnail:before,
    .woocommerce table.cart td.product-remove::before,
    .woocommerce table.cart td.product-remove:before,
    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail::before,
    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove::before {
        content: none !important;
        display: none !important;
    }
    /* Quitar padding del row */
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr.cart_item,
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr.woocommerce-cart-form__cart-item {
        padding: 12px 0 !important;
        margin-top: 0 !important;
        position: relative !important;
    }
    /* Quitar padding de thumbnail */
    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail {
        padding: 0 !important;
    }
    /* Remove button */
    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove {
        padding: 0 !important;
        padding-inline: 0 !important;
        vertical-align: top !important;
    }
    /* Cart totals */
    .cart_totals {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        margin-top: 32px !important;
    }
    .woocommerce-cart-form .product-thumbnail img {
        width: 70px !important;
        height: 90px !important;
    }
    .woocommerce-cart-form .product-name a {
        font-size: 16px !important;
    }
    .woocommerce-cart-form {
        overflow-x: auto !important;
    }

    /* ===== CUPÓN + UPDATE EN MÓVIL ===== */
    .woocommerce-cart-form td.actions.altiplano-actions-ready {
        display: block !important;
        position: static !important;
        padding: 12px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Bloque del cupón a ancho completo */
    .woocommerce-cart-form td.actions .coupon {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Input + Apply coupon: 50/50 forzado */
    .woocommerce-cart-form td.actions .coupon .form-row.coupon-col {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 8px !important;
    }
    .woocommerce-cart-form td.actions .coupon .coupon-col-start,
    .woocommerce-cart-form td.actions .coupon .coupon-col-end {
        flex: 1 1 0 !important;
        width: 50% !important;
        max-width: 50% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
    }
    .woocommerce-cart-form td.actions .coupon input[name="coupon_code"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }
    /* Update Cart: ancho completo REAL, de borde a borde */
    .woocommerce-cart-form td.actions button[name="update_cart"] {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 0 !important;
        box-sizing: border-box !important;
    }
}

.woo-multi-currency {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    max-width: 90px !important;
    box-sizing: border-box !important;
}

.woo-multi-currency select,
.woo-multi-currency select:hover,
.woo-multi-currency select:focus {
    background: #51443D !important;
    background-color: #51443D !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: Urbanist, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    max-width: 90px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 26px !important;
}

.woo-multi-currency::after {
    content: "" !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    transform: translateY(-70%) rotate(45deg) !important;
    pointer-events: none !important;
}

.woo-multi-currency select option {
    background: #51443D !important;
    color: #ffffff !important;
}

.woo-multi-currency select {
    border-radius: 50px !important;
    border: none !important;
    outline: none !important;
    visibility: hidden;
}

.woo-multi-currency select.wmc-ready {
    visibility: visible;
}

/* ════════════════════════════════════ */
/* STEPPER DE CANTIDAD                     */
/* ════════════════════════════════════ */

/* Contenedor: se ve bien DESDE EL INICIO (antes de que entre el JS) */
form.cart .quantity,
.woocommerce-cart-form .quantity {
  --qty-size: 44px;     /* celda cuadrada; cambia este número y todo se reajusta */
  --qty-line: #B1B6BA;  /* bordes y separadores */
  --qty-ink:  #7C5730;  /* números, + y − */
  display: inline-flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: calc(var(--qty-size) * 3) !important;
  border: 1px solid var(--qty-line) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Input del número */
.quantity input.qty {
  -moz-appearance: textfield !important; appearance: textfield !important;
  width:     var(--qty-size) !important;
  min-width: var(--qty-size) !important;
  max-width: var(--qty-size) !important;
  height:    var(--qty-size) !important;
  min-height:var(--qty-size) !important;
  flex: 0 0 var(--qty-size) !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: var(--qty-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--qty-ink) !important;
  font-size: 16px !important;
}
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important; margin: 0 !important;
}

/* Botones + / − (los inyecta el JS): reset duro contra el tema */
.quantity .qty-btn {
  -webkit-appearance: none !important; appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important; min-height: 0 !important;
  width:  var(--qty-size) !important;
  height: var(--qty-size) !important;
  flex: 0 0 var(--qty-size) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--qty-ink) !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.quantity .qty-btn:hover,
.quantity .qty-btn:focus,
.quantity .qty-btn:active {
  background: transparent !important;
  color: var(--qty-ink) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Separadores entre celdas */
.quantity .qty-plus  { border-right: 1px solid var(--qty-line) !important; }
.quantity .qty-minus { border-left:  1px solid var(--qty-line) !important; }

/* ═══════════ Ajuste fino del glifo + / − ═══════════ */
.quantity .qty-btn {
  padding-top: 3px !important;
}
.woocommerce-message {
    display: none !important;
}/* End custom CSS */