/*
 * TV Jaguari - camada responsiva (29/10/2026). Carregada depois do style.min.css.
 *
 * Faixas de largura do tema (sem sobreposição):
 *   celular     ate 767px     menu hamburguer, lateral abaixo do conteudo
 *   tablet      768-978px     menu hamburguer, lateral abaixo do conteudo
 *   computador  979-1199px    menu completo, lateral ao lado
 *   largo       1200px ou +   menu completo, conteudo limitado a 1200px
 *
 * Regras novas por faixa entram aqui, sempre com esses limites exatos.
 */

/* tablet: conteudo fluido (antes ficava preso em 768px e sobrava borda vazia ate 978px) */
@media only screen and (min-width:768px) and (max-width:978px){
.row,.body_wraper_box{max-width:100%}
}

/* computador estreito: conteudo fluido (antes ficava preso em 964px ate 1200px) */
@media only screen and (min-width:979px) and (max-width:1199px){
.row,.body_wraper_box,.body_wraper_box .menu_wrapper{max-width:100%}
}

/* bloco Acompanhe (3 cartoes): fluido, 3 por linha do tablet para cima (o tema usava 182/232px fixos e 1 por linha no tablet) */
@media only screen and (min-width:768px){
.four-post-style .feature-four-column.medium-four-columns{width:calc((100% - 40px) / 3);margin-right:20px}
.four-post-style .feature-four-column.medium-four-columns:nth-child(3n){margin-right:0}
.four-post-style .feature-four-column.medium-four-columns img{width:100%;height:auto}
}

/* tablet: lateral vai para baixo do conteudo; capas das edicoes digitais lado a lado em vez de empilhadas */
@media only screen and (min-width:768px) and (max-width:978px){
#sidebar .digital-widget .capinhacp{width:calc(50% - 10px);float:left}
#sidebar .digital-widget .capinhacp.dg-paulinia{float:right}
#sidebar .digital-widget .space20.dg-paulinia{display:none}
#sidebar .digital-widget .margin-bottom{clear:both}
}

/* texto só para leitores de tela e buscadores (ex.: h1 da home) - padrao do WordPress */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* widget Voce Reporter: titulo virou h3 (ordem dos titulos); mantem a margem que o h4 tinha */
.vcreporter-widget .simulafb h3{margin-bottom:4px!important}

/* celular: sem a faixa azul do topo; o botao do menu fica a esquerda do logo, que fica menor */
@media only screen and (max-width:767px){
.header-wraper{position:relative}
.header_top_wrapper{position:absolute;top:0;left:0;bottom:0;width:auto;background:transparent!important;z-index:5}
.header_top_wrapper .row{height:100%;padding:0 0 0 10px;display:flex;align-items:center}
.header_top_wrapper .header-top-right-bar{width:auto!important;margin:0!important}
.header_top_wrapper a.open{margin:0;padding:10px}
.header_top_wrapper .navicon-line{background-color:var(--tvj-azul)}
.header_main_wrapper{padding:12px 0}
.logo-gc{margin:0}
.logo-gc .logos-mobile img{width:230px;max-width:calc(100% - 110px)}
}

/* celular: lupa a direita do logo (simetrica ao botao do menu) e campo de busca que abre abaixo do cabecalho */
.busca-mobile-botao,.busca-mobile{display:none}
@media only screen and (max-width:767px){
.busca-mobile-botao{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--tvj-azul);cursor:pointer;z-index:5}
.busca-mobile-botao svg{width:26px;height:26px}
.busca-mobile.aberta{display:flex;gap:8px;padding:10px 16px;background:#fff;border-top:1px solid #e6e6e6;position:relative;z-index:4}
.busca-mobile input[type=search]{flex:1;min-width:0;height:42px;margin:0;padding:0 12px;border:1px solid #c9d3e0;border-radius:4px;font:16px 'Inter Tight',sans-serif;color:#222;background:#fff}
.busca-mobile button{height:42px;margin:0;padding:0 16px;border:0;border-radius:4px;background:var(--tvj-azul);color:#fff;font:600 14px 'Inter Tight',sans-serif;text-transform:uppercase;cursor:pointer}
}