/* =========================================================
   CLIPPING — estilo editorial / magazine
   ========================================================= */

:root{
  --amber:#C49A20;
  --amber-deep:#8F6B0E;
  --paper:#faf9f6;
  --paper-warm:#F4E4B0;
  --ink:#161310;
}

/* links da página — mata azul herdado do tema */
#conteudo a{ color:var(--amber-deep); }
#conteudo a:hover{ color:var(--ink); }
#conteudo a:focus{ outline:none; }
#conteudo .item a h6{ color:var(--ink); }

/* ---------- HERO ---------- */
#pagina-default{
  margin:0 !important;
  padding:0 !important;
}
#pagina-default .carousel,
#pagina-default .carousel-inner{
  margin:0 !important;
  padding:0 !important;
}
header#pagina-default .carousel-item{
  /* Specificity (0,1,1,2) pra vencer style.css linha 358
     (header#pagina-default .carousel-item { height:100vh; max-height:700px })
     que é o motivo do hero estava enorme. !important em max-height é essencial
     pra anular o max-height:700px do legado. */
  position:relative;
  height:260px !important;
  max-height:260px !important;
  min-height:0 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
#pagina-default .carousel-item::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(20,16,8,.10) 0%, rgba(20,16,8,.78) 100%);
}
#pagina-default .carousel-caption{
  z-index:2;
  text-align:left !important;
  left:auto; right:0;
  bottom:30% !important;
}
#pagina-default .info-curso h1{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:900;
  font-size:clamp(3rem, 7vw, 5.2rem);
  color:#fff;
  letter-spacing:-.02em;
  margin:0;
  text-shadow:0 2px 30px rgba(0,0,0,.5);
}

/* ---------- CONTEÚDO ---------- */
#conteudo{
  background:var(--paper);
  padding:0 0 4.5rem !important;
  margin-top:0 !important;
}
#conteudo .container{ padding-top:0 !important; margin-top:0 !important; }
#conteudo .row{ margin-top:0 !important; }

/* MASTHEAD tipo jornal */
#conteudo .header-search{
  border-bottom:3px double var(--ink);
  padding:2.4rem 0 1.2rem;
  margin:0 !important;
}
#conteudo .header-search h5{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:800;
  font-style:italic;
  text-transform:none;
  letter-spacing:0;
  color:var(--ink);
  font-size:2.4rem;
  position:relative;
  text-align:center;
}
#conteudo .header-search h5::before{
  content:"— Sala de Imprensa —";
  display:block;
  font-family:'Barlow Condensed', sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:.78rem;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:var(--amber-deep);
  margin-bottom:.5rem;
}

/* coluna dos itens */
#conteudo .col-lg-9{
  padding-top:2rem;
  counter-reset:clip;
}

/* PRIMEIRO ITEM = destaque grande */
#conteudo .item:first-of-type{
  background:var(--paper-warm);
  border:2px solid var(--ink);
  padding:2.2rem 2.2rem 1.6rem;
  margin-bottom:.5rem;
  font-family:Georgia, serif;
  font-size:1.1rem;
  line-height:1.7;
  color:#3a342a;
}
#conteudo .item:first-of-type a h6{ font-size:2rem; line-height:1.18; }
#conteudo .item:first-of-type::before{
  content:"Em destaque";
  display:inline-block;
  font-family:'Barlow Condensed', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  color:#fff;
  background:var(--ink);
  padding:.3rem .7rem;
  margin-bottom:1rem;
}

/* DEMAIS ITENS = lista numerada */
#conteudo .item{
  counter-increment:clip;
  position:relative;
  padding:1.6rem 0 1.6rem 3.6rem;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:1rem;
  line-height:1.65;
  color:#4a4438;
}
#conteudo .item:not(:first-of-type)::before{
  content:counter(clip, decimal-leading-zero);
  position:absolute; left:0; top:1.7rem;
  font-family:'Bebas Neue', sans-serif;
  font-size:1.7rem;
  color:var(--amber);
  line-height:1;
}
#conteudo .item a h6{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:700;
  font-size:1.42rem;
  line-height:1.25;
  color:var(--ink);
  margin:0 0 .6rem;
  transition:color .2s ease;
}
#conteudo .item > a:hover h6{ color:var(--amber-deep); }
#conteudo .item p{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:.9rem;
  margin-bottom:0;
}
#conteudo .item p .float-left{
  font-family:'Barlow Condensed', sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.8rem;
  color:#a08b55;
  float:none !important;
}
#conteudo .item .ler-mais{
  font-family:'Barlow Condensed', sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.86rem;
  font-weight:600;
  color:var(--amber-deep);
  text-decoration:none;
  float:none !important;
  transition:all .2s ease;
}
#conteudo .item .ler-mais:hover{ color:var(--ink); letter-spacing:.14em; }

