/* Capa essencial: identidade tridimensional e título do pilar. */
.hero{min-height:100svh;padding:110px 6% 50px}
.hero-inner{display:flex;flex-direction:column;align-items:center;gap:0}
.hero .logo-scene{width:220px;height:220px;margin:0 auto 42px;perspective:1100px;filter:drop-shadow(0 16px 28px #0007)}
.hero .logo-solid{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:hero-turn 22s linear infinite}
.hero .logo-depth{position:absolute;inset:0;background:linear-gradient(125deg,#725018,#e8c36d 40%,#ae7b27 70%,#f9dda0);mask:url('assets/simbolo.png') center/contain no-repeat;-webkit-mask:url('assets/simbolo.png') center/contain no-repeat;transform:translateZ(var(--depth))}
.hero .logo-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:none;filter:none;backface-visibility:hidden}
.hero .logo-front{transform:translateZ(13px)}
.hero .logo-back{transform:translateZ(-13px) rotateY(180deg)}
.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(48px,5.6vw,86px);line-height:1.08;font-weight:400;letter-spacing:-3px}
.hero h1 span{display:block;margin-top:18px;color:#e0c489}
.hero .hero-sub{font-size:20px;line-height:1.6;color:#b8c9bd;margin:30px auto 0;max-width:690px;font-weight:400}
.hero .cta{margin-top:32px;padding:16px 30px;border-radius:14px;font-size:13px;font-weight:700;letter-spacing:.25px;gap:12px;background:linear-gradient(110deg,#c39a43,#e2c27b 52%,#b58a35);box-shadow:0 8px 28px #d8b66e20}
.hero .cta span{width:22px;line-height:22px;background:#102d21;color:#e6cd91}
.hero .down{margin-top:50px;line-height:1;padding:10px 20px;font-size:24px}
@keyframes hero-turn{from{transform:rotateX(-8deg) rotateY(0deg)}to{transform:rotateX(-8deg) rotateY(360deg)}}
@media(max-width:700px){.hero{min-height:100svh;padding:100px 6% 45px}.hero .logo-scene{width:170px;height:170px;margin-bottom:34px}.hero h1{font-size:clamp(44px,10vw,65px);letter-spacing:-2px}.hero h1 span{margin-top:12px}.hero .hero-sub{font-size:16px;max-width:350px;margin-top:25px}.hero .cta{margin-top:28px;padding:15px 25px}}
@media(prefers-reduced-motion:reduce){.hero .logo-solid{animation:none;transform:rotateX(-8deg) rotateY(-15deg)}}