/* Tema Halloween: noite de Halloween fofa e moderna.
   Céu de ameixa, adesivos com borda branca, cartões de vidro escuro,
   títulos em Griffy e o resto em Fredoka. Carregado depois do convite.css. */

.cvt.tema-halloween{
  --creme:#1B1029; --papel:#241537;
  --rosa:#CDB4F5; --rosa-claro:#3A2458; --rosa-fundo:#FF9442;
  --azul:#3A2458; --azul-fundo:#B28DF0;
  --folha:#FFB45E; --folha-clara:#B28DF0; --mata:#FFB45E;
  --tinta:#F6EEFF; --tinta-suave:#C9B8E6;
  --borda:rgba(205,180,245,.24);
  --serif:'Fredoka','Trebuchet MS',sans-serif;
  --script:'Griffy','Fredoka',cursive;
  --sans:'Fredoka','Trebuchet MS',-apple-system,sans-serif;
  --vidro:rgba(36,20,58,.78);
  --laranja:#FF9442; --laranja-claro:#FFB45E; --lilas:#CDB4F5; --lilas-forte:#B28DF0;
  color:var(--tinta);
}

/* ==========================================================================
   Céu
   ========================================================================== */
.cvt.tema-halloween .jardim{background:linear-gradient(180deg,#160C26 0%,#24133D 34%,#2E1A4C 70%,#1C0F2F 100%)}
.cvt.tema-halloween .jardim .b1{background:rgba(124,77,196,.34)}
.cvt.tema-halloween .jardim .b2{background:rgba(255,138,61,.16)}
.cvt.tema-halloween .jardim .b3{background:rgba(124,77,196,.26)}
.cvt.tema-halloween .jardim .b4{background:rgba(205,180,245,.12)}
.cvt.tema-halloween .jardim .luz{background:radial-gradient(60% 40% at 50% 30%, rgba(178,141,240,.20), transparent 75%)}

.cvt.tema-halloween .ceu .brilho{position:absolute}
.cvt.tema-halloween .cvt-hw-estrelas{
  position:absolute; inset:0;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 8%, #fff 60%, transparent 62%),
    radial-gradient(1.2px 1.2px at 32% 14%, #E7D6FF 60%, transparent 62%),
    radial-gradient(1.6px 1.6px at 58% 5%, #fff 60%, transparent 62%),
    radial-gradient(1.1px 1.1px at 74% 18%, #FFD27A 60%, transparent 62%),
    radial-gradient(1.3px 1.3px at 88% 30%, #fff 60%, transparent 62%),
    radial-gradient(1.2px 1.2px at 6% 36%, #E7D6FF 60%, transparent 62%),
    radial-gradient(1.4px 1.4px at 44% 26%, #fff 60%, transparent 62%),
    radial-gradient(1.1px 1.1px at 94% 48%, #E7D6FF 60%, transparent 62%),
    radial-gradient(1.3px 1.3px at 20% 58%, #fff 60%, transparent 62%),
    radial-gradient(1.2px 1.2px at 66% 64%, #FFD27A 60%, transparent 62%),
    radial-gradient(1.4px 1.4px at 84% 76%, #fff 60%, transparent 62%),
    radial-gradient(1.1px 1.1px at 36% 84%, #E7D6FF 60%, transparent 62%);
  background-size:100% 1400px; background-repeat:repeat-y; opacity:.85;
}
.cvt.tema-halloween .cvt-hw-cintila{animation:cvt-hw-pisca 3.6s ease-in-out infinite}
.cvt.tema-halloween .cvt-hw-cintila:nth-of-type(2n){animation-delay:-1.4s}
.cvt.tema-halloween .cvt-hw-cintila:nth-of-type(3n){animation-delay:-2.2s}
@keyframes cvt-hw-pisca{0%,100%{opacity:.35; transform:scale(.8)} 50%{opacity:1; transform:scale(1.1)}}

.cvt.tema-halloween .cvt-deco{position:absolute; height:auto; max-width:none; pointer-events:none; user-select:none}
.cvt.tema-halloween .cvt-hw-halo{
  position:absolute; right:-40px; top:-30px; width:230px; height:230px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,226,154,.32), rgba(255,226,154,0) 68%);
}
.cvt.tema-halloween .cvt-hw-lua{right:-4px; top:6px; width:104px; filter:drop-shadow(0 0 18px rgba(255,226,154,.35))}
.cvt.tema-halloween .cvt-hw-morcegos{left:58px; top:10px; width:104px; animation:cvt-hw-voa 7s ease-in-out infinite}
.cvt.tema-halloween .cvt-hw-teia{left:-8px; top:-6px; width:86px; opacity:.92}
.cvt.tema-halloween .cvt-hw-fantasma{right:-12px; top:330px; width:78px; animation:cvt-hw-flutua 6s ease-in-out infinite; opacity:.96}
.cvt.tema-halloween .cvt-hw-aboboras{left:-10px; bottom:30px; width:150px; z-index:2}
.cvt.tema-halloween .cvt-hw-gato{right:-4px; bottom:34px; width:118px; z-index:2}
.cvt.tema-halloween .cvt-hw-colinas{position:absolute; left:0; right:0; bottom:0; width:100%; height:110px; display:block}
.cvt.tema-halloween .cvt-hw-nevoa{
  position:absolute; left:0; right:0; bottom:60px; height:120px;
  background:radial-gradient(60% 60% at 50% 100%, rgba(205,180,245,.16), transparent 70%);
}
@keyframes cvt-hw-voa{0%,100%{transform:translate(0,0) rotate(-2deg)} 50%{transform:translate(8px,-8px) rotate(3deg)}}
@keyframes cvt-hw-flutua{0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){
  .cvt.tema-halloween .cvt-hw-morcegos,.cvt.tema-halloween .cvt-hw-fantasma,.cvt.tema-halloween .cvt-hw-cintila{animation:none !important}
}
/* o convite.css desliga animação de enfeite por padrão; aqui ela volta, leve */
.cvt.tema-halloween .ceu .cvt-hw-morcegos{animation:cvt-hw-voa 7s ease-in-out infinite}

.cvt.tema-halloween .envelope{padding-bottom:calc(200px + env(safe-area-inset-bottom))}

@media (min-width:720px){
  .cvt.tema-halloween .cvt-hw-lua{right:24px; top:20px; width:170px}
  .cvt.tema-halloween .cvt-hw-halo{right:-10px; top:-20px; width:300px; height:300px}
  .cvt.tema-halloween .cvt-hw-morcegos{left:110px; top:24px; width:170px}
  .cvt.tema-halloween .cvt-hw-teia{width:130px}
  .cvt.tema-halloween .cvt-hw-fantasma{right:4%; top:420px; width:120px}
  .cvt.tema-halloween .cvt-hw-aboboras{left:2%; bottom:44px; width:220px}
  .cvt.tema-halloween .cvt-hw-gato{right:3%; bottom:48px; width:170px}
  .cvt.tema-halloween .cvt-hw-colinas{height:150px}
  .cvt.tema-halloween .envelope{padding-bottom:calc(250px + env(safe-area-inset-bottom))}
}

/* ==========================================================================
   Abertura
   ========================================================================== */
.cvt.tema-halloween .portal{padding-top:124px}
.cvt.tema-halloween .sobrescrito{
  margin:0 auto 4px; max-width:15em;
  font-family:var(--script); font-weight:400; font-size:24px; line-height:1.25;
  letter-spacing:.01em; text-indent:0; text-transform:none; color:var(--lilas);
  text-shadow:0 0 18px rgba(178,141,240,.45);
}
.cvt.tema-halloween .moldura{overflow:visible; max-width:340px}
.cvt.tema-halloween .janela{
  background:linear-gradient(170deg,#3A1F5C,#1C0F2E);
  box-shadow:0 0 0 5px #F6EEFF inset, 0 0 0 7px rgba(255,148,66,.75) inset, 0 18px 46px rgba(0,0,0,.45), 0 0 40px rgba(255,148,66,.18);
}
.cvt.tema-halloween .arco{overflow:visible}

.cvt.tema-halloween .pre-nome{
  margin:24px auto 0; max-width:17em;
  font-family:var(--sans); font-weight:600; font-size:15px; letter-spacing:.17em; text-indent:.17em;
  text-transform:uppercase; color:var(--lilas);
}
.cvt.tema-halloween h1{
  margin:2px 0 0; font-family:var(--script); font-weight:400;
  font-size:clamp(88px,27vw,128px); line-height:1.02; letter-spacing:.01em; color:var(--laranja);
}
.cvt.tema-halloween .nome-txt{
  display:inline-block; padding:0 .05em .06em;
  background:linear-gradient(180deg,#FFD08A 10%,#FF9442 60%,#F06A2A 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,148,66,.45)) drop-shadow(0 3px 0 rgba(60,20,90,.6));
}
.cvt.tema-halloween h1 em{
  display:block; margin-top:4px; font-family:var(--sans); font-style:normal; font-weight:500;
  font-size:.2em; letter-spacing:.2em; text-transform:uppercase;
  color:var(--lilas); -webkit-text-fill-color:var(--lilas);
}

.cvt.tema-halloween .divisor-coracao{margin:14px auto 0}
.cvt.tema-halloween .divisor-coracao::before,
.cvt.tema-halloween .divisor-coracao::after{border-top:2px dotted rgba(205,180,245,.45)}
.cvt.tema-halloween .divisor-coracao span{
  background:var(--laranja-claro); opacity:1;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 13.9 9.4 21.5 12 13.9 14.6 12 22.5 10.1 14.6 2.5 12 10.1 9.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 13.9 9.4 21.5 12 13.9 14.6 12 22.5 10.1 14.6 2.5 12 10.1 9.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* data, horário e local */
.cvt.tema-halloween .info3{
  margin-top:18px; padding:14px 6px 12px; border-radius:24px;
  background:rgba(36,20,58,.55); border:1px solid rgba(205,180,245,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
.cvt.tema-halloween .info3-col + .info3-col{border-left:1.5px dashed rgba(255,180,94,.45)}
.cvt.tema-halloween .info3-col .ilustra{height:60px}
.cvt.tema-halloween .info3-rot{color:var(--lilas); font-weight:600}
.cvt.tema-halloween .info3-num{color:var(--laranja-claro); font-weight:600}
.cvt.tema-halloween .info3-mes{color:var(--tinta); font-weight:600}
.cvt.tema-halloween .info3-extra{color:var(--tinta-suave)}
.cvt.tema-halloween .info3-local{color:var(--tinta); font-weight:500}
.cvt.tema-halloween .info3-mapa{text-decoration-color:rgba(255,180,94,.6); color:var(--laranja-claro)}

.cvt.tema-halloween .chamada{
  margin-top:24px; max-width:17em; font-family:var(--sans); font-size:18.5px; line-height:1.5; color:var(--tinta);
}
.cvt.tema-halloween .realce{
  display:table; margin:2px auto 0; font-family:var(--script); font-size:2.1em; line-height:1.05;
  color:var(--laranja); text-shadow:0 0 18px rgba(255,148,66,.45);
}

.cvt.tema-halloween .selo{
  background:rgba(36,20,58,.85); color:var(--laranja-claro); font-weight:600; letter-spacing:.14em;
  box-shadow:0 0 0 1.5px rgba(255,180,94,.55) inset, 0 8px 20px rgba(0,0,0,.3);
}

/* contagem */
.cvt.tema-halloween .contagem{margin-top:24px}
.cvt.tema-halloween .contagem div{
  background:rgba(36,20,58,.72); border:1px solid rgba(205,180,245,.22);
  box-shadow:0 10px 24px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.02) inset;
}
.cvt.tema-halloween .contagem div:nth-child(even){border-color:rgba(255,180,94,.38)}
.cvt.tema-halloween .contagem b{font-family:var(--sans); font-weight:600; color:var(--laranja-claro)}
.cvt.tema-halloween .contagem span{color:var(--tinta-suave); font-weight:500}
.cvt.tema-halloween .faltam{color:var(--lilas); font-family:var(--sans)}

/* ==========================================================================
   Cartões de vidro
   ========================================================================== */
.cvt.tema-halloween .cartao{
  position:relative; border-radius:28px;
  background:var(--vidro);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid rgba(205,180,245,.22);
  box-shadow:0 18px 44px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.cvt.tema-halloween .cartao::before{
  content:''; position:absolute; left:22px; right:22px; top:-1px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,180,94,.85),transparent);
}
.cvt.tema-halloween .cartao > *{position:relative}
.cvt.tema-halloween .cartao h2{
  font-family:var(--script); font-weight:400; font-size:31px; line-height:1.15; color:var(--laranja-claro);
  text-align:center; letter-spacing:.01em; text-shadow:0 0 16px rgba(255,148,66,.3);
}
.cvt.tema-halloween .cartao h2 + .apoio{text-align:center; color:var(--tinta-suave)}
.cvt.tema-halloween .apoio{color:var(--tinta-suave)}
.cvt.tema-halloween .ilustra.cabeca{display:block; margin:0 auto 8px; height:auto; filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.cvt.tema-halloween .divisor{height:0; background:none; border-top:2px dotted rgba(205,180,245,.38); width:120px; margin:14px auto 4px}
.cvt.tema-halloween .linha{align-items:center; border-bottom-color:rgba(205,180,245,.2)}
.cvt.tema-halloween .linha .ilustra{flex:none; width:42px; height:auto; margin:0}
.cvt.tema-halloween .linha svg{color:var(--laranja-claro)}
.cvt.tema-halloween .linha p{color:var(--tinta); font-weight:600}
.cvt.tema-halloween .linha small{color:var(--tinta-suave)}

/* botões */
.cvt.tema-halloween .botao{font-family:var(--sans); font-weight:600; letter-spacing:.01em}
.cvt.tema-halloween .botao.rosa{
  background:linear-gradient(180deg,#FFB45E,#FF8A3D); color:#2A1340;
  box-shadow:0 10px 26px rgba(255,138,61,.35), 0 0 0 1px rgba(255,255,255,.25) inset;
}
.cvt.tema-halloween .botao.rosa:hover{background:linear-gradient(180deg,#FFA94A,#FF7B2A)}
.cvt.tema-halloween .botao.verde{
  background:linear-gradient(180deg,#C7A6F7,#A57DEB); color:#1E1030;
  box-shadow:0 10px 26px rgba(165,125,235,.32);
}
.cvt.tema-halloween .botao.verde:hover{background:linear-gradient(180deg,#BC97F4,#9A6EE6)}
.cvt.tema-halloween .botao.contorno{background:rgba(255,255,255,.03); color:var(--lilas); border:1.5px solid rgba(205,180,245,.45)}
.cvt.tema-halloween .botao.contorno:hover{background:rgba(205,180,245,.12)}
.cvt.tema-halloween .botao:focus-visible{outline-color:var(--laranja-claro)}

/* formulário */
.cvt.tema-halloween label{color:var(--tinta); font-weight:500}
.cvt.tema-halloween label .opcional{color:var(--tinta-suave)}
.cvt.tema-halloween input[type=text],
.cvt.tema-halloween input[type=tel],
.cvt.tema-halloween textarea{background:rgba(255,255,255,.06); border-color:rgba(205,180,245,.28); color:var(--tinta)}
.cvt.tema-halloween input::placeholder,
.cvt.tema-halloween textarea::placeholder{color:#9E8DBD}
.cvt.tema-halloween input:focus,
.cvt.tema-halloween textarea:focus{background:rgba(255,255,255,.09); border-color:var(--laranja-claro); box-shadow:0 0 0 3px rgba(255,180,94,.22)}
.cvt.tema-halloween .bloco{border-top:2px dotted rgba(205,180,245,.28)}
.cvt.tema-halloween .bloco > h3{color:var(--laranja-claro); font-weight:600}
.cvt.tema-halloween .contador button{background:rgba(255,255,255,.06); color:var(--laranja-claro); border-color:rgba(205,180,245,.28)}
.cvt.tema-halloween .contador input{background:rgba(255,255,255,.08); color:var(--tinta); border-color:rgba(205,180,245,.28)}
.cvt.tema-halloween .ficha{background:rgba(255,255,255,.04); border-color:rgba(205,180,245,.25)}
.cvt.tema-halloween .ficha > .titulo{color:var(--lilas)}
.cvt.tema-halloween .ficha > .titulo .pino{background:var(--laranja-claro); color:#2A1340}
.cvt.tema-halloween .ficha.crianca > .titulo .pino{background:var(--lilas-forte); color:#1E1030}
.cvt.tema-halloween .aviso{color:#FFB0A0}

/* confirmação */
.cvt.tema-halloween #cvt-confirmado .marca{color:var(--laranja-claro)}
.cvt.tema-halloween #cvt-confirmado .resumo{color:var(--tinta-suave)}
.cvt.tema-halloween .lista{background:rgba(255,255,255,.04); border-color:rgba(205,180,245,.25)}
.cvt.tema-halloween .lista h3{color:var(--lilas)}
.cvt.tema-halloween .lista li{color:var(--tinta)}
.cvt.tema-halloween .lista li .quem{color:var(--laranja-claro)}
.cvt.tema-halloween .lista .marcador{background:var(--laranja-claro)}
.cvt.tema-halloween .lista .criancas li .marcador{background:var(--lilas-forte)}
.cvt.tema-halloween .meu-convite{background:rgba(255,255,255,.04); border:1.5px dashed rgba(255,180,94,.45)}
.cvt.tema-halloween .meu-rotulo{color:var(--laranja-claro)}
.cvt.tema-halloween .qr-apoio{color:var(--tinta-suave)}
.cvt.tema-halloween .outra{border-top:2px dotted rgba(205,180,245,.28)}
.cvt.tema-halloween .outra-apoio{color:var(--tinta-suave)}
.cvt.tema-halloween .outra-botao{color:var(--lilas); border-color:rgba(205,180,245,.4)}
.cvt.tema-halloween .outra-botao:hover{background:rgba(205,180,245,.12)}

/* ==========================================================================
   Sugestões de presente em cartões
   ========================================================================== */
.cvt.tema-halloween .presente-abertura{text-align:center; margin-bottom:18px}
.cvt.tema-halloween .presente-cards{
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:4px 0 0; padding:0; list-style:none;
}
.cvt.tema-halloween .presente-cards > .presente-card{flex:0 0 calc(50% - 6px); min-width:0}
.cvt.tema-halloween .presente-card{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:6px;
  padding:16px 10px 14px; border-radius:20px; text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(205,180,245,.24);
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.cvt.tema-halloween .presente-card-livre{
  background:linear-gradient(135deg,rgba(255,148,66,.16),rgba(178,141,240,.14));
  border-color:rgba(255,180,94,.4);
}
.cvt.tema-halloween .presente-card-icone{display:flex; align-items:center; justify-content:center; height:70px}
.cvt.tema-halloween .presente-card-icone .ilustra{width:auto; max-width:76px; max-height:70px; height:auto; filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.cvt.tema-halloween .presente-card-nome{font-family:var(--sans); font-weight:600; font-size:16.5px; line-height:1.25; color:var(--tinta)}
.cvt.tema-halloween .presente-card-tam{
  display:inline-flex; align-items:baseline; gap:4px; padding:4px 12px; border-radius:999px;
  background:rgba(255,148,66,.16); border:1px solid rgba(255,180,94,.5); color:var(--laranja-claro);
}
.cvt.tema-halloween .presente-card-tam small{font-size:12px; font-weight:500; color:var(--tinta-suave)}
.cvt.tema-halloween .presente-card-tam b{font-size:17px; font-weight:700; line-height:1.1}
.cvt.tema-halloween .presente-lista li{color:var(--tinta); border-bottom-color:rgba(205,180,245,.2)}
.cvt.tema-halloween .presente-vazio{color:var(--tinta-suave); border-color:rgba(205,180,245,.3)}
.cvt.tema-halloween .pix{margin-top:18px; background:rgba(255,255,255,.05); border:1.5px dashed rgba(205,180,245,.35)}
.cvt.tema-halloween .pix-apoio,.cvt.tema-halloween .pix-nome,.cvt.tema-halloween .pix-rotulo{color:var(--tinta-suave)}
.cvt.tema-halloween .pix-chave{color:var(--laranja-claro)}
/* grupos: ideias e tamanhos, com um título discreto entre linhas tracejadas */
.cvt.tema-halloween .presente-grupo{
  display:flex; align-items:center; gap:12px; margin:22px 0 12px;
  font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--lilas);
}
.cvt.tema-halloween .presente-abertura + .presente-grupo{margin-top:6px}
.cvt.tema-halloween .presente-grupo::before,.cvt.tema-halloween .presente-grupo::after{
  content:""; flex:1; border-top:1.5px dashed rgba(205,180,245,.3);
}
.cvt.tema-halloween .presente-grupo span{display:inline-flex; align-items:center; gap:8px; white-space:nowrap}
.cvt.tema-halloween .presente-grupo span::before,.cvt.tema-halloween .presente-grupo span::after{
  content:""; width:9px; height:9px; background:var(--laranja-claro);
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
}
.cvt.tema-halloween .presente-card-livre .presente-card-nome{text-wrap:balance}
@media (min-width:520px){
  .cvt.tema-halloween .presente-cards > .presente-card{flex-basis:calc(33.333% - 8px)}
  .cvt.tema-halloween .presente-cards-tam > .presente-card{flex-basis:calc(25% - 9px); padding:14px 6px 12px}
  .cvt.tema-halloween .presente-cards-tam .presente-card-nome{font-size:15.5px}
}

/* rodapé */
.cvt.tema-halloween footer p{font-family:var(--sans); font-style:normal; font-size:18px; color:var(--tinta)}
.cvt.tema-halloween footer .fecho{
  margin-top:6px; font-family:var(--script); font-size:27px; letter-spacing:0; text-transform:none;
  color:var(--laranja-claro); text-shadow:0 0 14px rgba(255,148,66,.35);
}
.cvt.tema-halloween footer p.cvt-credito{font-family:var(--sans); font-size:12px; color:var(--tinta-suave); opacity:.85}
.cvt.tema-halloween .cvt-credito a{color:var(--lilas); border-bottom-color:rgba(205,180,245,.4)}

/* enfeites acrescentados no Gerenciar ficam um pouco mais suaves no escuro */
.cvt.tema-halloween .cvt-extra{filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}

/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width:720px) and (max-width:919px){
  .cvt.tema-halloween .moldura{max-width:400px}
  .cvt.tema-halloween .portal{padding-top:96px}
}
@media (min-width:920px){
  .cvt.tema-halloween .portal{padding-top:150px}
  .cvt.tema-halloween .moldura{max-width:280px}
  .cvt.tema-halloween h1{font-size:clamp(84px,6.6vw,110px)}
  .cvt.tema-halloween .pre-nome{margin-top:14px; font-size:14px}
  .cvt.tema-halloween .chamada{margin-top:18px; font-size:17.5px}
  .cvt.tema-halloween .contagem{margin-top:18px}
  .cvt.tema-halloween .cartao:first-of-type{margin-top:36px}
  .cvt.tema-halloween .cartao + .cartao{margin-top:24px}
  .cvt.tema-halloween .cvt-hw-morcegos{left:max(64px, calc(50% - min(590px, 50%) - 50px)); width:150px}
  /* lua e morcegos acompanham a coluna da abertura; o fantasminha desce para o vão dela */
  .cvt.tema-halloween .cvt-hw-lua{right:auto; left:calc(50% - 40px - 150px); top:18px; width:128px}
  .cvt.tema-halloween .cvt-hw-halo{right:auto; left:calc(50% - 40px - 210px); top:-50px; width:250px; height:250px}
  .cvt.tema-halloween .cvt-hw-fantasma{right:auto; left:calc(50% - min(590px, 50%) + 150px); top:1180px; width:110px}
}
@media (min-width:920px) and (max-height:800px){
  .cvt.tema-halloween .moldura{max-width:220px}
  .cvt.tema-halloween h1{font-size:clamp(72px,5.6vw,92px)}
}

body.convite-tela-cheia.tema-halloween{background:#1B1029; color:#F6EEFF}
body.convite-tela-cheia.tema-halloween ::selection{background:#FF9442; color:#1B1029}

/* ==========================================================================
   Aviso de festa à fantasia
   ========================================================================== */
.cvt.tema-halloween .traje{
  margin-top:62px; padding:62px 24px 26px; border-radius:28px; border:1px solid rgba(255,180,94,.55);
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(255,148,66,.22), transparent 62%),
    radial-gradient(90% 60% at 50% 100%, rgba(124,77,196,.35), transparent 70%),
    rgba(36,20,58,.82);
  box-shadow:0 18px 40px rgba(0,0,0,.38), 0 0 34px rgba(255,148,66,.18);
}
.cvt.tema-halloween .traje::before{
  content:""; position:absolute; inset:8px; border-radius:21px; pointer-events:none;
  border:1.5px dashed rgba(205,180,245,.32);
}
.cvt.tema-halloween .traje-icone{
  width:104px; transform:translate(-50%,-58%) rotate(-8deg);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(178,141,240,.35));
}
.cvt.tema-halloween .traje-selo{
  position:relative; padding:6px 16px; font-family:var(--sans); font-weight:600; letter-spacing:.18em; font-size:12.5px;
  background:linear-gradient(180deg,#FFC27A,#FF9442); color:#2A1243; box-shadow:0 6px 16px rgba(255,148,66,.35);
}
.cvt.tema-halloween .traje-titulo{
  position:relative; margin-top:14px; font-size:38px; color:var(--laranja); text-shadow:0 0 18px rgba(255,148,66,.45);
}
.cvt.tema-halloween .traje-texto{position:relative; font-family:var(--sans); font-size:16.5px; color:var(--tinta)}
@media (min-width:920px){
  .cvt.tema-halloween .traje{margin-top:56px; max-width:440px}
}
/* No computador o fantasminha sai do fundo e espia pela borda do aviso de
   fantasia: fica sempre junto do cartão, sem cair em cima da contagem. */
@media (min-width:920px){
  .cvt.tema-halloween .traje{margin-top:70px}
  .cvt.tema-halloween:has(.traje) .ceu .cvt-hw-fantasma{display:none}
  .cvt.tema-halloween:has(.cvt-hw-fantasma) .traje::after{
    content:""; position:absolute; right:-82px; bottom:-34px; width:96px; height:103px; pointer-events:none;
    background:url('img/fantasma.webp') center/contain no-repeat;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.4)); animation:cvt-hw-flutua 6s ease-in-out infinite;
  }
}
@media (min-width:920px) and (max-width:1199px){
  .cvt.tema-halloween:has(.cvt-hw-fantasma) .traje::after{right:-40px; bottom:-44px; width:72px; height:77px}
}
@media (min-width:920px) and (prefers-reduced-motion:reduce){
  .cvt.tema-halloween .traje::after{animation:none}
}