/*
Theme Name: Carnaval Ouro Preto
Theme URI: https://carnavalouropreto.com
Author: Carnaval Ouro Preto
Author URI: https://carnavalouropreto.com
Description: Portal do Carnaval de Ouro Preto MG - Custom WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carnavalouropreto
*/

/* ============================================
   RESPONSIVE & MOBILE ADAPTIVE OVERRIDES
   ============================================ */

/* Global box-sizing reset */
*, *::before, *::after {
  box-sizing: border-box;
}

/* All images responsive by default */
img {
  max-width: 100%;
  height: auto;
}

/* Main content container - fluid */
.conteudo {
  max-width: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/* ---- TABLET (max-width: 991px) ---- */
@media (max-width: 991px) {

  .pos-logo img.logo {
    max-width: 100%;
    height: auto;
  }

  .pos-pesquisa,
  .pesquisa-box {
    max-width: 100%;
  }

  .barra-menu .conteudo {
    display: flex;
    flex-wrap: wrap;
  }

  .menu-top {
    flex-shrink: 0;
    font-size: 12px;
    padding: 8px 10px !important;
  }

  .galeria-1,
  .galeria-2 {
    width: 48% !important;
    margin-right: 2% !important;
  }

  .galeria-2 {
    margin-right: 0 !important;
  }

  .pos-galeria-1 {
    float: left;
    margin-right: 0 !important;
  }

  .pos-galeria-2 {
    float: right;
    margin-left: 0 !important;
  }

  .img-gv {
    width: 100% !important;
    height: auto !important;
    min-height: 120px;
    object-fit: cover;
  }

  .tit-gv {
    width: 100% !important;
    padding: 8px !important;
  }

  .noticia-sessao-1,
  .pos-noticia-sessao2,
  .noticia-sessao-2 {
    max-width: 100%;
  }

  .noticia-sessao-1 img,
  .noticia-sessao-2 img {
    width: 100%;
    height: auto;
  }

  .anuncio-728,
  .pos-anuncio-728 {
    max-width: 100%;
    overflow: hidden;
  }

  .pos-subd-left,
  .pos-subd-right {
    max-width: 100%;
  }

  .subd-1 img,
  .subd-right1 img {
    max-width: 100%;
    height: auto;
  }

  .img-slide1,
  .item img {
    width: 100% !important;
    height: auto !important;
  }

  .pos-galeria-estilo1-mega,
  .pos-video-estilo1-mega,
  .pos-galeria-estilo1-mini,
  .galeria-estilo1-mini {
    max-width: 100%;
  }

  .pos-galeria-estilo1-mega img,
  .galeria-estilo1-mini img {
    width: 100%;
    height: auto;
  }

  .box-bottom-ferr {
    max-width: 100%;
  }

  .pos-cat-rodape {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .menu-rodape {
    font-size: 12px;
  }
}

/* ---- MOBILE (max-width: 767px) ---- */
@media (max-width: 767px) {

  body {
    overflow-x: hidden;
  }

  .conteudo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .barra-menu {
    display: none !important;
  }

  .barra-menu-mobile {
    display: block !important;
  }

  .galeria-1,
  .galeria-2 {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
  }

  .pos-galeria-1,
  .pos-galeria-2 {
    float: none !important;
    margin: 0 !important;
  }

  .img-gv {
    width: 100% !important;
    height: auto !important;
  }

  .tit-gv {
    width: 100% !important;
  }

  .manchete p {
    font-size: 20px !important;
    line-height: 1.3;
  }

  .urgente {
    padding: 10px;
  }

  .manchete-urgente span {
    font-size: 16px;
  }

  .pos-slide {
    max-width: 100%;
    overflow: hidden;
  }

  .pos-subd-left,
  .pos-subd-right {
    float: none !important;
    width: 100% !important;
  }

  .subd-1,
  .subd-right1 {
    width: 100% !important;
  }

  .subd-2,
  .subd-3,
  .subd-4 {
    width: 100% !important;
    float: none !important;
  }

  .subd-3,
  .subd-4 {
    margin: 0 !important;
  }

  .noticia-sessao-1 {
    width: 100% !important;
    float: none !important;
  }

  .pos-noticia-sessao2 {
    width: 100% !important;
    float: none !important;
  }

  .noticia-sessao-2 {
    width: 100% !important;
    float: none !important;
  }

  .ntc-sessao2 {
    margin-top: 10px;
  }

  .anuncio-728,
  .pos-anuncio-728,
  .anuncio-300,
  .pos-anuncio-300 {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
    float: none !important;
  }

  .pos-galeria-estilo1-mega,
  .pos-video-estilo1-mega {
    width: 100% !important;
    float: none !important;
  }

  .pos-galeria-estilo1-mini {
    width: 100% !important;
    float: none !important;
  }

  .g-mini-right {
    float: none !important;
    width: 100% !important;
  }

  .galeria-estilo1-mini,
  .g-estilo-mini1-left,
  .g-estilo-mini1-right {
    width: 100% !important;
    float: none !important;
    margin: 5px 0 !important;
  }

  .box-bottom-ferr {
    width: 100% !important;
    float: none !important;
  }

  .titulo-enquete {
    font-size: 14px;
  }

  .a-resp {
    font-size: 13px;
  }

  .pos-cat-rodape {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .mn-an-fc {
    width: 100%;
    text-align: center;
  }

  .pos-copy {
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
  }

  .pesquisa-box {
    width: 100% !important;
    max-width: 100%;
  }

  .barr-top,
  .barr-top-no-wd {
    font-size: 12px;
  }

  .data-top {
    font-size: 11px;
  }

  .whats {
    font-size: 11px;
  }

  .pos-blogs-left {
    width: 100% !important;
    float: none !important;
    margin-bottom: 10px;
  }

  .blog-2,
  .blog-3 {
    margin-left: 0 !important;
  }

  .env {
    max-width: 100%;
    overflow-x: hidden;
  }

  .print {
    max-width: 100%;
    overflow-x: hidden;
  }
}

/* ---- SMALL MOBILE (max-width: 480px) ---- */
@media (max-width: 480px) {

  .manchete p {
    font-size: 18px !important;
  }

  .urgente-t1 {
    font-size: 12px;
  }

  .manchete-urgente span {
    font-size: 14px;
  }

  .manchete-urgente p {
    font-size: 12px;
  }

  .menu-rodape {
    font-size: 11px;
    padding: 3px 5px;
  }

  .bg-tit-slide {
    font-size: 12px;
  }

  .pos-tit-slide b {
    font-size: 13px;
  }

  .enq-1 {
    width: 100% !important;
  }

  .barra-resultado-enq {
    max-width: 100%;
  }
}