/* En Balance 100 — secciones del inicio dentro del sistema de cristal.
   Mismo orden que ya existe; solo cambia la ejecución visual.
   Ritmo Fibonacci: 8 · 13 · 21 · 34 · 55 · 89 */

/* ---------- 2. Categorías: misma altura, enlace abajo ---------- */
body.home .elementor-element-3b729e3 > .e-con-inner{align-items:stretch;}
body.home .elementor-element-3b729e3 > .e-con-inner > .e-con{
  display:flex;flex-direction:column;height:100%;
}
body.home .elementor-element-3b729e3 .elementor-widget-image-box{flex:1;display:flex;}
body.home .elementor-element-3b729e3 .elementor-widget-image-box > .elementor-widget-container{flex:1;display:flex;}
body.home .elementor-element-3b729e3 .elementor-image-box-wrapper{
  display:flex;flex-direction:column;width:100%;
}
body.home .elementor-element-3b729e3 .elementor-image-box-content{
  display:flex;flex-direction:column;flex:1;
}
body.home .elementor-element-3b729e3 .elementor-image-box-title{margin-bottom:auto !important;}

/* ---------- 3. Cinta 15% OFF: franja de cristal ---------- */
body.home .elementor-element-0969817{
  background:rgba(255,255,255,.30) !important;
  backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.6);
  padding-top:var(--fib-3) !important;padding-bottom:var(--fib-3) !important;
}

/* ---------- 5. Los 3 banners: esquinas y CTA uniformes ---------- */
body.home .elementor-element-3174c2b0 .elementor-widget-image,
body.home .elementor-element-3174c2b0 .e-con-inner > .e-con{
  border-radius:var(--fib-3);overflow:hidden;
}
body.home .elementor-element-3174c2b0 img{border-radius:var(--fib-3);}
/* los 3 banners usan .button-inner del tema: los igualamos entre sí */
body.home .elbzotech-banner-info a.button-inner{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:#161514 !important;
  border:none !important;
  border-radius:999px !important;
  padding:var(--fib-1) var(--fib-3) !important;
  font-size:12.5px !important;font-weight:700 !important;
  text-transform:none !important;letter-spacing:0 !important;
  box-shadow:0 var(--fib-1) var(--fib-2) rgba(0,0,0,.14) !important;
  transition:transform .16s ease, box-shadow .2s ease;
  min-width:0 !important;
}
body.home .elbzotech-banner-info a.button-inner .text-button{
  color:#161514 !important;font-weight:700 !important;font-size:12.5px !important;
}
body.home .elbzotech-banner-info a.button-inner:hover{
  transform:translateY(-2px);
  box-shadow:0 var(--fib-2) var(--fib-3) rgba(0,0,0,.2) !important;
}
/* la imagen del banner, con las mismas esquinas que todo lo demás */
body.home .elbzotech-banner-info,
body.home .elbzotech-banner-info img,
body.home .elbzotech-banner-info .adv-thumb-link{
  border-radius:var(--fib-3) !important;overflow:hidden;
}

/* ---------- 6. Nosotros: panel de cristal ---------- */
body.home .elementor-element-c3ecb48{
  background:rgba(255,255,255,.38) !important;
  backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--fib-4);
  box-shadow:0 12px 40px rgba(31,41,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
  margin:var(--fib-4) auto !important;
  max-width:1180px;
  padding:var(--fib-5) var(--fib-4) !important;
}
body.home .elementor-element-c3ecb48 img{border-radius:var(--fib-3);}

