/* Hero planeta (layout em vidro) — 15&15 Ambiental — v18 */
.hp,.hp *,.hp *::before,.hp *::after{box-sizing:border-box}
.hp{position:relative;isolation:isolate;overflow:hidden;color:#efefe1;padding:20px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;min-height:calc(100svh - 120px);
  background:radial-gradient(70% 90% at 86% 78%,#2e6b3e 0,#173a22 28%,transparent 52%),radial-gradient(60% 50% at 25% 35%,rgba(70,140,100,.25),transparent 70%),linear-gradient(160deg,#030a05,#0a1d12 60%,#0b2216)}
.hp__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;opacity:0;transition:opacity .8s ease}
.hp--live .hp__canvas{opacity:1}
.hp--static .hp__canvas{display:none}
.hp__glass{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.22);border-radius:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,.25)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hp__glass{background:rgba(8,22,12,.72)}}
.hp__main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px clamp(22px,4vw,56px)}
.hp__logo{width:clamp(72px,7vw,104px);height:auto;border-radius:50%;margin:0 0 22px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.hp .eyebrow{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#e3ead0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hp h1{margin:0 0 18px;max-width:22ch;color:#fff;font-weight:600;letter-spacing:-.02em;line-height:1.06;font-size:clamp(2rem,3.7vw,3.5rem);background:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none}
.hp h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#e3ead0}
.hp .lead{margin:0 auto 12px;max-width:40rem;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.6}
.hp .lead strong{color:#fff}
.hp .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0 4px}
.hp .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.hp .btn-primary{background:#efefe1;color:#111c05;border:1px solid #efefe1}
.hp .btn-primary:hover,.hp .btn-primary:focus-visible{background:#fff}
.hp .btn-outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.4)}
.hp .btn-outline:hover,.hp .btn-outline:focus-visible{background:#efefe1;color:#111c05}
.hp .hero-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.hp .hero-checks li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.05);font-size:13px;color:rgba(255,255,255,.9)}
.hp .hero-checks .ic{width:14px;height:14px;color:#b9d99a;flex:none}
.hp__side{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}
.hp__intro{align-self:flex-start;max-width:22rem;padding:16px 18px;border-radius:20px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.85)}
.hp__intro b{display:block;color:#fff;margin-bottom:4px}
.hp__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto}
.hp__card{display:block;padding:18px 20px;border-radius:22px;text-decoration:none;color:rgba(255,255,255,.85);font-size:13.5px;line-height:1.5;transition:border-color .3s,background .3s}
.hp__card b{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:15.5px;color:#fff}
.hp__card b::after{content:"→";opacity:.7;transition:transform .3s}
.hp__card:hover,.hp__card:focus-visible{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}
.hp__card:hover b::after,.hp__card:focus-visible b::after{transform:translateX(3px)}
@media(max-width:980px){
  .hp{grid-template-columns:1fr;padding:14px;min-height:auto}
  .hp__main{padding:34px 20px 30px}
  .hp__glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .hp__side{gap:12px}.hp__intro{display:none}
  .hp__cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:230px}
  .hp__card{padding:14px 15px;font-size:12.5px}
  .hp__card b{font-size:14.5px}
}
@media(max-width:600px){
  .hp .actions .btn{width:100%}
  .hp .eyebrow{letter-spacing:.08em;font-size:11px;padding:6px 12px}
  .hp .hero-checks{flex-direction:column;align-items:center;gap:6px;margin-top:18px}
  .hp .hero-checks li{border:0;background:none;padding:0;font-size:13.5px;text-align:left}
  .hp__cards{grid-template-columns:1fr;margin-top:210px}
  .hp__card span{display:none}
}

/* v18 — planeta e estrelas em CSS: aparecem e se movem em qualquer navegador (sem WebGL, economia de energia, etc.) */
.hp__planet{position:absolute;z-index:-1;left:62%;top:8%;--d:min(52vw,88svh);width:var(--d);height:var(--d);border-radius:50%;pointer-events:none;
  background:#0d2a1c url(/assets/planeta-textura.webp?v=f301733f7cc80a50) 0 0/calc(var(--d) * 2) var(--d) repeat-x;
  box-shadow:0 0 70px 14px rgba(70,230,140,.28),0 0 22px 3px rgba(120,255,170,.35);
  animation:hp-gira 55s linear infinite;transition:opacity .8s ease}
.hp__planet::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.16),transparent 38%),radial-gradient(circle at 36% 32%,transparent 42%,rgba(2,10,6,.55) 66%,rgba(2,10,6,.92) 100%);
  box-shadow:inset 0 0 28px 6px rgba(110,255,170,.38)}
@keyframes hp-gira{to{background-position:calc(var(--d) * -2) 0}}
.hp--live .hp__planet{opacity:0;animation-play-state:paused}
.hp::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.85;
  background-image:radial-gradient(1.4px 1.4px at 12% 18%,#dff5e9,transparent),radial-gradient(1px 1px at 27% 64%,#dff5e9,transparent),radial-gradient(1.6px 1.6px at 44% 12%,#fff,transparent),radial-gradient(1px 1px at 58% 82%,#dff5e9,transparent),radial-gradient(1.3px 1.3px at 71% 33%,#fff,transparent),radial-gradient(1px 1px at 86% 72%,#dff5e9,transparent),radial-gradient(1.2px 1.2px at 93% 14%,#fff,transparent),radial-gradient(1px 1px at 6% 88%,#dff5e9,transparent),radial-gradient(1.2px 1.2px at 36% 42%,#fff,transparent),radial-gradient(1px 1px at 79% 52%,#dff5e9,transparent);
  animation:hp-brilho 4s ease-in-out infinite alternate}
@keyframes hp-brilho{from{opacity:.35}to{opacity:.95}}
.hp--live::before{display:none}
@media(max-width:980px){.hp__planet{--d:156vw;left:-8vw;top:auto;bottom:-70vw}}