.elementor-2079 .elementor-element.elementor-element-40b3907d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overflow:auto;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B07A3A1A;--border-color:#B07A3A1A;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:999;}.elementor-2079 .elementor-element.elementor-element-12f66e5b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2079 .elementor-element.elementor-element-cec9e76{text-align:start;}.elementor-2079 .elementor-element.elementor-element-cec9e76 img{width:161px;height:53px;object-fit:contain;object-position:center center;opacity:1;}.elementor-2079 .elementor-element.elementor-element-959e87e{--display:flex;}.elementor-2079 .elementor-element.elementor-element-1eb8925c{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:1.5px;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item{color:#E7D8C6;fill:#E7D8C6;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item:focus{color:#B07A3A;fill:#B07A3A;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B07A3A;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a:hover,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a:focus,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-menu-toggle:hover,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a:hover,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a:focus,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown .elementor-item, .elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle{color:#000000;}.elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle svg{fill:#000000;}.elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle:hover, .elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle:focus{color:#000000;}.elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle:hover svg, .elementor-2079 .elementor-element.elementor-element-1eb8925c div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-2079 .elementor-element.elementor-element-8dedfb7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2079 .elementor-element.elementor-element-4e77de6{--e-search-icon-clear-size:0px;}.elementor-2079 .elementor-element.elementor-element-c87235e .elementor-menu-cart__close-button, .elementor-2079 .elementor-element.elementor-element-c87235e .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-2079 .elementor-element.elementor-element-c87235e{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--view-cart-button-display:none;--cart-footer-layout:1fr;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;}.elementor-2079 .elementor-element.elementor-element-c87235e .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button{background-color:#B07A3A;font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:2px;fill:#0B0B0D;color:#0B0B0D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:100px 100px 100px 100px;padding:13px 24px 15px 20px;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button:hover, .elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button:focus{background-color:#FFFFFF00;color:#000000;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34{width:auto;max-width:auto;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button:hover svg, .elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button:focus svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2079 .elementor-element.elementor-element-959e87e{--content-width:50%;}}@media(max-width:1024px){.elementor-2079 .elementor-element.elementor-element-cec9e76 img{width:146px;}.elementor-2079 .elementor-element.elementor-element-959e87e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-2079 .elementor-element.elementor-element-1eb8925c .elementor-menu-toggle{border-width:1px;border-radius:0px;}.elementor-2079 .elementor-element.elementor-element-8dedfb7{--gap:6% 6%;--row-gap:6%;--column-gap:6%;}.elementor-2079 .elementor-element.elementor-element-8dedfb7.e-con{--align-self:stretch;}.elementor-2079 .elementor-element.elementor-element-c87235e{--main-alignment:left;}}@media(max-width:767px){.elementor-2079 .elementor-element.elementor-element-40b3907d{--min-height:68px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2079 .elementor-element.elementor-element-12f66e5b{--content-width:500px;}.elementor-2079 .elementor-element.elementor-element-cec9e76 img{width:130px;}.elementor-2079 .elementor-element.elementor-element-959e87e{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-2079 .elementor-element.elementor-element-3ffd4b34 .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-40b3907d *//* =====================================================
   ASMAR - PREMIUM CONVERSION HEADER V3
   Header minimalista, premium, responsive y estable
   Estructura:
   Header
   ├─ asmar-header-brand
   │  └─ asmar-logo
   ├─ asmar-header-menu
   │  └─ asmar-nav
   └─ asmar-header-actions
      ├─ asmar-search
      ├─ asmar-cart
      └─ asmar-header-cta
   ===================================================== */


/* =====================================================
   1. VARIABLES ASMAR
   ===================================================== */

:root {
  --asmar-navy: #0F1E2B;
  --asmar-navy-dark: #071522;
  --asmar-black: #0B0B0D;

  --asmar-bronze: #B07A3A;
  --asmar-bronze-soft: #D6A15C;
  --asmar-gold-light: #F1D39A;

  --asmar-aqua: #4FA9B8;
  --asmar-sand: #E7D8C6;
  --asmar-white: #FFFFFF;

  --asmar-text-light: rgba(231, 216, 198, 0.88);
  --asmar-text-muted: rgba(231, 216, 198, 0.58);

  --asmar-header-height: 76px;
  --asmar-header-height-sticky: 62px;

  --asmar-transition: 0.25s ease;
}


