/* Página pública do evento. Usa a base da página inicial (inicio.css: tokens, botões, topo e rodapé).
   Mobile first: imagem quadrada e texto no topo, escolha da categoria logo abaixo e barra de inscrição fixa no
   celular; no desktop, topo escuro com a imagem à direita e a escolha da categoria numa coluna fixa.
   --destaque é o roxo da plataforma e pinta detalhes (ícones das seções, redes e o bloco do organizador). A cor do
   organizador (validada no servidor para 4,5:1 sobre branco) só entra no modo de cores do organizador (05/10/2026);
   ação principal, confiança e estados ficam com a marca da plataforma. */
:root{
    --destaque:var(--roxo);   /* roxo da plataforma; a cor do organizador só no modo de cores do organizador */
    --topo-fundo:#0F1A0A; --topo-texto:#FFFFFF; --topo-apoio:#D5DDCB; --topo-link:#C5EA8F;
    --vidro:rgba(255,255,255,.07); --vidro-borda:rgba(255,255,255,.14);
    --cartao-borda:#E2E8DA; --cartao-raio:28px;
    --sombra-suave:0 1px 2px rgba(15,26,10,.05),0 4px 16px -6px rgba(15,26,10,.10);
    --sombra-alta:0 1px 2px rgba(15,26,10,.06),0 18px 40px -12px rgba(15,26,10,.28);
}
.pagina-evento{background:#F3F6EF}
.pagina-evento main:focus{outline:none}
.faixa{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 16px;font-size:14px;font-weight:600;justify-content:center;text-align:left}
.faixa .icone{margin-top:1px}
.faixa-aviso{background:var(--aviso-fundo);color:var(--aviso-texto)}
.faixa-previa{background:#EDE7F6;color:#3E2A68}

/* ---------- Topo ---------- */
.ev-topo{position:relative;overflow:hidden;background:var(--topo-fundo);color:var(--topo-texto);isolation:isolate}
.ev-topo-fundo{position:absolute;inset:-60px;z-index:-2;width:calc(100% + 120px);max-width:none;height:calc(100% + 120px);object-fit:cover;filter:blur(48px) saturate(1.2);opacity:.5;pointer-events:none}
.ev-topo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(700px 360px at 8% 0%,rgba(132,189,53,.28),transparent 70%),
        radial-gradient(500px 300px at 100% 100%,rgba(164,53,189,.16),transparent 70%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 16px),
        linear-gradient(180deg,rgba(15,26,10,.45),rgba(15,26,10,.85))}
.ev-topo-grade{display:grid;gap:24px;padding-block:0 32px}
.ev-topo-grade.sem-imagem{padding-top:32px}
.ev-topo-imagem{margin-inline:-16px}
.ev-topo-imagem img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.ev-topo-imagem.com-quadrada img{aspect-ratio:1/1}
.ev-topo-texto{display:grid;gap:18px;align-content:center;min-width:0}
.ev-selos{display:flex;flex-wrap:wrap;gap:8px}
.ev-selo{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 14px;border:1px solid var(--vidro-borda);border-radius:999px;background:var(--vidro);color:var(--topo-texto);font-size:13px;font-weight:600;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ev-selo-situacao{border-color:transparent;background:var(--verde);color:var(--sobre-verde)}
.ev-selo .ponto{width:8px;height:8px;border-radius:50%;background:currentColor}
.situacao-abertas .ponto,.situacao-ultimos-dias .ponto{animation:pulso 1.8s ease-out infinite}
.ev-selo-situacao.situacao-ultimos-dias{background:#FFC565;color:#3D2600}
.ev-selo-situacao.situacao-em-breve{background:#E9D5F0;color:#3F2447}
.ev-selo-situacao.situacao-encerradas,.ev-selo-situacao.situacao-esgotado,.ev-selo-situacao.situacao-cancelado{background:#E3E7DE;color:#2F3A2A}
@keyframes pulso{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ev-topo h1{color:var(--topo-texto);font-size:clamp(30px,5.2vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.ev-info{display:grid;gap:10px}
.ev-quando,.ev-onde{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--vidro-borda);border-radius:20px;background:var(--vidro);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Conteúdo dos cartões em coluna, com a ação (agenda, como chegar) sempre alinhada ao pé do cartão */
.ev-quando>div,.ev-onde>div{display:flex;flex-direction:column;gap:2px;align-self:stretch;min-width:0}
.ev-quando .ev-acao,.ev-onde .ev-acao{margin-top:auto;padding-top:6px}
.ev-quando time{display:grid;gap:2px}
.ev-info strong{color:var(--topo-texto);font-size:16px;line-height:1.3}
.ev-info span{color:var(--topo-apoio);font-size:14px;overflow-wrap:anywhere}
.calendario{display:grid;flex:none;width:58px;overflow:hidden;border-radius:14px;background:#fff;text-align:center;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.calendario-mes{padding:3px 0 2px;background:var(--verde);color:var(--sobre-verde)!important;font-size:11px!important;font-weight:800;letter-spacing:.12em}
.calendario-dia{padding:2px 0 6px;color:#0F1A0A!important;font-family:var(--fonte-marca);font-size:26px!important;font-weight:700;line-height:1.1}
.ev-info-icone{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:14px;background:rgba(132,189,53,.18);color:var(--topo-link)}
.ev-info-icone .icone{width:26px;height:26px}
.ev-topo a{color:var(--topo-link)}
.ev-topo :focus-visible{outline-color:var(--topo-link)}
.ev-acao{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:2px;font-weight:600;font-size:14px;justify-self:start;text-decoration:none}
.ev-acao:hover{text-decoration:underline}
.ev-acao .icone{width:18px;height:18px}
.ev-por{display:flex;align-items:center;gap:12px;margin:0}
.ev-por img{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.ev-por>span{display:grid;line-height:1.25}
.ev-por small{color:var(--topo-apoio);font-size:12px}
.ev-por a,.ev-por strong{color:var(--topo-texto);font-weight:700;font-size:15px}
.avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--container);color:var(--sobre-container);font-family:var(--fonte-marca);font-size:18px;font-weight:600}
.ev-por .avatar{width:40px;height:40px;background:var(--verde);color:var(--sobre-verde)}
.avatar-grande{width:72px;height:72px;font-size:28px}

/* ---------- Grade ---------- */
.ev-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-block:20px 48px}

/* ---------- Card de inscrição ---------- */
.ev-compra{display:grid;align-content:start;overflow:hidden;border-radius:var(--cartao-raio);background:var(--superficie);box-shadow:var(--sombra-alta)}
.compra-cabeca{position:relative;display:grid;gap:6px;padding:20px 24px;color:#fff;
    background:radial-gradient(420px 200px at 100% 0%,rgba(132,189,53,.35),transparent 70%),linear-gradient(135deg,#16240C 0%,#1F3309 55%,#34531A 100%)}
.compra-preco{display:grid;margin:0}
.compra-preco span{color:var(--topo-link);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.compra-preco strong{font-family:var(--fonte-marca);font-size:40px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.compra-prazo{display:flex;gap:8px;align-items:center;margin:0;color:#E3EBD8;font-size:14px;font-weight:500}
.compra-prazo .icone{width:18px;height:18px;color:var(--topo-link)}
.compra-cabeca .compra-taxa{margin:-4px 0 0;color:#E3EBD8;font-size:14px;font-weight:500}
.compra-especiais{margin:2px 0 0;font-size:14px;font-weight:600}
.compra-cabeca .compra-especiais{color:#E3EBD8}
.compra-corpo{display:grid;gap:14px;padding:20px 20px 24px}
.compra-corpo>h2{font-size:20px;font-weight:600}
.compra-lote{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:16px;background:var(--container);color:var(--sobre-container);font-size:14px;font-weight:600}
.compra-lote .icone{margin-top:1px}
.compra-form{display:grid;gap:14px}
.opcoes{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}
.opcao{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px;border:1.5px solid var(--cartao-borda);border-radius:18px;background:var(--superficie)}
.opcao.selecionavel{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}
.opcao.selecionavel:hover{border-color:#A9BC92;box-shadow:0 6px 16px -10px rgba(31,51,9,.4);transform:translateY(-1px)}
.opcao input{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:22px;height:22px;margin:1px 0 0;border:2px solid #7C8575;border-radius:50%;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.opcao input:checked{border-color:var(--primaria);background:var(--primaria);box-shadow:inset 0 0 0 4px #fff}
.opcao input:focus-visible{outline:3px solid var(--primaria);outline-offset:3px}
.opcao:has(input:checked){border:2px solid var(--primaria);padding:13.5px 15.5px;background:#F4F9EC;box-shadow:0 0 0 4px rgba(132,189,53,.2)}
.opcao-texto{display:grid;gap:4px;min-width:0}
.opcao-nome{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;font-size:16px;line-height:1.3}
.opcao-descricao{color:var(--apoio);font-size:14px}
.opcao-obs{display:flex;gap:6px;align-items:flex-start;margin-top:4px;padding:8px 10px;border-radius:10px;background:var(--aviso-fundo,#FFF4E0);color:var(--aviso-texto,#7A4A00)}
/* Aviso da categoria: recolhido até a escolha (o leitor de tela o recebe pela descrição do botão de opção). */
@supports selector(:has(*)){.opcao.selecionavel .opcao-obs{display:none}.opcao.selecionavel:has(input:checked) .opcao-obs{display:flex}.opcao.selecionavel:has(input:checked) .selo-obs{display:none}}
.selo-obs{background:var(--aviso-fundo,#FFF4E0);color:var(--aviso-texto,#7A4A00)}
.compra-taxa{display:flex;gap:6px;align-items:center;margin:-6px 0 0;color:var(--apoio);font-size:13px}
.compra-taxa .icone{width:16px;height:16px;flex:none}
.opcoes-recolhidas .opcao:not(:has(input:checked)):nth-of-type(n+6){display:none}
.ver-categorias{justify-self:stretch;width:100%}
.ver-categorias .icone{transition:transform .15s}
.ver-categorias[aria-expanded="true"] .icone{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.ver-categorias .icone{transition:none}}
.opcao-obs .icone{width:16px;height:16px;margin-top:2px}
.opcao-preco{display:grid;justify-items:end;align-content:start;gap:2px;text-align:right}
.opcao-preco s{color:var(--apoio);font-size:13px}
.opcao-preco strong{font-family:var(--fonte-marca);font-size:20px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.opcao-nota{color:var(--apoio);font-size:12px;max-width:16ch}
.opcao-nota-taxa{max-width:none;white-space:nowrap}
.opcao-depois{color:var(--aviso-texto);font-weight:600}
.botao-grande{min-height:56px;border-radius:18px;font-size:16px;font-weight:700}
.botao-grande .icone,.barra-conteudo .botao .icone{transition:transform .15s}
.botao-grande:hover .icone,.barra-conteudo .botao:hover .icone{transform:translateX(3px)}
.compra-inativa{display:flex;align-items:center;gap:8px;justify-content:center;min-height:52px;margin:0;border-radius:18px;background:#EEF1EA;color:var(--apoio);font-weight:600}
.botao-cheio{width:100%}
.confianca{display:grid;gap:12px;margin:2px 0 0;padding:16px 0 0;border-top:1px dashed var(--cartao-borda);list-style:none}
.confianca li{display:flex;gap:12px;align-items:center}
.confianca-icone{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--container);color:var(--primaria)}
.confianca-icone .icone{width:18px;height:18px}
.confianca li>span:last-child{display:grid;color:var(--apoio);font-size:12px;line-height:1.35}
.confianca strong{color:var(--texto);font-size:13px}

/* Faixas de vagas (decisão de 26/09/2026, nunca com números). Cartão de status com a cor da faixa: ícone, título,
   frase de apoio e medidor de 4 segmentos (reforço visual; o texto é que informa). Ajuste de 05/10/2026. */
.vagas{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px 16px;border:1px solid var(--vagas-borda);border-radius:18px;background:var(--vagas-fundo);color:var(--vagas-texto);
    --vagas-fundo:var(--container);--vagas-borda:#CFE3B5;--vagas-texto:var(--sobre-container);--vagas-cor:var(--verde);--vagas-sobre-cor:var(--sobre-verde);--vagas-barra:#5E8F22;--vagas-vazio:rgba(31,51,9,.14)}
.vagas-faixa-3{--vagas-fundo:var(--aviso-fundo);--vagas-borda:#F3D9A6;--vagas-texto:var(--aviso-texto);--vagas-cor:#E09B1A;--vagas-sobre-cor:#3D2600;--vagas-barra:#B26B00;--vagas-vazio:rgba(122,74,0,.14)}
.vagas-faixa-4{--vagas-fundo:#FDECEA;--vagas-borda:#F4C7C1;--vagas-texto:var(--erro-texto);--vagas-cor:#C4452C;--vagas-sobre-cor:#FFFFFF;--vagas-barra:#C4452C;--vagas-vazio:rgba(163,33,42,.14)}
.vagas-esgotadas{--vagas-fundo:#EEF1EA;--vagas-borda:#DCE2D6;--vagas-texto:#2F3A2A;--vagas-cor:#8A9186;--vagas-sobre-cor:#FFFFFF;--vagas-barra:#7B8377;--vagas-vazio:rgba(47,58,42,.14)}
.vagas-icone{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--vagas-cor);color:var(--vagas-sobre-cor)}
.vagas-icone .icone{width:20px;height:20px}
.vagas p{display:grid;gap:2px;margin:0;min-width:0}
.vagas strong{font-size:16px;font-weight:800;line-height:1.25}
.vagas p span{font-size:13px;font-weight:500;line-height:1.35}
.vagas-medidor{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.vagas-medidor span{height:8px;border-radius:999px;background:var(--vagas-vazio)}
.vagas-medidor .cheio{background:var(--vagas-barra)}
.vagas-faixa-4 .vagas-icone{animation:vagas-alerta 1.8s ease-out infinite}
@keyframes vagas-alerta{0%{box-shadow:0 0 0 0 rgba(196,69,44,.45)}70%,100%{box-shadow:0 0 0 10px rgba(196,69,44,0)}}
/* Barra fixa do celular: lembrete curto quando as vagas estão acabando. */
.barra-conteudo .barra-vagas{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:12px;font-weight:700}
.barra-conteudo .barra-vagas .icone{width:14px;height:14px}
.barra-conteudo .barra-vagas-faixa-3{color:var(--aviso-texto)}
.barra-conteudo .barra-vagas-faixa-4{color:var(--erro-texto)}

/* ---------- Seções ---------- */
.ev-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}
.ev-secao{padding:24px 20px;border:1px solid var(--cartao-borda);border-radius:var(--cartao-raio);background:var(--superficie);box-shadow:var(--sombra-suave)}
.ev-secao>h2{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:22px;font-weight:600}
.secao-icone{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--container);background:color-mix(in srgb,var(--destaque) 12%,#fff);color:var(--destaque)}
.secao-icone .icone{width:22px;height:22px}
.secao-apoio{margin:-6px 0 14px;color:var(--apoio);font-size:14px}
.secao-nota{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;color:var(--apoio);font-size:13px}
.secao-nota .icone{width:16px;height:16px;margin-top:2px;flex:none}

.descontos{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.descontos li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#F6F9F1;font-size:15px;font-weight:600}
.descontos li>span:last-child{display:grid;gap:2px}
.descontos small{color:var(--apoio);font-size:13px;font-weight:400}
.desconto-icone{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--verde);color:var(--sobre-verde)}
.desconto-icone .icone{width:18px;height:18px}

.ev-descricao{margin:0 0 16px;color:var(--texto);font-size:19px;font-weight:500;line-height:1.55}
.conteudo-rico{max-width:72ch;color:#26332A;font-size:16.5px;line-height:1.7;overflow-wrap:anywhere}
.conteudo-rico>:first-child{margin-top:0}
.conteudo-rico h1,.conteudo-rico h2,.conteudo-rico h3{margin:1.4em 0 .5em;font-size:20px}
.conteudo-rico img{border-radius:16px}
.conteudo-rico table{display:block;overflow-x:auto}
.conteudo-rico.recolhido{max-height:380px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.ler-mais{margin-top:12px;font-weight:700}
.ler-mais .icone{transition:transform .15s}
.ler-mais[aria-expanded="true"] .icone{transform:rotate(180deg)}

/* Produto em card horizontal (foto à esquerda): um produto só, o caso comum, não deixa espaço vazio */
.produtos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none}
.produto{display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid var(--cartao-borda);border-radius:22px;background:var(--superficie)}
.produto-foto{position:relative;display:grid;place-items:center;align-self:stretch;min-height:112px;background:var(--container);color:var(--primaria)}
.produto-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.produto-foto>.icone{width:56px;height:56px}
.produto-tag{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:#fff;color:var(--texto);font-size:12px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.produto-tag.incluso{background:var(--verde);color:var(--sobre-verde)}
a.produto-foto{cursor:zoom-in}
a.produto-foto img{transition:transform .25s}
a.produto-foto:hover img{transform:scale(1.04)}
a.produto-foto:focus-visible{outline:3px solid var(--primaria);outline-offset:-3px}
.produto-ampliar{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(15,26,10,.72);color:#fff;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.produto-ampliar .icone{width:16px;height:16px}
.produto-comprar{justify-self:start;margin-top:6px}


.produto-info{display:grid;align-content:start;gap:6px;padding:14px 16px 16px}
.produto h3{font-family:var(--fonte);font-size:16px;font-weight:700;line-height:1.3}
.produto-preco{margin:0;color:var(--primaria);font-family:var(--fonte-marca);font-size:20px;font-weight:600}
.produto-detalhes,.produto-como{margin:0;color:var(--apoio);font-size:14px}
.produto-rotulo{margin:4px 0 0;font-size:13px;font-weight:700}
.produto-opcoes{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.produto-opcoes li{display:grid;place-items:center;min-width:38px;min-height:32px;padding:0 8px;border:1px solid #CBD3C2;border-radius:10px;font-size:13px;font-weight:700}

.documentos{display:grid;gap:10px}
.documento{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--cartao-borda);border-radius:18px;background:#FAFBF8;color:var(--texto);text-decoration:none;transition:border-color .15s,background-color .15s}
a.documento:hover,.termos summary:hover{border-color:#A9BC92;background:#F4F9EC}
.documento>span:nth-child(2){display:grid;flex:1;min-width:0}
.documento small{color:var(--apoio);font-size:13px}
.documento>.icone{color:var(--apoio)}
.documento-icone{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--container);color:var(--primaria)}
details.documento{display:block;padding:0}
.termos summary{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;cursor:pointer;list-style:none}
.termos summary::-webkit-details-marker{display:none}
.termos summary>span:nth-child(2){display:grid;flex:1;min-width:0}
.termos summary>.icone{color:var(--apoio);transition:transform .15s}
.termos[open] summary>.icone{transform:rotate(180deg)}
.termos .conteudo-rico{padding:4px 16px 18px;font-size:14px}


/* Organizador: faixa compacta (ícone, nome, resumo e ações), fundo liso (06/10/2026: sem faixa lateral nem degradê) */
.ev-organizador{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;padding:18px 20px;overflow:hidden;border:1px solid var(--cartao-borda);border-radius:var(--cartao-raio);box-shadow:var(--sombra-suave);background:var(--superficie)}
.ev-organizador-avatar{width:64px;height:64px;flex:none;border-radius:50%;object-fit:contain;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px -4px rgba(15,26,10,.35)}
span.ev-organizador-avatar{font-size:24px}
.ev-organizador-texto{display:grid;gap:4px;min-width:0}
.ev-organizador h2{display:grid;font-size:20px;font-weight:600;line-height:1.2}
.ev-organizador h2 small{color:var(--apoio);font-family:var(--fonte);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ev-organizador-texto p{margin:0;color:var(--apoio);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-organizador-acoes{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ev-organizador-acoes .botao .icone{width:18px;height:18px}
.rede{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cartao-borda);border-radius:50%;background:#fff;color:var(--destaque);transition:background-color .15s,border-color .15s}
.rede:hover{border-color:var(--destaque);background:color-mix(in srgb,var(--destaque) 8%,#fff)}
.rede .icone{width:20px;height:20px}


.contatos{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.contato{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--cartao-borda);border-radius:18px}
.contato-nome{display:grid;flex:1;min-width:0;line-height:1.3}
.contato-nome small{color:var(--apoio);font-size:13px}
.botao-whatsapp{background:#E1F6E7;color:#0B5A29}
.botao-whatsapp:hover{background:#CDEFD8}

.ev-convite{position:relative;display:grid;gap:16px;padding:28px 24px;overflow:hidden;border-radius:var(--cartao-raio);color:#fff;
    background:radial-gradient(420px 220px at 100% 0%,rgba(132,189,53,.35),transparent 70%),radial-gradient(360px 200px at 0% 100%,rgba(164,53,189,.22),transparent 70%),linear-gradient(135deg,#0F1A0A,#1F3309 60%,#2E4A12)}
.ev-convite h2{color:#fff;font-size:28px;font-weight:700}
.ev-convite p{margin:4px 0 0;color:var(--topo-apoio)}
.compartilhar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.botao-claro{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.32);color:#fff}
.botao-claro:hover{background:rgba(255,255,255,.18)}
.ev-convite :focus-visible{outline-color:var(--topo-link)}
.copiado{color:var(--topo-link);font-weight:600;font-size:14px}

/* Barra fixa de inscrição (celular): envia o mesmo formulário da escolha da categoria */
.barra-inscricao{position:fixed;left:0;right:0;bottom:0;z-index:9;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--cartao-borda);box-shadow:0 -8px 24px -12px rgba(15,26,10,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.barra-conteudo{display:flex;align-items:center;justify-content:space-between;gap:12px}
.barra-conteudo p{display:grid;margin:0;line-height:1.15}
.barra-conteudo span{color:var(--apoio);font-size:12px}
.barra-conteudo strong{font-family:var(--fonte-marca);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.barra-conteudo .botao{flex:none;min-width:160px;min-height:52px;border-radius:16px;font-weight:700}
.com-barra .rodape{padding-bottom:104px}

@media (min-width:600px){
    .ev-topo-imagem{margin-inline:0;padding-top:28px}
    .ev-topo-imagem img{max-width:480px;margin-inline:auto;border-radius:24px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14)}
    .ev-info{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ev-secao{padding:28px}
    .ev-organizador{grid-template-columns:auto minmax(0,1fr) auto;padding:20px 24px}
    .ev-organizador-acoes{grid-column:auto;justify-content:flex-end}
    .produto{grid-template-columns:200px minmax(0,1fr)}
    .produto-foto{min-height:200px}
    .produto-tag{top:12px;left:12px;padding:4px 10px}
    .produto-info{padding:18px 22px 20px}
    .ev-convite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:32px}
    .ev-convite>div:first-child{flex:1 1 240px}
}
@media (min-width:960px){
    .ev-topo-grade{grid-template-columns:minmax(0,1fr) minmax(0,540px);grid-template-areas:"texto imagem";gap:48px;padding-block:40px 48px}
    .ev-topo-imagem{grid-area:imagem;align-self:center;padding-top:0}
    .ev-topo-imagem img,.ev-topo-imagem.com-quadrada img{max-width:none;aspect-ratio:1200/630}
    .ev-topo-texto{grid-area:texto}
    .ev-grade{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"corpo compra";gap:24px 32px;padding-block:32px 64px}
    .ev-compra{grid-area:compra;align-self:start;position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto}
    .compra-cabeca{padding:16px 22px}
    .compra-preco strong{font-size:34px}
    .compra-corpo{gap:12px;padding:18px 20px 20px}
    .opcao{padding:13px 14px}
    .opcao:has(input:checked){padding:12.5px 13.5px}
    .ev-corpo{grid-area:corpo}
    .ev-secao{padding:32px}
    .ev-secao>h2{font-size:24px}
    .barra-inscricao{display:none}
    .com-barra .rodape{padding-bottom:24px}
}
@media (prefers-reduced-motion:reduce){
    .rede{transition:none}
    a.produto-foto img{transition:none}
    a.produto-foto:hover img{transform:none}
    .situacao-abertas .ponto,.situacao-ultimos-dias .ponto,.vagas-faixa-4 .vagas-icone{animation:none}
    .opcao.selecionavel,.opcao input,.ler-mais .icone,.botao-grande .icone,.barra-conteudo .botao .icone,.documento,.termos summary>.icone{transition:none}
    .opcao.selecionavel:hover{transform:none}
}
@media (forced-colors:active){
    .ev-secao,.ev-compra,.opcao,.documento,.contato,.produto,.ev-organizador{border:1px solid CanvasText}
    .opcao:has(input:checked){border:3px solid Highlight}
    .opcao input{-webkit-appearance:auto;appearance:auto}
    .ev-topo-fundo,.ev-topo::before{display:none}
    .vagas{border:1px solid CanvasText}
    .vagas-medidor span{border:1px solid CanvasText;background:Canvas}
    .vagas-medidor .cheio{background:CanvasText}
}

/* ---------- Teste: identidade do organizador em destaque (?tema=organizador) ----------
   Só com a cor do organizador validada (4,5:1 sobre branco, então texto branco sobre ela também passa).
   Topo tingido com a cor, botões de inscrição, seleção de categoria e links na cor do organizador. */
.tema-organizador{
    --topo-fundo:color-mix(in srgb,var(--destaque) 38%,#07090A);
    --topo-link:color-mix(in srgb,var(--destaque) 35%,#FFFFFF);
}
/* Cabeçalho e rodapé continuam da plataforma: os tons só mudam dentro do conteúdo do evento. */
.tema-organizador main{--primaria:var(--destaque);--container:color-mix(in srgb,var(--destaque) 12%,#FFFFFF);--sobre-container:color-mix(in srgb,var(--destaque) 70%,#000000);--verde:var(--destaque);--sobre-verde:#FFFFFF}
.tema-organizador .compra-cabeca,.tema-organizador .ev-convite{background:radial-gradient(420px 200px at 100% 0%,color-mix(in srgb,var(--destaque) 45%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--destaque) 30%,#07090A) 0%,color-mix(in srgb,var(--destaque) 55%,#07090A) 100%)}
.tema-organizador .ev-topo::before{
    background:radial-gradient(700px 360px at 8% 0%,color-mix(in srgb,var(--destaque) 45%,transparent),transparent 70%),
        radial-gradient(500px 300px at 100% 100%,color-mix(in srgb,var(--destaque) 25%,transparent),transparent 70%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 16px),
        linear-gradient(180deg,rgba(7,9,10,.35),rgba(7,9,10,.8))}
.tema-organizador .botao-principal{background:var(--destaque);color:#FFFFFF}
.tema-organizador .botao-principal:hover{background:color-mix(in srgb,var(--destaque) 85%,#000000)}
.tema-organizador .opcao:has(input:checked){border-color:var(--destaque);background:color-mix(in srgb,var(--destaque) 8%,#FFFFFF);box-shadow:0 0 0 4px color-mix(in srgb,var(--destaque) 22%,transparent)}
.tema-organizador .opcao input{accent-color:var(--destaque)}
/* Teste: rodapé prata escuro (grafite metálico, neutro para qualquer cor de organizador) com a logo e o texto brancos;
   a faixa de confiança um tom mais escuro, com um toque da cor do organizador. */
.tema-organizador .rodape{background:linear-gradient(180deg,#5A636D 0%,#434B54 100%);color:#E6EAEE}
.tema-organizador .rodape-confianca{background:color-mix(in srgb,var(--destaque) 18%,#353C44);border-bottom-color:rgba(255,255,255,.14)}
.tema-organizador .rodape-confianca-lista .icone{background:color-mix(in srgb,var(--destaque) 55%,#353C44);color:#FFFFFF}
.tema-organizador .rodape-confianca-lista strong,.tema-organizador .rodape-titulo{color:#FFFFFF}
.tema-organizador .rodape-marca p,.tema-organizador .rodape-grade ul a{color:#E1E6EB}
.tema-organizador .rodape-grade ul a .icone{color:#FFFFFF}
.tema-organizador .rodape a:hover{color:#FFFFFF}
.tema-organizador .rodape a:focus-visible{outline-color:#FFFFFF}
.tema-organizador .rodape-legal{border-top-color:rgba(255,255,255,.16);color:#CDD4DB}
.tema-organizador.pagina-evento{background:#F3F4F6}
/* Celular estreito: a nota da taxa pode quebrar para não espremer o nome da categoria. */
@media (max-width:400px){.opcao-nota-taxa{white-space:normal;max-width:15ch;text-align:right}}
/* Avisos e resultados: botão do post (texto do organizador) e ações do post aberto. */
.documento-botao{display:inline-block;margin-top:4px;color:var(--primaria,#44691A);font-size:13px;font-weight:700}
.documento-acoes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.conteudo-rico img{max-width:100%;height:auto;border-radius:12px}