﻿/* Third pass: a single, full-viewport Andean coronation. Home only. */
body[data-page=home]>.header{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:4;color:#fff8e7}
body[data-page=home]>.header .nav a{color:#fff8e7}body[data-page=home]>.header .brand{color:#fff8e7}body[data-page=home]>.header .brand small{color:#f5d99a}body[data-page=home]>.header .badge{color:#fff8e7;border-color:#f5d99a}body[data-page=home]>.header .button{background:#ffd100;color:#0b1b3a}body[data-page=home]>.header .menu-toggle{color:#fff8e7;border-color:#8d9bb1}
body[data-page=home]>.demo-strip{position:absolute;top:96px;left:50%;transform:translateX(-50%);z-index:3;color:#fff8e7;border-color:#ffffff25}body[data-page=home]>.demo-strip .badge{color:#fff8e7;border-color:#fff8e7}body[data-page=home]>.ad-label{position:absolute;top:132px;width:100%;z-index:3;background:#07162f;color:#fff8e7;box-shadow:none;padding:6px 12px;font-size:11px}body[data-page=home]>.tricolor{position:absolute;inset:0 0 auto;z-index:5}
.hero-night{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:0;min-height:100svh;padding:195px 24px 48px;text-align:center;color:#fff8e7;background:#08182f}
.night-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}.sky-layer{width:100%;height:100%;position:absolute;inset:0}.mountain-depth{position:absolute;inset:32% -3% -2%;pointer-events:none}.andes-layer{width:100%;height:100%}.mountain-depth.foreground{inset:70% -3% -2%}
.night-papel{position:absolute;top:161px;left:-2%;width:104%;height:40px;display:flex;justify-content:space-around;border-top:1px solid #eac27380;pointer-events:none}.night-papel svg{width:37px;height:39px;transform-origin:50% 0;animation:papel-sway 4s cubic-bezier(.45,0,.55,1) infinite alternate;animation-delay:calc(var(--flag)*-.21s)}
.hero-night .night-heading{position:relative;z-index:1}.hero-night h1{font-size:clamp(48px,5.2vw,76px);line-height:.98;letter-spacing:-.04em;margin:0;text-shadow:3px 4px #073669}.hero-night h1 br{display:none}.hero-night h1 em{color:#ffd100;font-style:normal;-webkit-text-stroke:0;text-shadow:3px 3px #a72b34,6px 6px #06152c}.night-heading>p{font-size:14px;color:#f3e4c8;margin:15px 0 0}
.hero-night .champion-shell{background:none;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;width:min(100%,680px);margin:0 auto}.hero-night .champion{position:relative;isolation:isolate;background:none;border:0;border-radius:0;min-height:0;overflow:visible;padding:0;color:#fff8e7}.throne-art{position:relative;height:clamp(128px,18svh,190px);width:100%;margin:0 auto}.hero-night .champion-crown{position:static;width:100%;height:100%;margin:0;display:block;animation:night-coronation 900ms cubic-bezier(.16,1,.3,1) both}.hero-night .champion-label{font-size:10px;letter-spacing:.16em;color:#ffe09a;display:flex;align-items:center;justify-content:center;gap:8px;margin:3px 0 9px}.hero-night .champion-label .dot{color:#ffd100}.leader-identity{display:flex;align-items:center;justify-content:center;gap:10px}.hero-night .brand-seal{width:34px;height:34px;flex-shrink:0;margin:0;background:#fff0ca;border:1px solid #e5b35a;border-radius:50%;padding:5px;color:#183859}.hero-night .brand-seal .motif{width:23px;height:23px;margin:0}.hero-night .champion h2{font-size:clamp(25px,3vw,40px);line-height:1.12;margin:0;text-shadow:0 2px 12px #07162f}.hero-night .location{margin:8px 0 0;color:#fff1d5;font-size:13px;text-shadow:0 2px 5px #07162f}.hero-night .champion-total{font:700 clamp(120px,13.8vw,200px)/.95 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#ffdc7e;margin:5px 0 10px;text-shadow:0 4px #80521f,0 9px 32px #06152c;font-variant-numeric:tabular-nums}.hero-night .champion-total small{display:block;font:700 10px/1.3 'Instrument Sans',sans-serif;letter-spacing:.23em;color:#fff1d5;margin-top:9px;text-shadow:none}.hero-night .champion-time{background:none;border:0;font-size:11px;color:#fff1d5;padding:0;display:block;margin:0}.hero-night .champion-link{display:inline-flex;position:static;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px;margin:0;color:#fff8e7}.hero-night .champion-link .icon{width:16px;height:16px}.hero-night .hero-copy{overflow:visible;isolation:auto;position:relative;z-index:1;width:min(100%,530px);margin:0 auto}.hero-night .throne-cta{position:relative;overflow:hidden;display:flex;justify-content:center;gap:20px;width:100%;min-height:70px;font-size:22px;font-weight:700;margin:0;border:1px solid #ffe69b;border-radius:10px;background:#ffd100;color:#0b1b3a;box-shadow:0 5px #aa771c;transition:transform 180ms cubic-bezier(.16,1,.3,1)}.hero-night .throne-cta:after{content:'';position:absolute;inset:-50% auto -50% -40%;width:25%;background:linear-gradient(90deg,transparent,#fff8e780,transparent);transform:translateX(-100%) rotate(22deg);animation:throne-shine 5s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}.hero-night .throne-cta:hover{transform:translateY(-2px)}.hero-night .throne-cta:active{transform:scale(.98)}.hero-night .throne-cta .arrow{background:#0b1b3a;color:#ffd100;width:36px;height:36px}.hero-night .night-live{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px auto 6px;font-size:13px;color:#fff8e7;max-width:none}.night-live .dot{color:#ffd100}.night-demo{font-size:11px;color:#e4cfab}.night-coordinate{position:absolute;bottom:13px;left:0;right:0;letter-spacing:.15em;font-size:9px;color:#dfbc78}.summit-caption{position:absolute;top:64%;font-size:12px;letter-spacing:.2em;color:#fff0d0;text-shadow:0 2px 6px #06152c}.summit-caption span{display:block;font-size:10px;letter-spacing:.03em;margin-top:6px}.left-caption{left:6%}.right-caption{right:6%}.gold-spark{position:absolute;width:18px;height:18px;background:#ffe8a0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:gold-glint 3.4s cubic-bezier(.45,0,.55,1) infinite}.spark-one{left:27%;top:45%}.spark-two{right:27%;top:70%;animation-delay:1.2s}.spark-three{right:38%;top:20%;width:10px;height:10px;animation-delay:2s}.hero-night .confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.hero-night .confetti-layer i{position:absolute;top:30%;left:50%;width:7px;height:13px}
body[data-page=home] .motion-controls{padding-top:8px;padding-bottom:0}.hero-night :focus-visible,body[data-page=home]>.header :focus-visible{outline:3px solid #fff8e7;outline-offset:5px}.hero-night .throne-cta:focus-visible{outline-color:#fff8e7}
@keyframes papel-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes night-coronation{from{transform:translateY(-30px) scale(.95);opacity:0}to{transform:none;opacity:1}}@keyframes gold-glint{0%,100%{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes throne-shine{0%,65%{transform:translateX(-100%) rotate(22deg);opacity:0}70%{opacity:1}95%,100%{transform:translateX(700%) rotate(22deg);opacity:0}}
@media(max-width:1023px){body[data-page=home]>.header .nav.open{background:#07162f;padding:16px;border:1px solid #8d9bb1}.summit-caption{display:none}.hero-night h1 br{display:block}.hero-night h1{font-size:58px}.night-papel svg:nth-child(2n){display:none}}
@media(max-width:767px){body[data-page=home]>.demo-strip{top:87px}body[data-page=home]>.ad-label{top:119px;font-size:9px}.hero-night{padding:173px 20px 42px;justify-content:center;min-height:100svh}.night-papel{top:147px;height:26px}.night-papel svg{width:26px;height:27px}.hero-night h1{font-size:45px;line-height:.98}.night-heading>p{font-size:11px;margin-top:12px}.throne-art{height:128px;margin-top:5px}.hero-night .champion-label{font-size:9px;letter-spacing:.08em;margin-top:0}.hero-night .champion h2{font-size:26px}.hero-night .brand-seal{width:29px;height:29px;padding:3px}.hero-night .location{font-size:11px}.hero-night .champion-total{font-size:116px;margin:9px 0}.hero-night .champion-total small{font-size:9px;margin-top:6px}.hero-night .champion-time{font-size:10px}.hero-night .throne-cta{min-height:62px;font-size:17px;gap:10px;padding:12px}.hero-night .night-live{font-size:11px;margin-top:18px}.night-demo{font-size:10px}.night-coordinate{font-size:7px;letter-spacing:.08em;bottom:12px}.mountain-depth{inset:37% -35% 0}.mountain-depth.foreground{inset:67% -20% -2%}.sky-layer{width:180%;left:-40%}.hero-night .champion-link{font-size:11px}.hero-night .champion-shell{max-width:100%}}
@media(max-height:850px) and (min-width:768px){.hero-night{padding-top:185px;padding-bottom:36px}.hero-night h1{font-size:54px}.throne-art{height:110px}.hero-night .champion-total{font-size:130px}.hero-night .throne-cta{min-height:60px}.night-heading>p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.hero-night *, .hero-night *:after{animation:none!important;transition:none!important}.mountain-depth{transform:none!important}.gold-spark,.hero-night .confetti-layer,.throne-cta:after{display:none!important}}
html.motion-paused .mountain-depth{transform:none!important}html.motion-paused .gold-spark{visibility:hidden}
/* Keep the composition within one screen at common laptop / phone heights. */
.hero-night .champion:before{display:none}
.hero-night{padding-top:205px;padding-bottom:35px}
.throne-art{height:140px}
.hero-night .champion-total{font-size:clamp(120px,12vw,174px);line-height:.85}
.hero-night .champion-total>span{display:inline-block;min-width:3.3ch}
.night-heading>p{margin-top:12px}
.hero-night .night-live{margin-top:17px}
@media(max-width:767px){.hero-night{padding-top:177px;padding-bottom:32px}.throne-art{height:105px}.hero-night h1{font-size:42px}.hero-night .champion-total{font-size:108px}.hero-night .champion h2{font-size:25px}.hero-night .night-live{margin-top:16px}.hero-night .champion-total small{margin-top:10px}}
@media(max-height:850px) and (min-width:768px){.hero-night{padding-top:185px;padding-bottom:32px}.throne-art{height:100px}.hero-night .champion-total{font-size:130px}}
.night-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#07162f99 72%,transparent 100%);pointer-events:none}
@media(max-width:767px){.throne-art{height:90px}}

.hero-night .cta-tax{display:block;margin-top:9px;font-size:11px;color:#fff1d5}

/* Andean fauna: alpaca family walking the Chimborazo slope + condor gliding the sky. Decorative, inserted from hero.js (CSP forbids inline scripts). Sits above the mountain art (-2) and below the title/CTA (1). */
.andean-fauna{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.alpaca-track{position:absolute;left:3%;bottom:9%;width:150px;height:110px;transform-origin:50% 100%;animation:alpaca-walk 46s cubic-bezier(.45,0,.55,1) infinite}
.alpaca-cria-track{position:absolute;left:3%;bottom:6.6%;width:96px;height:72px;transform-origin:50% 100%;animation:alpaca-walk 46s cubic-bezier(.45,0,.55,1) infinite;animation-delay:-3.6s}
.alpaca-track svg,.alpaca-cria-track svg{display:block;width:100%;height:100%;overflow:visible}
.alpaca-leg{transform-box:fill-box;transform-origin:50% 0%}
.alpaca-track .leg-a,.alpaca-cria-track .leg-a{animation:leg-swing-a 640ms ease-in-out infinite}
.alpaca-track .leg-b,.alpaca-cria-track .leg-b{animation:leg-swing-b 640ms ease-in-out infinite}
.alpaca-cria-track .leg-a{animation-name:leg-swing-a-cria;animation-duration:480ms}
.alpaca-cria-track .leg-b{animation-name:leg-swing-b-cria;animation-duration:480ms}
.alpaca-body-bob{transform-box:fill-box;transform-origin:50% 100%;animation:alpaca-bob 640ms ease-in-out infinite}
.alpaca-cria-track .alpaca-body-bob{animation-duration:480ms}
.alpaca-head{transform-box:fill-box;transform-origin:20% 90%;animation:alpaca-look 46s ease-in-out infinite}
.condor-track{position:absolute;top:12%;left:-14%;width:130px;height:56px;animation:condor-glide 27s linear infinite}
.condor-track svg{display:block;width:100%;height:100%;overflow:visible}
.condor-wing{transform-box:fill-box;transform-origin:50% 50%;animation:condor-bank 5.4s ease-in-out infinite}
.condor-wing.wing-l{animation-delay:-2.7s}

@keyframes alpaca-walk{
  0%{transform:translate(0,0) scaleX(1)}
  16%{transform:translate(10vw,-6px) scaleX(1)}
  30%{transform:translate(17vw,-11px) scaleX(1)}
  /* pausa a mirar */
  36%{transform:translate(18.5vw,-12px) scaleX(1)}
  42%{transform:translate(18.5vw,-12px) scaleX(1)}
  48%{transform:translate(18.5vw,-12px) scaleX(1)}
  62%{transform:translate(11vw,-6px) scaleX(1)}
  /* llega al borde y da la vuelta */
  70%{transform:translate(0,0) scaleX(1)}
  72%{transform:translate(0,0) scaleX(-1)}
  86%{transform:translate(10vw,-6px) scaleX(-1)}
  98%{transform:translate(17.5vw,-11px) scaleX(-1)}
  100%{transform:translate(18.5vw,-12px) scaleX(-1)}
}
@keyframes alpaca-look{0%,32%,52%,100%{transform:rotate(0)}40%,46%{transform:rotate(-9deg)}}
@keyframes leg-swing-a{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}
@keyframes leg-swing-b{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
@keyframes leg-swing-a-cria{0%,100%{transform:rotate(19deg)}50%{transform:rotate(-19deg)}}
@keyframes leg-swing-b-cria{0%,100%{transform:rotate(-19deg)}50%{transform:rotate(19deg)}}
@keyframes alpaca-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes condor-glide{
  0%{transform:translate(0,0) rotate(-2deg)}
  25%{transform:translate(38vw,-16px) rotate(1deg)}
  50%{transform:translate(78vw,4px) rotate(-1deg)}
  75%{transform:translate(112vw,-14px) rotate(2deg)}
  100%{transform:translate(150vw,0) rotate(-2deg)}
}
@keyframes condor-bank{0%,100%{transform:rotate(0deg)}50%{transform:rotate(4deg)}}

html.motion-paused .andean-fauna *,
.hero-night.fauna-offscreen .andean-fauna *,
html.tab-hidden .andean-fauna *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .andean-fauna *{animation:none!important}
  .condor-track{display:none}
}
@media(max-width:480px){
  .condor-track{display:none}
  .alpaca-track{left:2%;bottom:10%;width:94px;height:70px}
  .alpaca-cria-track{left:2%;bottom:7.6%;width:62px;height:47px}
  @keyframes alpaca-walk{
    0%{transform:translate(0,0) scaleX(1)}
    16%{transform:translate(7vw,-4px) scaleX(1)}
    30%{transform:translate(12vw,-7px) scaleX(1)}
    36%{transform:translate(13vw,-8px) scaleX(1)}
    48%{transform:translate(13vw,-8px) scaleX(1)}
    62%{transform:translate(8vw,-4px) scaleX(1)}
    70%{transform:translate(0,0) scaleX(1)}
    72%{transform:translate(0,0) scaleX(-1)}
    86%{transform:translate(7vw,-4px) scaleX(-1)}
    100%{transform:translate(13vw,-8px) scaleX(-1)}
  }
}