/* =====================================================
   2. HEADER BASE
   ===================================================== */

.asmar-header {
  position: relative !important;
  z-index: 9999 !important;

  width: 100% !important;
  min-height: var(--asmar-header-height) !important;

  padding: 0 34px !important;

  background:
    linear-gradient(
      135deg,
      rgba(7, 21, 34, 0.98) 0%,
      rgba(15, 30, 43, 0.96) 48%,
      rgba(7, 21, 34, 0.94) 100%
    ) !important;

  border-bottom: 1px solid rgba(176, 122, 58, 0.18) !important;

  box-shadow:
    0 12px 36px rgba(0, 0, 0, 0.26),
    inset 0 -1px 0 rgba(241, 211, 154, 0.04) !important;

  backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;

  box-sizing: border-box !important;
  overflow: visible !important;

  transition:
    min-height 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease !important;
}


/* Contenedor interno de Elementor */
.asmar-header > .e-con-inner,
.asmar-header > .elementor-container {
  width: 100% !important;
  max-width: 1240px !important;
  min-height: var(--asmar-header-height) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: auto minmax(360px, 1fr) auto !important;
  align-items: center !important;
  gap: 34px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}


/* Columnas principales */
.asmar-header-brand,
.asmar-header-menu,
.asmar-header-actions {
  min-width: 0 !important;
  width: auto !important;

  display: flex !important;
  align-items: center !important;

  padding: 0 !important;
  margin: 0 !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

.asmar-header-brand {
  justify-content: flex-start !important;
}

.asmar-header-menu {
  justify-content: center !important;
}

.asmar-header-actions {
  justify-content: flex-end !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}


/* =====================================================
   3. STICKY STATE
   ===================================================== */

.asmar-header.elementor-sticky--effects {
  min-height: var(--asmar-header-height-sticky) !important;

  background:
    linear-gradient(
      135deg,
      rgba(7, 21, 34, 0.88) 0%,
      rgba(15, 30, 43, 0.78) 52%,
      rgba(7, 21, 34, 0.86) 100%
    ) !important;

  border-bottom-color: rgba(176, 122, 58, 0.10) !important;

  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.18),
    inset 0 -1px 0 rgba(241, 211, 154, 0.03) !important;
}

.asmar-header.elementor-sticky--effects > .e-con-inner,
.asmar-header.elementor-sticky--effects > .elementor-container {
  min-height: var(--asmar-header-height-sticky) !important;
}


/* =====================================================
   4. LOGO
   ===================================================== */

.asmar-logo,
.asmar-logo .elementor-widget-container {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.asmar-logo img {
  width: auto !important;
  max-height: 48px !important;

  display: block !important;
  object-fit: contain !important;

  filter: drop-shadow(0 4px 12px rgba(176, 122, 58, 0.10)) !important;

  transition:
    max-height 0.35s ease,
    transform 0.35s ease,
    filter 0.35s ease !important;
}

.asmar-logo img:hover {
  transform: translateY(-1px) !important;
  filter: drop-shadow(0 6px 16px rgba(176, 122, 58, 0.18)) !important;
}

.asmar-header.elementor-sticky--effects .asmar-logo img {
  max-height: 40px !important;
  transform: scale(0.97) !important;
}


/* =====================================================
   5. MENÚ PRINCIPAL
   ===================================================== */

.asmar-nav,
.asmar-nav .elementor-widget-container {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Lista desktop */
.asmar-nav .elementor-nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 30px !important;
  flex-wrap: nowrap !important;

  margin: 0 !important;
  padding: 0 !important;
}

.asmar-nav .elementor-nav-menu > li {
  margin: 0 !important;
  white-space: nowrap !important;
}


/* Links */
.asmar-nav .elementor-nav-menu > li > a {
  position: relative !important;

  color: var(--asmar-text-light) !important;
  background: transparent !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;

  padding: 18px 0 !important;

  transition:
    color var(--asmar-transition),
    opacity var(--asmar-transition) !important;
}

.asmar-nav .elementor-nav-menu > li > a:hover,
.asmar-nav .elementor-nav-menu > li.current-menu-item > a,
.asmar-nav .elementor-nav-menu > li.current-menu-ancestor > a {
  color: var(--asmar-bronze-soft) !important;
}


/* Línea inferior elegante */
.asmar-nav .elementor-nav-menu > li > a::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;

  width: 0 !important;
  height: 1px !important;

  background: linear-gradient(
    90deg,
    transparent,
    var(--asmar-bronze),
    transparent
  ) !important;

  transform: translateX(-50%) !important;
  transition: width 0.28s ease !important;
}

