/* Artes Niterói: seção /artes/. Usa as cores e fontes do portal; o salmão é o detalhe da seção. */
:root { --ar-salmao: #F2A07A; --ar-salmao-claro: #FCEBDF; }
.ar-topo { background: var(--ar-salmao-claro); border-bottom: 1px solid var(--linha); padding: 36px 0 30px; }
.ar-logo { width: min(320px, 80%); height: auto; margin: 0 0 18px; }
.ar-topo h1 { max-width: 20ch; margin-bottom: .4em; }
.ar-lead { max-width: 60ch; font-size: 1.08rem; color: var(--suave); margin-bottom: 18px; }
.ar-topo .chips a { background: #fff; }
.ar-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.ar-filtros[hidden] { display: none; }
.ar-chip { font: inherit; font-size: .92rem; font-weight: 500; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--linha-forte); background: var(--superficie); color: var(--texto); cursor: pointer; }
.ar-chip[aria-pressed="true"] { background: var(--destaque-escuro); border-color: var(--destaque-escuro); color: #fff; }
.ar-chip:focus-visible { outline: 3px solid var(--destaque); outline-offset: 2px; }
.ar-grade { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.ar-card[hidden] { display: none; }
.ar-card { background: var(--superficie); border: 1px solid var(--linha); border-radius: 14px; overflow: hidden; min-width: 0; }
.ar-card-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.ar-card-img { aspect-ratio: 4 / 3; background: var(--ar-salmao-claro); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ar-card-img img { width: 100%; height: 100%; object-fit: cover; }
.ar-card-img .ar-logo-card { width: 60%; height: 60%; object-fit: contain; }
.ar-card-info { padding: 14px 16px 16px; }
.ar-card-info h3 { margin: 0 0 4px; font-size: 1.15rem; }
.ar-meta { font-size: .85rem; color: var(--suave); margin: 0 0 8px; }
.ar-card-info p { margin: 0 0 6px; }
.ar-card-link:hover h3 { color: var(--destaque); text-decoration: underline; }
.ar-card-link:focus-visible { outline: 3px solid var(--destaque); outline-offset: -3px; }
.ar-nota { color: var(--suave); }
.ar-convite { background: var(--ar-salmao-claro); border-top: 1px solid var(--linha); margin-top: 28px; padding: 34px 0; }
.ar-convite-dentro { display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ar-convite h2 { font-size: clamp(1.4rem, 4vw, 1.9rem); margin-bottom: .3em; }
.ar-convite p { max-width: 56ch; margin: 0; }
@media (prefers-reduced-motion: no-preference) { .ar-card { transition: transform .2s; } .ar-card:hover { transform: translateY(-3px); } }