/* =========================
   style.css (COMPLETO)
   ========================= */
:root{
  --orange:#ff6a00;
  --orange2:#e85f00;
  --blueDark:#2a3e69;
  --text:#0b1220;
  --muted:#667085;
  --page:#f6f7f9;
  --bg:#ffffff;
  --line:#e7edf3;
  --radius:12px;
  --radiusImg:8px;
  --shadow:0 10px 26px rgba(2,6,23,.08);
  --heroH:460px;
}
*{ box-sizing:border-box; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--page);
  color: var(--text);
  margin:0;
  font-size:15px;
}
.an-wrap{ max-width:1200px; }
.an-dot{ opacity:.45; }

/* TOPBAR */
.an-topbar{
  background: var(--blueDark);
  color: rgba(255,255,255,.88);
  font-size:12px;
}
.an-topbar .container{ padding:8px 0; }

.an-toplink{
  color: rgba(255,255,255,.86);
  text-decoration:none;
  font-weight:700;
}
.an-toplink:hover{ color:#fff; }

.an-weather{
  display:flex; align-items:center; gap:8px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
}
.an-weather-temp{ font-weight:800; color:#fff; }
.an-weather-city{ opacity:.75; }

.an-social{ display:flex; align-items:center; gap:8px; }
.an-social-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.88);
  text-decoration:none;
}


.an-social-link{
  border-color: rgba(255,255,255,.28);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}


.an-ico{
  width:15px;
  height:15px;
  display:block;              /* evita “baseline” torto */
}



/* HEADER */
.an-header{ background: var(--bg); }
.an-headgrid{
  display:grid;
  grid-template-columns: 230px 1fr 130px;
  gap:18px;
  align-items:center;
  padding:14px 0 10px;
}
.an-logoimg img{ width:200px; height:auto; display:block; }

.an-mid{ display:flex; align-items:center; gap:16px; justify-content:space-between; }