/* ---------- 7. Barra promo + Membresía: integradas ---------- */
body.home .elementor-element-4faa658{
  background:rgba(255,255,255,.30) !important;
  backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.6);
}
body.home .elementor-element-3c77c87{
  background:rgba(255,255,255,.38) !important;
  background-image:none !important;
  backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--fib-4);
  box-shadow:0 12px 40px rgba(31,41,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
  margin:var(--fib-4) auto !important;
  max-width:1180px;
  padding:var(--fib-5) var(--fib-4) !important;
}
/* que el texto siga siendo legible sobre el cristal claro */
body.home .elementor-element-3c77c87 .elementor-heading-title,
body.home .elementor-element-3c77c87 h1,
body.home .elementor-element-3c77c87 h2,
body.home .elementor-element-3c77c87 h3,
body.home .elementor-element-3c77c87 p{color:#161514 !important;}
body.home .elementor-element-3c77c87 .elementor-button{
  background:#000 !important;color:#fff !important;border:none !important;
  border-radius:999px !important;
  padding:var(--fib-2) var(--fib-4) !important;
  font-weight:700 !important;text-transform:none !important;
  box-shadow:0 var(--fib-1) var(--fib-3) rgba(0,0,0,.2) !important;
}

/* ---------- 8. Testimonios: tarjetas de cristal parejas ---------- */
body.home .elementor-element-46cb2f5b > .e-con-inner{align-items:stretch;}
body.home .elementor-element-46cb2f5b > .e-con-inner > .e-con{
  background:rgba(255,255,255,.38) !important;
  backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--fib-3);
  padding:var(--fib-4) !important;
  box-shadow:0 12px 40px rgba(31,41,42,.09), inset 0 1px 0 rgba(255,255,255,.7);
  height:auto;
}
body.home .elementor-element-46cb2f5b .elementor-icon i{color:var(--teal, #2b98a5) !important;opacity:.55;}

/* ---------- 9. Instagram: cuadrícula pareja ---------- */
body.home .elementor-element-3a519381 img{
  border-radius:var(--fib-2);
  aspect-ratio:1;object-fit:cover;
}

/* ---------- Blog: oculto mientras muestre artículos demo en inglés ---------- */
body.home .elementor-element-28db6ab{display:none !important;}

/* ---------- Ritmo vertical general del inicio ---------- */
body.home .elementor-13215 > .e-con.e-parent{
  padding-top:var(--fib-4);
  padding-bottom:var(--fib-4);
}
/* las secciones construidas tampoco necesitan tanto aire */
body.home .eb-cats{margin-bottom:var(--fib-2);}
body.home .elementor-element-3b729e3{padding-bottom:var(--fib-2) !important;}
body.home .elementor-element-0969817{
  padding-top:var(--fib-3) !important;padding-bottom:var(--fib-3) !important;
  margin-top:0 !important;margin-bottom:0 !important;
}

/* ---------- 4. Cuadrícula de productos (reemplaza el carrusel) ---------- */
.eb-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fib-3);
  max-width:1180px;margin:0 auto;
}
@media(max-width:900px){.eb-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.eb-grid{grid-template-columns:1fr;}}

