/* iVanNutrición V3 · refinamiento visual de escritorio.
   HTML, navegación y funciones siguen siendo componentes reales. */
:root{
  --ink:#171348;--blue:#22175e;--purple:#a23ce9;--violet:#934fea;
  --glass:rgba(255,255,255,.78);--shadow:0 9px 28px rgba(52,37,120,.10);
}
html{scroll-behavior:auto}
body.multi-page{background:#f5f3fc;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.multi-page .site-shell{background:linear-gradient(135deg,#f9f6ff,#f2effb 60%,#f7f5ff)}
.multi-page .site-shell::before,.multi-page .site-shell::after{display:none}
.multi-page .wrap{width:calc(100% - 132px);max-width:1280px}
.multi-page h1,.multi-page h2,.multi-page h3{color:#17144c}
.multi-page h1{letter-spacing:-.048em}
.multi-page h2{letter-spacing:-.032em}
.multi-page p{color:#363065}
.multi-page .eyebrow{font-weight:800;color:#6c319e;letter-spacing:1.4px}

/* Distinct photographic-feeling alpine surroundings with readable opaque surfaces. */
.multi-page .scenic{
  background-color:#e8eafb;
  background-image:linear-gradient(105deg,rgba(251,249,255,.26),rgba(255,255,255,.05) 55%,rgba(244,237,255,.17)),url('assets/alpine_terrace_v3.webp');
  background-position:50% 45%; background-size:cover;
}
.multi-page .scenic:before{opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(247,244,255,.08) 73%,rgba(245,241,253,.24))}
.multi-page .page-banner.scenic{background-image:linear-gradient(100deg,rgba(250,248,255,.83),rgba(250,247,255,.71)),url('assets/alpine_landscape_v3.webp');background-position:center 48%;}
.multi-page .inner-hero{background:linear-gradient(100deg,#f9f7ffdc,#f4edffad),url('assets/alpine_landscape_v3.webp') center 46% / cover}
.multi-page .page-cta.scenic{background-position:center 85%}
.multi-page .intro-band.scenic,.multi-page .method-summary,.multi-page .plans-section.scenic,.multi-page .quiz-section.scenic,.multi-page .booking-section.scenic,.multi-page .two-panels.scenic{
  background-image:linear-gradient(90deg,rgba(249,247,255,.81),rgba(247,242,255,.70)),url('assets/alpine_landscape_v3.webp');
  background-position:center 48%; background-size:cover;
}

/* Glass is subtle, not an opaque white sticker or a floating animation. */
.multi-page .glass,.multi-page .glass-lite{
  background:linear-gradient(122deg,rgba(255,255,255,.88),rgba(249,246,255,.71));
  border:1px solid rgba(255,255,255,.97);
  box-shadow:0 6px 24px rgba(45,26,112,.09),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
.multi-page .glass-lite{background:rgba(255,255,255,.80)}
.multi-page .topbar{height:68px;background:rgba(253,252,255,.78);border-bottom:1px solid rgba(255,255,255,.95);box-shadow:0 2px 16px rgba(77,55,126,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.multi-page .topbar-inner{width:calc(100% - 132px);max-width:1280px}
.multi-page .topbar .brand{font-size:23px;color:#1c1757;font-weight:850}
.multi-page .topbar .brand>span:last-child{color:#a138ed}
.multi-page .sunmark{color:#a63dee}
.multi-page .navigation{gap:5px}
.multi-page .navigation a{font-size:12px;padding:9px 13px;color:#3c326c;border-radius:12px;transition:background-color .13s ease,color .13s ease}
.multi-page .topbar .navigation a.active{color:#6730c9;background:rgba(228,213,250,.71)}
.multi-page .navigation a:hover{background:#ece3ff;color:#6f32d4}
.multi-page .pill{position:relative;border-radius:999px;padding:11px 24px;font-size:12px;font-weight:700;line-height:1.2;min-height:39px;gap:10px;box-shadow:none;transition:background-color .13s ease,border-color .13s ease,box-shadow .13s ease,color .13s ease}
.multi-page .pill.primary{color:#fff;background:linear-gradient(110deg,#a94be6,#9145e8 64%,#a95af0);border:1px solid #b77bf5;box-shadow:0 5px 14px rgba(148,75,227,.24),inset 0 1px 0 #ffffff65}
.multi-page .pill.primary:hover{background:linear-gradient(110deg,#9440df,#7c39cf 68%,#9850e3);box-shadow:0 6px 18px rgba(124,65,207,.32)}
.multi-page .pill.ghost,.multi-page .pill.outline{border:1px solid #c8a5ef;background:rgba(255,255,255,.71);color:#7d3ecb;box-shadow:0 2px 7px rgba(93,61,149,.05)}
.multi-page .pill.ghost:hover,.multi-page .pill.outline:hover{background:#efe5fc;color:#6d31b3}
.multi-page .pill:hover,.multi-page .text-link:hover,.multi-page .hero-service:hover{transform:none;filter:none}
.multi-page .text-link{color:#7c40ce;border:1px solid rgba(229,211,250,.72);font-size:12px;background:rgba(255,255,255,.55);padding:9px 14px;line-height:1.2}
.multi-page .text-link:hover{background:white;color:#602bac;text-decoration:underline;text-underline-offset:3px}
.multi-page button:focus-visible,.multi-page a:focus-visible{outline:3px solid #ac73fa;outline-offset:3px}

/* Homepage: same three-column layout as provided screenshot. */
.multi-page.page-home .hero{height:520px;min-height:520px;overflow:hidden}
.multi-page.page-home .hero-inner{max-width:1280px;grid-template-columns:35% 28% 37%;height:100%}
.multi-page.page-home .hero-intro{padding:74px 0 0 30px;z-index:5}
.multi-page.page-home .hero-intro .eyebrow{font-size:12px;letter-spacing:1.2px;margin:0 0 13px}
.multi-page.page-home .hero-intro h1{font-size:clamp(43px,3.6vw,54px);line-height:1.025;letter-spacing:-2.6px;margin-bottom:15px}
.multi-page.page-home .hero-intro h1 em{color:#9f39e8}
.multi-page.page-home .hero-intro>p:not(.eyebrow){font-size:14px;line-height:1.58;max-width:348px;color:#332965;font-weight:520;margin-bottom:18px}
.multi-page.page-home .hero-woman{height:465px;width:34%;left:32.3%;top:5px;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 14px rgba(161,102,224,.10));mask-image:linear-gradient(90deg,transparent 0%,black 17%,black 83%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 17%,black 83%,transparent 100%)}
.multi-page.page-home .hero-side{padding-left:8px;gap:12px;margin-top:-20px;align-self:center}
.multi-page.page-home .hero-service{height:162px;min-height:0;gap:16px;padding:13px;border-radius:17px;background:linear-gradient(125deg,rgba(255,255,255,.89),rgba(249,246,255,.76));border:1px solid rgba(255,255,255,.95);box-shadow:0 7px 22px rgba(54,42,132,.09);transition:background-color .15s ease,box-shadow .15s ease}
.multi-page.page-home .hero-service:hover{background:rgba(255,255,255,.96);box-shadow:0 9px 24px rgba(54,42,132,.15)}
.multi-page.page-home .hero-service>img{height:128px;width:121px;object-fit:cover;border-radius:14px;background:radial-gradient(circle,#e8d4fc,#f7f4ff);box-shadow:none;border:1px solid #ffffffc7}
.multi-page.page-home .hero-service strong{font-size:18px;line-height:1.16;letter-spacing:-.5px;color:#1f195d;margin-bottom:7px}
.multi-page.page-home .hero-service small{font-size:11.5px;line-height:1.45;color:#4a3d7b;max-width:190px;padding-right:24px}
.multi-page.page-home .hero-service .circle-arrow{right:12px;width:31px;height:31px;background:linear-gradient(135deg,#bb7df1,#8e45e4);box-shadow:0 3px 11px rgba(130,72,206,.24);font-size:18px}
.multi-page.page-home .hero-benefits{left:24px;right:24px;bottom:15px;max-width:unset;min-height:44px;background:rgba(255,255,255,.67);border:1px solid #ffffffd4;border-radius:14px;gap:0;padding:6px 15px;justify-content:space-around;box-shadow:0 3px 12px rgba(56,38,119,.08);backdrop-filter:blur(8px)}
.multi-page.page-home .hero-benefits>span{font-size:11px;gap:8px;color:#29216d;font-weight:700}
.multi-page.page-home .hero-benefits i{font-size:20px;text-shadow:none;color:#8e44e5}
.multi-page.page-home .page-cta{padding:28px 0 36px}
.multi-page .page-cta-inner{border-radius:16px;background:rgba(255,255,255,.8);border:1px solid #fff;padding:24px 30px;box-shadow:0 7px 23px rgba(67,48,113,.07)}

/* Separate content pages retain the original multi-page navigation. */
.multi-page .page-banner{padding:65px 0 54px;min-height:215px}
.multi-page .page-banner h1{font-weight:840;color:#21175b;line-height:1.1}
.multi-page .page-banner p:not(.eyebrow){color:#514476;font-size:14px;max-width:680px}
.multi-page .focus-grid{gap:17px}
.multi-page .focus-card{height:285px;isolation:isolate;border-radius:19px;border:1px solid #fff;background:rgba(244,237,255,.85);box-shadow:0 9px 28px rgba(80,58,134,.12);overflow:hidden}
.multi-page .focus-card:before{z-index:1;background:linear-gradient(90deg,rgba(253,250,255,.93) 0%,rgba(252,247,255,.76) 48%,rgba(255,255,255,.01) 95%)}
.multi-page .focus-card img{width:50%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none;mask-image:linear-gradient(90deg,transparent 0%,black 23%,black 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 23%,black 100%)}
.multi-page .focus-card.performance-card img{width:57%;height:100%;object-position:center}
.multi-page .focus-content{padding:34px;max-width:66%}
.multi-page .focus-content h3{font-size:25px;line-height:1.16;color:#231b62}
.multi-page .focus-content p{color:#514574;font-size:13px;line-height:1.55}
.multi-page .topic-panel{border-radius:18px;border:1px solid #fff;background:rgba(247,243,255,.74);box-shadow:0 9px 29px rgba(64,41,114,.09)}
.multi-page .topic-header{gap:12px}
.multi-page .topic-header p{color:#55477c}
.multi-page .digest-info,.multi-page .sibo-info,.multi-page .performance-info,.multi-page .topic-aside{background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 4px 16px rgba(82,65,138,.07);backdrop-filter:blur(7px)}
.multi-page .topic-panel .organ-art,.multi-page .topic-perf .runner-art{filter:contrast(1.07) saturate(1.1)}
.multi-page .topic-aside{border-radius:18px}
.multi-page .food-panel{border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.66);box-shadow:0 7px 23px rgba(69,47,122,.08)}
.multi-page .food-list,.multi-page .analysis,.multi-page .meals,.multi-page .plan-goals{background:rgba(255,255,255,.85);border:1px solid #ffffffde}
.multi-page .food-item{border-radius:10px}
.multi-page .food-item:hover{background:#eee3ff}
.multi-page .food-item[aria-pressed="true"]{background:#eadbff!important;border-color:#b78de9}
.multi-page .plate-stage>img{filter:contrast(1.06) saturate(1.07) drop-shadow(0 3px 9px #8379aa1a)}
.multi-page .pricing-card{border:1px solid #fff;border-radius:18px;background:rgba(253,250,255,.83);box-shadow:0 7px 23px rgba(66,42,122,.09)}
.multi-page .pricing-card.featured{border:1.5px solid #b58cf2;background:rgba(255,253,255,.9);box-shadow:0 11px 32px rgba(139,85,214,.17)}
.multi-page .pricing-card ul{border-radius:14px;background:rgba(255,255,255,.87)}
.multi-page .plan-top>img{filter:contrast(1.04) saturate(1.06)}
.multi-page .quiz-widget,.multi-page .quiz-intro,.multi-page .recommendation,.multi-page .calendar{background:rgba(255,255,255,.84);border:1px solid #fff;border-radius:18px;box-shadow:0 7px 24px rgba(75,55,132,.09)}
.multi-page .quiz-option{background:#ffffffee;border:1px solid #ebe0f8}
.multi-page .quiz-option:hover,.multi-page .quiz-option.selected{background:#f1e7ff;border-color:#b88bef}
.multi-page .days button.selected,.multi-page .slots button.active{background:#9547e8!important;color:white!important;border-color:#9547e8!important;box-shadow:0 3px 12px rgba(147,75,224,.25)}
.multi-page .inner-text-panel,.multi-page .article-card,.multi-page .article-body{background:rgba(255,255,255,.87);border:1px solid #fff;box-shadow:0 7px 23px rgba(69,51,119,.09)}
.multi-page .inner-section{background:linear-gradient(115deg,#faf7ff,#f3eefe)}
.multi-page .inner-cta{background:linear-gradient(125deg,#eee4ff,#f8f4ff)}
.multi-page .footer{border-top:1px solid #ffffffdb;background:rgba(248,245,255,.92)}
.multi-page .footer-inner{min-height:68px}

/* No unrelated motion; navigation remains plain HTML links. */
.multi-page .pill,.multi-page .hero-service,.multi-page .focus-card,.multi-page .pricing-card,.multi-page .quiz-option{animation:none!important}
@media(max-width:1199px){
  .multi-page .wrap,.multi-page .topbar-inner{width:calc(100% - 80px)}
  .multi-page.page-home .hero-intro{padding-left:12px}
  .multi-page.page-home .hero-service{gap:9px}
  .multi-page.page-home .hero-service>img{width:105px}
  .multi-page.page-home .hero-service strong{font-size:16px}
  .multi-page.page-home .hero-service small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.multi-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Match the same visual identity on the About / Blog / editorial pages. */
.inner-page{background:linear-gradient(135deg,#f8f6ff,#f0ebfc);-webkit-font-smoothing:antialiased}
.inner-page .site-shell{background:#f7f3ff}
.inner-page .site-shell::before,.inner-page .site-shell::after{display:none}
.inner-page .topbar{height:68px;background:rgba(253,252,255,.8);border-bottom:1px solid #fff;backdrop-filter:blur(12px)}
.inner-page .topbar .brand{font-size:23px}
.inner-page .navigation a{color:#35286c;font-size:12px;padding:9px 13px;border-radius:12px}
.inner-page .navigation a.active,.inner-page .navigation a:hover{background:#e8dcfa;color:#6731b6}
.inner-page .inner-hero{
  background-image:linear-gradient(105deg,rgba(251,249,255,.9),rgba(245,237,255,.78)),url('assets/alpine_landscape_v3.webp');
  background-size:cover;background-position:50% 48%;border-bottom:1px solid #ffffffdc;padding:76px 0 72px
}
.inner-page .inner-hero h1{color:#1e1755}
.inner-page .inner-section{background:linear-gradient(120deg,#f9f6ff,#f3edfc)}
.inner-page .inner-text-panel,.inner-page .article-card,.inner-page .article-body{background:rgba(255,255,255,.88);border:1px solid white;box-shadow:0 7px 25px rgba(70,42,129,.09)}
.inner-page .inner-illustration{border:1px solid white;box-shadow:0 9px 26px #6650a421}
.inner-page .inner-cta{background:linear-gradient(120deg,#f1e9ff,#faf6ff)}
.inner-page .inner-footer{background:#faf8ff}
.inner-page .pill{border-radius:999px;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}
.inner-page .pill.primary{background:linear-gradient(115deg,#a94be6,#9145e8 65%,#aa5cf0);border:1px solid #b880f5;box-shadow:0 5px 16px #8c52d530}
.inner-page .pill.primary:hover{background:linear-gradient(115deg,#9140d8,#7c35cf);box-shadow:0 6px 18px #8c52d53f;transform:none}
.inner-page .text-link{color:#7337bc;background:rgba(255,255,255,.64);border:1px solid #ede4f8}
.inner-page .wrap{max-width:1280px;width:calc(100% - 132px)}


/* BLOQUE 1 / V4: Inicio, Enfoques y Planes. Estilos acotados, sin animaciones decorativas. */
:root{
  --ivn4-ink:#1b174f;
  --ivn4-purple:#913fe3;
  --ivn4-lavender:#f4ecff;
  --ivn4-edge:rgba(255,255,255,.94);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes){
  color:var(--ivn4-ink);
  background:#f8f5ff;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .site-shell{
  background:#f8f5ff;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar{
  height:74px;
  background:rgba(251,249,255,.85);
  border-bottom:1px solid rgba(255,255,255,.94);
  box-shadow:0 2px 18px rgba(46,27,97,.07);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar .brand{
  font-size:24px;letter-spacing:-.85px;color:#1a1757;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .navigation a{
  font-size:12px;line-height:1.2;font-weight:650;border-radius:999px;
  padding:10px 15px;color:#362d68;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .navigation a.active{
  background:#e8ddfc;color:#6827ba;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill{
  min-height:43px;padding:11px 23px;font-size:12px;letter-spacing:.03px;
  border-radius:999px;transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.primary{
  background:linear-gradient(112deg,#af63eb 0%,#933fe1 56%,#8d45dc 100%);
  color:#fff;border:1px solid rgba(225,187,255,.92);
  box-shadow:0 5px 13px rgba(119,49,198,.21),inset 0 1px 0 rgba(255,255,255,.44);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.primary:hover{
  background:linear-gradient(112deg,#9d4fdf,#7b32d4);
  box-shadow:0 7px 17px rgba(119,49,198,.3);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.outline{
  background:rgba(250,246,255,.9);color:#7031b8;border:1px solid #ba91ef;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.outline:hover{
  background:#efe5ff;color:#6023a7;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .glass{
  border:1px solid rgba(255,255,255,.96);
  background:linear-gradient(133deg,rgba(255,255,255,.82),rgba(245,237,255,.72));
  box-shadow:0 12px 29px rgba(55,37,107,.09),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .page-cta.scenic{
  background-image:linear-gradient(90deg,rgba(250,247,255,.83),rgba(247,239,255,.65)),url('assets/alpine_landscape_v3.webp');
  background-position:50% 72%;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .page-cta-inner{
  border-radius:22px;padding:25px 33px;
  background:linear-gradient(110deg,rgba(255,255,255,.9),rgba(249,243,255,.76));
  box-shadow:0 10px 26px rgba(52,27,112,.08);
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .page-cta-inner h2{
  font-size:25px;letter-spacing:-.65px;color:#211954;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .page-cta-inner p{
  font-size:13px;color:#51467a;
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .eyebrow{
  color:#7832c7;letter-spacing:1.45px;font-weight:800;
}

/* INICIO: imagen protagonista en el centro, texto con contraste, tarjetas apoyadas sobre el fondo. */
body.multi-page.page-home .hero.scenic{
  background-image:linear-gradient(97deg,rgba(253,250,255,.69) 0%,rgba(255,255,255,.15) 45%,rgba(249,241,255,.16) 100%),url('assets/alpine_terrace_v3.webp');
  background-size:cover;background-position:50% 51%;
}
body.multi-page.page-home .hero{height:min(76vh,655px);min-height:565px;overflow:hidden}
body.multi-page.page-home .hero-inner{
  grid-template-columns:35% 29% 36%;
  height:100%;
}
body.multi-page.page-home .hero-intro{
  padding:97px 0 0 20px;align-self:start;z-index:5;
}
body.multi-page.page-home .hero-intro .eyebrow{font-size:11px;margin-bottom:18px}
body.multi-page.page-home .hero-intro h1{
  font-size:clamp(43px,4.2vw,61px);
  line-height:1.03;letter-spacing:-2.7px;
  margin:0 0 18px;max-width:480px;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
body.multi-page.page-home .hero-intro h1 em{color:#9b36e7;font-style:normal}
body.multi-page.page-home .hero-intro>p:not(.eyebrow){
  font-size:15px;line-height:1.56;max-width:380px;
  color:#2b255e;font-weight:500;margin-bottom:22px;
}
body.multi-page.page-home .hero-action{min-height:45px;padding:12px 25px}
body.multi-page.page-home .hero-woman{
  position:absolute;left:31%;top:14px;width:36%;height:calc(100% - 70px);
  max-width:none;object-fit:contain;object-position:50% 45%;
  filter:drop-shadow(0 5px 15px rgba(146,90,202,.14));
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%);
}
body.multi-page.page-home .hero-side{
  z-index:6;grid-column:3;align-self:center;
  padding-left:8px;margin-top:-24px;gap:16px;
}
body.multi-page.page-home .hero-service{
  width:100%;height:178px;padding:14px 44px 14px 14px;gap:16px;
  border-radius:20px;text-align:left;
  background:linear-gradient(110deg,rgba(255,255,255,.88),rgba(248,243,255,.73));
  border:1px solid #fff;
  box-shadow:0 12px 29px rgba(44,28,105,.12),inset 0 1px 0 #fffffffa;
  transition:background-color .16s ease,box-shadow .16s ease;
}
body.multi-page.page-home .hero-service:hover{
  background:rgba(255,255,255,.95);
  box-shadow:0 13px 33px rgba(44,28,105,.17);
}
body.multi-page.page-home .hero-service>img{
  width:117px;height:141px;flex:none;border:0;border-radius:15px;
  object-fit:contain;object-position:center;
  background:radial-gradient(ellipse at center,rgba(223,198,252,.9),rgba(247,239,255,.1) 72%);
  box-shadow:none;filter:contrast(1.08) saturate(1.08);
}
body.multi-page.page-home .hero-service span{min-width:0;flex:1}
body.multi-page.page-home .hero-service strong{
  display:block;margin-bottom:9px;font-size:19px;
  line-height:1.15;letter-spacing:-.45px;color:#211b57;
}
body.multi-page.page-home .hero-service small{
  font-size:12px;line-height:1.46;max-width:230px;
  padding-right:0;color:#514474;
}
body.multi-page.page-home .hero-service .circle-arrow{
  width:31px;height:31px;right:11px;
  background:linear-gradient(145deg,#c58cf5,#9350e5);
  box-shadow:0 3px 11px rgba(140,69,213,.25);
}
body.multi-page.page-home .hero-benefits{
  left:5px;right:5px;bottom:19px;max-width:none;
  min-height:56px;padding:8px 16px;gap:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  background:rgba(253,250,255,.77);
  border:1px solid #ffffff;
  border-radius:18px;
  box-shadow:0 7px 22px rgba(58,34,114,.1);
  backdrop-filter:blur(12px);
}
body.multi-page.page-home .hero-benefits>span{
  min-width:0;justify-content:center;gap:9px;
  font-size:12px;color:#332764;white-space:normal;
}
body.multi-page.page-home .hero-benefits>span+span{border-left:1px solid rgba(142,101,208,.26)}
body.multi-page.page-home .hero-benefits i{font-size:22px;color:#8944df;text-shadow:none}
body.multi-page.page-home .home-paths{
  background:linear-gradient(110deg,rgba(246,242,255,.88),rgba(250,247,255,.89)),url('assets/alpine_landscape_v3.webp') center 48%/cover;
  padding:43px 0 51px;position:relative;
}
body.multi-page.page-home .home-paths .section-intro{margin-bottom:22px;align-items:flex-end}
body.multi-page.page-home .home-paths h2{
  font-size:clamp(27px,2.7vw,36px);letter-spacing:-1px;
  line-height:1.14;margin:0 0 8px;color:#1d1752;
}
body.multi-page.page-home .home-paths .section-intro p{
  max-width:680px;font-size:13px;color:#4d4175;line-height:1.55;
}
body.multi-page.page-home .home-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.multi-page.page-home .home-path{
  height:267px;position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;border-radius:22px;
  border:1px solid rgba(255,255,255,.98);
  background:linear-gradient(130deg,#faf6ff,#e7dbfb);
  box-shadow:0 12px 28px rgba(58,31,111,.13);
  text-decoration:none;color:#201752;
  transition:box-shadow .15s ease,border-color .15s ease;
}
body.multi-page.page-home .home-path:hover{
  box-shadow:0 15px 31px rgba(58,31,111,.19);
  border-color:#dac2fa;
}
body.multi-page.page-home .home-path::before{
  content:"";z-index:1;position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(253,250,255,.98) 0%,rgba(247,239,255,.82) 49%,rgba(246,233,255,.07) 92%);
}
body.multi-page.page-home .home-path-copy{
  position:relative;z-index:2;padding:30px 34px;max-width:66%;
}
body.multi-page.page-home .home-path h3{
  font-size:25px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px;color:#1e1857;
}
body.multi-page.page-home .home-path p{
  font-size:13px;color:#4f4175;line-height:1.5;margin:0 0 18px;
}
body.multi-page.page-home .home-path .pill{display:inline-flex;font-size:12px}
body.multi-page.page-home .home-path img{
  position:absolute;right:-2%;top:0;width:55%;height:100%;
  object-fit:contain;object-position:right center;
  filter:contrast(1.1) saturate(1.1);
}
body.multi-page.page-home .home-path.performance img{width:60%;right:-1%}
body.multi-page.page-home .page-cta{padding:24px 0 37px}

/* ENFOQUES: dos áreas principales y una segunda fila editorial con contenido real. */
body.multi-page.page-enfoques .page-banner.scenic{
  background-image:linear-gradient(94deg,rgba(253,250,255,.91),rgba(245,235,255,.69) 73%,rgba(244,232,255,.47)),url('assets/alpine_landscape_v3.webp');
  background-position:center 50%;
}
body.multi-page.page-enfoques .page-banner{
  text-align:left;padding:57px 0 47px;min-height:0;
}
body.multi-page.page-enfoques .page-banner h1{
  max-width:850px;margin:9px 0 14px;font-size:clamp(37px,3.8vw,55px);line-height:1.08;
}
body.multi-page.page-enfoques .page-banner p:not(.eyebrow){margin:0;max-width:700px;font-size:15px}
body.multi-page.page-enfoques .intro-band.scenic{
  padding:40px 0 51px;
  background-image:linear-gradient(105deg,rgba(250,247,255,.93),rgba(241,231,255,.74)),url('assets/alpine_terrace_v3.webp');
  background-position:50% 50%;
}
body.multi-page.page-enfoques .section-intro{margin-bottom:21px}
body.multi-page.page-enfoques .section-intro h2{font-size:clamp(27px,2.7vw,37px);line-height:1.13}
body.multi-page.page-enfoques .section-intro p{font-size:13px;line-height:1.6}
body.multi-page.page-enfoques .focus-grid{gap:19px}
body.multi-page.page-enfoques .focus-card{
  height:327px;border-radius:23px;
  background:linear-gradient(120deg,rgba(255,255,255,.87),rgba(241,227,255,.79));
  border:1px solid rgba(255,255,255,.97);
  box-shadow:0 14px 33px rgba(60,32,111,.11);
}
body.multi-page.page-enfoques .focus-card::before{
  background:linear-gradient(91deg,rgba(255,253,255,.95) 0%,rgba(249,243,255,.79) 53%,rgba(251,245,255,.02) 94%);
}
body.multi-page.page-enfoques .focus-card img{
  top:0;right:0;width:52%;height:100%;opacity:1;
  object-fit:contain;object-position:right center;filter:contrast(1.1) saturate(1.1);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);
  mask-image:linear-gradient(90deg,transparent,#000 25%);
}
body.multi-page.page-enfoques .focus-card.performance-card img{width:59%}
body.multi-page.page-enfoques .focus-content{
  max-width:67%;padding:33px 34px;
}
body.multi-page.page-enfoques .focus-content h3{
  color:#211853;font-size:26px;letter-spacing:-.7px;line-height:1.18;margin-bottom:10px;
}
body.multi-page.page-enfoques .focus-content p{
  font-size:13px;line-height:1.55;color:#4c4174;margin-bottom:19px;
}
body.multi-page.page-enfoques .insight-band{
  background:linear-gradient(125deg,#f8f4ff,#eee5ff 54%,#f6f2ff);
  padding:42px 0 49px;
}
body.multi-page.page-enfoques .insight-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:19px;
}
body.multi-page.page-enfoques .insight-card{
  min-height:234px;position:relative;overflow:hidden;
  border-radius:23px;padding:29px 31px;
  background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(243,235,255,.77));
  border:1px solid #fff;box-shadow:0 10px 29px rgba(70,38,127,.09);
}
body.multi-page.page-enfoques .insight-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(252,250,255,.98),rgba(248,240,255,.8) 60%,transparent);
  z-index:1;pointer-events:none;
}
body.multi-page.page-enfoques .insight-card img{
  position:absolute;right:-15px;bottom:-12px;width:42%;height:105%;
  object-fit:contain;object-position:right bottom;
  filter:contrast(1.09) saturate(1.12);
}
body.multi-page.page-enfoques .insight-card .insight-copy{
  position:relative;z-index:2;max-width:68%;
}
body.multi-page.page-enfoques .insight-card h2{
  font-size:23px;line-height:1.15;margin:0 0 11px;letter-spacing:-.65px;
}
body.multi-page.page-enfoques .insight-card p{
  color:#514379;font-size:13px;line-height:1.57;margin:0 0 20px;
}
body.multi-page.page-enfoques .insight-card .text-link{
  display:inline-block;border:1px solid #e4d1fa;background:rgba(255,255,255,.82);
  border-radius:100px;padding:10px 16px;color:#7030c1;text-decoration:none;
}

/* PLANES: fotos en cabecera sin recortar, comparativa legible y CTA coherentes. */
body.multi-page.page-planes .page-banner.scenic{
  background-image:linear-gradient(95deg,rgba(250,247,255,.93),rgba(244,235,255,.69)),url('assets/alpine_landscape_v3.webp');
  background-position:center 46%;
}
body.multi-page.page-planes .page-banner{padding:58px 0 46px;min-height:0}
body.multi-page.page-planes .page-banner h1{font-size:clamp(37px,3.9vw,54px)}
body.multi-page.page-planes .plans-section.scenic{
  padding:45px 0 61px;
  background-image:linear-gradient(105deg,rgba(246,243,255,.94),rgba(240,234,255,.86)),url('assets/alpine_terrace_v3.webp');
  background-position:50% 55%;
}
body.multi-page.page-planes .plans-intro{text-align:left;margin-bottom:26px}
body.multi-page.page-planes .plans-intro h2{font-size:clamp(27px,2.8vw,37px);margin:0 0 10px;letter-spacing:-.9px}
body.multi-page.page-planes .plans-intro p{font-size:13px;line-height:1.6;max-width:825px;color:#4d4176}
body.multi-page.page-planes .pricing-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:stretch;
}
body.multi-page.page-planes .pricing-card{
  padding:25px 24px 23px;min-height:596px;
  border-radius:23px;border:1px solid #fff;isolation:isolate;
  display:flex;flex-direction:column;
  background:linear-gradient(155deg,rgba(252,248,255,.94),rgba(247,241,255,.84) 42%,rgba(255,255,255,.91));
  box-shadow:0 13px 31px rgba(50,34,109,.1);
  transition:box-shadow .16s ease,border-color .16s ease;
}
body.multi-page.page-planes .pricing-card:hover{
  box-shadow:0 17px 35px rgba(50,34,109,.16);
  border-color:#d8bcf7;
}
body.multi-page.page-planes .pricing-card.featured{
  border:2px solid #b78cf3;
  background:linear-gradient(158deg,rgba(242,232,255,.97),rgba(255,253,255,.93) 47%,rgba(247,239,255,.96));
  box-shadow:0 17px 40px rgba(113,60,187,.17);
}
body.multi-page.page-planes .plan-ribbon{
  top:-13px;right:21px;font-size:10px;padding:6px 14px;
  border-radius:100px;background:linear-gradient(105deg,#b568ee,#8843db);
  letter-spacing:.3px;box-shadow:0 5px 11px rgba(128,61,206,.2);
}
body.multi-page.page-planes .plan-top{height:100px;align-items:flex-start;gap:12px;padding-top:5px}
body.multi-page.page-planes .plan-top>img{
  position:absolute;z-index:-1;right:0;top:0;
  width:49%;height:190px;object-fit:contain;object-position:right top;
  border-radius:0 22px 0 0;filter:contrast(1.08) saturate(1.08);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 32%);
}
body.multi-page.page-planes .plan-top>div{max-width:65%;padding-top:6px}
body.multi-page.page-planes .plan-icon{
  width:42px;height:42px;min-width:42px;
  border-radius:13px;font-size:24px;color:#8c43db;
  background:rgba(234,216,255,.85);border:1px solid rgba(255,255,255,.93);
}
body.multi-page.page-planes .plan-top h3{
  font-size:19px;letter-spacing:-.5px;line-height:1.2;color:#211952;
}
body.multi-page.page-planes .plan-top small{font-size:11px;line-height:1.35;color:#61527f}
body.multi-page.page-planes .price{
  font-size:36px;line-height:1.2;letter-spacing:-1.15px;margin:8px 0 11px;
  color:#20164e;
}
body.multi-page.page-planes .price span{font-size:13px;letter-spacing:0;color:#4a376d}
body.multi-page.page-planes .plan-description{
  font-size:12px;line-height:1.5;color:#5e5177;
  min-height:60px;max-width:91%;margin:0 0 15px;
}
body.multi-page.page-planes .pricing-card ul{
  padding:18px 16px;flex:1;margin:0 0 20px;
  border:1px solid rgba(237,225,251,.92);border-radius:17px;
  background:rgba(255,255,255,.74);
  box-shadow:none;
}
body.multi-page.page-planes .pricing-card li{
  font-size:12px;line-height:1.45;color:#453b67;
  margin:0 0 12px;gap:9px;
}
body.multi-page.page-planes .pricing-card li:last-child{margin-bottom:0}
body.multi-page.page-planes .pricing-card li:before{
  content:"✓";min-width:20px;width:20px;height:20px;
  font-size:12px;font-weight:800;
  color:#8e44d5;background:#efe3ff;
}
body.multi-page.page-planes .pricing-card .choose-plan{
  align-self:stretch;width:100%;min-height:45px;padding:11px 13px;
  font-size:12px;border-radius:999px;
}
body.multi-page.page-planes .plans-section .micro-note{
  margin:20px 0 0;line-height:1.6;color:#726688;
}
@media(max-width:1200px){
  body.multi-page.page-home .hero-intro{padding-top:78px;padding-left:5px}
  body.multi-page.page-home .hero-service{gap:9px;padding-right:39px}
  body.multi-page.page-home .hero-service>img{width:88px}
  body.multi-page.page-home .hero-service strong{font-size:16px}
  body.multi-page.page-home .hero-service small{font-size:11px}
  body.multi-page.page-planes .pricing-card{padding:23px 18px}
  body.multi-page.page-planes .plan-top h3{font-size:17px}
}
@media(max-width:900px){
  body.multi-page:is(.page-home,.page-enfoques,.page-planes) .wrap,
  body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar-inner{
    width:calc(100% - 38px);
  }
  body.multi-page.page-home .hero{min-height:580px}
  body.multi-page.page-home .hero-inner{grid-template-columns:36% 25% 39%}
  body.multi-page.page-home .hero-intro h1{font-size:39px}
  body.multi-page.page-home .hero-service{height:172px}
  body.multi-page.page-home .hero-service>img{width:67px;height:125px}
  body.multi-page.page-home .hero-woman{left:28%;width:42%}
  body.multi-page.page-home .home-path-copy{padding:22px}
  body.multi-page.page-home .home-path h3{font-size:21px}
  body.multi-page.page-enfoques .focus-content{padding:24px}
  body.multi-page.page-planes .pricing-grid{gap:11px}
  body.multi-page.page-planes .pricing-card{padding:19px 14px}
  body.multi-page.page-planes .pricing-card li{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  body.multi-page:is(.page-home,.page-enfoques,.page-planes) *{animation:none!important;transition:none!important}
}


/* iVanNutrición · microinteracciones V13 (3D, brillo y zoom) */
/* Relieve discreto para botones reales; mantiene la paleta y dimensiones existentes. */
.pill.primary,.inner-page .pill.primary,
body.multi-page .pill.primary,
body.multi-page.page-home .pill.primary{
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.51),
    inset 0 -3px 5px rgba(83,17,137,.21),
    0 4px 0 rgba(87,24,139,.17),
    0 10px 21px rgba(127,40,195,.25)!important;
}
.pill.outline,.pill.ghost,body.multi-page .pill.outline,
body.multi-page .pill.ghost,
body.multi-page.page-home .hero.v5-hero .pill.ghost{
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.84),
    inset 0 -2px 5px rgba(115,74,173,.10),
    0 3px 0 rgba(102,50,157,.10),
    0 8px 17px rgba(70,34,131,.12)!important;
}
.pill:disabled,button:disabled{cursor:not-allowed}
:is(button.pill,a.pill,.hero-service,.home-path,.navigation a,.text-link,.brand,
  .article-card a img,.focus-card img,.insight-card img,.pricing-card .plan-top img,
  .quiz-option,[data-time],#month-prev,#month-next,#quiz-next-mini){
  transition:transform .23s cubic-bezier(.2,.75,.2,1),filter .25s ease,
    box-shadow .23s ease,border-color .23s ease,background-color .23s ease!important;
}
body.multi-page.page-home .hero.v5-hero a.hero-service>img,
body.multi-page.page-home a.home-path>img{
  transform-origin:63% 50%;
  transition:transform .34s cubic-bezier(.2,.75,.2,1),filter .3s ease!important;
}
body.multi-page .hero-service .circle-arrow{
  transition:transform .23s cubic-bezier(.2,.75,.2,1),box-shadow .23s ease!important
}
:is(a,button,[role="button"]):focus-visible{
  outline:3px solid #a33cdf!important;outline-offset:3px!important
}
@media (hover:hover) and (pointer:fine){
  body.multi-page .pill.primary:not(:disabled):hover,
  body.inner-page .pill.primary:not(:disabled):hover,
  body.multi-page.page-home .hero.v5-hero .hero-actions .pill.primary:hover,
  body.multi-page.page-home .top-cta:hover{
    transform:translateY(-2px) scale(1.023)!important;
    filter:brightness(1.065) saturate(1.04)!important;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.55),
      inset 0 -3px 5px rgba(81,20,135,.18),
      0 5px 0 rgba(85,21,137,.15),
      0 14px 27px rgba(113,33,182,.34),
      0 0 17px rgba(218,142,255,.20)!important
  }
  body.multi-page .pill:is(.ghost,.outline):not(:disabled):hover,
  body.inner-page .pill:is(.ghost,.outline):not(:disabled):hover{
    transform:translateY(-2px) scale(1.018)!important;
    filter:brightness(1.035)!important;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.91),
      0 4px 0 rgba(112,65,163,.10),
      0 12px 24px rgba(98,43,164,.19)!important
  }
  body.multi-page .pill:active:not(:disabled),
  body.inner-page .pill:active:not(:disabled){
    transform:translateY(1px) scale(.988)!important;
    filter:brightness(.98)!important;
    box-shadow:inset 0 3px 8px rgba(67,20,125,.23),
      0 2px 8px rgba(90,30,142,.16)!important
  }
  .navigation a:hover{
    transform:translateY(-1px)!important;
    text-shadow:0 0 9px rgba(154,75,213,.19)
  }
  .text-link:hover{transform:translateX(2px)!important;filter:brightness(1.075)}
  a.brand:hover{filter:drop-shadow(0 1px 4px rgba(163,80,225,.26))}

  /* Tarjetas de Inicio: efecto al posar el cursor en la tarjeta o su fotografía */
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover{
    transform:translateY(-3px) scale(1.012)!important;
    box-shadow:0 14px 30px rgba(74,30,142,.23),
      inset 0 1px 0 rgba(255,255,255,.66),
      0 0 18px rgba(218,145,252,.27)!important;
    border-color:rgba(255,255,255,.97)!important
  }
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover>img{
    transform:scale(1.035)!important;
    filter:brightness(1.07) saturate(1.07)!important
  }
  body.multi-page.page-home .hero.v5-hero a.hero-service:hover .circle-arrow{
    transform:scale(1.075)!important;
    box-shadow:0 5px 15px rgba(111,34,174,.32),
      0 0 12px rgba(226,163,255,.32)!important
  }
  body.multi-page.page-home a.home-path:hover{
    transform:translateY(-3px) scale(1.008)!important;
    box-shadow:0 15px 33px rgba(77,32,139,.23),
      0 0 17px rgba(223,165,255,.19)!important
  }
  body.multi-page.page-home a.home-path:hover>img{
    transform:scale(1.035)!important;
    filter:brightness(1.06) saturate(1.095)!important
  }
  body.multi-page.page-home a.home-path:hover .pill{
    filter:brightness(1.055)!important;
    box-shadow:inset 0 2px 1px rgba(255,255,255,.57),
      0 8px 20px rgba(131,43,195,.32)!important
  }
  /* Otros apartados: microzoom únicamente; no se simula que una imagen sea un botón */
  .article-card a:hover img{
    transform:scale(1.035)!important;filter:brightness(1.07) saturate(1.075)!important
  }
  body.multi-page.page-enfoques .focus-card:hover img,
  body.multi-page.page-enfoques .insight-card:hover img{
    transform:scale(1.025)!important;filter:brightness(1.065) saturate(1.09)!important
  }
  body.multi-page.page-planes .pricing-card:hover .plan-top img{
    transform:scale(1.025)!important;filter:brightness(1.06) saturate(1.08)!important
  }
  body.multi-page :is(.quiz-option,[data-time]):not(:disabled):hover{
    transform:translateY(-2px)!important;
    box-shadow:0 7px 17px rgba(109,43,180,.19)!important
  }
  body.multi-page :is(#month-prev,#month-next,#quiz-next-mini):not(:disabled):hover{
    transform:scale(1.05)!important;filter:brightness(1.05)
  }
}
@media (prefers-reduced-motion:reduce){
  :is(button.pill,a.pill,.hero-service,.hero-service>img,.home-path,
      .home-path>img,.navigation a,.text-link,.brand,.article-card img,
      .focus-card img,.insight-card img,.pricing-card img,
      .quiz-option,[data-time],#month-prev,#month-next,#quiz-next-mini){
    transition:none!important;transform:none!important
  }
}