.asmar-nav .elementor-nav-menu > li > a:hover::after,
.asmar-nav .elementor-nav-menu > li.current-menu-item > a::after,
.asmar-nav .elementor-nav-menu > li.current-menu-ancestor > a::after {
  width: 72% !important;
}


/* Flecha dropdown */
.asmar-nav .sub-arrow {
  margin-left: 6px !important;
  color: rgba(231, 216, 198, 0.68) !important;
  fill: rgba(231, 216, 198, 0.68) !important;
}


/* =====================================================
   6. DROPDOWN MENUS
   ===================================================== */

.asmar-nav .elementor-nav-menu--dropdown,
.asmar-nav .elementor-nav-menu .sub-menu {
  min-width: 220px !important;

  background:
    linear-gradient(
      180deg,
      rgba(11, 11, 13, 0.98) 0%,
      rgba(15, 30, 43, 0.96) 100%
    ) !important;

  border: 1px solid rgba(176, 122, 58, 0.22) !important;
  border-radius: 18px !important;

  padding: 8px !important;
  margin-top: 10px !important;

  overflow: hidden !important;

  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;

  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

.asmar-nav .elementor-nav-menu--dropdown li,
.asmar-nav .elementor-nav-menu .sub-menu li {
  margin: 0 !important;
}

.asmar-nav .elementor-nav-menu--dropdown a,
.asmar-nav .elementor-nav-menu .sub-menu a {
  color: rgba(231, 216, 198, 0.88) !important;
  background: transparent !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  padding: 14px 16px !important;
  border-radius: 12px !important;

  transition:
    background var(--asmar-transition),
    color var(--asmar-transition),
    transform var(--asmar-transition) !important;
}

.asmar-nav .elementor-nav-menu--dropdown a:hover,
.asmar-nav .elementor-nav-menu .sub-menu a:hover {
  color: var(--asmar-bronze-soft) !important;
  background: rgba(176, 122, 58, 0.10) !important;
  transform: translateX(2px) !important;
}


/* =====================================================
   7. SEARCH PREMIUM
   ===================================================== */

.asmar-search {
  width: 220px !important;
  max-width: 220px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Form base */
.asmar-search form,
.asmar-search .elementor-search-form {
  position: relative !important;

  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;

  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(231, 216, 198, 0.16) !important;
  border-radius: 999px !important;

  overflow: hidden !important;

  box-sizing: border-box !important;

  transition:
    border-color var(--asmar-transition),
    background var(--asmar-transition),
    box-shadow var(--asmar-transition) !important;
}

.asmar-search form:hover,
.asmar-search .elementor-search-form:hover,
.asmar-search form:focus-within,
.asmar-search .elementor-search-form:focus-within {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(214, 161, 92, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(176, 122, 58, 0.08) !important;
}


/* Input */
.asmar-search input[type="search"],
.asmar-search input[type="text"],
.asmar-search .elementor-search-form__input {
  width: 100% !important;
  height: 42px !important;

  background: transparent !important;
  color: var(--asmar-sand) !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  padding: 0 46px 0 16px !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;

  box-sizing: border-box !important;
}

.asmar-search input::placeholder,
.asmar-search .elementor-search-form__input::placeholder {
  color: rgba(231, 216, 198, 0.52) !important;
}


/* Botón search */
.asmar-search button,
.asmar-search .elementor-search-form__submit {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;

  width: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  background: rgba(176, 122, 58, 0.18) !important;
  color: var(--asmar-sand) !important;

  border: none !important;
  border-radius: 999px !important;

  padding: 0 !important;
  margin: 0 !important;

  cursor: pointer !important;

  transition:
    background var(--asmar-transition),
    color var(--asmar-transition),
    transform var(--asmar-transition) !important;
}

.asmar-search button:hover,
.asmar-search .elementor-search-form__submit:hover {
  background: var(--asmar-bronze) !important;
  color: var(--asmar-black) !important;
  transform: translateY(-50%) scale(1.02) !important;
}


/* Icono search */
.asmar-search svg,
.asmar-search i {
  width: 15px !important;
  height: 15px !important;
  font-size: 15px !important;
}


/* =====================================================
   8. CART MINIMALISTA
   ===================================================== */

.asmar-cart,
.asmar-cart .elementor-widget-container,
.asmar-cart .elementor-widget-woocommerce-menu-cart {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}


/* Toggle carrito */
.asmar-cart .elementor-menu-cart__toggle,
.asmar-cart .elementor-menu-cart__toggle_button,
.asmar-header .elementor-menu-cart__toggle,
.asmar-header .elementor-menu-cart__toggle_button {
  min-height: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  padding: 0 8px !important;
  margin: 0 !important;

  background: transparent !important;
  border: none !important;
  border-radius: 999px !important;

  color: rgba(231, 216, 198, 0.90) !important;

  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    background var(--asmar-transition),
    color var(--asmar-transition),
    transform var(--asmar-transition) !important;
}

.asmar-cart .elementor-menu-cart__toggle_button:hover,
.asmar-header .elementor-menu-cart__toggle_button:hover {
  background: rgba(176, 122, 58, 0.08) !important;
  color: var(--asmar-bronze-soft) !important;
  transform: translateY(-1px) !important;
}


/* Texto precio/subtotal */
.asmar-cart .elementor-menu-cart__toggle .elementor-button-text,
.asmar-cart .elementor-menu-cart__subtotal,
.asmar-header .elementor-menu-cart__toggle .elementor-button-text,
.asmar-header .elementor-menu-cart__subtotal {
  color: rgba(231, 216, 198, 0.90) !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}


/* Icono carrito */
.asmar-cart .elementor-menu-cart__toggle .elementor-button-icon,
.asmar-cart .elementor-menu-cart__toggle .elementor-button-icon i,
.asmar-cart .elementor-menu-cart__toggle .elementor-button-icon svg,
.asmar-header .elementor-menu-cart__toggle .elementor-button-icon,
.asmar-header .elementor-menu-cart__toggle .elementor-button-icon i,
.asmar-header .elementor-menu-cart__toggle .elementor-button-icon svg {
  color: rgba(231, 216, 198, 0.92) !important;
  fill: rgba(231, 216, 198, 0.92) !important;
}


/* Badge cantidad */
.asmar-cart .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty,
.asmar-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]::before,
.asmar-header .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty,
.asmar-header .elementor-menu-cart__toggle .elementor-button-icon[data-counter]::before {
  background: var(--asmar-aqua) !important;
  color: #FFFFFF !important;

  min-width: 17px !important;
  height: 17px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 900 !important;

  border-radius: 999px !important;

  box-shadow: 0 4px 12px rgba(79, 169, 184, 0.36) !important;
}


/* =====================================================
   9. CTA PRINCIPAL
   ===================================================== */

.asmar-header-cta,
.asmar-header-cta .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.asmar-header-cta .elementor-button {
  position: relative !important;
  overflow: hidden !important;

  min-height: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  padding: 12px 26px !important;

  background:
    linear-gradient(
      135deg,
      #8F5F28 0%,
      #D6A15C 42%,
      #B07A3A 68%,
      #F1D39A 100%
    ) !important;

  color: var(--asmar-black) !important;

  border: 1px solid rgba(241, 211, 154, 0.46) !important;

  box-shadow:
    0 10px 28px rgba(176, 122, 58, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;

  transition:
    transform var(--asmar-transition),
    box-shadow var(--asmar-transition),
    filter var(--asmar-transition) !important;
}

.asmar-header-cta .elementor-button-text {
  position: relative !important;
  z-index: 2 !important;

  color: var(--asmar-black) !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.asmar-header-cta .elementor-button::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.42),
      transparent
    ) !important;

  transform: translateX(-120%) !important;
  transition: transform 0.75s ease !important;
}

.asmar-header-cta .elementor-button:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) !important;

  box-shadow:
    0 18px 44px rgba(176, 122, 58, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
}

