/* iVanNutrición — Acabado final de portada V9
   Ajustes de iconografía, botones, transparencias y tarjetas. 
   Mantiene intacto el recorte de la mujer V8 y la navegación multipágina. */
body.multi-page.page-home {
  --iv9-ink: #21124f;
  --iv9-deep: #6421bb;
  --iv9-violet: #9428e1;
  --iv9-fuchsia: #db40c8;
  --iv9-glow: rgba(205,107,243,.42);
  --iv9-border: rgba(255,255,255,.94);
}
/* Barra superior: cristal de verdad, sin apariencia de bloque pegado */
body.multi-page.page-home .topbar{
  background:linear-gradient(92deg,rgba(253,249,255,.83),rgba(247,237,255,.7) 52%,rgba(250,245,255,.83));
  border-bottom:1px solid rgba(255,255,255,.8);
  box-shadow:0 2px 18px rgba(87,45,143,.06);
  backdrop-filter:blur(16px) saturate(1.13);
  -webkit-backdrop-filter:blur(16px) saturate(1.13)
}
body.multi-page.page-home .topbar-inner{
  background:linear-gradient(111deg,rgba(255,255,255,.29),rgba(255,255,255,.1));
  box-shadow:0 1px 0 rgba(255,255,255,.55),inset 0 1px rgba(255,255,255,.62);
}
body.multi-page.page-home .navigation a.active{
  background:linear-gradient(110deg,#7621d8 0%,#a92cdb 65%,#cb3bcf 100%);
  box-shadow:0 5px 14px rgba(106,32,176,.23),inset 0 1px 0 rgba(255,255,255,.24)
}
body.multi-page.page-home .navigation a:not(.active):hover{
  background:rgba(240,225,255,.7);
  color:#6426a6;
}
/* CTAs: luz superior, relieve suave y hover controlado; sin desplazamientos bruscos */
body.multi-page.page-home .pill.primary,
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.primary,
body.multi-page.page-home .home-path .pill.primary,
body.multi-page.page-home .top-cta{
  position:relative;
  background:linear-gradient(112deg,#8521e0 0%,#a325db 41%,#d93bca 100%);
  border:1px solid rgba(252,224,255,.94);
  box-shadow:0 6px 17px rgba(133,34,196,.27),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(97,20,145,.12);
  color:#fff;
  text-shadow:0 1px 1px rgba(68,11,119,.11);
  text-decoration:none;
  transition:background .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.multi-page.page-home .pill.primary:hover,
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.primary:hover,
body.multi-page.page-home .home-path:hover .pill.primary,
body.multi-page.page-home .top-cta:hover{
  background:linear-gradient(112deg,#7521c7,#9620c7 45%,#c326b8);
  box-shadow:0 8px 21px rgba(112,29,172,.35),inset 0 1px 0 rgba(255,255,255,.52);
  color:#fff;
}
body.multi-page.page-home .pill:active{box-shadow:0 2px 8px rgba(102,32,154,.25),inset 0 2px 7px rgba(78,21,120,.18)}
body.multi-page.page-home .top-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 21px;min-height:45px;font-size:13px;white-space:nowrap
}
body.multi-page.page-home .top-cta b{font-size:18px;line-height:1}
body.multi-page.page-home .v9-calendar-icon{width:19px;height:19px;flex:none;filter:drop-shadow(0 1px 1px rgba(255,255,255,.12))}
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.primary svg{flex:none;width:23px;height:23px;stroke-width:2.1px}
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.primary b{font-size:21px}
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.ghost{
  background:linear-gradient(123deg,rgba(255,255,255,.76),rgba(251,245,255,.54));
  border:1.5px solid var(--iv9-border);
  color:#29124e;
  box-shadow:0 5px 18px rgba(66,32,129,.10),inset 0 1px 0 rgba(255,255,255,.6);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
body.multi-page.page-home .hero.v5-hero .hero-actions .pill.ghost:hover{
  background:rgba(255,255,255,.87);
  box-shadow:0 7px 22px rgba(73,31,134,.17)
}
body.multi-page.page-home .v7-play{
  width:27px;height:27px;border:2px solid #5726a9;color:#5726a9;
  background:rgba(255,255,255,.3);font-size:11px;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)
}
/* Hero: profundidad de luz, sin tapar la figura ni su silueta */
body.multi-page.page-home .hero.v5-hero::before{
  opacity:1;
  background:
    radial-gradient(ellipse 32% 35% at 43% 80%,rgba(184,116,242,.10),transparent 80%),
    linear-gradient(180deg,rgba(252,246,255,.06),transparent 48%,rgba(201,149,245,.09));
}
/* Tarjetas laterales: una capa de cristal, luz rosa en la zona de ilustración */
body.multi-page.page-home .hero.v5-hero .hero-service{
  border:1.5px solid rgba(255,255,255,.96);
  border-radius:22px;
  background:linear-gradient(109deg,rgba(255,255,255,.82) 0%,rgba(252,247,255,.73) 45%,rgba(234,199,255,.42) 100%);
  box-shadow:
    0 8px 25px rgba(60,29,117,.15),
    inset 0 1px 1px rgba(255,255,255,.86),
    inset 0 0 0 1px rgba(234,212,255,.25);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  transition:background .16s ease,box-shadow .16s ease,border-color .16s ease
}
body.multi-page.page-home .hero.v5-hero .hero-service::before{
  z-index:1;
  background:linear-gradient(90deg,rgba(251,247,255,.94) 0%,rgba(250,244,255,.79) 48%,rgba(244,224,255,.04) 85%);
}
body.multi-page.page-home .hero.v5-hero .hero-service::after{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;
  pointer-events:none;
  background:radial-gradient(circle at 91% 48%,rgba(232,155,255,.16),transparent 38%);
}
body.multi-page.page-home .hero.v5-hero .hero-service:hover{
  border-color:rgba(238,214,255,.96);
  box-shadow:0 11px 29px rgba(77,36,143,.22),inset 0 1px 0 rgba(255,255,255,.9);
  background:linear-gradient(109deg,rgba(255,255,255,.92) 0%,rgba(252,246,255,.8) 47%,rgba(240,214,255,.56))
}
body.multi-page.page-home .hero.v5-hero .hero-service>img{
  z-index:0;filter:contrast(1.11) saturate(1.1);opacity:1;object-position:50% 50%;
}
body.multi-page.page-home .v9-service-icon{
  width:34px;height:34px;display:block;
  color:#a327d9;filter:drop-shadow(0 2px 4px rgba(167,60,215,.16))
}
body.multi-page.page-home .hero.v5-hero .hero-service strong{
  font-size:22px;letter-spacing:-.65px;
  color:#261355;margin:6px 0 7px
}
body.multi-page.page-home .hero.v5-hero .hero-service small{
  color:#423366;font-size:12px;line-height:1.43
}
body.multi-page.page-home .hero.v5-hero .hero-service .circle-arrow{
  z-index:3;right:15px;bottom:17px;width:44px;height:44px;
  border:2px solid #9c2dd5;background:rgba(255,255,255,.92);
  color:#7426c0;box-shadow:0 3px 11px rgba(96,29,159,.2),inset 0 1px rgba(255,255,255,.7);
  display:grid;place-items:center;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease
}
body.multi-page.page-home .hero.v5-hero .hero-service:hover .circle-arrow{
  color:white;background:linear-gradient(130deg,#8223d6,#bd35d2);
  box-shadow:0 5px 14px rgba(102,27,174,.3)
}
/* Banda de ventajas: iconos claros y bordes de separación de cristal */
body.multi-page.page-home .hero.v5-hero .hero-benefits{
  background:linear-gradient(125deg,rgba(255,255,255,.82),rgba(249,238,255,.67));
  border:1.5px solid rgba(255,255,255,.96);
  box-shadow:0 10px 25px rgba(67,32,119,.14),inset 0 1px rgba(255,255,255,.89);
  backdrop-filter:blur(15px) saturate(1.14);
  -webkit-backdrop-filter:blur(15px) saturate(1.14)
}
body.multi-page.page-home .hero.v5-hero .hero-benefits>span{
  gap:6px;color:#2a1758
}
body.multi-page.page-home .hero.v5-hero .hero-benefits>span+span{
  border-left:1px solid rgba(138,91,191,.29)
}
body.multi-page.page-home .v9-benefit-icon{
  width:29px;height:29px;display:block;flex:none;
  color:#9227d8;filter:drop-shadow(0 1px 3px rgba(175,74,224,.14))
}
/* Curva: resplandor tenue y bordes integrados con la segunda sección */
body.multi-page.page-home .v7-wave{filter:drop-shadow(0 -2px 5px rgba(220,119,245,.23))}
body.multi-page.page-home .home-paths{
  background:
    radial-gradient(ellipse 65% 35% at 52% 0%,rgba(243,219,255,.78),transparent 80%),
    linear-gradient(160deg,#fdfaff 0%,#faf5ff 65%,#f7efff 100%)
}
/* Tarjetas de objetivo: fotografía integrada y panel de lectura con degradado translúcido */
body.multi-page.page-home .home-path{
  border:1.5px solid rgba(255,255,255,.98);
  border-radius:23px;
  background:linear-gradient(120deg,#f3e2ff,#fbf5ff 66%,#f1defe);
  box-shadow:0 10px 27px rgba(70,29,130,.16),inset 0 1px 0 rgba(255,255,255,.7);
  transition:box-shadow .16s ease,border-color .16s ease
}
body.multi-page.page-home .home-path::before{
  background:linear-gradient(90deg,rgba(249,241,255,0) 0%,rgba(251,246,255,.09) 28%,rgba(248,238,255,.82) 49%,rgba(249,240,255,.91) 100%);
}
body.multi-page.page-home .home-path:hover{
  border-color:rgba(215,165,255,.94);
  box-shadow:0 14px 32px rgba(83,32,145,.22),inset 0 1px 0 rgba(255,255,255,.8)
}
body.multi-page.page-home .home-path>img{
  object-fit:cover;object-position:center;
  filter:contrast(1.055) saturate(1.1)
}
body.multi-page.page-home .home-path h3{
  color:#251256;font-weight:830
}
body.multi-page.page-home .home-path .v5-checks li{
  color:#332158;gap:9px
}
body.multi-page.page-home .home-path .v5-checks li::before{
  color:#992bd5;text-shadow:0 1px 1px rgba(166,70,220,.16)
}
body.multi-page.page-home .home-path .pill{
  box-shadow:0 5px 14px rgba(130,39,204,.23);
  display:inline-flex;gap:13px
}
body.multi-page.page-home .home-path .pill>span{
  font-size:19px;line-height:1
}
/* Consistencia de enfoque/planes: botones de la misma familia, sin alterar sus interacciones */
body.multi-page:is(.page-enfoques,.page-planes) .pill.primary{
  background:linear-gradient(112deg,#8521e0,#a325db 43%,#d93bca);
  border:1px solid rgba(250,222,255,.95);
  box-shadow:0 6px 17px rgba(133,34,196,.25),inset 0 1px 0 rgba(255,255,255,.48);
}
body.multi-page:is(.page-enfoques,.page-planes) .pill.primary:hover{
  background:linear-gradient(112deg,#7423c9,#8c20c3 49%,#bd26b7);
  box-shadow:0 8px 21px rgba(116,32,171,.33)
}
body.multi-page:is(.page-enfoques,.page-planes) .focus-card,
body.multi-page:is(.page-enfoques,.page-planes) .pricing-card{
  border:1.5px solid rgba(255,255,255,.96);
  box-shadow:0 9px 26px rgba(61,29,114,.1),inset 0 1px 0 rgba(255,255,255,.7)
}
@media(max-width:1410px){
  body.multi-page.page-home .hero.v5-hero .hero-service .circle-arrow{
    width:37px;height:37px;right:9px;bottom:10px
  }
  body.multi-page.page-home .v9-service-icon{width:29px;height:29px}
  body.multi-page.page-home .hero.v5-hero .hero-service strong{font-size:20px}
  body.multi-page.page-home .top-cta{gap:7px;padding:10px 16px}
}
@media(max-width:1024px){
  body.multi-page.page-home .top-cta{font-size:11px}
  body.multi-page.page-home .v9-calendar-icon{width:16px;height:16px}
  body.multi-page.page-home .hero.v5-hero .hero-service .circle-arrow{width:32px;height:32px}
  body.multi-page.page-home .v9-benefit-icon{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){
 body.multi-page.page-home .pill,
 body.multi-page.page-home .hero-service,
 body.multi-page.page-home .circle-arrow,
 body.multi-page.page-home .home-path{transition:none!important}
}

/* V12 — Tarjetas de especialidades: imágenes finales aprobadas.
   Las ilustraciones ocupan toda la tarjeta sin velos blancos ni filtros.
   Iconos, textos y flechas siguen siendo HTML/SVG reales y navegables. */
body.multi-page.page-home .hero.v5-hero .hero-side{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:68px;
}
body.multi-page.page-home .hero.v5-hero a.hero-service,
body.multi-page.page-home .hero.v5-hero a.hero-service:hover{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  height:160px;
  overflow:hidden;
  padding:18px 23px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.89);
  background:transparent;
  box-shadow:0 9px 23px rgba(56,26,114,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:none;
  text-align:left;
  transition:box-shadow .16s ease,border-color .16s ease;
}
body.multi-page.page-home .hero.v5-hero a.hero-service:hover{
  box-shadow:0 11px 27px rgba(65,29,122,.22);
  border-color:rgba(242,204,255,.96);
}
body.multi-page.page-home .hero.v5-hero a.hero-service>img,
body.multi-page.page-home .hero.v5-hero a.hero-service[href="rendimiento.html"]>img{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  filter:none;
  -webkit-mask-image:none;
  mask-image:none;
  border:0;
  border-radius:inherit;
  box-shadow:none;
  pointer-events:none;
}
body.multi-page.page-home .hero.v5-hero a.hero-service::before,
body.multi-page.page-home .hero.v5-hero a.hero-service::after{
  content:none;
  display:none;
}
body.multi-page.page-home .hero.v5-hero a.hero-service>span{
  z-index:2;
  position:relative;
  display:block;
  width:63%;
  max-width:250px;
  min-width:0;
}
body.multi-page.page-home .hero.v5-hero .v9-service-icon{
  width:31px;
  height:31px;
  display:block;
  color:#a32bd5;
  filter:drop-shadow(0 1px 2px rgba(142,56,186,.16));
}
body.multi-page.page-home .hero.v5-hero a.hero-service strong{
  display:block;
  margin:6px 0 8px;
  color:#21124f;
  font-size:22px;
  font-weight:830;
  letter-spacing:-.6px;
  line-height:1.12;
}
body.multi-page.page-home .hero.v5-hero a.hero-service small{
  display:block;
  max-width:235px;
  padding:0;
  color:#332357;
  font-size:12px;
  font-weight:530;
  line-height:1.4;
}
body.multi-page.page-home .hero.v5-hero a.hero-service .circle-arrow,
body.multi-page.page-home .hero.v5-hero a.hero-service:hover .circle-arrow{
  z-index:3;
  position:absolute;
  right:17px;
  bottom:18px;
  top:auto;
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  border:2px solid #a12dd3;
  background:rgba(255,255,255,.97);
  color:#751bb8;
  font-size:24px;
  font-weight:500;
  font-style:normal;
  line-height:1;
  box-shadow:0 3px 10px rgba(99,40,164,.20);
  transform:none;
  transition:box-shadow .16s ease,border-color .16s ease;
}
body.multi-page.page-home .hero.v5-hero a.hero-service:hover .circle-arrow{
  color:#751bb8;
  background:#fff;
  box-shadow:0 4px 13px rgba(98,32,172,.32);
}
body.multi-page.page-home .hero.v5-hero a.hero-service:focus-visible{
  outline:3px solid #a535df;
  outline-offset:3px;
}
@media(max-width:1410px){
  body.multi-page.page-home .hero.v5-hero a.hero-service,
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover{
    height:160px;
    padding:17px 18px 14px;
  }
  body.multi-page.page-home .hero.v5-hero a.hero-service>span{width:67%}
  body.multi-page.page-home .hero.v5-hero a.hero-service strong{font-size:20px}
  body.multi-page.page-home .hero.v5-hero a.hero-service small{font-size:11.2px;max-width:200px}
  body.multi-page.page-home .hero.v5-hero a.hero-service .circle-arrow,
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover .circle-arrow{
    right:13px;bottom:14px;width:40px;height:40px;
  }
}
@media(max-width:1024px){
  body.multi-page.page-home .hero.v5-hero a.hero-service,
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover{
    padding:16px 12px;
  }
  body.multi-page.page-home .hero.v5-hero a.hero-service>span{width:70%}
  body.multi-page.page-home .hero.v5-hero .v9-service-icon{width:28px;height:28px}
  body.multi-page.page-home .hero.v5-hero a.hero-service strong{font-size:18px}
  body.multi-page.page-home .hero.v5-hero a.hero-service small{font-size:10px;max-width:160px}
  body.multi-page.page-home .hero.v5-hero a.hero-service .circle-arrow,
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover .circle-arrow{
    right:8px;bottom:11px;width:33px;height:33px;font-size:20px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.multi-page.page-home .hero.v5-hero a.hero-service,
  body.multi-page.page-home .hero.v5-hero a.hero-service .circle-arrow{transition:none}
}