/* En Balance 100 — unificación estética glass del cascarón (header + inicio)
   Escala de espaciado Fibonacci: 8 · 13 · 21 · 34 · 55 · 89 */

:root{
  --fib-1:8px; --fib-2:13px; --fib-3:21px; --fib-4:34px; --fib-5:55px; --fib-6:89px;
  --g-bg:rgba(255,255,255,.38);
  --g-bd:rgba(255,255,255,.8);
  --g-sh:0 12px 40px rgba(31,41,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
  --g-blur:blur(36px) saturate(180%);
  --ink:#161514; --mut:#6b6864; --teal:#2b98a5; --coral:#c96a3f;
}

/* ============ 1. HEADER: un solo sistema ============ */
body.home #header,
body.woocommerce-page #header{
  background:rgba(255,255,255,.42) !important;
  backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);
  border-bottom:1px solid rgba(255,255,255,.6);
  box-shadow:0 var(--fib-1) var(--fib-4) rgba(31,41,42,.05);
}

/* --- buscador: pastilla de cristal, no caja gris pegada --- */
.dgwt-wcas-search-wrapp{max-width:520px;}
.dgwt-wcas-sf-wrapp{
  background:rgba(255,255,255,.45) !important;
  backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);
  border:1px solid rgba(255,255,255,.75) !important;
  border-radius:999px !important;
  box-shadow:0 var(--fib-1) var(--fib-3) rgba(31,41,42,.06);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.dgwt-wcas-sf-wrapp:focus-within{
  border-color:rgba(43,152,165,.55) !important;
  box-shadow:0 0 0 3px rgba(59,191,206,.16);
}
input.dgwt-wcas-search-input{
  background:transparent !important;border:none !important;
  font-family:'Albert Sans',system-ui,sans-serif !important;
  font-size:14px !important;color:var(--ink) !important;
  padding:var(--fib-2) var(--fib-3) !important;height:auto !important;
}
input.dgwt-wcas-search-input::placeholder{color:#9c9892 !important;}
.dgwt-wcas-search-submit{
  background:transparent !important;border:none !important;
  color:var(--ink) !important;box-shadow:none !important;
}
.dgwt-wcas-search-submit:hover{background:rgba(22,21,20,.05) !important;}

/* --- "Inicia sesión" / "Suscríbete": chips de cristal --- */
.elementor-element-bed7964 .elementor-icon-list-items{gap:var(--fib-1);}
.elementor-element-bed7964 .elementor-icon-list-item{
  background:rgba(255,255,255,.42);
  backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  padding:var(--fib-1) var(--fib-2) !important;
  transition:background .22s ease, transform .18s ease;
}
.elementor-element-bed7964 .elementor-icon-list-item:hover{
  background:rgba(255,255,255,.62);transform:translateY(-1px);
}
.elementor-element-bed7964 .elementor-icon-list-text{
  font-size:12.5px !important;font-weight:600 !important;color:var(--ink) !important;
}
.elementor-element-bed7964 .elementor-icon-list-icon svg,
.elementor-element-bed7964 .elementor-icon-list-icon i{color:var(--teal) !important;}

/* --- menú principal: pastillas discretas --- */
.jkit-menu-container{
  display:inline-flex;
  background:rgba(255,255,255,.35);
  backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  padding:var(--fib-1) var(--fib-2);
}
ul.jkit-menu > li > a{
  font-family:'Albert Sans',system-ui,sans-serif !important;
  font-size:14px !important;font-weight:600 !important;
  color:var(--ink) !important;
  padding:var(--fib-1) var(--fib-2) !important;
  border-radius:999px;
  transition:background .2s ease, color .2s ease;
}
ul.jkit-menu > li > a:hover,
ul.jkit-menu > li.current-menu-item > a{
  background:rgba(22,21,20,.06);color:var(--ink) !important;
}

/* ============ 2. INICIO: categorías ============ */
/* la tarjeta completa flota en cristal, no un cuadro blanco pegado */
body.home .elementor-image-box-wrapper{
  background:var(--g-bg) !important;
  backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);
  border:1px solid var(--g-bd);
  border-radius:var(--fib-3);
  padding:var(--fib-3) !important;
  box-shadow:var(--g-sh);
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
  height:100%;
}
body.home .elementor-image-box-wrapper:hover{
  transform:translateY(-8px);
  box-shadow:0 var(--fib-3) var(--fib-5) rgba(31,41,42,.14), inset 0 1px 0 rgba(255,255,255,.8);
}
body.home .elementor-image-box-img{margin-bottom:var(--fib-2) !important;}
body.home .elementor-image-box-img img{border-radius:var(--fib-2);}
body.home .elementor-image-box-title{
  font-size:16px !important;font-weight:700 !important;
  letter-spacing:-.012em;margin-bottom:var(--fib-1) !important;
}

