/* ═══════════════════════════════════════════════
   HERO — ARTIGOS
══════════════════════════════════════════════ */
.art-hero{
  background:var(--espresso);
  padding-top:var(--nav-h);
  min-height:480px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:0;
  overflow:hidden;
}
.art-hero-left{
  padding:72px 56px 72px calc((100vw - var(--hero-content-w))/2 + 40px);
  display:flex;flex-direction:column;justify-content:center;
}
.art-hero-label{
  font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--caramelo);margin-bottom:14px;
}
.art-hero-title{
  font-family:var(--font-serif);font-size:clamp(48px,5vw,72px);font-weight:300;
  color:var(--white);line-height:1;margin-bottom:18px;
}
.art-hero-line{
  width:52px;height:1px;background:rgba(255,255,255,.4);margin-bottom:22px;
}
.art-hero-desc{
  font-family:var(--font-sans);font-size:13px;font-weight:400;
  color:rgba(255,255,255,.72);line-height:1.85;max-width:360px;
}
.art-hero-right{
  padding:48px calc((100vw - var(--hero-content-w))/2 + 40px) 48px 40px;
  display:flex;gap:8px;align-items:stretch;justify-content:flex-end;
  height:100%;
}
/* Sanfona / accordion cards */
.art-hero-img{
  flex:1;
  min-width:0;
  border-radius:var(--radius-md);
  overflow:hidden;
  position:relative;
  transition:flex .55s cubic-bezier(.4,0,.2,1);
  cursor:pointer;
}
.art-hero-right:hover .art-hero-img{
  flex:.35;
}
.art-hero-right .art-hero-img:hover{
  flex:3;
}
.art-hero-img img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.65) saturate(.85);
  transition:filter .55s ease,transform .55s ease;
}
.art-hero-img:hover img{
  filter:brightness(.5) saturate(.9);
}
/* Overlay com título e botão */
.art-hero-img-info{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:20px 18px;
  background:linear-gradient(to top, rgba(20,8,2,.92) 0%, transparent 100%);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .4s ease .1s, transform .4s ease .1s;
  display:flex;flex-direction:column;gap:10px;
}
.art-hero-img:hover .art-hero-img-info{
  opacity:1;
  transform:translateY(0);
}
.art-hero-img-title{
  font-family:var(--font-serif);font-size:15px;font-weight:400;
  color:var(--white);line-height:1.3;
  white-space:normal;
}
.art-hero-img-btn{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--white);color:var(--espresso);
  font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.06em;
  padding:7px 14px;border-radius:var(--radius-full);
  width:fit-content;
  transition:background .2s;
}
.art-hero-img-btn:hover{background:var(--areia)}

/* ═══════════════════════════════════════════════
   FILTROS
══════════════════════════════════════════════ */
.art-filters{
  background:var(--white);
  border-bottom:1px solid var(--areia);
  padding:28px 0;
  position:sticky;top:0;z-index:100;
}
.art-filters-inner{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.filter-group{display:flex;flex-direction:column;gap:4px}
.filter-label{
  font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-light);
}
.filter-select{
  appearance:none;-webkit-appearance:none;
  font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--text-dark);
  background:var(--off-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A08468' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
  border:1px solid var(--areia);border-radius:var(--radius-sm);
  padding:9px 36px 9px 14px;cursor:pointer;outline:none;
  transition:border-color .2s;min-width:170px;
}
.filter-select:focus{border-color:var(--terracota)}
.filter-divider{width:1px;height:36px;background:var(--areia);margin:0 8px;flex-shrink:0}
.filter-cats{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.cat-btn{
  font-family:var(--font-sans);font-size:12px;font-weight:500;
  padding:8px 18px;border-radius:var(--radius-full);
  border:1px solid var(--areia);background:transparent;color:var(--text-mid);
  cursor:pointer;transition:all .2s;
}
.cat-btn:hover{border-color:var(--terracota);color:var(--terracota)}
.cat-btn.active{
  background:var(--terracota);color:var(--white);border-color:var(--terracota);
}

/* ═══════════════════════════════════════════════
   GRID DE ARTIGOS
══════════════════════════════════════════════ */
.art-section{padding:64px 0 96px}
.art-count{
  font-size:12px;font-weight:400;color:var(--text-light);
  margin-bottom:36px;letter-spacing:.02em;
}
.art-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.art-card{
  background:var(--white);border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:box-shadow .3s ease,transform .3s ease;
  cursor:pointer;
  display:flex;flex-direction:column;
}
.art-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.art-card-img{
  width:100%;aspect-ratio:4/3;overflow:hidden;flex-shrink:0;
}
.art-card-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;filter:saturate(.9);
}
.art-card:hover .art-card-img img{transform:scale(1.05)}
.art-card-body{
  padding:20px 20px 22px;
  display:flex;flex-direction:column;flex:1;
}
.art-card-tag{
  font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--terracota);margin-bottom:10px;
}
.art-card-title{
  font-family:var(--font-serif);font-size:18px;font-weight:400;
  color:var(--espresso);line-height:1.3;margin-bottom:10px;
}
.art-card-meta{
  display:flex;align-items:center;gap:14px;
  font-size:10px;color:var(--text-light);letter-spacing:.03em;
  margin-bottom:12px;
}
.art-card-meta span{display:flex;align-items:center;gap:4px}
.art-card-meta svg{opacity:.7}
.art-card-desc{
  font-size:12px;font-weight:400;color:var(--text-mid);
  line-height:1.75;flex:1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.art-card-footer{margin-top:18px}
.btn-saiba{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--terracota);color:var(--white);
  font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;
  padding:9px 18px;border-radius:var(--radius-full);
  transition:background .2s,transform .2s;
}
.btn-saiba:hover{background:var(--mogno);transform:translateY(-1px)}
.btn-saiba svg{transition:transform .2s}
.btn-saiba:hover svg{transform:translateX(3px)}