.asmar-header-cta .elementor-button:hover::before {
  transform: translateX(120%) !important;
}


/* =====================================================
   10. SIDE CART PREMIUM MINIMALISTA
   Sin pointer-events para no romper funcionalidad
   ===================================================== */

.elementor-menu-cart__main {
  background: #FFFFFF !important;
  color: #1C252C !important;

  padding: 58px 28px 30px !important;

  box-shadow: -24px 0 70px rgba(7, 21, 34, 0.28) !important;
  border-left: 1px solid rgba(176, 122, 58, 0.18) !important;

  box-sizing: border-box !important;
}


/* Cerrar */
.elementor-menu-cart__close-button,
.elementor-menu-cart__close-button-custom {
  top: 24px !important;
  right: 24px !important;

  width: 28px !important;
  height: 28px !important;

  opacity: 0.78 !important;
  cursor: pointer !important;

  transition:
    opacity var(--asmar-transition),
    transform var(--asmar-transition) !important;
}

.elementor-menu-cart__close-button:hover,
.elementor-menu-cart__close-button-custom:hover {
  opacity: 1 !important;
  transform: rotate(90deg) !important;
}

.elementor-menu-cart__close-button::before,
.elementor-menu-cart__close-button::after {
  background: var(--asmar-navy-dark) !important;
  height: 2px !important;
}


