/* =========================================================
   8P Gestão & Negócios — Aba Notícias
   Reaproveita os tokens de assets/css/style.css
   ========================================================= */

.news-hero{
  padding: 150px 0 70px;
  text-align:center;
  background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(185,169,100,.14), transparent 60%), var(--bg);
}
.news-hero h1{ font-size: clamp(1.9rem, 4vw, 3rem); max-width: 820px; margin: 10px auto 18px; text-transform:none; letter-spacing:0; }
.news-hero h1 em{ font-style:normal; color: var(--gold); }
.news-hero .lead{ max-width: 620px; margin: 0 auto 34px; }
.news-search{ max-width: 560px; margin: 0 auto; }
.news-search input{
  width:100%; padding:16px 20px; border-radius: 999px; font-size:.95rem;
  background: var(--card); border:1px solid var(--card-border); color: var(--white);
}
.news-search input:focus{ outline:none; border-color: var(--gold); }

.news-categories{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.news-cat{
  font-family: var(--sans); font-size:.82rem; padding:10px 18px; border-radius:999px;
  background: var(--card); border:1px solid var(--card-border); color: var(--gray); cursor:pointer;
  transition: all .2s ease;
}
.news-cat:hover{ border-color: var(--gold); color: var(--white); }
.news-cat.active{ background: var(--gold); border-color: var(--gold); color:#151004; font-weight:500; }

.news-grid, .news-featured-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.news-featured-grid{ grid-template-columns: 1.3fr 1fr 1fr; }

.news-card{
  display:block; background: var(--card); border:1px solid var(--card-border); border-radius: var(--radius);
  padding: 26px; transition: transform .2s ease, border-color .2s ease;
}
.news-card:hover{ transform: translateY(-4px); border-color: rgba(185,169,100,.4); }
.news-card-img{ margin: -26px -26px 18px; border-radius: var(--radius) var(--radius) 0 0; overflow:hidden; aspect-ratio: 16/9; }
.news-card-img img{ width:100%; height:100%; object-fit:cover; }
.news-card-cat{ display:inline-block; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color: var(--gold); border:1px solid rgba(185,169,100,.35); padding:4px 10px; border-radius:999px; margin-bottom:14px; }
.news-card h3{ color: var(--white); font-family: Arial, Helvetica, sans-serif; font-size:1.15rem; margin-bottom:10px; }
.news-card p{ font-size:.88rem; margin-bottom:14px; }
.news-card-link{ color: var(--gold); font-size:.85rem; font-weight:500; }
.news-card-date{ color: var(--gray-dim); font-size:.78rem; }
.news-empty{ text-align:center; color: var(--gray-dim); margin-top:20px; }

.news-guides-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.news-guide-card{ background: var(--card); border:1px solid var(--card-border); border-radius: var(--radius); padding: 28px; text-align:center; }
.news-guide-card h4{ color: var(--white); font-family: Arial, Helvetica, sans-serif; font-size:1.1rem; margin-bottom:10px; }
.news-guide-card p{ font-size:.86rem; margin-bottom:20px; }

.news-newsletter{ max-width: 720px; margin: 0 auto; text-align:center; }
.news-newsletter-head p{ margin-bottom: 26px; }
.news-newsletter-form{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.news-newsletter-form input[type="email"]{
  flex:1; min-width:240px; padding:14px 18px; border-radius: 10px; font-size:.92rem;
  background:#0a0a0a; border:1px solid var(--card-border); color: var(--white);
}
.news-newsletter-form input[type="email"]:focus{ outline:none; border-color: var(--gold); }
.news-honeypot{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

.post-single{ padding-top: 150px; }
.post-single-inner{ max-width: 760px; }
.post-back{ display:inline-block; color: var(--gold); font-size:.85rem; margin-bottom: 24px; }
.post-category{ display:inline-block; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color: var(--gold); border:1px solid rgba(185,169,100,.35); padding:5px 14px; border-radius:999px; margin-bottom:18px; }
.post-title{ font-family: Arial, Helvetica, sans-serif; font-size: clamp(1.8rem, 3.6vw, 2.6rem); color: var(--white); margin-bottom: 14px; }
.post-meta{ color: var(--gray-dim); font-size:.85rem; margin-bottom: 30px; }
.post-cover{ border-radius: var(--radius); overflow:hidden; margin-bottom: 34px; }
.post-body{ color: var(--gray); font-family: Arial, Helvetica, sans-serif; font-size:1.2rem; line-height:1.75; }
.post-body h2{ color: var(--white); font-size:1.6rem; margin-top:1.6em; }
.post-body h3{ color: var(--white); font-size:1.3rem; margin-top:1.4em; }
.post-body a{ color: var(--gold); text-decoration: underline; }
.post-body img{ border-radius: var(--radius); margin: 1.2em 0; }
.post-body strong, .post-body b{ color: var(--white); font-weight: 700; }
.post-single .btn{ margin-top: 30px; }

@media (max-width: 980px){
  .news-featured-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px){
  .news-grid, .news-featured-grid, .news-guides-grid{ grid-template-columns: 1fr; }
  .news-hero{ padding-top: 120px; }
}

/* ---------- Carrossel de notícias na home ---------- */
.news-home-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:34px; }
.news-home-head .section-title{ margin-bottom:0; }
.news-home-controls{ display:flex; gap:10px; }
.news-arrow{
  width:44px; height:44px; border-radius:50%; cursor:pointer; font-size:1.1rem;
  background: var(--card); border:1px solid var(--card-border); color: var(--gold);
  transition: all .2s ease;
}
.news-arrow:hover{ border-color: var(--gold); background: rgba(185,169,100,.1); }
.news-carousel{
  display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; padding-bottom:6px; scrollbar-width:none;
}
.news-carousel::-webkit-scrollbar{ display:none; }
.news-slide{ flex:0 0 calc((100% - 48px) / 3); scroll-snap-align:start; min-width:280px; }
.news-slide p{ color: var(--gray); }
@media (max-width: 760px){
  .news-slide{ flex-basis:85%; }
  .news-home-controls{ display:none; }
}
