/* Parallax marciano: cenário fixo + secções em painel translúcido */
.vdm-par{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background:linear-gradient(#a04a28 0%,#cd613f 34%,#d8724d 62%,#d8724d 100%)}
.vdm-par-camada{position:absolute;inset:0;will-change:transform}
.vdm-par-nuvem span{position:absolute;left:36%;top:16%;width:32%;height:8%;
  background:radial-gradient(ellipse at center,rgba(160,74,44,.35) 0%,transparent 70%);filter:blur(9px)}
.vdm-par-colina{position:absolute;bottom:4%;width:100%;height:74%}
.vdm-par-planicie{position:absolute;bottom:-8%;width:100%;height:52%}
.vdm-par-chao{position:absolute;bottom:-26%;width:100%;height:56%}

/* Página sobre o cenário */
body.vdm-parallax{background:#ad4e2e;color:#f6e8dc}
body.vdm-parallax main{position:relative;z-index:1}
body.vdm-parallax section,body.vdm-parallax section:nth-of-type(even){background:transparent}
body.vdm-parallax .vdm-hero{background:transparent;text-shadow:0 2px 34px rgba(74,26,10,.65)}
body.vdm-parallax section:not(.vdm-hero) .vdm-wrap{
  background:rgba(58,24,13,.86);border:1px solid rgba(240,195,160,.3);border-radius:4px;
  padding:clamp(24px,4vw,44px);backdrop-filter:blur(2px);max-width:760px}
body.vdm-parallax section:not(.vdm-hero){padding:9vh 20px}
body.vdm-parallax .vdm-excerto{background:transparent;color:#f6e8dc}
body.vdm-parallax h2{color:#f0c3a0}
body.vdm-parallax .vdm-faq details{background:rgba(74,30,16,.7);border-color:rgba(240,195,160,.25);color:#f6e8dc}
body.vdm-parallax .vdm-rodape{position:relative;z-index:1;background:rgba(38,15,8,.92)}
@media (prefers-reduced-motion: reduce){.vdm-par-camada{transform:none!important}}

/* A Terra vista de Marte: estrela azulada pulsante no alto do céu */
.vdm-terra{position:absolute;top:9%;left:71%;width:4px;height:4px;border-radius:50%;
  background:#dcecff;
  box-shadow:0 0 6px 2px rgba(190,215,255,.9),0 0 18px 6px rgba(150,190,255,.45);
  animation:vdmTerra 3.2s ease-in-out infinite alternate}
@keyframes vdmTerra{
  from{opacity:.55;transform:scale(.9)}
  to{opacity:1;transform:scale(1.25)}
}
@media (prefers-reduced-motion: reduce){.vdm-terra{animation:none;opacity:.9}}

/* Leitura: hero com mais peso sobre o céu */
body.vdm-parallax .vdm-hero h1{color:#eebc55;
  text-shadow:0 2px 6px rgba(58,20,8,.9),0 6px 42px rgba(58,20,8,.75)}
body.vdm-parallax .vdm-hero p,body.vdm-parallax .vdm-hero .vdm-subtitulo{
  color:#fff1e2;text-shadow:0 1px 4px rgba(58,20,8,.85)}

/* Leitura: cartões e formulários brancos da loja voltam a texto escuro */
body.vdm-parallax .eloja-cartao,body.vdm-parallax .eloja-form,body.vdm-parallax .eloja-modal-caixa{color:#3a1a0d}
body.vdm-parallax .eloja-cartao :is(h3,h4,strong){color:#8f3a12}
body.vdm-parallax .eloja-nota{color:#6b5748}
body.vdm-parallax .eloja-form label{color:#3a1a0d}

/* Leitura: contagem do evento sobre painel escuro */
body.vdm-parallax .vdm-conta{color:#f0c3a0}


/* Mobile: caixas castanhas quase full-width */
@media (max-width:760px){
  body.vdm-parallax section:not(.vdm-hero){
    padding:5vh 8px;
  }
  body.vdm-parallax section:not(.vdm-hero) .vdm-wrap{
    max-width:100%;
    width:100%;
    margin-left:0;
    margin-right:0;
    padding:22px 16px 28px;
    border-radius:6px;
  }
  body.vdm-parallax .vdm-rodape .vdm-wrap{
    background:transparent;
    border:0;
    padding:0 12px;
    max-width:100%;
  }
}

/* Evento: detalhe legível no painel escuro */
body.vdm-parallax .vdm-evento-detalhe{color:#f0e2d4}
body.vdm-parallax .vdm-evento-detalhe a{color:#e8c48a}