/*
Theme Name: AlagoasWeb
Author: Agência Lúmen
Author URI: https://agencialumen.com.br
Version: 1.0
Text Domain: alagoasweb
*/

/* Fonte */
*{font-family:"Lato", sans-serif;}a{color:inherit !important;text-decoration:inherit !important;}small{font-size:13px;}h1{font-size:24px;}h2{font-size:20px;}h5{font-size:17px;}h6{font-size:18px;}/* Cores */:root{--azul:#20448a;--azul2:#004b74;--azul3:#2b59b6;--cinza:#707070;--cinza2:#f1f1f1;--cinza3:#404040;}

/* Styling Geral */

.page-numbers {
    margin: 0 3px;
}

.pagination a {
    color: var(--azul3) !important;
    text-decoration: underline !important;
}

.reset-btn {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.bg-azul {
    background-color: var(--azul);
}

.bg-azul2 {
    background-color: var(--azul2);
}

.bg-azul3 {
    background-color: var(--azul3);
}

.bg-cinza {
    background-color: var(--cinza);
}

.bg-cinza2 {
    background-color: var(--cinza2);
}

.cor-azul {
    color: var(--azul) !important;
}

.cor-azul2 {
    color: var(--azul2) !important;
}

.cor-azul3 {
    color: var(--azul3) !important;
}

.cor-cinza {
    color: var(--cinza) !important;
}

.cor-cinza2 {
    color: var(--cinza2) !important;
}

.cor-cinza3 {
    color: var(--cinza3) !important;
}

.row {
    margin: initial;
}

.div-img-destaque {
    max-height: 250px;
}

#noticias-page .img-row-noticias {
    max-height: 200px !important;
}

#noticias-page .div-img-destaque {
    max-height: initial;
}

#noticias-page .img-destaque {
    max-width: 99px;
}

#section-2 {
    background: #f8f8f8;
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(10px) opacity(75%);
    background: black;
}

.hover-translate {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hover-translate:hover {
    transform: scale(1.02);
}

hr {
    height: 1px !important;
}

hr.bg-azul3 {
    opacity: 1 !important;
}

.opacity-1 {
    opacity: 1;
}

.div-img-blog {
    height: 88px;
    width: 88px;
}

.div-img-blog-header {
    height: 136px;
}

.div-img-sub-destaque {
    height: 117px;
    width: 150px;
}

.div-img-noticia-menor, .div-img-plantao, .img-ultimas-noticias, #noticias-page .div-img-destaque, #blog-page .div-img-destaque {
    height: 79px;
    width: 99px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-veja-mais, .div-img-blur {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.div-img-blur {
    width: 100%;
    height: 241px;
}

.div-img-mais-lidas {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 96px;
    width: 100%;
}

.div-img-mais-lidas-2 {
    height: 79px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.max-width-div {
    width: 100%;
}

/* Header */

.navbar-brand {
  margin-right: 1rem;
  padding: 0 !important;
}

.navbar-brand img {
  height: 48px; /* ou o tamanho que quiser */
  max-height: 48px;
  width: auto;
}

nav.navbar .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

nav.navbar .py-4-desktop {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.navbar {
  align-items: center; /* Centraliza verticalmente */
  min-height: 64px; /* Altura mínima pra dar um respiro */
}


@media (max-width: 768px) {
  .py-4-desktop {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}


.navbar-toggler {
    border: 0;
    border-color: var(--azul);
    color: var(--azul) !important;
}

.navbar-toggler:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: inherit !important;
}

.nav-link.active {
    color: var(--azul) !important;
    font-weight: bold;
}

.nav-link {
    text-transform: uppercase;
    color: var(--cinza) !important;
}

.dropdown-item {
    color: var(--cinza);
}

.fa-search {
    margin-left: 12px;
    margin-right: 12px;
}

.nav-borda-azul {
    border-bottom: none !important;
}
header .adsbygoogle > ins{
    display: block !important;
    margin: 0 auto !important;
}

@media (min-width: 992px) {
  hr.bg-azul3.hr-margin-0 {
    display: none;
  }
}

.responsive-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  margin: 1.5rem 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  max-width: 100%;
  display: block;
}


/* Footer */

footer h5 {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 50;
    color: var(--azul2);
    font-weight: bold;
}

footer .bg-azul2 small {
    color: #5b8ba5;
}

.logo-footer {
  width: 153px;
  height: 83px !important;
  display: block;
  padding-bottom: 0 !important;
  object-fit: contain; /* garante que não estique ou corte */
}

/* Texto */

.info-data {
    font-size: 12px;
    line-height: 16;
}

/* Section 2 */

#section-2 h6 {
    font-size: 13.5px;
}

/* Section 3 */

#section-3 img:nth-of-type(1) {
    max-height: 477px;
}

#section-3 .img-noticia-menor {
    max-height: 100%;
}

#section-3 h6, #section-4 h6, #section-6 h6, #section-7 h6, #noticias-page h6 {
    font-size: 13.5px;
}

/* Section 4 */

.wrap-video-img {
    height: 122px;
    width: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.wrap-video-img img {
    height: 100%;
}

#section-4 .height-fix {
    margin-top: -6px;
}

/*#section-4 iframe, article iframe {*/
/*    height: 300px;*/
/*}*/

/* Section 5 */
#section-5 h3 {
    font-size: 20px;
    font-weight: bold;
}

#section-5 h6 {
    font-size: 18px;
    font-weight: bold;
}

#section-5 p {
    font-size: 15px;
    font-weight: bold;
}

/* Single Post */

#single-post article p:only-child strong:first-child {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  display: block;
  text-align: center;
  max-width: 720px;
  margin: 20px auto 16px auto;
  line-height: 1.5;
}

