/* 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:#161514;}
.eb-card-pr .woocommerce-Price-amount{color:#161514;}
.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;
}

/* ==========================================================
   ARQUITECTURA — nuevo orden del inicio.
   Se reordena con flex, sin tocar los datos de Elementor: cada
   sección conserva su data-id y el cambio es reversible.
   Secuencia: qué vendes → qué comprar → por qué confiar → quién eres.
   ========================================================== */
body.home .elementor-8903 { display: flex; flex-direction: column; }

body.home .elementor-8903 > [data-id="69005303"] { order: 1; }  /* portada          */
body.home .elementor-8903 > [data-id="3b729e3"]  { order: 2; }  /* compra por objetivo */
body.home .elementor-8903 > [data-id="7ab6fc1a"] { order: 3; }  /* destacados + paquetes */
body.home .elementor-8903 > [data-id="0969817"]  { order: 4; }  /* franja de promoción */
body.home .elementor-8903 > [data-id="6bcb1c2"]  { order: 5; }  /* título testimonios  */
body.home .elementor-8903 > [data-id="46cb2f5b"] { order: 6; }  /* testimonios         */
body.home .elementor-8903 > [data-id="4faa658"]  { order: 7; }  /* código de bienvenida */
body.home .elementor-8903 > [data-id="3c77c87"]  { order: 8; }  /* membresía           */
body.home .elementor-8903 > [data-id="c3ecb48"]  { order: 9; }  /* nosotros            */
body.home .elementor-8903 > [data-id="3174c2b0"] { order: 10; } /* 3 banners de marca  */
body.home .elementor-8903 > [data-id="3a519381"] { order: 11; } /* instagram           */
body.home .elementor-8903 > [data-id="f8a3885"],
body.home .elementor-8903 > [data-id="54083e6"]  { order: 12; } /* contenedores vacíos */