/* divisores */
#conteudo hr{ border:0; height:1px; background:rgba(22,19,16,.18); margin:0; }
#conteudo .item:first-of-type + hr{ display:none; }

/* estado vazio */
#conteudo h1{ font-family:'Playfair Display', Georgia, serif; color:var(--ink); }

/* =========================================================
   PAGINAÇÃO EDITORIAL
   ========================================================= */
#conteudo .pagination{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:.5rem;
  list-style:none;
  padding:0 !important;
  margin:2.5rem 0 0 !important;
  border:0 !important;
}
#conteudo .pagination li,
#conteudo .pagination .page-item,
#conteudo .pagination .page-link{
  list-style:none !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:inline !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  box-shadow:none !important;
}
#conteudo .pagination > a,
#conteudo .pagination > span,
#conteudo .pagination .page-numbers{
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:46px;
  padding:0 .6rem !important;
  border:1.5px solid rgba(22,19,16,.22) !important;
  background:var(--paper) !important;
  color:var(--ink) !important;
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:1.05rem !important;
  font-weight:600 !important;
  text-decoration:none !important;
  border-radius:2px !important;
  transition:all .18s ease;
}
#conteudo .pagination .current,
#conteudo .pagination span.current{
  background:var(--ink) !important;
  border-color:var(--ink) !important;
  color:#fff !important;
}
#conteudo .pagination > a:hover,
#conteudo .pagination a.page-numbers:hover{
  background:var(--amber) !important;
  border-color:var(--amber) !important;
  color:#fff !important;
}
#conteudo .pagination .dots,
#conteudo .pagination .page-numbers.dots{
  border:0 !important;
  background:transparent !important;
  min-width:auto;
  color:var(--amber-deep) !important;
  letter-spacing:.1em;
}
#conteudo .pagination .next,
#conteudo .pagination .prev,
#conteudo .pagination a.next,
#conteudo .pagination a.prev{
  font-style:italic !important;
  padding:0 1.1rem !important;
  min-width:auto;
}

@media (max-width:991px){
  #conteudo .col-lg-9{ width:100%; }
}
@media (max-width:540px){
  #conteudo .pagination{ flex-wrap:wrap; gap:.35rem; }
  #conteudo .pagination > a,
  #conteudo .pagination > span,
  #conteudo .pagination .page-numbers{ min-width:40px; height:40px; font-size:.95rem !important; }
}

/* =========================================================
   PAGINAÇÃO .ni-pagination (frente11 — 2026-05-29)
   O markup do /clipping/ agora usa <nav class="ni-pagination">
   (igual /noticias/). Replico os estilos do noticias-index.css
   (linha 490: .noticias-index .ni-pagination) sem o ancestor
   .noticias-index — o clipping não tem esse wrapper.
   ========================================================= */
.ni-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(22,19,16,.18);
    font-family: 'Inter', sans-serif;
    list-style: none;
}
.ni-pagination a,
.ni-pagination span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px !important;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    border: 1px solid rgba(22,19,16,.22);
    background: transparent;
    text-decoration: none;
    transition: all .2s ease;
}
.ni-pagination a:hover {
    background: var(--amber);     /* gold #C49A20 — hover */
    color: #fff;
    border-color: var(--amber);
}
.ni-pagination .current {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
}
.ni-pagination .dots {
    border: none !important;
    min-width: 24px;
    background: transparent;
}
.ni-pagination .prev,
.ni-pagination .next {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 14px;
}
.all-news-section {
    margin-top: 2rem;
    padding: 0;
}
.all-news-section .ni-container {
    padding: 0;
}