/*
Theme Name: Portal Atos Child
Template: kadence
Author: Portal Atos
Description: Tema-filho do Kadence com a identidade do Portal Atos.
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --atos-vermelho:#E10600;
  --atos-preto:#121212;
  --atos-cinza-claro:#F2F2F2;
  --atos-cinza-medio:#6B6B6B;
}

/* ---- Tipografia da marca ---- */
body{ font-family:'Inter',sans-serif; }
h1,h2,.entry-title,.entry-title a{ font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.01em; }
h3,h4{ font-family:'Space Grotesk',sans-serif; font-weight:600; }
.site-title,.site-branding .site-title a{ font-family:'Chakra Petch',sans-serif; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }

/* ---- Destaques da marca ---- */
a{ color:var(--atos-vermelho); }
a:hover{ color:#b30500; }
.button,.wp-block-button__link,button.kt-btn{ background:var(--atos-vermelho); border-radius:4px; }

/* Selo "AO VIVO" / etiquetas de urgência */
.ao-vivo,.editoria-tag{
  display:inline-block; background:var(--atos-vermelho); color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.72rem; letter-spacing:.08em; padding:2px 8px; border-radius:3px;
}

/* Títulos de editoria na home (barra vermelha à esquerda) */
.editoria-titulo{
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  border-left:5px solid var(--atos-vermelho); padding-left:12px; margin:0 0 16px;
}

/* Classes de paleta da marca (faixas escuras/vermelhas funcionarem) */
.has-palette-1-color{ color:var(--atos-vermelho); }
.has-palette-1-background-color{ background-color:var(--atos-vermelho); }
.has-palette-2-color{ color:var(--atos-preto); }
.has-palette-2-background-color{ background-color:var(--atos-preto); }
.has-palette-3-color{ color:var(--atos-cinza-medio); }
.has-palette-3-background-color{ background-color:var(--atos-cinza-medio); }
.has-palette-4-color{ color:var(--atos-cinza-claro); }
.has-palette-4-background-color{ background-color:var(--atos-cinza-claro); }
.has-palette-5-color{ color:#fff; }
.has-palette-5-background-color{ background-color:#fff; }
.has-palette-2-background-color a,
.has-palette-2-background-color h1,
.has-palette-2-background-color h2,
.has-palette-2-background-color p{ color:#fff; }

/* Faixa escura de newsletter/hero com leve textura tech */
.has-palette-2-background-color{
  background-image:linear-gradient(135deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.03) 75%,transparent 75%);
  background-size:22px 22px;
}

/* Home: ocultar o título de página redundante ("Início") */
.home .entry-hero-container-inner,
.home .page-title,
.home header.entry-header{ display:none; }

/* Botão da newsletter (MailPoet) no vermelho da marca */
.mailpoet_form input.mailpoet_submit,
input.mailpoet_submit{
  background:var(--atos-vermelho) !important;
  border-color:var(--atos-vermelho) !important;
  font-family:'Space Grotesk',sans-serif !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:.06em; border-radius:4px;
}
.mailpoet_form input.mailpoet_submit:hover{ background:#b30500 !important; }

/* Ícones de redes sociais centralizados na seção "Nas redes" */
.wp-block-social-links{ gap:10px; }

/* ===================================================================
   MELHORIAS v1.2 — top bar, menu moderno, hero e cards com thumbnail
   =================================================================== */

/* ---- Top bar (barra dupla) ---- */
.atos-topbar{
  background:var(--atos-preto); color:#cfcfcf;
  font-family:'Space Grotesk',sans-serif; font-size:.78rem;
  border-bottom:2px solid var(--atos-vermelho);
}
.atos-topbar-inner{
  max-width:1200px; margin:0 auto; padding:7px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.atos-topbar-date{ text-transform:uppercase; letter-spacing:.06em; color:#9a9a9a; }
.atos-topbar-links{ display:flex; align-items:center; gap:18px; }
.atos-topbar-links a{
  color:#e7e7e7; text-decoration:none; text-transform:uppercase;
  letter-spacing:.05em; font-weight:500; transition:color .15s;
}
.atos-topbar-links a:hover{ color:var(--atos-vermelho); }
.atos-topbar-cta{
  background:var(--atos-vermelho); color:#fff !important;
  padding:4px 12px; border-radius:3px; font-weight:700 !important;
}
.atos-topbar-cta:hover{ background:#b30500; color:#fff !important; }
@media (max-width:782px){
  .atos-topbar-links a:not(.atos-topbar-cta){ display:none; }
}

/* Evitar redundância: logo (imagem) já diz "PORTAL ATOS" — esconde o título em texto */
.site-branding .site-title{ display:none; }

/* ---- Menu de navegação moderno (sublinhado vermelho animado) ---- */
.header-navigation .menu-container > ul > li > a,
.header-navigation ul.menu > li > a{
  font-family:'Space Grotesk',sans-serif !important;
  font-weight:600 !important; text-transform:uppercase;
  letter-spacing:.04em; font-size:.92rem; position:relative;
}
.header-navigation .menu-container > ul > li > a::after,
.header-navigation ul.menu > li > a::after{
  content:''; position:absolute; left:50%; bottom:2px; transform:translateX(-50%);
  width:0; height:3px; background:var(--atos-vermelho); transition:width .22s ease;
}
.header-navigation .menu-container > ul > li:hover > a::after,
.header-navigation .menu-container > ul > li.current-menu-item > a::after,
.header-navigation ul.menu > li:hover > a::after,
.header-navigation ul.menu > li.current-menu-item > a::after{ width:calc(100% - 16px); }

/* ===================================================================
   BANNER DA HOME v1.5 — texto sobreposto na imagem + colado no menu
   =================================================================== */
/* Remove o espaço entre o menu e o banner na home */
.home .entry-hero-container,
.home .entry-hero,
.home .page-hero-section,
.home header.entry-header{ display:none !important; }
.home .content-container,
.home .site-main,
.home .content-area,
.home .entry-content-wrap,
.home article.entry{ padding-top:0 !important; margin-top:0 !important; }
.home .entry-content > *:first-child{ margin-top:0 !important; }

.atos-hero3{ margin:0 0 42px !important; align-items:stretch; gap:20px; }
.atos-hero3 .wp-block-query,
.atos-hero3 .wp-block-post-template{ height:100%; margin:0; }

/* Covers — imagem destacada de fundo + degradê escuro embaixo */
.atos-cover-main, .atos-cover-side{ border-radius:8px; overflow:hidden; }
.atos-cover-main{ min-height:440px; }
.atos-cover-side{ min-height:210px; }
.atos-cover-main .wp-block-cover__inner-container{ width:100%; padding:22px; }
.atos-cover-side .wp-block-cover__inner-container{ width:100%; padding:16px; }

/* etiqueta de editoria (pill vermelho) sobre a imagem */
.atos-cover-main .wp-block-post-terms a,
.atos-cover-side .wp-block-post-terms a{
  display:inline-block; background:var(--atos-vermelho); color:#fff !important;
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.66rem; letter-spacing:.08em; padding:3px 9px; border-radius:3px;
  text-decoration:none; margin:0 0 8px;
}
/* títulos e resumo em branco sobre a imagem */
.atos-cover-main .wp-block-post-title,
.atos-cover-side .wp-block-post-title{ margin:0; font-family:'Space Grotesk',sans-serif; font-weight:700; }
.atos-cover-main .wp-block-post-title{ font-size:clamp(1.4rem,2.3vw,2rem); line-height:1.14; }
.atos-cover-side .wp-block-post-title{ font-size:1.02rem; line-height:1.2; }
.atos-cover-main .wp-block-post-title a,
.atos-cover-side .wp-block-post-title a,
.atos-cover-main .wp-block-post-excerpt{ color:#fff !important; text-decoration:none; }
.atos-cover-main .wp-block-post-title a:hover,
.atos-cover-side .wp-block-post-title a:hover{ color:#ffd0cd !important; }
.atos-cover-main .wp-block-post-excerpt{ font-size:.92rem; margin:8px 0 0; opacity:.92; }
.atos-cover-main .wp-block-post-excerpt__more-text{ display:none; }

/* coluna direita: 2 covers empilhados, preenchendo a altura */
.atos-hero-side .wp-block-post-template{
  display:flex; flex-direction:column; gap:20px; height:100%;
  list-style:none; margin:0; padding:0;
}
.atos-hero-side .wp-block-post-template > li{ flex:1; margin:0; display:flex; }
.atos-hero-side .wp-block-post-template > li .wp-block-cover{ width:100%; height:100%; }

/* banner responsivo: empilha no mobile */
@media (max-width:781px){
  .atos-hero3{ flex-wrap:wrap; gap:16px; }
  .atos-hero3 .wp-block-column{ flex-basis:100% !important; }
  .atos-cover-main{ min-height:300px; }
  .atos-cover-side{ min-height:180px; }
}

/* ---- Card de destaque principal (hero) ---- */
.atos-hero{ margin-bottom:40px; }
.atos-hero-card{ position:relative; }
.atos-hero .wp-block-post-featured-image{ margin:0 0 0 0; }
.atos-hero .wp-block-post-featured-image img{
  width:100%; height:460px; object-fit:cover; border-radius:8px; display:block;
}
.atos-hero .wp-block-post-terms,
.atos-hero .editoria-tag a,
.atos-grid .wp-block-post-terms a,
.atos-grid .editoria-tag a{
  display:inline-block; background:var(--atos-vermelho); color:#fff !important;
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.7rem; letter-spacing:.08em; padding:3px 9px; border-radius:3px;
  text-decoration:none; margin-top:16px;
}
.atos-hero .wp-block-post-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(1.8rem,3.2vw,2.6rem); line-height:1.1; margin:10px 0 8px;
}
.atos-hero .wp-block-post-title a{ color:var(--atos-preto); text-decoration:none; }
.atos-hero .wp-block-post-title a:hover{ color:var(--atos-vermelho); }
.atos-hero .wp-block-post-excerpt{ color:#444; font-size:1.05rem; max-width:760px; }
.atos-hero .wp-block-post-date{ color:var(--atos-cinza-medio); font-size:.82rem; }

/* ---- Cards em grade (Últimas e editorias) com thumbnail ---- */
.atos-grid .wp-block-post-template{ gap:26px 22px; }
.atos-grid .wp-block-post-template > li{
  display:flex; flex-direction:column;
  border-bottom:1px solid #eee; padding-bottom:18px;
}
.atos-grid .wp-block-post-featured-image{ margin:0; }
.atos-grid .wp-block-post-featured-image img{
  width:100%; height:180px; object-fit:cover; border-radius:6px; display:block;
}
.atos-grid .wp-block-post-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:1.06rem; line-height:1.22; margin:6px 0 4px;
}
.atos-grid .wp-block-post-title a{ color:var(--atos-preto); text-decoration:none; }
.atos-grid .wp-block-post-title a:hover{ color:var(--atos-vermelho); }
.atos-grid .wp-block-post-date{ color:var(--atos-cinza-medio); font-size:.78rem; margin-top:auto; }

/* ===================================================================
   MELHORIAS v1.3 — busca, rodapé, mais lidas, categoria/single, mobile
   =================================================================== */

/* ---- Busca na top bar ---- */
.atos-topbar-right{ display:flex; align-items:center; gap:18px; }
.atos-search{ display:flex; align-items:center; }
.atos-search input{
  background:#1f1f1f; border:1px solid #333; color:#eee;
  font-size:.78rem; padding:5px 10px; border-radius:3px 0 0 3px; width:150px; height:30px;
}
.atos-search input::placeholder{ color:#888; }
.atos-search input:focus{ outline:none; border-color:var(--atos-vermelho); }
.atos-search button{
  background:var(--atos-vermelho); color:#fff; border:none; cursor:pointer;
  height:30px; width:34px; border-radius:0 3px 3px 0; font-size:1rem; line-height:1;
}
.atos-search button:hover{ background:#b30500; }

/* ---- Rodapé caprichado ---- */
.site-footer{ display:none; } /* esconde o rodapé padrão do Kadence */
.atos-footer{ background:var(--atos-preto); color:#bdbdbd;
  background-image:linear-gradient(135deg,rgba(255,255,255,.02) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.02) 50%,rgba(255,255,255,.02) 75%,transparent 75%);
  background-size:24px 24px; border-top:3px solid var(--atos-vermelho); }
.atos-footer-main{
  max-width:1200px; margin:0 auto; padding:48px 24px 32px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:36px;
}
.atos-footer-logo{ width:160px; height:auto; margin-bottom:14px; }
.atos-footer-brand p{ font-size:.9rem; line-height:1.6; color:#a8a8a8; max-width:320px; }
.atos-footer-col h3{
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  color:#fff; font-size:.95rem; letter-spacing:.05em; margin:0 0 16px;
  border-left:4px solid var(--atos-vermelho); padding-left:10px;
}
.atos-footer-col ul{ list-style:none; margin:0; padding:0; }
.atos-footer-col li{ margin-bottom:9px; }
.atos-footer-col a{ color:#bdbdbd; text-decoration:none; font-size:.9rem; transition:color .15s; }
.atos-footer-col a:hover{ color:var(--atos-vermelho); }
.atos-footer-social{ display:flex; flex-wrap:wrap; gap:14px; margin-top:16px; }
.atos-footer-social a{
  color:#e7e7e7; text-decoration:none; font-family:'Space Grotesk'; font-weight:600;
  font-size:.78rem; text-transform:uppercase; letter-spacing:.04em;
}
.atos-footer-social a:hover{ color:var(--atos-vermelho); }
.atos-footer-cta{
  display:inline-block; background:var(--atos-vermelho); color:#fff !important;
  font-family:'Space Grotesk'; font-weight:700; text-transform:uppercase;
  font-size:.8rem; letter-spacing:.05em; padding:9px 18px; border-radius:4px; text-decoration:none;
}
.atos-footer-cta:hover{ background:#b30500; }
.atos-footer-bottom{
  border-top:1px solid #2a2a2a; max-width:1200px; margin:0 auto; padding:18px 24px;
  display:flex; justify-content:space-between; gap:12px;
  font-size:.8rem; color:#888; font-family:'Space Grotesk';
}

/* ---- Bloco "Mais lidas" (ranking) ---- */
.atos-maislidas{ list-style:none; margin:0; padding:0; counter-reset:ml; }
.atos-maislidas li{ border-bottom:1px solid #eee; }
.atos-maislidas li:last-child{ border-bottom:none; }
.atos-maislidas a{ display:flex; align-items:center; gap:14px; padding:12px 0; text-decoration:none; }
.atos-ml-num{
  font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1.8rem;
  color:var(--atos-vermelho); min-width:32px; text-align:center; line-height:1; flex-shrink:0;
}
.atos-ml-thumb{ flex-shrink:0; }
.atos-ml-thumb img{
  width:72px; height:56px; object-fit:cover; border-radius:5px; display:block;
}
.atos-ml-cat{
  display:block; font-family:'Space Grotesk'; font-weight:700; text-transform:uppercase;
  font-size:.66rem; letter-spacing:.08em; color:var(--atos-vermelho); margin-bottom:2px;
}
.atos-ml-title{
  font-family:'Space Grotesk'; font-weight:600; font-size:.98rem; line-height:1.25;
  color:var(--atos-preto);
}
.atos-maislidas a:hover .atos-ml-title{ color:var(--atos-vermelho); }

/* ---- Dupla "Mais lidas" + Newsletter lado a lado ---- */
.atos-duo{ align-items:stretch; gap:24px; margin:0 0 8px; }
.atos-duo .wp-block-column{ display:flex; }
.atos-duo .atos-duo-box{ width:100%; height:100%; margin:0; }
.atos-duo .atos-maislidas li:first-child a{ padding-top:4px; }
.atos-duo-news{ display:flex; flex-direction:column; justify-content:center; }
.atos-duo-news h2{ font-family:'Space Grotesk',sans-serif; font-weight:700; margin-bottom:8px; }
.atos-duo-news p{ color:#cfcfcf; margin-bottom:18px; }
@media (max-width:781px){
  .atos-duo{ flex-wrap:wrap; gap:18px; }
  .atos-duo .wp-block-column{ flex-basis:100% !important; }
}

/* ---- Sidebar "Últimas notícias" (dentro das matérias) ---- */
.sidebar-primary .widget-title,
.sidebar-primary .widgettitle{
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  border-left:5px solid var(--atos-vermelho); padding-left:10px; margin-bottom:14px; font-size:1.1rem;
}
.atos-ultimas{ list-style:none; margin:0; padding:0; }
.atos-ultimas li{ border-bottom:1px solid #eee; }
.atos-ultimas li:last-child{ border-bottom:none; }
.atos-ultimas a{ display:flex; gap:12px; padding:12px 0; text-decoration:none; align-items:center; }
.atos-ul-thumb{ flex-shrink:0; }
.atos-ul-thumb img{ width:84px; height:60px; object-fit:cover; border-radius:5px; display:block; }
.atos-ul-cat{
  display:block; font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.62rem; letter-spacing:.07em; color:var(--atos-vermelho); margin-bottom:2px;
}
.atos-ul-title{
  font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.9rem; line-height:1.22; color:var(--atos-preto);
}
.atos-ultimas a:hover .atos-ul-title{ color:var(--atos-vermelho); }

/* ============================================================
   Grade "capa de portal" na home — [atos_capa]
   ============================================================ */
.atos-capa{ margin:6px 0 44px; }
.atos-capa-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; }
.atos-capa-col{ display:flex; flex-direction:column; }

/* manchete-líder de cada coluna (imagem em cima) */
.atos-capa-thumb{ display:block; line-height:0; }
.atos-capa-thumb img{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; display:block; }
.atos-capa-body{ padding-top:12px; }
.atos-capa-cat{
  display:inline-block; color:var(--atos-vermelho) !important; text-decoration:none;
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.7rem; letter-spacing:.07em; margin-bottom:6px;
}
.atos-capa-cat:hover{ text-decoration:underline; }
.atos-capa-title{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.18rem; line-height:1.24; margin:0; }
.atos-capa-title a{ color:var(--atos-preto); text-decoration:none; }
.atos-capa-title a:hover{ color:var(--atos-vermelho); }

/* submanchetes (bullet ■) */
.atos-capa-sub{ display:flex; gap:10px; padding:14px 0 0; border-top:1px solid #e9e9e9; margin-top:14px; }
.atos-capa-mark{ color:var(--atos-vermelho); font-size:.62rem; line-height:1.9; flex-shrink:0; }
.atos-capa-sub .atos-capa-cat{ margin-bottom:3px; font-size:.64rem; }
.atos-capa-subtitle{ font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.98rem; line-height:1.3; margin:0; }
.atos-capa-subtitle a{ color:var(--atos-preto); text-decoration:none; }
.atos-capa-subtitle a:hover{ color:var(--atos-vermelho); }

@media (max-width:980px){ .atos-capa-grid{ grid-template-columns:1fr 1fr; gap:26px; } }
@media (max-width:600px){ .atos-capa-grid{ grid-template-columns:1fr; } }

/* ============================================================
   CORREÇÃO v1.6.1 — matéria (single) com sidebar
   ============================================================ */
/* 1) Largura maior: usa o container normal (não o "narrow") pra caber conteúdo + sidebar */
.single.has-sidebar .content-container.site-container,
.single.has-sidebar .hero-container.site-container{
  max-width: var(--global-content-width) !important;
}
/* 2) Imagem destacada NÃO pode mais "vazar" pra fora da coluna (invadia a sidebar) */
.single.has-sidebar .content-container .alignwide,
.single.has-sidebar .wp-site-blocks .content-container .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* 3) Imagem destacada em paisagem e com altura controlada (estava 2:3, retrato gigante) */
.single .post-thumbnail.kadence-thumbnail-ratio-2-3,
.single .post-thumbnail[class*="kadence-thumbnail-ratio"]{
  aspect-ratio: 16 / 9 !important;
  max-height: 460px;
}
.single .post-thumbnail-inner img,
.single .post-thumbnail img{
  width: 100%;
  height: 100%;
  max-height: 460px;
  object-fit: cover;
}
/* 4) Respiro entre conteúdo e sidebar e títulos da sidebar sem quebrar feio */
.single.has-sidebar .primary-sidebar .sidebar-inner-wrap{ padding-left: 6px; }
.atos-ul-title{ word-break: normal; overflow-wrap: anywhere; }

/* ============================================================
   Seção PRÓPRIA "Notícias relacionadas" (.atos-rel)
   — esconde a do Kadence e usa a nossa, elegante
   ============================================================ */
.entry-related{ display:none !important; } /* esconde o carrossel do Kadence */

.atos-rel{
  margin:46px 0 14px; padding:32px; background:var(--atos-cinza-claro); border-radius:14px;
}
.atos-rel-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:1.4rem; letter-spacing:.01em; line-height:1.1;
  border-left:6px solid var(--atos-vermelho); padding-left:14px; margin:0 0 26px;
}
.atos-rel-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }

/* card base (caixa branca elegante) */
.atos-rel-card{
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 2px 12px rgba(18,18,18,.06);
  transition:box-shadow .2s ease, transform .2s ease;
  display:flex; flex-direction:column;
}
.atos-rel-card:hover{ box-shadow:0 14px 32px rgba(18,18,18,.13); transform:translateY(-4px); }
.atos-rel-thumb{ display:block; line-height:0; }
.atos-rel-thumb img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.atos-rel-body{ padding:18px 20px 20px; display:flex; flex-direction:column; }
.atos-rel-cat{
  align-self:flex-start; background:var(--atos-vermelho); color:#fff !important;
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:.66rem; letter-spacing:.08em; padding:3px 9px; border-radius:3px;
  text-decoration:none; margin-bottom:12px;
}
.atos-rel-card-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.12rem;
  line-height:1.26; margin:0 0 12px;
}
.atos-rel-card-title a{ color:var(--atos-preto); text-decoration:none; }
.atos-rel-card-title a:hover{ color:var(--atos-vermelho); }
.atos-rel-excerpt{ color:#555; font-size:.94rem; line-height:1.55; margin:0 0 14px; }
.atos-rel-meta{ margin-top:auto; font-family:'Space Grotesk',sans-serif; font-size:.78rem; color:var(--atos-cinza-medio); }
.atos-rel-meta span{ color:var(--atos-vermelho); font-weight:600; }

/* DESTAQUE: 1ª notícia ocupa a linha toda, horizontal (imagem + texto) */
.atos-rel-card.is-featured{ grid-column:1 / -1; flex-direction:row; align-items:stretch; }
.atos-rel-card.is-featured .atos-rel-thumb{
  position:relative; flex:0 0 46%; min-height:300px; overflow:hidden; line-height:0;
}
.atos-rel-card.is-featured .atos-rel-thumb img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; aspect-ratio:auto;
}
.atos-rel-card.is-featured .atos-rel-body{
  flex:1; justify-content:center; padding:28px 32px;
}
.atos-rel-card.is-featured .atos-rel-card-title{ font-size:1.5rem; line-height:1.2; }

@media (max-width:781px){
  .atos-rel{ padding:22px; }
  .atos-rel-grid{ grid-template-columns:1fr; gap:20px; }
  .atos-rel-card.is-featured{ flex-direction:column; }
  .atos-rel-card.is-featured .atos-rel-thumb{ flex:none; }
  .atos-rel-card.is-featured .atos-rel-thumb img{ aspect-ratio:16/9; min-height:0; }
  .atos-rel-card.is-featured .atos-rel-card-title{ font-size:1.25rem; }
}

/* byline da matéria (single) no estilo da marca */
.single .posted-by{ font-family:'Space Grotesk',sans-serif; }
.single .posted-by a{ color:var(--atos-vermelho); text-decoration:none; font-weight:600; }
.single .posted-by a:hover{ color:#b30500; }

/* ---- Página de CATEGORIA (archive) ---- */
.archive .page-header,
.search .page-header{
  border-bottom:3px solid var(--atos-vermelho); padding-bottom:14px; margin-bottom:30px;
}
.archive .archive-title,
.search .archive-title,
.archive h1.page-title,
.search h1.page-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:uppercase;
  letter-spacing:-.01em;
}
.archive .archive-title::before,
.search h1.page-title::before{
  content:''; display:inline-block; width:6px; height:1em; background:var(--atos-vermelho);
  margin-right:12px; vertical-align:-2px; border-radius:2px;
}
/* cards do archive com thumbnail destacada */
.archive article .post-thumbnail img,
.search article .post-thumbnail img{ border-radius:6px; }
.archive .entry-title a,
.search .entry-title a{ color:var(--atos-preto); }
.archive .entry-title a:hover,
.search .entry-title a:hover{ color:var(--atos-vermelho); }

/* ---- SINGLE post estilizado ---- */
.single .entry-hero .entry-title,
.single h1.entry-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(1.9rem,3.5vw,2.7rem); line-height:1.12;
}
.single .entry-meta{ font-family:'Space Grotesk'; font-size:.82rem; }
.single .entry-meta a{ color:var(--atos-vermelho); }
.single .entry-content{ font-size:1.08rem; line-height:1.8; }
.single .entry-content p{ margin-bottom:1.3em; }
.single .post-thumbnail img,
.single .entry-content img{ border-radius:8px; }
/* tag de categoria no single */
.single .category-style-pill .cat-links a,
.single .entry-taxonomies .category-links a{
  background:var(--atos-vermelho); color:#fff; padding:3px 10px; border-radius:3px;
  font-family:'Space Grotesk'; font-weight:700; text-transform:uppercase; font-size:.7rem;
  letter-spacing:.06em; text-decoration:none;
}

/* ===================================================================
   RESPONSIVO (mobile / tablet)
   =================================================================== */
@media (max-width:1024px){
  .atos-footer-main{ grid-template-columns:1fr 1fr; gap:28px; }
}
@media (max-width:782px){
  /* top bar enxuta no mobile */
  .atos-topbar-date{ font-size:.7rem; }
  .atos-search input{ width:110px; }
  .atos-topbar-inner{ padding:6px 16px; gap:10px; }

  /* hero menor */
  .atos-hero .wp-block-post-featured-image img{ height:240px; }
  .atos-hero .wp-block-post-title{ font-size:1.5rem; }

  /* grades viram 1 coluna */
  .atos-grid .wp-block-post-template{
    grid-template-columns:1fr !important; display:grid; gap:22px;
  }
  .atos-grid .wp-block-post-featured-image img{ height:200px; }

  /* rodapé empilha */
  .atos-footer-main{ grid-template-columns:1fr; gap:26px; padding:36px 20px 24px; }
  .atos-footer-bottom{ flex-direction:column; text-align:center; gap:6px; }
}
@media (max-width:480px){
  .atos-search{ display:none; } /* libera espaço no celular pequeno */
}

/* ============================================================
   HOME estilo BBC — hero + seções por editoria
   ============================================================ */

/* Hero */
.atos-hero{display:grid;grid-template-columns:62% 38%;gap:22px;margin:0 0 40px;}
.atos-hero-main{position:relative;display:block;min-height:440px;border-radius:8px;
  overflow:hidden;background-size:cover;background-position:center;color:#fff;text-decoration:none;}
.atos-hero-main-body{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;}
.atos-hero-title{color:#fff;font-family:'Space Grotesk',sans-serif;font-size:2rem;
  line-height:1.12;margin:.35rem 0 .5rem;}
.atos-hero-title a{color:inherit;text-decoration:none;}
.atos-hero-title a:hover{color:#fff;opacity:.92;}
.atos-hero-excerpt{color:rgba(255,255,255,.85);font-size:.98rem;margin:0;}
.atos-hero-list{list-style:none;margin:0;padding:0;}
.atos-hero-list li{padding:14px 0;border-bottom:1px solid #e6e6e6;}
.atos-hero-list li:first-child{padding-top:0;}
.atos-hero-list-title{display:block;color:#121212;font-weight:600;font-size:1.05rem;
  line-height:1.2;text-decoration:none;margin-top:3px;}
.atos-hero-list-title:hover{color:#E10600;}

/* Etiqueta de editoria (cor via inline style) */
.atos-ed-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;}

/* Seção por editoria */
.atos-ed{margin:0 0 44px;}
.atos-ed-head{display:flex;align-items:center;justify-content:space-between;
  border-top:3px solid var(--ed,#E10600);padding-top:10px;margin-bottom:18px;}
.atos-ed-name{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;margin:0;
  position:relative;padding-left:18px;}
.atos-ed-name::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:11px;height:11px;background:var(--ed,#E10600);}
.atos-ed-name a{color:#121212;text-decoration:none;}
.atos-ed-more{font-size:.85rem;font-weight:600;color:var(--ed,#E10600);
  text-decoration:none;white-space:nowrap;}
.atos-ed-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;}

/* Destaque da seção */
.atos-ed-feat .atos-ed-thumb,.atos-ed-feat .atos-ph{display:block;aspect-ratio:16/9;
  border-radius:6px;overflow:hidden;}
.atos-ed-feat .atos-ed-thumb img{width:100%;height:100%;object-fit:cover;}
.atos-ed-feat .atos-ed-card-title{font-size:1.25rem;margin:.5rem 0 .3rem;}
.atos-ed-feat-ex{color:#555;font-size:.92rem;margin:0;}

/* Cards (lista vertical ao lado do destaque) */
.atos-ed-cards{display:flex;flex-direction:column;gap:14px;}
.atos-ed-card{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:start;}
.atos-ed-card .atos-ed-thumb,.atos-ed-card .atos-ph{display:block;aspect-ratio:1/1;
  border-radius:6px;overflow:hidden;}
.atos-ed-card .atos-ed-thumb img{width:100%;height:100%;object-fit:cover;}
.atos-ed-card-title{font-size:.98rem;line-height:1.22;margin:.2rem 0 0;}
.atos-ed-card-title a{color:#121212;text-decoration:none;}
.atos-ed-card-title a:hover{color:var(--ed,#E10600);}

/* Placeholder sem imagem */
.atos-ph{display:flex;align-items:center;justify-content:center;background:var(--ed,#E10600);
  color:rgba(255,255,255,.92);font-family:'Space Grotesk',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;text-align:center;padding:8px;}

/* Responsivo */
@media(max-width:900px){
  .atos-hero{grid-template-columns:1fr;}
  .atos-hero-main{min-height:300px;}
  .atos-ed-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .atos-hero-title{font-size:1.5rem;}
  .atos-ed-card{grid-template-columns:88px 1fr;}
}

/* Anti-overflow: itens de grid/flex podem encolher; imagens nunca estouram */
.atos-hero > *,.atos-ed-grid > *,.atos-ed-cards > *,.atos-duo > .wp-block-column{min-width:0;}
.atos-hero-main,.atos-ed-thumb{max-width:100%;}
.atos-ed-thumb img,.atos-hero img{max-width:100%;height:auto;}
.atos-ed-feat .atos-ed-thumb img{height:100%;}