.eb-card{
  display:flex;flex-direction:column;
  background:rgba(255,255,255,.38);
  backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--fib-3);
  padding:var(--fib-2);
  box-shadow:0 12px 40px rgba(31,41,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
}
.eb-card:hover{
  transform:translateY(-6px);
  box-shadow:0 var(--fib-3) var(--fib-5) rgba(31,41,42,.15), inset 0 1px 0 rgba(255,255,255,.8);
}
.eb-card-ph{
  display:block;aspect-ratio:1;border-radius:var(--fib-2);overflow:hidden;
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);
}
.eb-card-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.eb-card-nm{
  display:block;font-size:13.5px;font-weight:600;line-height:1.35;
  color:#161514;text-decoration:none;margin:var(--fib-2) 0 5px;
}
.eb-card-nm:hover{color:#2b98a5;}
.eb-card-stars{display:flex;align-items:center;gap:6px;margin-bottom:var(--fib-1);}
.eb-stars{color:#e0a33f;font-size:12px;letter-spacing:1px;}
.eb-card-stars--empty .eb-stars{color:#c9c5bf;}
.eb-card-cnt{font-size:11.5px;color:#767370;}
.eb-card-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--fib-2);margin-top:auto;padding-top:var(--fib-1);
}
.eb-card-pr{font-size:15.5px;font-weight:700;color:#c96a3f;}
.eb-card-pr .woocommerce-Price-amount{color:#c96a3f;}
.eb-card-pr del{opacity:.45;font-weight:500;font-size:13px;margin-right:5px;}

a.eb-card-fab{
  width:38px;height:38px;min-width:38px;flex:0 0 38px;
  border-radius:50%;background:#000;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:21px;line-height:1;text-decoration:none;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
  transition:transform .12s ease, box-shadow .2s ease;
}
a.eb-card-fab:hover{color:#fff;box-shadow:0 var(--fib-1) var(--fib-3) rgba(0,0,0,.32);}
a.eb-card-fab:active{transform:scale(.9);}
a.eb-card-fab.loading span{opacity:.4;}
a.eb-card-fab.added span::before{content:"✓";}
a.eb-card-fab.added span{font-size:0;}

/* el contenedor de Elementor encajonaba la cuadrícula: la dejamos respirar */
body.home .elementor-element-7ab6fc1a,
body.home .elementor-element-7ab6fc1a > .e-con-inner,
body.home .elementor-element-7814c205,
body.home .elementor-element-7814c205 > .elementor-widget-container{
  max-width:100% !important;width:100% !important;
}
body.home .elementor-element-7ab6fc1a > .e-con-inner{
  max-width:1240px !important;margin-left:auto;margin-right:auto;
  padding-left:var(--fib-3);padding-right:var(--fib-3);
}

/* ===================== CATEGORÍAS (construidas) ===================== */
.eb-cats{
  display:grid;grid-template-columns:repeat(5,1fr);gap:var(--fib-2);
  max-width:1180px;margin:0 auto;
}
@media(max-width:1000px){.eb-cats{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.eb-cats{grid-template-columns:1fr 1fr;}}

.eb-cat{
  display:flex;flex-direction:column;text-align:center;height:100%;
  padding:var(--fib-3);text-decoration:none;color:#161514;
  background:rgba(255,255,255,.38);
  backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--fib-3);
  box-shadow:0 12px 40px rgba(31,41,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
}
.eb-cat:hover{
  transform:translateY(-6px);color:#161514;
  box-shadow:0 var(--fib-3) var(--fib-5) rgba(31,41,42,.15), inset 0 1px 0 rgba(255,255,255,.8);
}
.eb-cat-ph{
  display:block;aspect-ratio:1;border-radius:var(--fib-2);overflow:hidden;
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);
  margin-bottom:var(--fib-2);
}
.eb-cat-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.eb-cat-noimg{display:block;width:100%;height:100%;background:rgba(43,152,165,.08);}
.eb-cat-nm{
  display:block;font-size:14px;font-weight:700;line-height:1.3;
  letter-spacing:-.01em;margin-bottom:auto;
}
.eb-cat-go{
  display:block;margin-top:var(--fib-2);
  font-size:13px;font-weight:700;color:#2b98a5;
}

/* ===================== CINTA (construida) ===================== */
.eb-strip{
  display:flex;align-items:center;justify-content:center;
  gap:var(--fib-5);flex-wrap:wrap;
  max-width:1180px;margin:0 auto;padding:var(--fib-2) var(--fib-3);
}
.eb-strip-i{
  display:inline-flex;align-items:center;gap:var(--fib-1);
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#6b6864;font-family:'Albert Sans',system-ui,sans-serif;
}
.eb-strip-i i{color:#2b98a5;font-style:normal;font-size:13px;}

/* ocultamos los widgets originales que reemplazamos */
body.home .elementor-element-2ace2d2,
body.home .elementor-element-bed7188,
body.home .elementor-element-039cf64,
body.home .elementor-element-eb68145,
body.home .elementor-element-bd64d9a,
body.home .elementor-element-520901b,
body.home .elementor-element-aa1da60,
body.home .elementor-element-85bf65f,
body.home .elementor-element-f7f218c{display:none !important;}

/* la fila de categorías ya no necesita su rejilla original */
body.home .elementor-element-3b729e3 > .e-con-inner{
  display:block !important;max-width:1240px;margin:0 auto;
  padding-left:var(--fib-3);padding-right:var(--fib-3);
}
body.home .elementor-element-3b729e3 > .e-con-inner > .e-con{
  width:100% !important;max-width:100% !important;
}