/* --- portada: botón principal + secundario --- */
.eb-hero-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fib-2,13px);}
.eb-hero-cta2{
  display:inline-flex;align-items:center;
  padding:12px 21px;border-radius:999px;
  font-size:14.5px;font-weight:600;text-decoration:none;color:#161514;
  background:rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(21px) saturate(180%);
  backdrop-filter:blur(21px) saturate(180%);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:background .3s cubic-bezier(.22,.61,.36,1);
}
.eb-hero-cta2:hover{background:rgba(255,255,255,.8);color:#161514;}

/* --- bloque de paquetes, debajo de los destacados --- */
.eb-paq{
  margin-top:var(--fib-4,34px);
  display:grid;grid-template-columns:1fr 1fr;gap:var(--fib-4,34px);align-items:center;
  padding:var(--fib-4,34px);
  border-radius:34px;
  background:rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(36px) saturate(180%);
  backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 21px rgba(31,42,38,.13),inset 0 1px 0 rgba(255,255,255,.8);
}
@media (max-width:820px){ .eb-paq{grid-template-columns:1fr;gap:var(--fib-3,21px);} }
.eb-paq-eyebrow{
  margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#2b8f9c;
}
.eb-paq-t{margin:0 0 8px;font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;color:#161514;line-height:1.15;}
.eb-paq-d{margin:0 0 var(--fib-3,21px);font-size:15px;line-height:1.55;color:#6b6864;max-width:44ch;}
.eb-paq-bt{
  display:inline-flex;align-items:center;gap:var(--fib-2,13px);
  padding:14px 26px;border-radius:999px;text-decoration:none;
  background:rgba(22,21,20,.92);color:#fff;font-size:15px;font-weight:650;
  transition:background .3s,transform .3s;
}
.eb-paq-bt:hover{background:#161514;color:#fff;transform:translateY(-1px);}
.eb-paq-desde{font-weight:400;opacity:.72;font-size:13.5px;}
.eb-paq-desde .woocommerce-Price-amount{color:#fff !important;}
.eb-paq-fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--fib-1,8px);}
.eb-paq-foto{
  display:block;aspect-ratio:1;border-radius:21px;overflow:hidden;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.eb-paq-foto img{width:100%;height:100%;object-fit:contain;padding:9px;display:block;}
@media (max-width:520px){ .eb-paq-foto{border-radius:13px;} }

/* El "+" del inicio salía en el azul del tema mientras que en categorías es
   cristal. Se unifican: mismo botón en toda la tienda. */
body.home .eb-card-fab,
.eb-grid-rutina .eb-card-fab{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(22,21,20,.1) !important;
  color:#161514 !important;
  border-radius:999px !important;
  box-shadow:0 5px 16px rgba(31,42,38,.16),inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition:background .34s cubic-bezier(.22,.61,.36,1),color .34s,transform .34s;
}
body.home .eb-card-fab:hover,
.eb-grid-rutina .eb-card-fab:hover{
  background:rgba(22,21,20,.92) !important;color:#fff !important;transform:translateY(-2px);
}
body.home .eb-card-fab span,
.eb-grid-rutina .eb-card-fab span{color:inherit !important;}

/* ==========================================================
   RITMO VERTICAL DEL INICIO
   El espaciado no seguía ningún sistema: había secciones pegadas
   (0px entre el título de testimonios y los testimonios) junto a
   otras con 89px, más dos contenedores vacíos que metían 140px de
   aire muerto. Valores en uso: 0, 13, 21, 50, 55, 89.
   Ahora hay una sola separación, de la misma serie Fibonacci que
   usamos en el resto del sitio.
   ========================================================== */
body.home .elementor-8903{ gap: 55px; }

/* Los márgenes propios de cada sección dejan de competir con el gap. */
body.home .elementor-8903 > .elementor-element{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Secciones con fondo propio: su relleno interno se iguala al ritmo. */
body.home .elementor-8903 > [data-id="3c77c87"],
body.home .elementor-8903 > [data-id="c3ecb48"]{
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

/* El título de testimonios y los testimonios son UNA unidad: van juntos. */
body.home .elementor-8903 > [data-id="6bcb1c2"]{ margin-bottom: -34px !important; }

/* Dos contenedores vacíos que solo aportaban 140px de vacío. */
body.home .elementor-8903 > [data-id="f8a3885"],
body.home .elementor-8903 > [data-id="54083e6"]{ display: none !important; }

@media (max-width: 768px){
  body.home .elementor-8903{ gap: 34px; }
  body.home .elementor-8903 > [data-id="3c77c87"],
  body.home .elementor-8903 > [data-id="c3ecb48"]{
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  body.home .elementor-8903 > [data-id="6bcb1c2"]{ margin-bottom: -21px !important; }
}

/* El precio del inicio salía en el turquesa del tema: la regla de tinta
   solo se cargaba en tienda y categorías, no aquí. */
body.home .eb-card-pr,
body.home .eb-card-pr :is(span,bdi,ins,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol),
.eb-grid-rutina .eb-card-pr,
.eb-grid-rutina .eb-card-pr :is(span,bdi,ins,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol){
  color:#161514 !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
body.home .eb-card-pr :is(del,del *){color:rgba(22,21,20,.42) !important;font-weight:400 !important;}

/* ==========================================================
   CORRECCIONES DE ACABADO
   ========================================================== */

/* 1 · El cuadro blanco bajo la portada.
   Los dos "blobs" de color llevan blur(90px) y el hero los recorta con
   overflow:hidden. El desenfoque cortado en seco dibujaba un rectángulo
   claro justo donde van los sellos de confianza. Se limitan a la zona de
   la foto, que es donde deben verse. */
/* Los blobs de color decorativos se retiran: su caja no coincidía con la
   altura de la foto y dibujaba un segundo rectángulo redondeado detrás,
   que es el borde doble que se veía. Los halos del fondo ya dan ese color. */
.eb-hero-blobs{ display:none !important; }
.eb-hero-stage{ position:relative; z-index:2; }
.eb-hero-inner,.eb-hero-panel{ position:relative; z-index:3; }

/* La foto del hero, con las esquinas redondeadas del resto del sitio. */
.eb-hero-stage,
.eb-hero-slide,
.eb-hero-media{ border-radius:34px; overflow:hidden; }
.eb-hero-media img{ border-radius:34px; }
@media (max-width:640px){
  .eb-hero-stage,.eb-hero-slide,.eb-hero-media,.eb-hero-media img{ border-radius:21px; }
}

/* 1b · Los sellos de confianza pasan a ser una barra de cristal de verdad. */
.eb-hero-trust{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:8px;
  margin-top:13px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(34px) saturate(190%);
  backdrop-filter:blur(34px) saturate(190%);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 21px rgba(31,42,38,.1), inset 0 1px 0 rgba(255,255,255,.85);
  width:fit-content;
  margin-left:auto; margin-right:auto;
}
.eb-hero-trust > *{
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(21px) saturate(180%);
  backdrop-filter:blur(21px) saturate(180%);
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  border-radius:999px !important;
  color:#161514 !important;
}

/* 2 · 126px de vacío entre las categorías y "Los más vendidos":
   eran cuatro widgets de texto sobrantes de la plantilla original,
   de 20px cada uno, que ya no pintan nada. */
body.home [data-id="a4201dc"],
body.home [data-id="16d74f5"],
body.home [data-id="7d8c1f1"],
body.home [data-id="7ef4028"]{ display:none !important; }

/* 3 · "No eres miembro?": el título tenía el relleno transparente (pensado
   para fondo claro) y el cuerpo en tinta, los dos sobre una foto oscura.
   Ilegible. Se pasan a blanco con un velo que asegura el contraste. */
body.home [data-id="3c77c87"]{ position:relative; }
body.home [data-id="3c77c87"] :is(h1,h2,h3,h4){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  -webkit-text-stroke:0 !important;
  text-shadow:0 2px 21px rgba(0,0,0,.45);
}
body.home [data-id="3c77c87"] :is(p,li,span:not([class*="icon"])){
  color:rgba(255,255,255,.9) !important;
  text-shadow:0 1px 13px rgba(0,0,0,.4);
}
body.home [data-id="3c77c87"] a.elementor-button,
body.home [data-id="3c77c87"] .elementor-button{
  background:rgba(255,255,255,.94) !important;
  color:#161514 !important;
  border-radius:999px !important;
  border:0 !important;
}

/* El sobrante que aún quedaba bajo las tarjetas de categoría. */
body.home [data-id="3b729e3"] > .e-con-inner{ padding-bottom:0 !important; }
body.home [data-id="3b729e3"]{ padding-bottom:0 !important; }

/* La franja vacía bajo la foto era el hueco entre el final de la imagen y
   el final de la sección, donde vivían los sellos. En vez de dejar ese
   espacio muerto, los sellos flotan sobre el borde inferior de la foto. */
/* Los sellos van DEBAJO de la foto, no encima: sobre la imagen quedaban
   amontonados. Con aire arriba y abajo para que respiren. */
.eb-hero{ position:relative; }
.eb-hero-trust{ margin:13px auto 0 !important; }

/* --- Puntos del carrusel: estaban amontonados en la esquina.
       Ahora van centrados sobre la foto, en su propia píldora. --- */
.eb-hero-dots{
  /* En flujo normal, entre la foto y los sellos: en absoluto se
     montaban encima de la barra de confianza. */
  position:static !important;
  transform:none !important;
  margin:13px auto 0 !important;
  z-index:5;
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  -webkit-backdrop-filter:blur(21px) saturate(180%);
  backdrop-filter:blur(21px) saturate(180%);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  width:auto !important;
}
.eb-hero-dot{
  width:8px !important; height:8px !important;
  border-radius:999px !important;
  border:0 !important; padding:0 !important;
  background:rgba(22,21,20,.28) !important;
  cursor:pointer;
  transition:width .34s cubic-bezier(.22,.61,.36,1), background .34s;
}
.eb-hero-dot.is-active{
  width:26px !important;
  background:rgba(22,21,20,.85) !important;
}

/* --- "No eres miembro": la foto oscura rompía con todo el sitio.
       Se le pone un velo claro de la propia paleta para que entre en la
       estética, y el texto vuelve a tinta, que es como lee el resto. --- */
/* El velo va sobre la propia fotografía: puesto en la sección quedaba
   por debajo del elemento que lleva la imagen de fondo y no hacía nada.
   La ruta empieza por "/" para que funcione igual en prueba y en el sitio real. */
body.home [data-id="4c656a5"]{
  background-image:
    linear-gradient(135deg, rgba(198,232,216,.9) 0%, rgba(255,255,255,.84) 48%, rgba(248,224,201,.88) 100%),
    url("/wp-content/uploads/2025/08/Diseno-sin-titulo-15.png") !important;
  background-size:cover, cover !important;
  background-position:center, center !important;
  background-repeat:no-repeat, no-repeat !important;
  border-radius:34px !important;
}
body.home [data-id="3c77c87"] :is(h1,h2,h3,h4){
  color:#161514 !important;
  -webkit-text-fill-color:#161514 !important;
  text-shadow:none !important;
}
body.home [data-id="3c77c87"] :is(p,li,span:not([class*="icon"])){
  color:#4a4744 !important;
  text-shadow:none !important;
}
body.home [data-id="3c77c87"] :is(a.elementor-button,.elementor-button){
  background:rgba(22,21,20,.92) !important;
  color:#fff !important;
  border-radius:999px !important;
  border:0 !important;
  padding:13px 26px !important;
}

/* --- "Tu camino al bienestar": las tres tarjetas tenían el botón "Ver"
       a distintas alturas y sin cristal. --- */
body.home [data-id="3174c2b0"] .elbzotech-banner-info{
  display:flex; flex-direction:column; height:100%;
}
body.home [data-id="3174c2b0"] .elbzotech-banner-info a.button-inner,
body.home [data-id="3174c2b0"] .elementor-button,
body.home [data-id="3174c2b0"] a.button{
  margin-top:auto !important;
  align-self:flex-start;
  padding:11px 26px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(21px) saturate(180%);
  backdrop-filter:blur(21px) saturate(180%);
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 5px 16px rgba(31,42,38,.14), inset 0 1px 0 rgba(255,255,255,.85) !important;
  color:#161514 !important;
  font-weight:650 !important;
  transition:background .3s cubic-bezier(.22,.61,.36,1), transform .3s;
}
body.home [data-id="3174c2b0"] :is(.elbzotech-banner-info a.button-inner,.elementor-button,a.button):hover{
  background:rgba(22,21,20,.92) !important; color:#fff !important; transform:translateY(-1px);
}
body.home [data-id="3174c2b0"] :is(.elementor-widget,.elbzotech-banner){
  border-radius:34px !important; overflow:hidden;
}

/* Las tres tarjetas de "Tu camino al bienestar" tenían alturas distintas,
   así que los botones caían a distinto nivel. Se estiran por igual y el
   botón se ancla abajo en las tres. */
body.home [data-id="3174c2b0"] .e-con-inner{ align-items:stretch !important; }
body.home [data-id="3174c2b0"] .e-con-inner > .elementor-element{ display:flex; }
body.home [data-id="3174c2b0"] :is(.elementor-widget,.elementor-widget-container,.elbzotech-banner,.elbzotech-banner-info){
  height:100%; width:100%;
  display:flex; flex-direction:column;
}

/* El botón vive dentro de .elbzotech-btwrap, así que el "empujar al fondo"
   hay que aplicarlo a ese contenedor, no al botón. */
body.home [data-id="3174c2b0"] .elbzotech-btwrap{ margin-top:auto !important; }
body.home [data-id="3174c2b0"] .elbzotech-banner-info{ justify-content:flex-start; }

/* El botón cuelga de .info-banner2, un nivel más adentro: es ese el que
   tiene que ser columna a altura completa para que el botón caiga al fondo. */
body.home [data-id="3174c2b0"] .info-banner2{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

/* 2 · "No eres miembro": el tema imprime el texto DOS veces
   (<div class="heading-stroke">Texto <span>Texto</span></div>) para hacer
   un efecto 3D de contorno. Al pasar todo a tinta se veían dos copias
   encimadas. Nos quedamos con una sola. */
body.home [data-id="3c77c87"] .heading-stroke > span{ display:none !important; }
body.home [data-id="3c77c87"] .type-title_shadow{ display:none !important; }

/* 3 · Botones de "Tu camino al bienestar": el hover en tinta los apagaba.
   Cristal de verdad, y en hover suben y se aclaran en vez de ennegrecerse. */
body.home [data-id="3174c2b0"] :is(.elbzotech-banner-info a.button-inner,.elementor-button,a.button){
  background:rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter:blur(28px) saturate(190%);
  backdrop-filter:blur(28px) saturate(190%);
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:0 8px 21px rgba(31,42,38,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
  color:#161514 !important;
  padding:12px 28px !important;
  font-size:14.5px !important;
  letter-spacing:.01em;
}
body.home [data-id="3174c2b0"] :is(.elbzotech-banner-info a.button-inner,.elementor-button,a.button):hover{
  background:rgba(255,255,255,.9) !important;
  color:#161514 !important;
  transform:translateY(-2px);
  box-shadow:0 13px 34px rgba(31,42,38,.22), inset 0 1px 0 rgba(255,255,255,1) !important;
}
body.home [data-id="3174c2b0"] :is(.elbzotech-banner-info a.button-inner,.elementor-button,a.button):active{
  transform:translateY(0);
}