.elementor-297 .elementor-element.elementor-element-4fddf39 > .elementor-container{max-width:1000px;}.elementor-297 .elementor-element.elementor-element-4fddf39{margin-top:50px;margin-bottom:50px;}.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-297 .elementor-element.elementor-element-5625854{text-align:start;}.elementor-297 .elementor-element.elementor-element-5625854 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:bold;color:#000000;}@media(max-width:767px){.elementor-297 .elementor-element.elementor-element-5625854 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-36eab7d *//* --------------------------
   Poppins import (400 & 600)
   -------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/* --------------------------
   Fuente global (WooCommerce)
   Aplicado a todo dentro de .woocommerce
   -------------------------- */
body.woocommerce,
body.woocommerce-page,
.woocommerce,
.woocommerce * {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #333 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Asegurar inputs, selects, textareas y botones también */
.woocommerce input,
.woocommerce textarea,
.woocommerce select,
.woocommerce button,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce label,
.woocommerce .product_meta,
.woocommerce .price {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* Placeholder también en Poppins */
.woocommerce ::-webkit-input-placeholder { font-family: "Poppins", sans-serif !important; }
.woocommerce ::-moz-placeholder { font-family: "Poppins", sans-serif !important; }
.woocommerce :-ms-input-placeholder { font-family: "Poppins", sans-serif !important; }
.woocommerce ::placeholder { font-family: "Poppins", sans-serif !important; }

/* --------------------------
   Encabezados (títulos)
   25px / 600
   -------------------------- */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6,
body.woocommerce h1,
body.woocommerce-page h1 {
  font-family: "Poppins", sans-serif !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  margin-bottom: 15px;
  color: #111 !important;
  line-height: 1.2 !important;
}

/* --------------------------
   Enlaces: verde, negrita, subrayado
   -------------------------- */
.woocommerce a {
  color: #02B861 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  transition: color 0.18s ease;
}

.woocommerce a:hover,
.woocommerce a:focus {
  color: #02964d !important;
  text-decoration: underline !important;
}

/* --------------------------
   Tabla del carrito (shop_table)
   -------------------------- */
.woocommerce-cart table.shop_table,
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px !important;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

/* Cabeceras de tabla */
.woocommerce-cart table.shop_table th,
.woocommerce table.shop_table th {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #111 !important;
}

/* --------------------------
   Botones (global WooCommerce)
   color verde destacado #02B861
   -------------------------- */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .button.alt,
.woocommerce button.alt,
.woocommerce input[type="submit"].button {
  background-color: #02B861 !important;
  color: #ffffff !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 25px !important;
  border-radius: 5px !important;
  border: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
  transition: transform 0.18s ease, background-color 0.18s ease !important;
  box-shadow: none !important;
}

/* Hover / focus de botones */
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .button.alt:hover,
.woocommerce button.alt:hover,
.woocommerce input[type="submit"].button:hover {
  background-color: #02964d !important;
  transform: translateY(-2px);
  color: #fff !important;
}

/* --------------------------
   BOTÓN "Realizar el pedido" (checkout)
   Aseguramos todas las variantes: id, name, clases alt, inputs, botones
   -------------------------- */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout input#place_order,
.woocommerce-checkout input[name="woocommerce_checkout_place_order"],
.woocommerce-checkout .place-order .button,
.woocommerce-checkout .place-order button,
.woocommerce-checkout .place-order input[type="submit"] {
  background-color: #02B861 !important;
  color: #ffffff !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 22px !important;
  border-radius: 6px !important;
  border: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  width: auto !important;     /* por defecto auto, override en móviles abajo */
  display: inline-block !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, background-color 0.18s ease !important;
}

/* Hover del botón place_order */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button#place_order:hover,
.woocommerce-checkout input#place_order:hover,
.woocommerce-checkout .place-order .button:hover {
  background-color: #02964d !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

/* Full width en móviles para destacar el botón en checkout */
@media (max-width: 768px) {
  .woocommerce-checkout #place_order,
  .woocommerce-checkout button#place_order,
  .woocommerce-checkout input#place_order,
  .woocommerce-checkout .place-order .button,
  .woocommerce-checkout .place-order input[type="submit"] {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* Si hay otro botón de checkout (enlaces) también full width */
  .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    display: block !important;
  }
}

/* --------------------------
   Inputs cantidad y generales
   -------------------------- */
.woocommerce-cart input.qty,
.woocommerce input.qty {
  width: 60px !important;
  padding: 8px !important;
  font-size: 15px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  text-align: center !important;
  font-family: "Poppins", sans-serif !important;
}

/* Totales */
.woocommerce-cart .cart_totals h2,
.woocommerce .cart-collaterals .cart_totals h2 {
  font-size: 25px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td,
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td {
  padding: 12px !important;
  border-bottom: 1px solid #eee !important;
  font-size: 15px !important;
}

/* Mensajes (info, error, success) */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-top-color: #02B861 !important;
  font-family: "Poppins", sans-serif !important;
}

/* Iconos / pseudo elementos color */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  color: #02B861 !important;
}

/* Small fixes para asegurar consistencia en temas variados */
.woocommerce .product_meta,
.woocommerce .posted_in,
.woocommerce .sku_wrapper,
.woocommerce .entry-summary,
.woocommerce .cart .product-name a {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
}

/* Evitar que otras reglas del tema rompan el botón con bordes o sombreado */
.woocommerce .button[disabled],
.woocommerce input.button[disabled],
.woocommerce button.button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Fin del CSS WooCommerce personalizado *//* End custom CSS */