.elementor-kit-6{--e-global-color-primary:#040404;--e-global-color-secondary:#2C2E30;--e-global-color-text:#111111;--e-global-color-accent:#252B25;--e-global-color-kadence1:#050505;--e-global-color-kadence2:#464646;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#424242;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-01276a9:#FFF73F;--e-global-color-174d9f9:#000000;--e-global-color-0f7339b:#1D1D1D;--e-global-color-b23d0f9:#E0E0E0;--e-global-color-4213496:#181818;--e-global-color-43bb43c:#FFFFFF;--e-global-color-f045a04:#FFF73F;--e-global-color-c6581b2:#373737;--e-global-color-013c16c:#FFF73F;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-174d9f9 );font-size:16px;line-height:1em;color:#FFFFFF;border-style:solid;border-color:var( --e-global-color-174d9f9 );border-radius:0px 0px 0px 0px;padding:12px 24px 12px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#515151;color:#FFFFFF;border-style:solid;border-color:#515151;border-radius:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#000000;}.elementor-kit-6 h1{font-family:"Bebas Neue", Sans-serif;}.elementor-kit-6 h2{font-family:"Bebas Neue", Sans-serif;}.elementor-kit-6 h3{font-family:"Bebas Neue", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;line-height:1em;border-width:2px 2px 2px 2px;padding:14px 24px 14px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{border-width:2px 2px 2px 2px;}.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 */.fkcart-shortcode-count.fkcart-item-count {
    color: #000 !important;}
/* ==========================================================================
   Estilos Generales y Globales
   ========================================================================== */

select {
  min-height: 45px !important;
  padding: 5px 10px !important;
}

.paypal-button-tagline {
  display: none !important;
}

.qlwapp__container.qlwapp__container--bottom-right {
  z-index: 999 !important;
}

span.wc-block-formatted-money-amount,
bdi {
  color: #000000 !important;
  font-weight: bold;
}

/* ==========================================================================
   Header y Carrito de Elementor
   ========================================================================== */

.header .elementor-icon {
  vertical-align: middle !important;
}

a#elementor-menu-cart__toggle_button {
  padding: 0px;
  border: none !important;
  background: none !important;
}

.fkcart-shortcode-icon-wrap {
  color: #fff;
}

.elementor-menu-cart__product {
  grid-template-columns: 60px auto !important;
}

.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
  margin-bottom: 8px;
}

.elementor-menu-cart__product-image.product-thumbnail,
.elementor-menu-cart__product-image.product-thumbnail img {
  height: 55px;
  width: 55px;
  object-fit: contain;
}

.elementor-menu-cart__product-name,
.elementor-menu-cart__product-price {
  padding-left: 10px;
}

/* ==========================================================================
   Efectos de desenfoque (Blur)
   ========================================================================== */

.div-blur-icon {
  background-image: linear-gradient(#06283899, #06283899);
  background-color: #ffffff30;
  backdrop-filter: blur(15px);
}

.div-blur-menu {
  background-image: linear-gradient(180deg, #062838 11%, #ffffff21 87%);
  background-color: #ffffff30;
  backdrop-filter: blur(10px);
}

/* ==========================================================================
   Estilos de Cuadrícula de Productos
   ========================================================================== */

.product-image img {
  border-radius: 15px !important;
  aspect-ratio: 1 / 1.2 !important;
  object-fit: cover;
  width: 100% !important;
}

/* ==========================================================================
   Popup de Vista Rápida (WooSQ / Magnific Popup)
   ========================================================================== */

div#woosq-popup {
  border-radius: 20px;
  padding: 10px !important;
}
div#woosq-popup .woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt:not(.wpcbn-btn-single),
form.cart .single_add_to_cart_button.button.alt:not(.wpcbn-btn-single) {
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.5 10h4m-2-2v4m4 9a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-8 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M3.71 5.4h15.214c1.378 0 2.373 1.27 1.995 2.548l-1.654 5.6C19.01 14.408 18.196 15 17.27 15H8.112c-.927 0-1.742-.593-1.996-1.452zm0 0L3 3'/></svg>") no-repeat center !important;
  background-size: 30px !important;
  border: solid 1px #000 !important;
    
}
.mfp-woosq h1.product_title.entry-title {
  font-family: 'Bebas Neue';
  font-size: 1.3rem;
  margin-bottom: 0px;
}

.mfp-woosq .summary-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}