.an-search{ flex:1; }
.an-searchwrap{ position:relative; width:100%; height:44px; }
.an-search-input{
  width:100%; height:44px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 48px 0 14px;
  outline:none;
  font-weight:600;
  font-size:14px;
  background:#fff;
}
.an-search-input:focus{
  border-color: rgba(255,106,0,.55);
  box-shadow: 0 0 0 4px rgba(255,106,0,.10);
}
.an-search-iconbtn{
  position:absolute; top:4px; right:4px;
  width:36px; height:36px;
  border:none;
  border-radius:10px;
  background: var(--orange);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.an-search-iconbtn svg{ width:18px; height:18px; }
.an-search-iconbtn:hover{ background: var(--orange2); }

/* MOEDAS (sem sublinhado laranja / apenas pipes cinza) */
.an-ratesline{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  font-size:12px;
  color: var(--muted);
  padding-bottom:0;
  border-bottom:none;
  margin-left: 3%;
}
.an-rateitem strong{ color: var(--text); font-weight:700; margin-right:6px; }
.an-ratepipe{
  color:#cbd5e1;
  font-weight:700;
  line-height:1;
  margin:0 2px;
}

/* CTA */
.an-cta{ display:flex; justify-content:flex-end; }
.an-btn-anuncie{
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  background: var(--orange);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
.an-btn-anuncie:hover{ background: var(--orange2); }

/* MENU (linhas cinza + barra grossa laranja menor / underline ativo mais grosso e grudado) */
.an-menublock{ background:#fff; }
.an-menulines{
  position:relative;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.an-menulines::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:4px;            /* antes: 6px (reduzimos 2px) */
  background: var(--orange);
  border-radius:2px;
}
.an-menu{
  display:flex;
  gap:14px;
  padding:10px 0 6px;    /* reduz o respiro de baixo para grudar */
  overflow-x:auto;
  scrollbar-width:none;
}
.an-menu::-webkit-scrollbar{ display:none; }
.an-menuitem{
  position:relative;
  white-space:nowrap;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  color:#22324a;
  padding:6px 2px;
}
.an-menuitem:hover{ color:#2a3e69; }
.an-menuitem.active{ color: var(--orange); }
.an-menuitem.active::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-6px;          /* encosta na barra laranja */
  height:4px;           /* antes: 2px (aumentamos 2px) */
  border-radius:2px;
}

.an-main{ padding: 16px 0 28px; }

/* ADS */
.an-ad{
  background:#fff;
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:5px;
}
.an-ad-top{ margin-bottom:18px; }
.an-ad-bottom{ margin-top:38px; margin-bottom:38px; }
.an-ad-side{ margin-top:10px; }
.an-ad-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  color: #7b8794;
  margin-bottom:10px;
}
.an-ad-box{
  height:110px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7b8794;
  font-weight:700;
  background: linear-gradient(180deg,#fff,#fbfcfe);
}
.an-ad-box-tall{ height:280px; }

/* TITLES */
.an-title{ display:flex; align-items:center; gap:10px; margin:8px 0 12px; }
.an-titlebar{ width:4px; height:22px; border-radius:99px; background: var(--orange); }
.an-titletxt{
  margin:0;
  font-weight:800;
  letter-spacing:-.2px;
  font-size:16.5px;
  color:#2a3e69;
  text-transform:uppercase;
}
.an-block{ margin-bottom:18px; }

/* HERO */
.an-hero{
  position:relative;
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: var(--shadow);
  height:100%;
}
.an-hero-img{ width:100%; height:100%; object-fit:cover; display:block; }
.an-hero-grad{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.84) 100%); }
.an-hero-content{ position:absolute; left:16px; right:16px; bottom:14px; color:#fff; }
.an-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  background: rgba(255,106,0,.95);
}
.an-hero-title{
  margin:10px 0 8px;
  font-weight:800;
  letter-spacing:-.7px;
  line-height:1.06;
  font-size:40px;
}
.an-hero-title a{ color:#fff; text-decoration:none; }
.an-hero-title a:hover{ text-decoration:none; color:rgba(255,106,0,.95); }
.an-hero-excerpt{ margin:0 0 10px; color: rgba(255,255,255,.92); max-width:74ch; font-size:14px; font-weight:600; }
.an-hero-meta{ font-size:12.5px; color: rgba(255,255,255,.85); display:flex; flex-wrap:wrap; gap:6px; }

.an-cardbox{
  background:#fff;
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:14px;
  box-shadow: 0 8px 18px rgba(2,6,23,.05);
}
@media (min-width: 992px){
  .an-heroRow{ margin-bottom:16px; }
  .an-heroRow .an-hero{ height: 570px; }
  .an-heroRow .an-cardbox{ height: var(--heroH); }
}

/* Destaques */
.an-sideitem{
  display:flex;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  text-decoration:none;
  color:inherit;
}
.an-sideitem:last-child{ border-bottom:none; }
.an-sideimg{ width:74px; height:54px; border-radius: var(--radiusImg); object-fit:cover; flex:0 0 auto; }
.an-sidetext{ min-width:0; }
.an-sidetitle{ font-weight:700; font-size:13.5px; line-height:1.25; color:#2a3e69; }
.an-sidemeta{ margin-top:4px; font-size:11.5px; color: var(--muted); }

/* Cards */
.an-post{
  background:#fff;
  border:1px solid var(--line);
  border-radius: var(--radius);
  overflow:hidden;
  height:100%;
  transition: transform .12s ease, box-shadow .12s ease;
}
.an-post:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px rgba(2,6,23,.10); }
.an-post a{ text-decoration:none; color:inherit; display:block; height:100%; }
.an-post-img{ width:100%; height:132px; background:#0b1220; }
.an-post-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.an-post-body{ padding:12px; }
.an-post-cat{ font-size:10px; font-weight:700; letter-spacing:.14em; color: var(--orange2); text-transform:uppercase; }
.an-post-title{ margin-top:6px; font-weight:600; letter-spacing:-.1px; line-height:1.25; font-size:14px; color:#2a3e69; }
.an-post-excerpt{ margin-top:6px; font-size:12.5px; color: var(--muted); line-height:1.45; }
.an-post-foot{ margin-top:10px; display:flex; justify-content:space-between; align-items:center; font-size:11.5px; color: var(--muted); }
.an-read{ font-weight:700; color: var(--orange2); }
.an-post-wide .an-post-img{ height:150px; }

/* Ações */
.an-actions{ display:flex; margin-top:12px; }
.an-actions.left{ justify-content:flex-start; }
.an-linkbtn{
  display:inline-flex;
  justify-content:center;
  height:40px;
  padding:0 12px;
  background:transparent;
  color:#2a3e69;
  font-weight:700;
  text-decoration:none;
  font-size:13px;
}
.an-linkbtn:hover{ border-color: rgba(255,106,0,.45); color: var(--orange2); }

/* MAIS LIDAS */
.an-topread{ display:flex; flex-direction:column; }
.an-topread-item{
  display:flex;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  text-decoration:none;
  color:inherit;
}
.an-topread-item:last-child{ border-bottom:none; }
.an-topread-num{
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:14px;
  color:#ccc;
}

.an-topread-num :hover{
  color:#e85f00;
}
.an-topread-img{ width:54px; height:54px; border-radius: var(--radiusImg); object-fit:cover; flex:0 0 auto; }
.an-topread-cat{ font-size:10px; font-weight:700; letter-spacing:.14em; color: var(--orange2); text-transform:uppercase; }
.an-topread-title{ margin-top:3px; font-weight:700; font-size:13.5px; line-height:1.25; color:#2a3e69; }

/* ASSINE */
.an-subscribe .an-subtext{ margin:0 0 10px; color: var(--muted); font-size:12.5px; }
.an-subinput{
  width:100%; height:40px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 12px;
  outline:none;
  font-weight:600;
  font-size:13px;
}
.an-subinput:focus{ border-color: rgba(255,106,0,.55); box-shadow: 0 0 0 4px rgba(255,106,0,.10); }
.an-subbtn{
  width:100%;
  margin-top:10px;
  height:38px;
  border:none;
  border-radius:10px;
  background: var(--orange);
  color:#fff;
  font-weight:800;
  font-size:12px;
}
.an-subbtn:hover{ background: var(--orange2); }
.an-subbtn.green{ background:#16a34a; }
.an-subbtn.green:hover{ background:#12823c; }

/* FOOTER */
.an-footer{ background: var(--blueDark); color: rgba(255,255,255,.78); }
.an-footbrand img{ width:190px; height:auto; display:block; }
.an-foot-title{ color:#fff; font-weight:800; font-size:12px; letter-spacing:.12em; margin-bottom:10px; }
.an-foot-link{
  display:block;
  color: rgba(255,255,255,.80);
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  margin-bottom:8px;
}
.an-foot-link:hover{ color:#fff; text-decoration:underline; }

/* Ajuste do “INSCREVER-SE” para não quebrar linha */
.an-foot-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}
.an-foot-form input{
  flex:1;
  min-width:0;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  padding:0 12px;
  color:#fff;
  outline:none;
  font-size:13px;
}
.an-foot-form button{
  flex:0 1 auto;
  white-space:nowrap;
  height:40px;
  border:none;
  border-radius:12px;
  padding:0 10px;
  background: var(--orange);
  color:#fff;
  font-weight:800;
  font-size:11px; /* ajuda a caber no col-lg-3 */
}

.an-foot-bottom{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.55);
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.an-foot-social{ display:inline-flex; gap:10px; }
.an-foot-social a{
  width:30px; height:30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.86);
  text-decoration:none;
}
.an-foot-social a:hover{ color:#fff; border-color: rgba(255,255,255,.30); }
.an-foot-social svg{ width:15px; height:15px; }

/* Responsive */
@media (max-width: 991px){
  .an-headgrid{ grid-template-columns: 1fr; gap:12px; }
  .an-mid{ flex-direction:column; align-items:stretch; }
  .an-hero-title{ font-size:30px; }
  .an-heroRow .an-cardbox{ height:auto; }
}
/* Linha divisória cinza entre excerpt e rodapé (data + ver reportagem) */
.an-post-excerpt{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
/* Underline do item ativo grudado na barra laranja de baixo */
.an-menuitem.active::after{
  bottom: -5px;       /* encosta na barra laranja (ajuste fino) */
  height: 8px;

  border-radius: 2px;
}

/* =========================
   HOME - MELHORIAS VISUAIS (NOVO)
   ========================= */

/* Container mais confortável */
.an-wrap{
  max-width: 1240px;   /* antes 1200 */
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* Respiro geral do main */
.an-main{ padding: 18px 0 34px; } /* mais ar */

/* Ajuste fino do hero e grid */
:root{
  --heroH: 440px; /* antes 460: reduz um pouco pra não “puxar” demais a sidebar */
}

/* Melhor “ritmo” entre blocos */
.an-block{ margin-bottom: 22px; } /* antes 18 */

/* HERO: título e excerpt mais legíveis e consistentes */
.an-hero-title{
  font-size: 42px;   /* leve aumento */
  line-height: 1.05;
  max-width: 22ch;
}
.an-hero-excerpt{
  max-width: 72ch;
  line-height: 1.5;
}

/* Cards com alturas mais consistentes */
.an-post-img{ height: 170px; }           /* antes 132 */
.an-post-wide .an-post-img{ height: 270px; }  /* antes 150 */

.an-post-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* trava 2 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.25em * 2);
}
.an-post-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* trava 3 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.45em * 3);
}

/* Hover mais “fino” (menos salto) */
.an-post:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(2,6,23,.12);
}

/* Destaques: melhora densidade e evita “aperto” */
.an-cardbox{ padding: 16px; } /* antes 14 */
.an-sideitem{ padding: 12px 0; } /* antes 10 */
.an-sideimg{ width: 78px; height: 58px; } /* leve upgrade */
.an-sidetitle{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sidebar: deixa sensação mais organizada */
@media (min-width: 992px){
  .an-aside-sticky{
    position: sticky;
    top: 14px;
  }
}

/* Títulos de seção com mais “presença” */
.an-titletxt{
  font-size: 17px; /* antes 16.5 */
  letter-spacing: -.25px;
}

/* Botões “Explorar” com mais respiro do conteúdo acima */
.an-actions{ margin-top: 14px; }

/* Paginação / blocos finais não grudarem no conteúdo */
.an-page-gap{
  margin-top: 18px;
}

/* Mobile: mantém bom respiro e ajusta hero */
@media (max-width: 991px){
  :root{ --heroH: 360px; }
  .an-hero-title{ font-size: 30px; max-width: 26ch; }
  .an-post-img{ height: 160px; }
}