/* IVANNUTRICION | V6 — composicion de escritorio unificada, sin marcos fotograficos pegados. */
/* Esta hoja sustituye las reglas V5 en Inicio, Enfoques y Planes y no cambia el JS. */
:root{--ivn-night:#211451;--ivn-purple:#8f31d2;--ivn-pink:#d139c7;--ivn-glass:rgba(255,251,255,.84)}
body.multi-page:is(.page-home,.page-enfoques,.page-planes){background:#faf6ff;color:var(--ivn-night);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .site-shell{background:#faf6ff}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .wrap,
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar-inner{max-width:1320px;width:calc(100% - 92px)}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar{
  position:sticky;top:0;z-index:40;height:68px;background:rgba(253,250,255,.93);
  border-bottom:1px solid rgba(255,255,255,.95);box-shadow:0 3px 17px rgba(57,30,111,.08);
  backdrop-filter:blur(12px)
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .topbar .brand{font-size:22px;letter-spacing:-.8px;color:#27115d;font-weight:850}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .navigation a{
  color:#35245d;font-size:12px;font-weight:720;padding:8px 14px;border-radius:22px;
  transition:background-color .14s ease,color .14s ease
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .navigation a.active{color:white;background:linear-gradient(110deg,#8823d7,#b73ed3);box-shadow:0 3px 10px #6a33ad38}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .navigation a:hover{background:#e9dcf9;color:#6425a2}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;
  padding:11px 21px;border-radius:999px;font-weight:750;font-size:12px;
  text-decoration:none;transform:none!important;
  transition:background .16s ease,box-shadow .16s ease,border-color .16s ease
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.primary{
  border:1px solid rgba(247,225,255,.86);
  background:linear-gradient(108deg,#8520d6,#ad25d5 65%,#d339c4);color:white;
  box-shadow:0 6px 16px rgba(127,36,197,.29),inset 0 1px 0 #ffffff8c
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.primary:hover{
  background:linear-gradient(108deg,#7023bd,#9820be 65%,#be2fb1);
  box-shadow:0 8px 18px rgba(121,41,179,.35)
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.ghost,
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .pill.outline{
  color:#441b74;background:rgba(255,255,255,.88);border:1px solid white;
  box-shadow:0 4px 12px rgba(93,55,138,.14)
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .glass{
  background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(251,243,255,.78));
  border:1px solid rgba(255,255,255,.99);
  box-shadow:0 10px 28px rgba(56,32,112,.14),inset 0 1px 0 rgba(255,255,255,.87);
  backdrop-filter:blur(9px)
}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) .eyebrow{color:#7d20c7;letter-spacing:1.6px;font-size:11px;font-weight:850}
body.multi-page:is(.page-home,.page-enfoques,.page-planes) a:focus-visible,
body.multi-page:is(.page-home,.page-enfoques,.page-planes) button:focus-visible{
  outline:3px solid #9c47e9;outline-offset:3px
}
/* Foto alpina nitida; el recurso local mantiene un fondo si falla la foto remota. */
body.multi-page.page-home .hero.v5-hero{
  position:relative;isolation:isolate;overflow:hidden;
  height:600px;min-height:600px;
  background-color:#e6ddfa;
  background-image:
    linear-gradient(92deg,rgba(251,247,255,.84) 0%,rgba(248,244,255,.44) 33%,rgba(234,225,250,.18) 55%,rgba(238,225,255,.38) 100%),
    url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=2200&q=88'),
    url('assets/alpine_terrace_v3.webp');
  background-repeat:no-repeat;background-size:cover;background-position:center 50%
}
body.multi-page.page-home .hero.v5-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,transparent 48%,rgba(247,234,255,.19) 100%)
}
body.multi-page.page-home .hero.v5-hero .hero-inner{
  position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(0,39fr) minmax(0,27fr) minmax(0,34fr);
  height:100%;max-width:1320px
}
body.multi-page.page-home .hero.v5-hero .hero-intro{
  grid-column:1;position:relative;z-index:6;align-self:start;
  padding:59px 0 0 2px;margin:0;max-width:none;min-width:0
}
body.multi-page.page-home .hero.v5-hero .eyebrow{font-size:10.5px;margin:0 0 19px}
body.multi-page.page-home .hero.v5-hero h1{
  font-size:clamp(39px,3.25vw,51px);font-weight:870;line-height:1.065;
  letter-spacing:-2.0px;color:#261158;max-width:530px;margin:0 0 17px;
  text-shadow:0 1px 0 #ffffff87
}
body.multi-page.page-home .hero.v5-hero h1 em{font-style:normal;color:#8e25cb}
body.multi-page.page-home .hero.v5-hero .hero-intro>p:not(.eyebrow){
  max-width:480px;color:#30235f;font-size:14px;line-height:1.52;
  font-weight:570;margin:0 0 20px
}
body.multi-page.page-home .hero.v5-hero .hero-actions{
  position:relative;z-index:7;display:flex;align-items:center;
  flex-wrap:wrap;gap:10px;margin:0
}
body.multi-page.page-home .hero.v5-hero .hero-actions .pill{min-height:45px;padding:12px 20px}
body.multi-page.page-home .hero.v5-hero .hero-woman{
  position:absolute;z-index:2;top:6px;left:37.5%;width:29.5%;height:calc(100% - 7px);
  display:block;max-width:none;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 7px 11px rgba(55,27,96,.18));
  -webkit-mask-image:radial-gradient(ellipse 76% 92% at 50% 53%,#000 61%,rgba(0,0,0,.95) 73%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 92% at 50% 53%,#000 61%,rgba(0,0,0,.95) 73%,transparent 100%)
}
body.multi-page.page-home .hero.v5-hero .hero-side{
  grid-column:3;z-index:4;align-self:start;
  display:flex;flex-direction:column;gap:15px;
  margin:64px 0 0;padding:0
}
body.multi-page.page-home .hero.v5-hero .hero-service{
  display:block;position:relative;isolation:isolate;width:100%;height:165px;
  overflow:hidden;padding:21px 28px 18px 22px;
  border:1.5px solid #fff;border-radius:22px;
  background:linear-gradient(105deg,rgba(255,255,255,.86),rgba(246,236,255,.72));
  box-shadow:0 9px 26px rgba(57,31,111,.17);cursor:pointer;text-align:left;
  transition:box-shadow .16s ease,background-color .16s ease
}
body.multi-page.page-home .hero.v5-hero .hero-service:hover{
  background:rgba(255,255,255,.91);box-shadow:0 11px 30px rgba(56,26,111,.23)
}
body.multi-page.page-home .hero.v5-hero .hero-service>img{
  display:block;position:absolute;z-index:0;right:0;top:0;
  width:51%;height:100%;object-fit:cover;object-position:center;
  opacity:1;border:0;border-radius:0;box-shadow:none;filter:contrast(1.04) saturate(1.07);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 31%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 31%)
}
body.multi-page.page-home .hero.v5-hero .hero-service::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(255,252,255,.96),rgba(248,240,255,.90) 40%,transparent 89%);
  pointer-events:none
}
body.multi-page.page-home .hero.v5-hero .hero-service>span{
  display:block;position:relative;z-index:3;
  width:67%;max-width:265px;min-width:0;flex:none
}
body.multi-page.page-home .hero.v5-hero .hero-service strong{
  display:block;color:#231450;font-size:19px;letter-spacing:-.5px;line-height:1.12;margin:0 0 8px
}
body.multi-page.page-home .hero.v5-hero .hero-service small{
  color:#4f3f73;font-size:11.5px;line-height:1.37;max-width:238px;padding:0
}
body.multi-page.page-home .hero.v5-hero .service-action{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 13px;margin-top:13px;min-width:99px;
  border-radius:999px;background:linear-gradient(110deg,#8426d8,#b829cb);
  color:white;font-size:11px;font-weight:800;box-shadow:0 4px 9px #8734ce35
}
body.multi-page.page-home .hero.v5-hero .service-action b{font-size:14px;line-height:1}
body.multi-page.page-home .hero.v5-hero .hero-service .circle-arrow{display:none}
body.multi-page.page-home .hero.v5-hero .hero-benefits{
  z-index:5;position:absolute;left:1px;bottom:29px;right:auto;
  width:39%;max-width:none;height:79px;min-height:79px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border:1.5px solid white;border-radius:20px;padding:9px;
  background:rgba(255,251,255,.82);box-shadow:0 7px 23px #53289123;
  backdrop-filter:blur(10px)
}
body.multi-page.page-home .hero.v5-hero .hero-benefits>span{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  font-size:10px;line-height:1.27;font-weight:760;text-align:center;
  color:#2e2259;white-space:normal;padding:0 7px
}
body.multi-page.page-home .hero.v5-hero .hero-benefits>span:not(:first-child){border-left:1px solid #bd96df75}
body.multi-page.page-home .hero.v5-hero .hero-benefits i{font-size:22px;line-height:1;color:#9123d5;text-shadow:none}
/* Segunda seccion visual de la portada, tarjetas sin invadir el texto. */
body.multi-page.page-home .home-paths{
  position:relative;padding:37px 0 61px;
  background:linear-gradient(155deg,#fffaff,#f7eeff 67%,#fffaff)
}
body.multi-page.page-home .home-paths .section-intro{
  display:block;text-align:center;margin:0 auto 25px
}
body.multi-page.page-home .home-paths .section-intro .eyebrow{
  margin:0 0 6px;letter-spacing:1.8px;font-size:11px;color:#842ac9
}
body.multi-page.page-home .home-paths .section-intro h2{
  font-size:clamp(32px,3vw,43px);letter-spacing:-1.4px;
  line-height:1.1;margin:0 0 10px;color:#241350
}
body.multi-page.page-home .home-paths .section-intro p{
  font-size:13px;line-height:1.5;max-width:720px;
  margin:0 auto;color:#554371
}
body.multi-page.page-home .home-path-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px
}
body.multi-page.page-home .home-path{
  position:relative;height:285px;overflow:hidden;
  display:grid;grid-template-columns:43% minmax(0,57%);
  border:1.5px solid white;border-radius:23px;
  background:linear-gradient(130deg,#f1e2ff,#faf5ff);
  box-shadow:0 12px 28px rgba(65,27,113,.16);
  transition:box-shadow .15s ease
}
body.multi-page.page-home .home-path:hover{box-shadow:0 16px 35px rgba(65,27,113,.22)}
body.multi-page.page-home .home-path::before{
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(250,246,255,.18) 35%,rgba(252,248,255,.9) 49%,rgba(252,247,255,.94) 100%)
}
body.multi-page.page-home .home-path>img{
  display:block;position:absolute;top:0;left:0;right:auto;bottom:auto;
  width:49%;height:100%;object-fit:cover;object-position:center;
  filter:none;opacity:1;border:0;
  -webkit-mask-image:none;mask-image:none
}
body.multi-page.page-home .home-path-copy{
  position:relative;z-index:2;grid-column:2;min-width:0;
  width:auto;max-width:none;margin:0;align-items:flex-start;
  padding:24px 18px 18px 15px;display:flex;flex-direction:column;justify-content:center
}
body.multi-page.page-home .home-path h3{
  font-size:clamp(20px,1.9vw,26px);letter-spacing:-.7px;
  line-height:1.1;margin:0 0 12px;color:#231351
}
body.multi-page.page-home .home-path .v5-checks{
  list-style:none;margin:0 0 17px;padding:0
}
body.multi-page.page-home .home-path .v5-checks li{
  margin:0 0 7px;display:flex;align-items:flex-start;gap:8px;
  font-size:12px;line-height:1.3;color:#453465
}
body.multi-page.page-home .home-path .v5-checks li::before{
  content:"✓";font-size:15px;line-height:1;color:#982bd3;font-weight:850
}
body.multi-page.page-home .home-path .pill{
  margin:0;font-size:11px;min-height:39px;padding:9px 16px;white-space:normal
}
body.multi-page.page-home .page-cta{padding:24px 0 42px}
/* Enfoques y Planes siguen el mismo lenguaje visual, sin cambiar enlaces ni datos. */
body.multi-page:is(.page-enfoques,.page-planes) .page-banner{
  background-image:linear-gradient(95deg,rgba(253,248,255,.92),rgba(245,233,255,.75)),url('assets/alpine_terrace_v3.webp');
  background-position:center;background-size:cover
}
body.multi-page:is(.page-enfoques,.page-planes) .page-banner h1{
  color:#261454;font-size:clamp(35px,3.8vw,53px);letter-spacing:-1.4px
}
body.multi-page.page-enfoques .intro-band.scenic,
body.multi-page.page-planes .plans-section.scenic{
  background-image:linear-gradient(107deg,rgba(253,249,255,.90),rgba(243,234,255,.87)),url('assets/alpine_terrace_v3.webp');
  background-position:center;background-size:cover
}
body.multi-page.page-enfoques .focus-card{
  height:330px;border:1.5px solid white;border-radius:23px;overflow:hidden;
  background:linear-gradient(115deg,#fcf6ff,#eedeff);box-shadow:0 12px 30px #5b2d9925
}
body.multi-page.page-enfoques .focus-card img{
  width:55%;height:100%;object-fit:cover;
  filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 33%);
  mask-image:linear-gradient(90deg,transparent,#000 33%)
}
body.multi-page.page-enfoques .focus-card.performance-card img{width:59%}
body.multi-page.page-enfoques .focus-content{padding:30px;max-width:64%}
body.multi-page.page-enfoques .focus-content h3{font-size:26px;color:#231551}
body.multi-page.page-planes .pricing-card{
  border-radius:23px;border:1.5px solid white;
  background:linear-gradient(135deg,#f7edff,#fffaff 60%,#f9f3ff);
  box-shadow:0 12px 30px #522a8c22
}
body.multi-page.page-planes .pricing-card.featured{
  border:2px solid #b783ee;box-shadow:0 16px 35px #7933af30
}
body.multi-page.page-planes .pricing-card .choose-plan{width:100%}
@media(max-width:1250px){
  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% - 64px)
  }
  body.multi-page.page-home .hero.v5-hero h1{font-size:41px}
  body.multi-page.page-home .hero.v5-hero .hero-intro{padding-top:68px}
  body.multi-page.page-home .hero.v5-hero .hero-service{padding:20px 13px}
  body.multi-page.page-home .hero.v5-hero .hero-service>span{width:70%}
  body.multi-page.page-home .hero.v5-hero .hero-service strong{font-size:17px}
  body.multi-page.page-home .hero.v5-hero .hero-service small{font-size:10px}
  body.multi-page.page-home .hero.v5-hero .service-action{margin-top:9px}
  body.multi-page.page-home .home-path h3{font-size:21px}
  body.multi-page.page-home .home-path .v5-checks li{font-size:11px}
}
@media(max-width:930px){
  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% - 30px)
  }
  body.multi-page.page-home .hero.v5-hero{height:600px}
  body.multi-page.page-home .hero.v5-hero .hero-inner{
    grid-template-columns:minmax(0,40fr) minmax(0,24fr) minmax(0,36fr)
  }
  body.multi-page.page-home .hero.v5-hero h1{font-size:37px}
  body.multi-page.page-home .hero.v5-hero .hero-woman{left:39%;width:26%}
  body.multi-page.page-home .hero.v5-hero .hero-service{height:175px}
  body.multi-page.page-home .hero.v5-hero .hero-service>span{width:82%}
  body.multi-page.page-home .hero.v5-hero .hero-benefits{width:40%}
  body.multi-page.page-home .home-path-grid{gap:12px}
  body.multi-page.page-home .home-path{height:300px}
  body.multi-page.page-home .home-path-copy{padding:15px 9px 12px}
  body.multi-page.page-home .home-path .pill{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 body.multi-page:is(.page-home,.page-enfoques,.page-planes) *{animation:none!important;transition:none!important}
}