/* D5-A.3 / Hero fidelity layer. Intentionally isolated while the hero is under visual review. */
@media (min-width:1160px) {
  .site-header { background:rgba(251,252,255,.94); backdrop-filter:blur(14px); }
  .header-row { min-height:92px; }
  .brand { font-size:24px; gap:12px; }
  .brand .home-mark { width:38px; height:38px; }
  .desktop-nav { gap:26px; }

  .home-hero.home-shell { width:min(100%,1760px); max-width:1760px; padding-inline:clamp(34px,3.8vw,72px); }
  .home-hero { min-height:calc(100svh - 92px); padding-top:clamp(34px,3.6vw,58px); padding-bottom:clamp(78px,7vw,118px); }
  .home-hero::before { content:''; position:absolute; z-index:-2; left:50%; top:48%; width:min(96vw,1840px); height:72%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(ellipse,rgba(157,184,255,.11),rgba(255,255,255,0) 66%); filter:blur(18px); pointer-events:none; }
  .home-hero::after { content:''; position:absolute; z-index:-1; left:50%; bottom:3.5%; width:min(116vw,2100px); height:19vw; transform:translateX(-50%); border-radius:50%; border-top:1px solid rgba(255,255,255,.98); box-shadow:0 -28px 90px rgba(53,91,198,.08),inset 0 20px 60px rgba(255,255,255,.36); pointer-events:none; }

  .home-hero-backdrop { background:radial-gradient(ellipse at 50% 57%,rgba(167,190,255,.33) 0,rgba(206,220,255,.16) 28%,transparent 55%),radial-gradient(ellipse at 7% 65%,rgba(102,146,255,.13),transparent 35%),radial-gradient(ellipse at 93% 65%,rgba(91,203,192,.08),transparent 33%),linear-gradient(180deg,#fbfcff 0%,#f8fbff 46%,#edf4ff 100%); }
  .home-plane-a { width:84vw; height:84vw; left:-38vw; top:8%; }
  .home-plane-b { width:82vw; height:82vw; right:-37vw; top:6%; }
  .home-plane-c { width:55vw; height:55vw; left:22.5vw; top:25%; }
  .home-veil-a { left:-17vw; opacity:.62; }
  .home-veil-b { right:-18vw; opacity:.58; }
  .home-horizon { bottom:-30vw; width:132vw; height:67vw; }

  .home-hero-copy { max-width:1420px; }
  .home-hero .home-eyebrow { font-size:10px; letter-spacing:.28em; }
  .home-hero h1 { max-width:none; margin:18px auto 16px; font-size:clamp(72px,5.75vw,112px); line-height:.93; letter-spacing:-.071em; white-space:nowrap; }
  .home-hero h1 span { display:inline; }
  .home-lead { max-width:790px; font-size:clamp(18px,1.25vw,21px); line-height:1.45; }
  .home-hero .home-actions { margin-top:24px; }
  .home-hero .button.primary { min-height:52px; padding-inline:28px; }

  .home-interaction { max-width:1660px; margin:clamp(22px,2.7vw,42px) auto 0; }
  .home-interaction::before,.home-interaction::after { position:absolute; z-index:4; bottom:46px; max-width:180px; color:#8493b1; font-size:9px; font-weight:700; line-height:1.6; letter-spacing:.24em; text-transform:uppercase; opacity:.86; pointer-events:none; }
  .home-interaction::before { content:'Conversaciones\A que impulsan\A resultados'; left:0; white-space:pre; text-align:left; }
  .home-interaction::after { content:'Un mundo\A con más acción'; right:0; white-space:pre; text-align:right; }

  .home-flow { min-height:610px; max-width:1660px; }
  .home-flow::before { width:min(70vw,1120px); height:min(38vw,600px); background:radial-gradient(ellipse,rgba(255,255,255,.76) 0,rgba(203,218,255,.18) 45%,transparent 71%); }
  .home-flow::after { width:min(53vw,820px); height:min(27vw,410px); border-color:rgba(49,91,255,.06); box-shadow:0 0 105px rgba(49,91,255,.05); }
  .home-flow-routes { inset:1% 0 0; height:98%; }
  .home-route-rest { stroke:rgba(75,114,210,.25); stroke-width:1.15; }
  .home-route-active { stroke-width:2.15; }

  .home-flow-side { width:30.5%; gap:19px; }
  .home-flow-side-in { left:.2%; }
  .home-flow-side-out { right:.2%; }
  .home-flow-card { width:min(100%,366px); min-height:100px; gap:15px; padding:17px 19px; border-radius:19px; background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,250,255,.68)); border-color:rgba(103,132,199,.16); box-shadow:0 22px 50px rgba(42,69,127,.075),inset 0 1px 0 rgba(255,255,255,.98); }
  .home-flow-card-primary { width:min(100%,386px); min-height:108px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,255,.87)); box-shadow:0 26px 66px rgba(49,91,255,.115),inset 0 1px 0 white; }
  .home-flow-card-secondary { width:min(88%,310px); opacity:.74; }
  .home-flow-side-in .home-flow-card-secondary:nth-child(2),.home-flow-side-out .home-flow-card-secondary:nth-child(1) { transform:translateX(38px); }
  .home-flow-side-in .home-flow-card-secondary:nth-child(3),.home-flow-side-out .home-flow-card-secondary:nth-child(3) { transform:translateX(17px); }
  .home-flow-icon { flex-basis:44px; width:44px; height:44px; border-radius:14px; }
  .home-flow-card-kicker { font-size:9px; letter-spacing:.16em; }
  .home-flow-card strong { font-size:17px; }
  .home-flow-card small { font-size:11px; }

  .home-flow-center { min-height:430px; }
  .home-center-glow { width:410px; height:410px; background:radial-gradient(circle,rgba(255,255,255,1) 0 27%,rgba(185,204,255,.53) 43%,rgba(159,185,255,.15) 58%,transparent 72%); box-shadow:0 0 108px rgba(49,91,255,.17); }
  .home-center-core { width:210px; height:210px; border:1px solid rgba(255,255,255,.98); background:radial-gradient(circle at 39% 31%,#fff 0 25%,rgba(238,243,255,.98) 49%,rgba(193,209,255,.78) 76%,rgba(153,178,255,.54) 100%); box-shadow:inset -13px -15px 38px rgba(79,107,208,.13),inset 12px 12px 30px rgba(255,255,255,.95),0 26px 72px rgba(49,91,255,.18); }
  .home-flow-center .home-mark { width:126px; height:126px; filter:drop-shadow(0 14px 20px rgba(49,91,255,.20)); }
  .home-orbit-a { width:286px; height:286px; }
  .home-orbit-b { width:372px; height:372px; }
  .home-orbit-c { width:440px; height:440px; }
  .home-orbit-node-a { transform:translate(-134px,-66px); }
  .home-orbit-node-b { transform:translate(150px,38px); }
  .home-orbit-node-c { transform:translate(-104px,156px); }
  .home-orbit-node-d { transform:translate(82px,-170px); }
  .home-flow-center-name { margin-top:19px; font-size:17px; }
  .home-flow-center-caption { margin-top:4px; font-size:9px; }

  .home-route-label { font-size:8px; letter-spacing:.22em; opacity:.82; }
  .home-route-label-a { left:25.4%; top:17%; } .home-route-label-b { left:25.8%; top:46%; } .home-route-label-c { left:25.4%; top:75%; }
  .home-route-label-d { right:25.4%; top:17%; } .home-route-label-e { right:25.8%; top:46%; } .home-route-label-f { right:25.4%; top:75%; }

  .home-flow-controls { width:max-content; max-width:100%; margin:2px auto 0; padding:6px 9px; gap:4px; border:1px solid rgba(112,137,194,.16); border-radius:999px; background:rgba(255,255,255,.62); box-shadow:0 14px 38px rgba(49,76,135,.05); backdrop-filter:blur(12px); }
  .home-flow-controls button { min-height:38px; padding:7px 16px; border:0; border-radius:999px; }
  .home-flow-controls button::before { display:none; }
  .home-flow-controls button[aria-pressed="true"] { color:white; background:#111a30; border:0; box-shadow:0 7px 18px rgba(17,26,48,.13); }
  .home-caption { margin-top:9px; letter-spacing:.12em; text-transform:uppercase; font-size:8px; }
}

@media (min-width:1450px) {
  .home-flow-side-in { left:1.5%; }
  .home-flow-side-out { right:1.5%; }
  .home-flow-card-primary { width:398px; }
  .home-flow-card-secondary { width:318px; }
}

@media (max-width:1159px) {
  .home-hero h1 { white-space:normal; }
}

@media (prefers-reduced-motion:reduce) {
  .home-hero::before,.home-hero::after { animation:none!important; }
}

/* 4.1.4 — immerse the first viewport: stronger landscape, center and signal hierarchy. */
@media (min-width:1160px) {
  .home-hero { min-height:max(calc(100svh - 92px),980px); padding-top:clamp(40px,4vw,70px); padding-bottom:130px; }
  .home-hero-backdrop {
    background:
      radial-gradient(ellipse at 50% 56%,rgba(155,182,255,.42) 0,rgba(205,220,255,.18) 29%,transparent 57%),
      radial-gradient(ellipse at 6% 66%,rgba(96,140,255,.18),transparent 38%),
      radial-gradient(ellipse at 95% 64%,rgba(92,199,190,.11),transparent 35%),
      linear-gradient(180deg,#fcfdff 0%,#f8fbff 43%,#edf4ff 100%);
  }
  .home-hero h1 { font-size:clamp(82px,6.55vw,126px); margin-top:20px; margin-bottom:18px; }
  .home-lead { max-width:860px; font-size:clamp(19px,1.35vw,23px); }
  .home-hero .home-actions { margin-top:30px; }

  .home-interaction { margin-top:20px; max-width:1760px; }
  .home-flow { min-height:660px; max-width:1760px; }
  .home-flow::before { width:min(76vw,1280px); height:min(42vw,660px); border-color:rgba(49,91,255,.065); background:radial-gradient(ellipse,rgba(255,255,255,.82) 0,rgba(200,217,255,.22) 43%,rgba(171,196,255,.065) 58%,transparent 73%); }
  .home-flow::after { width:min(58vw,930px); height:min(31vw,470px); border-color:rgba(49,91,255,.075); box-shadow:0 0 126px rgba(49,91,255,.075); }
  .home-flow-routes { inset:0; height:100%; }
  .home-route-rest { stroke:rgba(66,107,207,.30); stroke-width:1.35; }
  .home-route-active { stroke-width:2.55; filter:drop-shadow(0 0 9px rgba(49,91,255,.42)); }
  .home-route-nodes circle { filter:drop-shadow(0 0 10px rgba(49,91,255,.38)); }

  .home-flow-side { width:32%; gap:21px; }
  .home-flow-card { width:min(100%,392px); min-height:106px; border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(243,248,255,.72)); box-shadow:0 24px 62px rgba(42,69,127,.09),inset 0 1px 0 rgba(255,255,255,1); }
  .home-flow-card-primary { width:min(100%,430px); min-height:118px; box-shadow:0 30px 80px rgba(49,91,255,.145),inset 0 1px 0 white; }
  .home-flow-card-secondary { width:min(90%,340px); opacity:.79; }
  .home-flow-card strong { font-size:18px; }
  .home-flow-card small { font-size:11.5px; }
  .home-flow-icon { flex-basis:48px; width:48px; height:48px; border-radius:15px; font-size:17px; }

  .home-flow-center { min-height:510px; }
  .home-center-glow { width:500px; height:500px; background:radial-gradient(circle,rgba(255,255,255,1) 0 25%,rgba(181,202,255,.60) 42%,rgba(146,178,255,.19) 58%,transparent 73%); box-shadow:0 0 145px rgba(49,91,255,.22); }
  .home-center-core { width:244px; height:244px; box-shadow:inset -16px -18px 46px rgba(79,107,208,.15),inset 14px 14px 34px rgba(255,255,255,.98),0 34px 90px rgba(49,91,255,.22); }
  .home-flow-center .home-mark { width:144px; height:144px; }
  .home-orbit-a { width:330px; height:330px; }
  .home-orbit-b { width:430px; height:430px; }
  .home-orbit-c { width:520px; height:520px; }
  .home-orbit-node-a { transform:translate(-154px,-78px); }
  .home-orbit-node-b { transform:translate(176px,45px); }
  .home-orbit-node-c { transform:translate(-120px,182px); }
  .home-orbit-node-d { transform:translate(98px,-198px); }
  .home-flow-center-name { margin-top:23px; font-size:18px; }

  .home-horizon { bottom:-27vw; width:138vw; height:70vw; overflow:visible; }
  .home-horizon::before,.home-horizon::after { content:''; position:absolute; bottom:48%; width:46vw; height:23vw; opacity:.42; filter:blur(.15px); pointer-events:none; }
  .home-horizon::before { left:7vw; clip-path:polygon(0 100%,0 73%,10% 69%,17% 55%,24% 63%,31% 41%,38% 55%,46% 33%,53% 50%,62% 22%,70% 48%,78% 37%,86% 59%,93% 52%,100% 67%,100% 100%); background:linear-gradient(180deg,rgba(159,184,245,.10),rgba(112,151,239,.20) 62%,rgba(210,224,255,.10)); }
  .home-horizon::after { right:3vw; clip-path:polygon(0 100%,0 65%,8% 59%,16% 49%,22% 56%,29% 42%,35% 47%,42% 31%,49% 39%,57% 15%,64% 38%,71% 26%,77% 44%,84% 35%,91% 58%,100% 64%,100% 100%); background:linear-gradient(180deg,rgba(154,181,242,.12),rgba(105,145,235,.23) 64%,rgba(204,220,255,.10)); }

  .home-route-label { font-size:8.5px; opacity:.92; }
  .home-flow-controls { margin-top:-10px; padding:7px 10px; box-shadow:0 17px 44px rgba(49,76,135,.065); }
  .home-flow-controls button { min-height:40px; padding-inline:18px; }
  .home-caption { margin-top:10px; }
  .home-interaction::before,.home-interaction::after { bottom:72px; font-size:9px; opacity:.95; }
}

@media (min-width:1600px) {
  .home-hero { min-height:1040px; }
  .home-flow { min-height:700px; }
  .home-flow-side-in { left:1%; }
  .home-flow-side-out { right:1%; }
  .home-flow-card-primary { width:446px; }
  .home-flow-card-secondary { width:350px; }
}
