.elementor-kit-6{--e-global-color-primary:#651C32;--e-global-color-secondary:#F65C87;--e-global-color-text:#111111;--e-global-color-accent:#F65C87;--e-global-color-4659632:#F5DADF;--e-global-color-3b71603:#FFFFFF;--e-global-color-61b0d3f:#444444;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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-kit-6{--e-global-typography-primary-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.archive-product-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.archive-product-container .shopengine-loop-swatches-wrap {
  order: 1;
  margin-top: 8px;
}

.archive-product-container .button.product_type_variable,
.archive-product-container .shopengine-loop-add-to-cart {
  order: 2;
  width: auto;
  margin: 0 auto;
}

.archive-product-container .shopengine_add_to_list_action,
.archive-product-container .yith-wcwl-add-button {
  order: 3;
  margin-left: 10px;
}

.archive-product-container .shopengine_add_to_list_action i,
.archive-product-container .yith-wcwl-add-button i {
  font-size: 22px; /* Aumenta el tamaño del ícono */
}

/* Estilo del botón "Finalizar compra" para WooCommerce Blocks */
.wc-block-cart__submit-button.contained {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 28px;
  text-align: center;
  border: none;
  border-radius: 0;
  text-transform: none;
  transition: background-color 0.3s ease;
  width: 100%;
}

/* Hover del botón */
.wc-block-cart__submit-button.contained:hover {
  background-color: #5c5c5c !important;
  color: #ffffff !important;
}

/* ==== RESET GLOBAL: quitar alturas fijas en todos los select2 ==== */
.select2-container .select2-selection--single {
  height: auto !important;              /* vuelve a la altura nativa */
  border-radius: inherit;               /* respeta tu tema */
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: normal !important;       /* vuelve a line-height del tema */
  padding-left: inherit !important;     /* respeta padding del tema */
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 10px !important;
}

/* ==== RESET de selects nativos (por si algún campo no usa select2) ==== */
.shopengine-checkout form .form-row select,
.woocommerce form .form-row select {
  height: auto !important;
  line-height: normal !important;
  padding: inherit !important;
  background-image: none !important;    /* evita flecha de fondo duplicada */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ==== OCULTAR icono extra de ShopEngine cuando hay select2 (TODOS) ==== */
.shopengine-checkout .form-row:has(.select2) .se-select-icon,
.shopengine-checkout .form-row:has(.select2) select + i {
  display: none !important;
}
.shopengine-checkout .form-row i[class*="icon"] { pointer-events:none; }

/* ==== CIUDAD: solo aquí fijamos altura para calzar con tus inputs ==== */
.shopengine-checkout .form-row:has(#billing_city) .select2-container .select2-selection--single,
.shopengine-checkout .form-row:has(#shipping_city) .select2-container .select2-selection--single {
  height: 48px !important;              /* ajusta si tus inputs son 44px */
}
.shopengine-checkout .form-row:has(#billing_city) .select2-selection__rendered,
.shopengine-checkout .form-row:has(#shipping_city) .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 12px !important;
}
.shopengine-checkout .form-row:has(#billing_city) .select2-selection__arrow,
.shopengine-checkout .form-row:has(#shipping_city) .select2-selection__arrow {
  height: 48px !important;
}

/* Apaga cualquier pseudo-elemento (::before/::after) que agregue ShopEngine
   sobre los Select2 de País, Región y Ciudad (billing & shipping) */
#billing_country_field .select2-selection--single::before,
#billing_state_field   .select2-selection--single::before,
#billing_city_field    .select2-selection--single::before,
#shipping_country_field .select2-selection--single::before,
#shipping_state_field   .select2-selection--single::before,
#shipping_city_field    .select2-selection--single::before,
#billing_country_field .select2-selection--single::after,
#billing_state_field   .select2-selection--single::after,
#billing_city_field    .select2-selection--single::after,
#shipping_country_field .select2-selection--single::after,
#shipping_state_field   .select2-selection--single::after,
#shipping_city_field    .select2-selection--single::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* (cinturón y tirantes) si algún skin lo inyecta a nivel global del select2 */
.shopengine-checkout .select2-container--default .select2-selection--single::before,
.shopengine-checkout .select2-container--default .select2-selection--single::after {
  content: none !important;
  display: none !important;
}

/* Checkout: ocultar SOLO el bloque global de errores de Woo */
body.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  display: none !important;
}

/* (por si ShopEngine lo envuelve distinto) */
body.woocommerce-checkout .shopengine-quick-checkout-content-wrap .woocommerce-NoticeGroup,
body.woocommerce-checkout .shopengine-quick-checkout-content-wrap .woocommerce-NoticeGroup-checkout {
  display: none !important;
}

/* Unificar estilo de badge de oferta en ShopEngine y WooCommerce */
.shopengine-product-badge,
.shopengine-product-carousel-badge,
.shopengine-onsale-badge,
.woocommerce span.onsale {
    background-color: #F65C87; /* fondo rosado */
    color: #ffffff; /* texto blanco */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 1.2;
    z-index: 5;
}

/* ===== Botón de menú estilo badge (para ElementsKit) ===== */
/* Se aplica agregando la clase "btn-menu" al <li> del menú */

.elementskit-navbar-nav > li.btn-menu > a.ekit-menu-nav-link {
  background-color: #F65C87 !important;
  color: #fff !important;
  padding: 4px 10px !important;
  margin-left: 10px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4em !important; /* antes 1 → esto alinea el texto */
  display: inline-flex !important; /* permite centrar verticalmente */
  align-items: center !important;  /* centra verticalmente el texto */
  text-transform: none !important;
  transition: all 0.25s ease !important;
  height: auto !important;
}


/* Hover idéntico al original */
.elementskit-navbar-nav > li.btn-menu > a.ekit-menu-nav-link:hover {
  background-color: #e14b74 !important;
  transform: scale(1.05);
  color: #fff !important;
}

/* Evita el pseudo-elemento hover de ElementsKit que pisa el fondo */
.elementskit-navbar-nav > li.btn-menu > a.ekit-menu-nav-link::before {
  display: none !important;
}

/* Alineación vertical correcta para que no baje el item */
.elementskit-navbar-nav > li.btn-menu {
  display: flex !important;
  align-items: center !important;
}

/* Vista móvil */
@media (max-width: 1024px) {
  .elementskit-navbar-nav > li.btn-menu > a.ekit-menu-nav-link {
    padding: 4px 10px !important;
    border-radius: 4px !important;
    margin-left: 10px !important;
    width: auto !important;
  }
}/* End custom CSS */