/* ══════ Página do evento ══════
 * Layout único da página pública (includes/evento_publico.php) e da página do
 * painel (painel/evento.php): cartaz à esquerda; à direita o título, a
 * descrição, o cartão de informações e a seção INSCRIÇÃO com os botões.
 * A coluna de informações é includes/evento_info.php. Prefixo .evp- em tudo.
 */

.evp-wrap{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:48px;align-items:start;}
.evp-col-capa{position:sticky;top:20px;}
.evp-capa{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 22px 48px -20px rgba(10,24,41,.5);}

/* ── Coluna de informações ── */
.evp-eyebrow{display:flex;align-items:center;gap:18px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.evp-eyebrow::after{content:'';flex:1;height:1px;background:var(--gold);opacity:.55;}
.evp-col-info h1{font-family:var(--font-display,inherit);font-size:clamp(26px,3.1vw,38px);font-weight:800;color:var(--navy);line-height:1.2;margin:0 0 16px;}
.evp-campanha{font-size:13px;color:var(--muted);margin:-6px 0 16px;}
.evp-campanha a{color:var(--info,#2b6cb0);}
.evp-descricao{font-size:15.5px;color:var(--text2);line-height:1.7;margin-bottom:22px;}
.evp-descricao p{margin:0 0 12px;}
.evp-descricao p:last-child{margin-bottom:0;}
.evp-descricao strong{color:var(--navy);}

/* Cartão: ícone à esquerda; rótulo, valor e complemento à direita. A linha
   divisória começa depois do ícone, não na borda do cartão. */
.evp-meta{background:#fff;border:1px solid var(--border);border-radius:16px;padding:6px 26px 6px 22px;margin-bottom:26px;}
.evp-meta-item{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;}
.evp-meta-item svg{width:32px;height:32px;color:var(--gold);}
.evp-meta-txt{padding:15px 0;border-bottom:1px solid var(--border);min-width:0;}
.evp-meta-item:last-child .evp-meta-txt{border-bottom:0;}
.evp-meta-txt span{display:block;font-size:14.5px;color:var(--navy);font-weight:500;}
.evp-meta-txt b{display:block;font-size:15px;color:var(--navy);font-weight:800;margin-top:2px;}
.evp-meta-txt small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;}

/* ── Seção INSCRIÇÃO (ações) ── */
.evp-insc-head{display:grid;grid-template-columns:36px 34px minmax(0,1fr);align-items:center;column-gap:10px;margin-bottom:16px;}
.evp-insc-head::before{content:'';height:2px;background:var(--gold);border-radius:2px;}
.evp-insc-head svg{width:26px;height:26px;color:var(--gold);}
.evp-insc-head b{display:block;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.evp-insc-head small{display:block;font-size:14px;color:var(--text2);margin-top:3px;}

.evp-acoes > * + *{margin-top:12px;}
.evp-acoes .btn{border-radius:999px;padding:15px 24px;font-size:15.5px;font-weight:700;justify-content:center;text-align:center;gap:10px;}
.evp-acoes .btn svg{width:18px;height:18px;flex-shrink:0;}
.evp-acoes .btn-gold{background:linear-gradient(135deg,#dba945 0%,#b9832a 100%);color:#fff;border:0;box-shadow:0 10px 22px -12px rgba(185,131,42,.9);}
.evp-acoes .btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--navy);}
.evp-acoes .btn-outline:hover{background:var(--navy);color:#fff;}
.evp-acoes > .btn,
.evp-acoes > form > .btn{width:100%;}
.evp-botoes{display:grid;grid-template-columns:1.22fr 1fr;gap:16px;}
.evp-botoes .btn{width:100%;}
.evp-nota{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--muted);margin:14px 0 0;line-height:1.5;}
.evp-nota svg{width:17px;height:17px;flex-shrink:0;margin-top:1px;color:var(--navy);}
.evp-aviso{font-size:15px;color:var(--navy);font-weight:700;margin:0;}
.evp-status{display:flex;}
.evp-caixa{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;}

@media(max-width:860px){
  .evp-wrap{grid-template-columns:1fr;gap:26px;}
  .evp-col-capa{position:static;max-width:480px;width:100%;margin:0 auto;}
}
/* No painel, o menu lateral come largura: empilha antes. */
@media(max-width:1100px){
  .evp-wrap--painel{grid-template-columns:1fr;gap:26px;}
  .evp-wrap--painel .evp-col-capa{position:static;max-width:480px;width:100%;margin:0 auto;}
}
@media(max-width:480px){
  .evp-botoes{grid-template-columns:1fr;}
  .evp-meta{padding:4px 16px 4px 12px;}
  .evp-meta-item{grid-template-columns:46px minmax(0,1fr);}
  .evp-meta-item svg{width:26px;height:26px;}
}