/* --- "Haz clic aquí" → enlace de texto discreto, no botón turquesa --- */
body.home .elementor-element-717fc55 .elementor-button,
body.home .elementor-element-717fc55 a.elementor-button-link{
  background:transparent !important;
  background-color:transparent !important;
  color:var(--teal) !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  font-size:13.5px !important;font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  border-radius:0 !important;
}
body.home .elementor-element-717fc55 .elementor-button::after{
  content:" →";transition:transform .2s ease;display:inline-block;
}
body.home .elementor-element-717fc55 .elementor-button:hover{color:#3bbfce !important;}

/* ============ 3. Cinta "TODOS LOS PRODUCTOS · 15% OFF" ============ */
.elbzotech-list-link-global-inline{
  font-family:'Albert Sans',system-ui,sans-serif !important;
}
.elbzotech-list-link-global-inline .item-link .title{
  font-family:'Albert Sans',system-ui,sans-serif !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--mut) !important;
}
.elbzotech-list-link-global-inline .item-link i,
.elbzotech-list-link-global-inline .item-link svg{
  color:var(--teal) !important;fill:var(--teal) !important;
  opacity:.7;
}

/* ============ 4. Tarjetas de producto: botón fuera de la foto ============ */
.eb-cards .product-thumb{overflow:visible !important;}
.eb-cards .product-thumb > a img{border-radius:var(--fib-2);}

/* el + baja al cuerpo de la tarjeta, alineado a la derecha */
.eb-cards .action-buttons{
  position:absolute !important;
  right:var(--fib-2) !important;
  bottom:var(--fib-2) !important;
  top:auto !important;left:auto !important;
  opacity:1 !important;transform:none !important;
}
/* deja aire para que el botón no pise el texto ni las estrellas */
.eb-cards .product-info{padding-right:var(--fib-5) !important;}

/* fuera los iconos sueltos (corazón, ojo, comparar) */
.eb-cards .product-extra-link,
.eb-cards .wishlist-link,
.eb-cards .compare-link,
.eb-cards .product-compare,
.eb-cards .shopengine-quickview-trigger,
.eb-cards [class*="shopengine_add_to_list"],
.eb-cards [class*="shopengine_comparison"]{display:none !important;}

/* ritmo Fibonacci dentro de la tarjeta */
.eb-cards .item-product{padding:var(--fib-2) !important;}
.eb-cards .product-info{padding-top:var(--fib-2) !important;}

/* --- ajustes finos --- */
/* la lupa va absoluta a la izquierda: deja aire para el texto */
input.dgwt-wcas-search-input{padding-left:var(--fib-5) !important;}
.dgwt-wcas-search-submit{
  width:var(--fib-4) !important;height:var(--fib-4) !important;
  border-radius:50% !important;display:flex !important;
  align-items:center;justify-content:center;
}
/* los chips de sesión en una sola línea */
.elementor-element-bed7964 .elementor-icon-list-items{
  flex-wrap:nowrap !important;justify-content:flex-end;
}
.elementor-element-bed7964 .elementor-icon-list-item{white-space:nowrap;}