#single-post .img-veja-mais, #blog-single .img-veja-mais{
    height: 258px;
}

#single-post h1.titulo-single {
    max-width: 820px;
    margin: 0 auto 20px auto;
    text-align: left;
}


#blog-single iframe {
  width: 100%;
}

/* Categoria Notícia */

#noticias-page .ultimas-noticias h1, #noticias-page .ultimas-noticias h2 {
    font-size: 18px;
}

/* Categoria Vídeo */

.headline-video iframe{
    height: 200px;
}

/* Categoria Blog */

.author-box .div-azul{
    position: absolute;
    height: 48px;
    z-index: -1;
}
.author-box .img-autor{
    max-width: 88px;
}
.author-box img[src$=".svg"]{
    filter: invert(50%) sepia(22%) saturate(2168%) hue-rotate(192deg) brightness(86%) contrast(90%);
}
.author-box h4{
    font-size: 18px;
    color: #21458D;
    text-align: center;
}
.author-box h1{
    font-size: 24px;
    color: #21458D;
    font-weight: bold;
    text-align: center;
}
.author-box{
    background-color: #F1F1F1;
}
#blog-page .post h2{
    font-size: 18px;
    font-weight: bold;
}
#blog-page .img-ultimas-noticias{
    height: 79px;
    width: 99px;
}

#blog-page h6{
    font-size: 13.5px;
}

/* Bootstrap Breakpoints */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Criando classe width e height para telas de 992px para cima */
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }
.w-lg-auto{width:auto !important;}.h-lg-25{height:25% !important;}.h-lg-50{height:50% !important;}.h-lg-75{height:75% !important;}.h-lg-100{height:100% !important;}.h-lg-auto{height:auto !important;}/*  */.navbar-brand img{height:auto;}.bg-lg-azul2{background-color:var(--azul2) !important;}.text-lg-white{color:white !important;}.div-img-blur{width:604px;height:477px;}.div-img-plantao{width:171px;height:117px;}.div-img-noticia-menor, .img-ultimas-noticias{height:117px;width:100%;}.div-img-mais-lidas{height:259px;width:100%;}.div-img-mais-lidas-2{width:171px;height:117px;}.max-width-div{max-width:396px;}footer > div:nth-of-type(2){height:auto;}#noticias-page .div-img-destaque, #blog-page .div-img-destaque{width:100%;height:380px;}#noticias-page .img-ultimas-noticias{height:100%;width:147px;max-height:386px;}#blog-page .img-ultimas-noticias, #blog-page .div-img-destaque{width:244px;height:166px;}.author-box .div-azul{height:356px;}.author-box .img-autor{max-width:184px;}.author-box{background-color:transparent;}/* Adaptando fontes para telas maiores */#noticias-page .headline h1{font-size:44px;}#noticias-page .ultimas-noticias h1{font-size:34px;}#noticias-page .ultimas-noticias h2 {font-size:20px;}#section-1 h2 {font-size:30px;}#single-post h2, #blog-single h2 {font-size:30px;}#single-post h5{display:block;}.author-box > h1{font-size:30px !important;}.author-box h4{font-size:30px;color:white;text-align:start;}.author-box h1{font-size:50px;color:white;font-weight:bold;text-align:start;}#blog-page .post h2{font-size:24px;font-weight:bold;}#single-post .img-veja-mais, #blog-single .img-veja-mais{height:400px;}.headline-video iframe{height:400px;}.headline-video h1{font-size:35px !important;}    /* Ajustes de imagens */#section-3 .img-noticia-menor{max-height:117px;}}/* X-Large devices (large desktops, 1200px and up) *//* @media (min-width: 1200px) { ... } *//* XX-Large devices (larger desktops, 1400px and up) */@media (min-width: 1400px){#section-1 h2{font-size:42px;}}.mb-10{margin-bottom:10px !important;}.mb-20{margin-bottom:20px !important;}.py-4-mobile-none{padding:0 !important;}/* smartphones, Android phones, landscape iPhone */@media(min-width: 480px){.py-4-mobile-none{padding:0 !important;}.hr-margin-0{margin:0 !important;}}

.titulo-single {
  font-family: 'Noto Sans', sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto 12px auto;     /* ↓ Remove top margin */
  padding: 8px 16px;            /* ↓ Padding menor ajuda no LCP */
  box-sizing: border-box;
  background-color: transparent;
  max-width: 100%;
  word-wrap: break-word;
  text-align: center;
}

/* Desktop */
@media (min-width: 768px) {
  .titulo-single {
    font-size: 48px;
    padding: 12px 24px;
    text-align: left;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .titulo-single {
    font-size: 28px;         /* ↓ Um pouco menor = menos reflow */
    line-height: 1.2;
    padding: 8px 12px;       /* ↓ Menor = menor pintura */
    text-align: center;
    word-break: break-word;
  }
}

.img-fluid.my-3 {
  min-height: 300px;
  object-fit: cover;
}

/* Mata qualquer linha ou sombra abaixo do menu */
header, .navbar, .navbar-expand-lg, .nav-borda-azul {
  border-bottom: none !important;
  box-shadow: none !important;
}

@media (min-width: 768px) {
  .titulo-single {
    text-align: left;
    margin-left: 0;
  }
}

.origem small {
  font-size: 12px;
  color: #555;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .origem {
    justify-content: flex-start;
  }
}

  .origem small {
    font-size: 12px;
  }
}

.wp-block-gallery.columns-default {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.wp-block-gallery.columns-default figure.wp-block-image {
  width: calc(33.333% - 16px);
  margin: 0;
}

.wp-block-gallery.is-cropped img {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .wp-block-gallery.columns-default figure.wp-block-image {
    width: 100%;
  }
}