/* Lista productos */
.elementor-menu-cart__products {
  padding-top: 4px !important;
}


/* Producto */
.elementor-menu-cart__product {
  display: grid !important;
  grid-template-columns: 64px 1fr 24px !important;
  gap: 14px !important;
  align-items: center !important;

  padding: 18px 0 !important;
  border-bottom: 1px solid rgba(7, 21, 34, 0.12) !important;
}


/* Imagen */
.elementor-menu-cart__product-image {
  width: 64px !important;
}

.elementor-menu-cart__product-image img {
  width: 58px !important;
  height: 58px !important;

  object-fit: contain !important;

  background: #F7F3EB !important;
  border-radius: 8px !important;

  padding: 5px !important;
}


/* Nombre producto */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
  color: #C73561 !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
}


/* Precio/cantidad */
.elementor-menu-cart__product-price {
  color: #9A9A9A !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;

  margin-top: 5px !important;
}


/* Remover */
.elementor-menu-cart__product-remove {
  width: 22px !important;
  height: 22px !important;

  border: 1px solid rgba(7, 21, 34, 0.12) !important;
  border-radius: 999px !important;

  opacity: 0.65 !important;

  transition: all var(--asmar-transition) !important;
}

.elementor-menu-cart__product-remove:hover {
  opacity: 1 !important;
  border-color: var(--asmar-bronze) !important;
  background: rgba(176, 122, 58, 0.08) !important;
}


/* Subtotal */
.elementor-menu-cart__subtotal {
  margin-top: 18px !important;
  padding: 22px 0 !important;

  border-top: 1px solid rgba(7, 21, 34, 0.14) !important;
  border-bottom: 1px solid rgba(7, 21, 34, 0.14) !important;

  color: #2B2B2B !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.elementor-menu-cart__subtotal strong {
  color: #2B2B2B !important;
  font-weight: 900 !important;
}


/* Botones side cart */
.elementor-menu-cart__footer-buttons {
  margin-top: 16px !important;
  padding-top: 8px !important;
}