.mfp-woosq .entry-summary .price {
  margin: 0px;
}

.woosq-popup.single_variation :is(p, .price) {
  display: block;
  margin-bottom: 0px;
  text-align: center;
}

.woosq-popup form.variations_form table.variations {
  margin-bottom: 10px;
}

.woosq-popup tr {
  margin: 3px !important;
  gap: 3px !important;
}

.woosq-product .thumbnails .thumbnail {
  background: #fff !important;
}

.woosq-product .thumbnails img {
  max-height: 400px;
  margin-top: 10px;
}

.mfp-woosq .quantity,
.mfp-woosq .product_meta,
.mfp-woosq a.reset_variations {
  display: none !important;
}

button.mfp-close {
  background: none !important;
  border: 0 !important;
  position: absolute;
  display: block;
  padding: 5px !important;
  margin: 0px !important;
  top: 0px !important;
  right: 5px !important;
  color: #000 !important;
}

/* ==========================================================================
   Botones (Añadir al carrito, Comprar ahora, etc.)
   ========================================================================== */

form.cart {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.single_variation_wrap {
  width: 100%;
}

.woocommerce-variation-add-to-cart.variations_button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-content: center;
  align-items: center;
}

/* Botón "Comprar Ahora" */
button.wpcbn-btn.wpcbn-btn-single {
  background: #fff73f !important;
  border: solid 1px #000000 !important;
  border-right: 0px !important;
  border-radius: 50px 0px 0px 50px !important;
  text-transform: uppercase;
  width: calc(100% - 60px) !important;
  font-family: 'Bebas Neue';
  font-size: 1.3rem;
  line-height: 26px;
}

/* Botón Icono "Añadir al Carrito" */
.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt:not(.wpcbn-btn-single),
form.cart .single_add_to_cart_button.button.alt:not(.wpcbn-btn-single) {
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF73F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.5 10h4m-2-2v4m4 9a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m-8 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M3.71 5.4h15.214c1.378 0 2.373 1.27 1.995 2.548l-1.654 5.6C19.01 14.408 18.196 15 17.27 15H8.112c-.927 0-1.742-.593-1.996-1.452zm0 0L3 3'/></svg>") no-repeat center !important;
  background-size: 30px !important;
  border: solid 1px #FFF73F !important;
  border-radius: 0px 50px 50px 0px !important;
  width: 60px;
  height: 40px;
  padding: 0px !important;
  display: block;
  text-indent: -9999px; /* Oculta el texto original del botón */
}

/* Botón de Vista Rápida */
button.woosq-btn {
  border-radius: 50px;
  border: none !important;
  padding: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 20px !important;
}

button.woosq-btn:hover {
  border-radius: 50px;
}

a.view-details-btn {
  background: transparent !important;
}

/* Mensajes de WooCommerce */
.woocommerce-message .button {
  color: #fff !important;
  background: #fff73f;
}

/* Botón de Paycomet */
a.button.paycomet_pay {
  background-color: #f36c21 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 6px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  position: relative;
  font-size: 16px;
}

a.button.paycomet_pay:hover {
  background-color: #d85a13 !important;
  transform: scale(1.02);
  text-decoration: none !important;
}

a.button.paycomet_pay::after {
  content: " 🔒";
  font-size: 18px;
  margin-left: 8px;
  vertical-align: middle;
}

#paycomet-cancel {
  display: none !important;
}

/* ==========================================================================
   Estilos Responsivos (Media Queries)
   ========================================================================== */

/* Tablet y Escritorio */
@media (min-width: 768px) {
  span.elementor-button-icon-qty {
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: 800 !important;
    text-align: center;
    bottom: 4px;
  }

  .elementor-menu-cart__products {
    height: calc(100vh - 250px);
  }
}

/* Móvil */
@media (max-width: 767px) {
  .elementor-menu-cart__main {
    max-width: 280px;
  }

  span.elementor-button-icon-qty {
    position: absolute;
    width: 100%;
    font-size: 10px;
    font-weight: 800 !important;
    text-align: center;
    bottom: 3px;
  }

  .elementor-menu-cart__products {
    height: calc(100vh - 250px);
  }

  .product-title h3.elementor-heading-title.elementor-size-default {
    max-height: 30px;
    overflow: hidden;
  }

  button.woosq-btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px !important;
  }
}/* End custom CSS */