/* V15 — hero azul inspirado en estructura compartida, con identidad XUNIA TECH */
.hero{height:calc(100dvh - 32px);min-height:650px;max-height:970px;margin:16px;border-radius:32px;background:linear-gradient(135deg,#203a78 0%,#52618d 46%,#a78562 100%);clip-path:inset(0 round 32px);isolation:isolate;box-shadow:none!important}
.hero #world,.hero .forest-webgl{border-radius:32px;clip-path:inset(0 round 32px)}
.hero .veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,20,39,.56) 0%,rgba(22,26,42,.32) 38%,rgba(72,49,20,.22) 72%,rgba(147,107,62,.14) 100%),linear-gradient(180deg,rgba(6,10,20,.14),rgba(0,0,0,.04) 38%,rgba(0,0,0,.12));}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(41,88,190,.16),transparent 38%,rgba(255,190,92,.10) 100%);border-radius:inherit}
.hero .hero-inner{top:auto;position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1150px,100%);max-width:1150px;padding:100px 36px 80px;pointer-events:none}
.hero .hero-inner>*{pointer-events:auto}
.hero h1{max-width:720px;font-size:clamp(2.7rem,5.2vw,5rem);line-height:1.06;letter-spacing:-.048em;font-weight:800;text-wrap:balance;text-shadow:0 2px 16px #11255524}
.hero .hero-inner p{max-width:650px;font-size:clamp(1rem,1.32vw,1.16rem);line-height:1.7;color:rgba(255,255,255,.92);text-wrap:pretty}
.hero .hero-buttons{gap:16px;margin-top:10px}
.hero .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;padding:17px 27px;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,background .32s;will-change:transform}
.hero .btn:focus-visible{outline:3px solid #e1f3ff;outline-offset:4px}
.hero .btn:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 14px 38px rgba(0,24,78,.26)}
.hero .btn-primary{background:#fff;color:#1a4fd4;border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 26px #07204b38}
.hero .btn-primary:hover{background:#eaf8ff}
.hero .btn-secondary{color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.63);backdrop-filter:blur(9px)}
.hero .btn-secondary:hover{background:rgba(255,255,255,.34)}
.hero .scroll{position:absolute;bottom:48px;left:50%;z-index:4;display:grid;place-items:center;width:22px;height:35px;border:2px solid rgba(255,255,255,.58);border-radius:14px;transform:translateX(-50%);font-size:0!important;transition:transform .25s,opacity .25s}
.hero .scroll::before{content:"";width:5px;height:7px;border-radius:5px;background:#fff;animation:hero-wheel 1.8s ease-in-out infinite}
.hero .scroll:hover{transform:translateX(-50%) translateY(3px);opacity:1}
@keyframes hero-wheel{0%,100%{transform:translateY(0);opacity:.65}65%{transform:translateY(10px);opacity:1}}
@media (max-width:900px){.hero{min-height:660px;max-height:none;height:100dvh;margin:8px;border-radius:23px;clip-path:inset(0 round 23px)}.hero #world,.hero .forest-webgl{border-radius:23px}.hero .hero-inner{padding:115px 30px 100px}.hero h1{font-size:clamp(2.55rem,7vw,4.5rem)}.hero .veil{background:linear-gradient(180deg,rgba(10,18,35,.66),rgba(18,26,46,.38) 50%,rgba(55,38,22,.28))}}
@media (max-width:580px){.hero{height:100dvh;min-height:650px;margin:0;border-radius:0;clip-path:none}.hero .hero-inner{padding:106px 23px 82px;text-align:center;align-items:center}.hero h1{font-size:clamp(2.4rem,10vw,3.4rem);letter-spacing:-.055em}.hero .hero-inner p{font-size:1rem;line-height:1.6}.hero .hero-buttons{width:100%;display:grid;grid-template-columns:1fr;gap:12px}.hero .btn{width:100%;font-size:.95rem;min-height:54px}.hero .scroll{bottom:28px}.hero .veil{background:linear-gradient(180deg,rgba(10,18,35,.72),rgba(18,26,46,.46) 55%,rgba(57,40,23,.32))}}
@media (prefers-reduced-motion:reduce){.hero .scroll::before{animation:none}.hero .btn{transition:none;will-change:auto}}