/* Paginação */
.art-pagination{
  display:flex;justify-content:center;align-items:center;
  gap:8px;margin-top:56px;
}
.page-btn{
  width:36px;height:36px;border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:500;color:var(--text-mid);
  border:1px solid var(--areia);background:var(--white);
  cursor:pointer;transition:all .2s;
}
.page-btn:hover,.page-btn.active{background:var(--terracota);color:var(--white);border-color:var(--terracota)}

/* Sem resultados */

/* ═══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media(max-width:1100px){
  .wrap{padding:0 32px}
  .nav-inner{padding:0 30px}
  .art-hero-left{padding:64px 40px 64px 32px}
  .art-hero-right{padding:48px 32px 48px 32px}
  .art-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:900px){
  .art-hero{grid-template-columns:1fr;min-height:auto}
  .art-hero-left{padding:48px 32px 36px}
  .art-hero-right{padding:0 32px 48px;height:260px}
  .art-hero-img{max-width:none}
  .art-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter-inner{grid-template-columns:1fr;gap:30px}
  .nl-form{width:100%}
  .art-filters-inner{gap:14px}
}
@media(max-width:767px){
  .social-float{display:none}
  :root{--nav-h:92px}
  .wrap,.nav-inner{padding:0 20px}
  .nav-links,.nav-cta{display:none}
  .nav-inner > nav{display:none}
  .logo-default{width:215px !important}
  .nav-burger{display:flex !important;margin-left:auto;padding:8px 4px 8px 12px}
  .art-hero{grid-template-columns:1fr}
  .art-hero-left{padding:36px 20px 28px}
  .art-hero-title{font-size:42px}
  .art-hero-right{padding:0 20px 40px;height:200px;gap:8px}
  .art-filters{position:static}
  .art-filters-inner{flex-direction:column;align-items:flex-start;gap:14px}
  .filter-cats{margin-left:0}
  .art-grid{grid-template-columns:1fr;gap:18px}
  .art-section{padding:40px 0 64px}
  /* Footer */
  
  .footer-grid{
    grid-template-columns:1fr;
    gap:0;border-bottom:none;padding-bottom:0;
  }
  .footer-grid > div{text-align:center;padding:20px 0;border-top:1px solid var(--areia)}
  .footer-grid > div:first-child{border-top:none;padding-top:8px;padding-bottom:22px}
  .footer-tagline{max-width:260px;margin:0 auto;font-size:12px;line-height:1.45}
  .footer-col h5{margin-bottom:12px}
  .footer-col a{margin-bottom:10px;font-size:14px}
  .footer-contact-item{justify-content:center;font-size:14px;margin-bottom:8px}
  .footer-contact-icon{display:none}
  .footer-bottom{border-top:1px solid var(--areia);flex-direction:column;gap:10px;text-align:center;padding:16px 0 22px}
  section{overflow:hidden}
}