/* =========================================================
   CriAromas — estilos da página de Eventos
   Depende de tokens.css, site.css e projetos.css (capa e cards)
   ========================================================= */

/* ---------- tipos de evento ---------- */
.ev-tipos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto;
   padding:0 clamp(1.25rem,4vw,3rem)}
.ev-tipos div{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;
   padding:2.4rem 1rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.ev-tipos div:nth-child(3n){border-right:none}
.ev-tipos div:nth-last-child(-n+3){border-bottom:none}
.ev-tipos span{font-family:var(--font-interface);font-size:.9rem;color:var(--color-text-soft)}
.ev-tipos .ico{width:52px;height:52px;color:var(--color-brand);stroke-width:1.35;
   transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.ev-tipos div:hover .ico{transform:translateY(-4px) scale(1.06)}

/* ---------- lembrança ---------- */
.lembranca{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;
   max-width:var(--container);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.lembranca h2{font-size:var(--text-display);margin-top:.9rem}
.lembranca p{margin-top:1.2rem;color:var(--color-text-soft);max-width:44ch}
.lembranca .btn{margin-top:1.8rem}
.lembranca img{width:100%;max-width:440px;aspect-ratio:5/6;object-fit:cover;
   border-radius:var(--radius-md);justify-self:end}
@media(max-width:860px){.lembranca{grid-template-columns:1fr}
  .lembranca img{justify-self:center;max-width:340px}}

/* ---------- eventos realizados ---------- */
.ev-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;
   max-width:var(--container);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.ev-card{margin:0;background:var(--color-background);border-radius:var(--radius-md);overflow:hidden}
.ev-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ev-card figcaption{padding:1.5rem 1.6rem 1.9rem}
.ev-card h3{font-size:1.25rem;margin-top:.5rem}
.ev-card p{margin-top:.5rem;font-size:.95rem;line-height:1.6;color:var(--color-text-soft)}

@media(max-width:860px){
  .ev-tipos{grid-template-columns:repeat(2,1fr)}
  .ev-tipos div:nth-child(3n){border-right:1px solid var(--color-border)}
  .ev-tipos div:nth-child(2n){border-right:none}
  .ev-grade{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ev-tipos .ico,.etapa-ev .bolha{transition:none}
}