.elementor-menu-cart__footer-buttons a,
.elementor-menu-cart__footer-buttons .elementor-button {
  width: 100% !important;
  min-height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--asmar-navy-dark) !important;
  color: #FFFFFF !important;

  border: none !important;
  border-radius: 999px !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.9px !important;

  box-shadow: 0 12px 28px rgba(7, 21, 34, 0.18) !important;

  transition: all var(--asmar-transition) !important;
}

.elementor-menu-cart__footer-buttons a:hover,
.elementor-menu-cart__footer-buttons .elementor-button:hover {
  background: var(--asmar-bronze) !important;
  color: var(--asmar-black) !important;

  transform: translateY(-1px) !important;
  box-shadow: 0 14px 32px rgba(176, 122, 58, 0.28) !important;
}

.elementor-menu-cart__footer-buttons a:not(:last-child) {
  margin-bottom: 10px !important;
}


/* Overlay del carrito */
.elementor-menu-cart__container::before {
  background: rgba(7, 21, 34, 0.50) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}


/* =====================================================
   11. TABLET RESPONSIVE
   ===================================================== */

@media (max-width: 1180px) {
  .asmar-header {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .asmar-header > .e-con-inner,
  .asmar-header > .elementor-container {
    max-width: 100% !important;
    grid-template-columns: auto minmax(260px, 1fr) auto !important;
    gap: 24px !important;
  }

  .asmar-nav .elementor-nav-menu {
    gap: 22px !important;
  }

  .asmar-search {
    width: 180px !important;
    max-width: 180px !important;
  }

  .asmar-header-cta .elementor-button {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}


@media (max-width: 1024px) {
  .asmar-header {
    min-height: 68px !important;
    padding: 0 20px !important;
  }

  .asmar-header > .e-con-inner,
  .asmar-header > .elementor-container {
    min-height: 68px !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 18px !important;
  }

  .asmar-logo img {
    max-height: 40px !important;
  }

  .asmar-search {
    display: none !important;
  }

  .asmar-header-cta {
    display: none !important;
  }

  .asmar-nav .elementor-nav-menu {
    gap: 18px !important;
  }

  .asmar-nav .elementor-nav-menu > li > a {
    font-size: 10px !important;
    letter-spacing: 0.15em !important;
  }
}


/* =====================================================
   12. MOBILE RESPONSIVE
   Layout: Logo | Carrito | Hamburguesa
   ===================================================== */

@media (max-width: 767px) {

  .asmar-header {
    min-height: 66px !important;
    height: 66px !important;

    padding: 0 16px !important;

    background:
      linear-gradient(
        135deg,
        rgba(7, 21, 34, 0.98) 0%,
        rgba(15, 30, 43, 0.94) 100%
      ) !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .asmar-header > .e-con-inner,
  .asmar-header > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 66px !important;
    height: 66px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;

    padding: 0 !important;
    margin: 0 auto !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .asmar-header-brand,
  .asmar-header-menu,
  .asmar-header-actions {
    width: auto !important;
    min-width: 0 !important;

    flex: 0 0 auto !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .asmar-header-brand {
    order: 1 !important;
    justify-content: flex-start !important;
    margin-right: auto !important;
  }

  .asmar-header-actions {
    order: 2 !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .asmar-header-menu {
    order: 3 !important;
    justify-content: flex-end !important;
  }

  .asmar-logo img {
    max-height: 32px !important;
  }

  /* Ocultar búsqueda y CTA en mobile */
  .asmar-search,
  .asmar-header-cta {
    display: none !important;
  }

  /* Carrito compacto */
  .asmar-cart .elementor-menu-cart__toggle .elementor-button-text,
  .asmar-cart .elementor-menu-cart__subtotal,
  .asmar-header .elementor-menu-cart__toggle .elementor-button-text,
  .asmar-header .elementor-menu-cart__subtotal {
    display: none !important;
  }

  .asmar-cart .elementor-widget-woocommerce-menu-cart,
  .asmar-cart .elementor-menu-cart__toggle,
  .asmar-cart .elementor-menu-cart__toggle_button,
  .asmar-header .elementor-menu-cart__toggle,
  .asmar-header .elementor-menu-cart__toggle_button {
    width: auto !important;
    min-width: 38px !important;
    height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Hamburguesa */
  .asmar-nav .elementor-menu-toggle {
    width: 40px !important;
    height: 40px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px !important;
    margin: 0 !important;

    color: var(--asmar-sand) !important;
    background: rgba(176, 122, 58, 0.10) !important;

    border: 1px solid rgba(176, 122, 58, 0.24) !important;
    border-radius: 999px !important;

    transform: none !important;

    box-shadow: none !important;

    transition:
      background var(--asmar-transition),
      color var(--asmar-transition),
      border-color var(--asmar-transition) !important;
  }

  .asmar-nav .elementor-menu-toggle:hover {
    color: var(--asmar-bronze-soft) !important;
    background: rgba(176, 122, 58, 0.16) !important;
    border-color: rgba(214, 161, 92, 0.34) !important;
  }

  /* Oculta menú horizontal en mobile si Elementor lo deja visible */
  .asmar-nav .elementor-nav-menu:not(.elementor-nav-menu--dropdown) {
    display: none !important;
  }

  /* Dropdown mobile */
  .asmar-nav .elementor-nav-menu--dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;

    width: min(320px, calc(100vw - 32px)) !important;

    margin: 0 !important;
    padding: 8px !important;

    background:
      linear-gradient(
        180deg,
        rgba(11, 11, 13, 0.98) 0%,
        rgba(15, 30, 43, 0.96) 100%
      ) !important;

    border: 1px solid rgba(176, 122, 58, 0.24) !important;
    border-radius: 18px !important;

    box-shadow:
      0 24px 70px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;

    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;

    overflow: hidden !important;
    z-index: 999999 !important;
  }

  .asmar-nav .elementor-nav-menu--dropdown a {
    color: rgba(231, 216, 198, 0.88) !important;
    background: transparent !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;

    padding: 16px 18px !important;
    border-radius: 12px !important;
  }

  .asmar-nav .elementor-nav-menu--dropdown a:hover {
    color: var(--asmar-bronze-soft) !important;
    background: rgba(176, 122, 58, 0.10) !important;
  }

  /* Side cart mobile fullscreen */
  .elementor-menu-cart__main {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 100vh !important;
    max-height: 100vh !important;

    padding: 72px 24px 32px !important;

    background: #FFFFFF !important;
    border-left: none !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    box-sizing: border-box !important;
  }

  .elementor-menu-cart__main *,
  .elementor-menu-cart__products,
  .elementor-menu-cart__product,
  .elementor-menu-cart__footer-buttons {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-menu-cart__close-button,
  .elementor-menu-cart__close-button-custom {
    top: 26px !important;
    right: 24px !important;
  }

  .elementor-menu-cart__product {
    grid-template-columns: 58px 1fr 22px !important;
    gap: 12px !important;
    padding: 16px 0 !important;
  }

  .elementor-menu-cart__product-image {
    width: 58px !important;
  }

  .elementor-menu-cart__product-image img {
    width: 54px !important;
    height: 54px !important;
  }

  .elementor-menu-cart__product-name,
  .elementor-menu-cart__product-name a {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  .elementor-menu-cart__product-price {
    font-size: 10.5px !important;
  }

  .elementor-menu-cart__subtotal {
    display: block !important;
    font-size: 18px !important;
    padding: 20px 0 !important;
  }

  .elementor-menu-cart__footer-buttons a,
  .elementor-menu-cart__footer-buttons .elementor-button {
    min-height: 48px !important;
    font-size: 11px !important;
  }
}


/* =====================================================
   13. MOBILE MUY PEQUEÑO
   ===================================================== */

@media (max-width: 380px) {
  .asmar-header {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .asmar-logo img {
    max-height: 28px !important;
  }

  .asmar-nav .elementor-menu-toggle {
    width: 38px !important;
    height: 38px !important;
  }

  .asmar-cart .elementor-menu-cart__toggle,
  .asmar-cart .elementor-menu-cart__toggle_button,
  .asmar-header .elementor-menu-cart__toggle,
  .asmar-header .elementor-menu-cart__toggle_button {
    min-width: 36px !important;
    height: 38px !important;
  }
}/* End custom CSS */