/* Eventos - GuiaWP | front */
.agw{--agw-radius:.75rem;--agw-gap:1rem}
.agw-encerrado{opacity:.72}

/* ---- Formulário do organizador: cobrança (seção 4) e pontos de venda (seção 5) ----
   O resto do formulário usa as classes Tailwind já compiladas no core. Estes componentes
   ficam em CSS próprio porque o JS os RECONSTRÓI (matriz de preços, checkboxes) e uma
   classe utilitária que não exista no build do core sairia sem efeito. A cor segue o token
   do tema (--gcep-color-primary). */

.agw-modo{display:flex;gap:.5rem;align-items:flex-start;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:border-color .15s,background-color .15s}
.agw-modo:hover{border-color:#cbd5e1;background:#f8fafc}
.agw-modo input{margin-top:.2rem;accent-color:var(--gcep-color-primary,#2563eb)}
.agw-modo-txt{display:flex;flex-direction:column;gap:.125rem;min-width:0}
.agw-modo-txt strong{font-size:.8125rem;font-weight:700;color:#0f172a}
.agw-modo-txt span{font-size:.6875rem;line-height:1.3;color:#64748b}
.agw-modo:has(input:checked){border-color:var(--gcep-color-primary,#2563eb);background:#f5f8ff}
.agw-modo:focus-within{outline:2px solid rgba(37,99,235,.25);outline-offset:1px}

.agw-grid-fase{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:end}
@media (min-width:640px){.agw-grid-fase{grid-template-columns:1fr 1fr auto}}

.agw-precos{display:flex;flex-wrap:wrap;gap:.5rem}
.agw-preco{display:flex;flex-direction:column;gap:.25rem;min-width:8.5rem}
.agw-preco>span{font-size:.6875rem;font-weight:600;color:#64748b}
.agw-dinheiro{width:100%;max-width:10rem;border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem .625rem;font-size:.875rem;color:#0f172a;background:#fff;outline:none}
.agw-dinheiro:focus{border-color:var(--gcep-color-primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.agw-dinheiro:disabled{background:#f1f5f9;color:#94a3b8}

.agw-checks{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}
.agw-check{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;font-size:.75rem;color:#334155;cursor:pointer}
.agw-check input{accent-color:var(--gcep-color-primary,#2563eb)}
.agw-check:has(input:checked){border-color:var(--gcep-color-primary,#2563eb);background:#f5f8ff;color:#0f172a}
.agw-check--sem-id{opacity:.55;cursor:not-allowed}
.agw-vazio{font-size:.6875rem;color:#94a3b8;margin:.375rem 0 0}

.agw-btn-remover{align-self:start;font-size:.75rem;font-weight:600;color:#e11d48;background:none;border:0;padding:0;cursor:pointer}
.agw-btn-remover:hover{text-decoration:underline}

.agw-money{display:flex;align-items:center;gap:.5rem}
.agw-money-pre{font-size:.8125rem;font-weight:700;color:#64748b}

/* ---- Galeria, prévia de SEO e uploader (seções 7 e 8 do formulário) ---- */

.agw-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:.75rem}
.agw-foto{position:relative;margin:0;border:1px solid #e2e8f0;border-radius:.625rem;overflow:hidden;background:#f8fafc;aspect-ratio:4/3;cursor:grab}
.agw-foto img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.agw-foto--arrastando{opacity:.4;cursor:grabbing}
.agw-foto-capa{display:none;position:absolute;left:.375rem;bottom:.375rem;padding:.125rem .375rem;border-radius:999px;background:var(--gcep-color-primary,#2563eb);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.02em}
.agw-foto--capa .agw-foto-capa{display:block}
.agw-foto--capa{border-color:var(--gcep-color-primary,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.18)}
.agw-foto-x{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(15,23,42,.65);color:#fff;font-size:1rem;line-height:1;cursor:pointer}
.agw-foto-x:hover{background:#e11d48}

.agw-upload{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1px dashed #cbd5e1;border-radius:.625rem;font-size:.8125rem;font-weight:700;color:#475569;cursor:pointer;background:#fff}
.agw-upload:hover{border-color:var(--gcep-color-primary,#2563eb);color:var(--gcep-color-primary,#2563eb)}
.agw-galeria--cheia .agw-upload{opacity:.5;cursor:not-allowed}
.agw-galeria--enviando{opacity:.7;pointer-events:none}

.agw-previa{display:flex;flex-direction:column;gap:.125rem;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff}
.agw-previa-url{font-size:.75rem;color:#0f766e}
.agw-previa-titulo{font-size:1.0625rem;line-height:1.35;color:#1a0dab}
.agw-previa-desc{font-size:.8125rem;line-height:1.45;color:#4d5156}
.agw-previa--auto{color:#94a3b8;font-style:italic}
.agw-contador--longo{color:#e11d48;font-weight:700}

/* ---- Listagem pública /eventos/ ----
   Mesma estrutura de /imoveis e /veiculos: coluna de filtros à esquerda (off-canvas no celular)
   e grade à direita. O CARD não tem CSS próprio — usa as classes do site, como os outros. */

.agw-list{display:flex;gap:2rem;align-items:flex-start}
.agw-list__side{flex:0 0 300px}
.agw-list__main{flex:1 1 0;min-width:0}
.agw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}
.agw-filter-btn{display:none}
.agw-side__close{display:none}
.agw-side__overlay{display:none}
@media(max-width:900px){
	.agw-list{flex-direction:column}
	.agw-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:1.25rem}
	.agw-list__side{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;z-index:80;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;background:#f1f5f9;padding:1rem;box-shadow:0 10px 40px rgba(0,0,0,.25)}
	.agw-list__side.is-open{transform:translateX(0)}
	.agw-side__close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:1.35rem;right:1.35rem;z-index:3;width:2rem;height:2rem;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;color:#475569;cursor:pointer}
	.agw-side__overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:79;opacity:0;pointer-events:none;transition:opacity .3s}
	.agw-side__overlay.is-open{opacity:1;pointer-events:auto}
	body.agw-filter-open{overflow:hidden}
}

/* Separador do histórico, na mesma grade. */
.agw-lista__ja{margin:2.25rem 0 1rem;font-size:1.0625rem;font-weight:800;color:#334155;display:flex;align-items:center;gap:.75rem}
.agw-lista__ja::after{content:"";flex:1;border-top:1px solid #e2e8f0}

/* Usadas fora da listagem: a página do evento e os painéis. */
.agw-campo{display:flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0;border-radius:.625rem;padding:.5rem .75rem;background:#f8fafc;min-width:0}
.agw-campo .material-symbols-outlined{font-size:20px;color:#94a3b8}
.agw-campo input,.agw-campo select{border:0;background:transparent;outline:none;font-size:.875rem;color:#0f172a;width:100%;min-width:0}
.agw-campo:focus-within{border-color:var(--gcep-color-primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
/* [hidden] tem de vencer o display:flex do campo. */
.agw-campo[hidden]{display:none}
.agw-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;border:0;border-radius:.625rem;background:var(--gcep-color-primary,#2563eb);color:#fff;font-size:.8125rem;font-weight:700;cursor:pointer;text-decoration:none}
.agw-btn:hover{filter:brightness(.94)}
.agw-btn--limpo{background:#fff;color:#475569;border:1px solid #e2e8f0}

/* Paginação simples do painel do organizador e dos filtros do admin. */
.agw-paginacao{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-top:2rem}
.agw-pag{min-width:2.25rem;padding:.375rem .625rem;border:1px solid #e2e8f0;border-radius:.5rem;text-align:center;font-size:.8125rem;font-weight:700;color:#475569;text-decoration:none;background:#fff}
.agw-pag:hover{border-color:var(--gcep-color-primary,#2563eb);color:var(--gcep-color-primary,#2563eb)}
.agw-pag--atual{background:var(--gcep-color-primary,#2563eb);border-color:var(--gcep-color-primary,#2563eb);color:#fff}

/* ---- Página do evento /evento/{slug}/ ---- */

/* A casca da pagina do evento agora e a mesma de /imoveis e /veiculos, montada com as classes
 do tema (grade de 3 colunas, cartoes brancos e coluna fixa). O que sobra aqui embaixo e so o
 CONTEUDO proprio do evento: programacao, pontos de venda e o bloco de ingressos. */

.agw-programacao ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.agw-programacao li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff}
/* capitalize deixaria "Sex, 18 De Setembro": só a primeira letra sobe. */
.agw-programacao time{font-size:.8125rem;font-weight:700;color:#0f172a;display:inline-block}
.agw-programacao time::first-letter{text-transform:uppercase}
.agw-hora{font-size:.8125rem;color:#475569}
.agw-hora small{color:#94a3b8}
.agw-atracao{font-size:.8125rem;color:var(--gcep-color-primary,#2563eb);margin-left:auto}
.agw-video__wrap{position:relative;padding-top:56.25%;border-radius:var(--agw-radius,.75rem);overflow:hidden;background:#0f172a}
.agw-video__wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.agw-pontos__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}
.agw-ponto{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff}
.agw-ponto__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}
.agw-ponto__end,.agw-ponto__escopo{font-size:.75rem;color:#64748b}
.agw-ponto__acoes{display:flex;gap:.375rem;flex-wrap:wrap}
.agw-btn--whats{background:#25D366}

.agw-contato__aviso{margin:0;font-size:.8125rem;color:#047857}
.agw-contato__aviso--erro{color:#e11d48}
.agw-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Sem caixa dentro de caixa: o cartao branco da lateral ja e a moldura, e o h2 usa as classes
 do tema como o "Sobre o imovel" do single de imovel. */
.agw-fase-vigente{display:flex;align-items:baseline;gap:.375rem;margin:0 0 .625rem;padding:.375rem .625rem;border-radius:.5rem;background:#f1f5f9;font-size:.8125rem;color:#334155}
.agw-fase-vigente strong{color:var(--gcep-color-primary,#2563eb)}
.agw-gratis,.agw-preco-unico{margin:0;font-size:1.375rem;font-weight:800;color:#0f172a}
.agw-ingressos__rotulo{margin:0 0 .375rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}
.agw-grupo{margin-bottom:.75rem}
.agw-grupo__nome{margin:0 0 .25rem;font-size:.8125rem;font-weight:800;color:#334155}
.agw-ingressos__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.agw-ingresso{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.375rem 0;border-bottom:1px dashed #e2e8f0;font-size:.875rem}
.agw-ingresso:last-child{border-bottom:0}
.agw-ingresso__nome{color:#334155}
.agw-ingresso__preco{font-weight:800;color:#0f172a;white-space:nowrap}
.agw-campo--dia{margin-bottom:.625rem;background:#fff}
.agw-sem-ingresso{margin:0;font-size:.8125rem;color:#94a3b8}
.agw-capacidade{margin:.625rem 0 0;font-size:.75rem;color:#64748b}
.agw-btn--comprar{width:100%;justify-content:center;margin-top:.875rem}
.agw-ingressos__nota{margin:.625rem 0 0;font-size:.6875rem;line-height:1.4;color:#94a3b8}

/* ---- Painel do organizador: etiqueta de status ---- */
.agw-status{display:inline-block;margin-top:.25rem;padding:.0625rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;border:1px solid transparent}
.agw-status--rascunho{background:#f1f5f9;color:#475569;border-color:#e2e8f0}
.agw-status--aguardando_pagamento{background:#fef3c7;color:#92400e;border-color:#fde68a}
.agw-status--publicado{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.agw-status--encerrado{background:#e2e8f0;color:#475569;border-color:#cbd5e1}
.agw-status--expirado{background:#ffe4e6;color:#9f1239;border-color:#fecdd3}

/* "Adicionar à agenda" (0.2.0): dois botões logo abaixo do cabeçalho do evento. */
.agw-agenda{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.875rem 0 0}
.agw-agenda__rotulo{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:#475569}
.agw-agenda__rotulo .material-symbols-outlined{font-size:18px;color:#94a3b8}
.agw-agenda__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border-radius:.625rem;background:var(--gcep-color-primary,#0052cc);color:#fff;font-size:.8125rem;font-weight:700;text-decoration:none;transition:filter .2s}
.agw-agenda__btn:hover{filter:brightness(.92)}
.agw-agenda__btn--sec{background:#fff;color:#334155;border:1px solid #e2e8f0}
.agw-agenda__btn--sec:hover{background:#f8fafc;filter:none}
.agw-agenda__nota{flex:1 1 100%;font-size:.75rem;color:#94a3b8}