/* Rede Luz Estelar — adornos visuais (estrela SEMPRE a oficial; constelações só com pontos e linhas) */

/* 1. marca da estrela oficial antes dos eyebrows */
.eyebrow{display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:13px;height:13px;flex:none;background:url(estrela-le.png) center/contain no-repeat;opacity:.95}
.proto .eyebrow::before,.match .eyebrow::before{filter:brightness(1.15)}

/* 2. constelação sutil ao fundo das seções claras */
.sec:not(.white){background-image:url(constelacao.svg);background-size:480px;background-repeat:repeat}
.match .body{background-image:url(constelacao-clara.svg);background-size:420px}
footer{background-image:url(constelacao-clara.svg);background-size:420px}

/* 3. divisor dourado com a estrela oficial no centro (sobre o título das seções) */
.sec-head h2{position:relative}
.sec-head::after{content:"";display:block;width:132px;height:14px;margin-top:22px;
  background:
    url(estrela-le.png) center/14px no-repeat,
    linear-gradient(90deg,transparent,rgba(242,169,59,.75) 30%,transparent 47%,transparent 53%,rgba(242,169,59,.75) 70%,transparent) center/100% 1px no-repeat}

/* 4. poeira dourada no hero (pontos que cintilam devagar) */
.hero .wrap::before,.hero .wrap::after{content:"";position:absolute;pointer-events:none;width:3px;height:3px;border-radius:50%;
  background:#F2C26B;box-shadow:
    120px 40px 0 0 rgba(242,194,107,.8), 300px -20px 0 -1px rgba(255,255,255,.9), 520px 60px 0 0 rgba(242,194,107,.6),
    680px 180px 0 -1px rgba(255,255,255,.8), 40px 260px 0 0 rgba(242,194,107,.5), 460px 320px 0 -1px rgba(242,194,107,.7),
    760px 380px 0 0 rgba(255,255,255,.7), 220px 420px 0 -1px rgba(242,194,107,.6);
  animation:cintila 5s ease-in-out infinite}
.hero .wrap::before{left:-40px;top:30px}
.hero .wrap::after{left:180px;top:120px;animation-delay:2.5s;transform:scale(.8)}
@keyframes cintila{0%,100%{opacity:.25}50%{opacity:1}}

/* 5. filete dourado e brilho ao passar o mouse nos cards */
.card,.box,.step,.panel,.kpi{position:relative;overflow:hidden}
.card::before,.step::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#F2A93B,transparent);opacity:0;transition:opacity .3s}
.card:hover::before,.step:hover::before{opacity:1}
.card::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .9s ease}
.card:hover::after{left:120%}

/* 6. órbitas finas nos cantos de blocos de destaque */
.match,.cta-band img,.video-slot{position:relative}
.match::after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;
  border:1px solid rgba(242,169,59,.35);box-shadow:0 0 0 22px rgba(242,169,59,.05);pointer-events:none}
.match::before{content:"";position:absolute;right:30px;bottom:30px;width:9px;height:9px;border-radius:50%;background:#F2A93B;
  box-shadow:0 0 14px 4px rgba(242,169,59,.55);pointer-events:none;z-index:1}

/* 7. foto dos perfis com aro dourado sutil */
.card .ph,.pf-head img{box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(242,169,59,.45),0 10px 24px rgba(26,33,64,.12)}

/* 8. marcadores das listas com mini estrela oficial */
.reqs li::before{background:var(--indigo) url(estrela-le.png) center/0 no-repeat}
.passos li::marker,.modal ol li::marker{color:var(--amber-deep);font-weight:700}
.sit .box{position:relative;padding-left:46px}
.sit .box::before{content:"";position:absolute;left:18px;top:26px;width:14px;height:14px;background:url(estrela-le.png) center/contain no-repeat}

@media (prefers-reduced-motion:reduce){.hero .wrap::before,.hero .wrap::after{animation:none}.card::after{display:none}}
@media (max-width:620px){.match::after{display:none}.hero .wrap::after{display:none}}