/* ============================================================
 *  PAGINA DE LANCAMENTO (v1.0) -- em cima do inicio.css
 * ============================================================ */
.lanc-admin{background:#fff4d6;border-bottom:1px solid #f0d58a;color:#5c4400;font-size:13.5px;text-align:center;padding:8px 16px}
.lanc-admin a{font-weight:700}

.lanc-hero{align-items:start}
.lanc-hero .ini-hero-texto{padding-top:12px}

/* contagem regressiva: placar de estadio */
.lanc-contagem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:520px}
.lanc-contagem div{background:var(--preto);border-radius:12px;padding:14px 8px 10px;text-align:center;
  box-shadow:inset 0 -3px 0 var(--ouro),0 8px 18px rgba(21,23,26,.18)}
.lanc-contagem b{display:block;color:#fff;font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:1px}
.lanc-contagem span{display:block;margin-top:6px;color:#9aa0a8;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}
.lanc-contagem.zero b{color:#7dd3a0}
.lanc-data{margin:-6px 0 0;color:var(--suave);font-size:14.5px}
.lanc-data b{color:var(--texto)}
.lanc-embreve{display:flex;flex-direction:column;gap:4px;max-width:520px;background:var(--preto);color:#fff;border-radius:12px;
  padding:16px 18px;box-shadow:inset 0 -3px 0 var(--ouro)}
.lanc-embreve b{font-size:28px;font-weight:800}
.lanc-embreve span{color:#b9bec7;font-size:14px}
.lanc-numeros{max-width:520px}

/* o cartao do formulario */
.lanc-form{gap:14px}
.lanc-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.lanc-form fieldset + fieldset{border-top:1px solid var(--linha);padding-top:14px}
.lanc-form legend{display:flex;align-items:center;gap:8px;padding:0;margin-bottom:10px;font-weight:800;font-size:15px;color:var(--preto)}
.lanc-form legend span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ouro);color:#fff;font-size:12px}
.lanc-form label small{font-weight:500}
.ini-entrar select{background:#fff;border:1px solid var(--linha);border-radius:9px;color:var(--texto);width:100%;
  padding:10px 10px;font:15px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ini-entrar select:focus{border-color:var(--ouro);outline:none}
.ini-entrar select:disabled{background:#f4f5f7;color:var(--suave)}
.lanc-linha{display:flex;gap:10px;align-items:flex-end}
.lanc-linha > label{min-width:0}
.lanc-cresce{flex:1 1 auto}
.lanc-sigla{flex:0 0 92px}
.lanc-sigla input{text-transform:uppercase}
.lanc-uf{flex:0 0 42%}
.lanc-cores{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px;align-items:end}
.lanc-cores input[type=color]{width:64px;height:40px;padding:3px;border:1px solid var(--linha);border-radius:9px;background:#fff;cursor:pointer}
.lanc-previa{display:flex;align-items:center;gap:10px;justify-self:end;min-width:0;padding:6px 12px 6px 6px;
  border:1px dashed var(--linha);border-radius:999px}
.lanc-previa b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.lanc-aviso{margin:0;font-size:12.5px;color:var(--suave);line-height:1.45}
.lanc-isca{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0}

/* o distintivo redondo (o mesmo do jogo, para quem ainda nao tem escudo) */
.escudo-vazio{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;font-weight:800;letter-spacing:.3px;line-height:1;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-transform:uppercase}
.lanc-previa .escudo-vazio{width:40px;height:40px;font-size:12px}

/* depois de reservar */
.lanc-feito{gap:14px}
.lanc-time{display:flex;align-items:center;gap:14px}
.lanc-time h2{font-size:24px}
.lanc-time p{margin:4px 0 0;color:var(--suave);font-size:14px}
.lanc-texto{margin:0;font-size:14.5px;color:var(--suave)}
.lanc-compartilhar{display:flex;flex-wrap:wrap;gap:10px}
.lanc-compartilhar .ini-btn{flex:1 1 200px}
.ini-btn.lanc-zap{background:#1f9d55;box-shadow:0 6px 16px rgba(31,157,85,.25)}
.ini-btn.lanc-zap:hover{background:#17804a}

[hidden]{display:none !important}

/* mural dos times reservados */
.lanc-mural{display:flex;flex-direction:column;gap:18px}
.lanc-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lanc-mural h2{font-size:28px;font-weight:800}
.lanc-cab span{color:var(--suave);font-size:14px}
.lanc-mural ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lanc-mural li{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--linha);border-radius:10px;padding:10px 12px;min-width:0}
.lanc-mural li div{display:flex;flex-direction:column;min-width:0}
.lanc-mural li b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lanc-mural li span{font-size:12.5px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* como funciona (na coluna do texto) */
.lanc-passos{display:flex;flex-direction:column;gap:12px;max-width:520px;margin-top:8px}
.lanc-passos h3{font-size:20px;font-weight:800}
.lanc-passos ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:passo}
.lanc-passos li{counter-increment:passo;position:relative;background:var(--card);border:1px solid var(--linha);
  border-radius:var(--raio);padding:12px 16px 12px 58px;display:flex;flex-direction:column;gap:2px}
.lanc-passos li::before{content:counter(passo);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;
  background:var(--ouro);color:#fff;display:grid;place-items:center;font-weight:800}
.lanc-passos li b{font-size:16px}
.lanc-passos li span{color:var(--suave);font-size:14px}

@media (max-width:980px){
  /* no celular o formulario vem logo depois da contagem; o "como funciona" desce */
  .lanc-hero{display:flex;flex-direction:column;gap:16px}
  .lanc-hero .ini-hero-texto{display:contents}
  .lanc-hero .ini-hero-texto > *{order:1}
  .lanc-hero .ini-lado-dir{order:2;width:100%}
  .lanc-hero .lanc-passos{order:3;margin-top:12px}
  .lanc-mural ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lanc-hero .ini-lado-dir{max-width:560px}
}
@media (max-width:640px){
  .lanc-hero .ini-logo-palco{display:none}
  .lanc-contagem{gap:6px}
  .lanc-numeros{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .lanc-numeros .ini-num{padding:10px}
  .lanc-numeros .ini-num b{font-size:22px}
  .lanc-numeros .ini-num span{font-size:11.5px}
  .lanc-contagem div{padding:10px 4px 8px}
  .lanc-mural ul{grid-template-columns:1fr}
  .lanc-linha{flex-wrap:wrap}
  .lanc-uf{flex:1 1 100%}
  .lanc-cores{grid-template-columns:auto auto}
  .lanc-previa{grid-column:1 / -1;justify-self:start}
}