/* Página de eventos: usa ../estilo.css e acrescenta só o que é dela. */
.eventos{padding:clamp(120px,14vw,170px) 0 clamp(80px,10vw,120px);min-height:70vh}
.eventos-titulo{font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.025em;max-width:18ch}
.eventos-busca{margin-top:clamp(28px,4vw,44px);max-width:560px}
.eventos-busca label{display:block;font-weight:600;font-size:.95rem;margin-bottom:8px}
.eventos-campo{position:relative}
.eventos-campo svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--creme-2);pointer-events:none}
.eventos-campo input{width:100%;min-height:52px;padding:0 18px 0 46px;border-radius:999px;border:1px solid var(--linha-forte);background:color-mix(in srgb,var(--creme) 5%,var(--carvao));font-size:1rem;color-scheme:dark}
.eventos-campo input::placeholder{color:var(--creme-2)}
.eventos-campo input:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-brilho)}
.eventos-contagem{margin-top:10px;font-size:.88rem;color:var(--creme-2)}
.eventos-lista{list-style:none;margin-top:34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.evento{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid var(--azul-borda);box-shadow:0 16px 40px -24px var(--azul);transition:border-color .3s,box-shadow .3s}
.evento:hover{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul),0 0 34px -8px var(--azul)}
.evento[hidden]{display:none}
.evento-capa{position:relative;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--creme) 5%,var(--carvao))}
.evento-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evento-selo{position:absolute;z-index:1;top:12px;left:12px;padding:5px 12px;border-radius:999px;font-weight:600;font-size:.85rem;background:color-mix(in srgb,var(--carvao) 70%,transparent);border:1px solid var(--linha-forte);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.evento-selo.gratis{background:var(--azul);border-color:var(--azul)}
.evento-corpo{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1}
.evento-nome{font-size:1.35rem;line-height:1.1;letter-spacing:-.02em}
.evento-quando{color:var(--creme-2);font-size:.95rem}
.evento-qtd{font-size:.92rem}
.evento-botao{margin-top:auto;align-self:flex-start;transform-origin:left}
.evento-corpo .evento-botao{margin-top:14px}
.eventos-vazio{margin-top:34px;padding:28px;border:1px dashed var(--linha-forte);border-radius:20px;color:var(--creme-2);max-width:560px}
.eventos-busca[hidden]+.eventos-rosto+.eventos-lista+.eventos-vazio{margin-top:40px}
.pagina-eventos .rodape{padding:30px 0 40px}
.pagina-eventos .rodape-base{margin-top:0;border-top:0;padding-top:0}
.capsula-voltar{min-height:42px;padding:0 18px}
@media (max-width:760px){
  .capsula-voltar{padding:0 14px}
  .eventos-lista{grid-template-columns:1fr}
}