/*
Theme Name: Sorria
Author: NascerWeb | Christiano Amaral
Author URI: http://nascer.net/
Description: Template desenvolvido exclusivamente para a SORRIA, em parceria com a agência AMICD.
Version: 1.0
*/
/*-------------------------------------------------------
WEBFONTS
-------------------------------------------------------*/
@font-face {
  font-family: 'Laca';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/LacaMedium.eot');
  src: url('fonts/LacaMedium.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaMedium.woff2')  format('woff2'),
       url('fonts/LacaMedium.woff')   format('woff'),
       url('fonts/LacaMedium.ttf')    format('truetype'),
       url('fonts/LacaMedium.svg#LacaMedium') format('svg');
}
@font-face {
  font-family: 'Laca';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/LacaMediumItalic.eot');
  src: url('fonts/LacaMediumItalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaMediumItalic.woff2')  format('woff2'),
       url('fonts/LacaMediumItalic.woff')   format('woff'),
       url('fonts/LacaMediumItalic.ttf')    format('truetype'),
       url('fonts/LacaMediumItalic.svg#LacaMediumItalic') format('svg');
}
@font-face {
  font-family: 'Laca';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/LacaSemibold.eot');
  src: url('fonts/LacaSemibold.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaSemibold.woff2')  format('woff2'),
       url('fonts/LacaSemibold.woff')   format('woff'),
       url('fonts/LacaSemibold.ttf')    format('truetype'),
       url('fonts/LacaSemibold.svg#LacaSemibold') format('svg');
}
@font-face {
  font-family: 'Laca';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/LacaSemiboldItalic.eot');
  src: url('fonts/LacaSemiboldItalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaSemiboldItalic.woff2')  format('woff2'),
       url('fonts/LacaSemiboldItalic.woff')   format('woff'),
       url('fonts/LacaSemiboldItalic.ttf')    format('truetype'),
       url('fonts/LacaSemiboldItalic.svg#LacaSemiboldItalic') format('svg');
}
@font-face {
  font-family: 'Laca';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/LacaBold.eot');
  src: url('fonts/LacaBold.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaBold.woff2')  format('woff2'),
       url('fonts/LacaBold.woff')   format('woff'),
       url('fonts/LacaBold.ttf')    format('truetype'),
       url('fonts/LacaBold.svg#LacaBold') format('svg');
}
@font-face {
  font-family: 'Laca';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/LacaBoldItalic.eot');
  src: url('fonts/LacaBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/LacaBoldItalic.woff2')  format('woff2'),
       url('fonts/LacaBoldItalic.woff')   format('woff'),
       url('fonts/LacaBoldItalic.ttf')    format('truetype'),
       url('fonts/LacaBoldItalic.svg#LacaBoldItalic') format('svg');
}
/*-------------------------------------------------------
RESET
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;   
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
* {
	outline: none;
}
a{
	outline: none !important;
}
button{
    border: none;
    padding: 0;   
    cursor: pointer;
	outline: none;
}
button::-moz-focus-inner {
	border: 0;
}
textarea,
input.text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	outline: none;
}
.clearfix{
	clear:both;
}
.clearbox::after{
	content: "";
	display: table;
	clear:both;
}
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
html{
    background-color: #FFF;  
	height:100%;
    font-size: 16px;   
}
body {
	background-color: #FFF;  
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    font-size: 16px;   
	color:#000;	
	overflow-x: hidden;    
	min-height: 100%;	
}
body.no-scroll{
    overflow-y: hidden;
}
h1, h2, h3, h4, h5, h6{      
    font-family: 'Laca';
    font-weight: 600;
    font-style: normal;   
    line-height: 1.1em;
}
h1{		   
    margin-bottom: 0.2em;
}	
h2.titulo-secao{
    border-bottom: 2px solid #FA6221;
    width: max-content;
    margin: 0 auto 0.5em;    
}
h2.titulo-secao-italico{  
    font-weight: 500;
    font-style: italic;    
}
h3{	
    margin-bottom: 0.25em;    
}
a{
	color: #000;
	text-decoration:none;
	transition: all 200ms ease-in-out;	
}
strong{
	font-weight: 600;
}
em{
	font-style: italic;
}
p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
p:last-child{
	margin-bottom: 0;
}
img{
	display: block;
	height: auto;
}
.site{
	width: 100%;
	height: auto;	
    padding: 170px 0 0;   
	z-index: 0;
	position: relative;
	overflow: hidden;	  
}
section{
	width: 100%;
	height: auto;
	position: relative;	
}
.inner{
    width: 1092px;	   
    height: auto;   
	margin: 0 auto;
    position: relative;   
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.btn-padrao,
input[type="submit"],
.search-filter-input-button{
    background: #FFF;   
    border: 1px solid #000;     
    border-radius: 30px; 
    width: max-content;
    height: 30px;    
    padding: 0 20px; 
    display: block;   
    color: #000;
    font-family: "Work Sans", sans-serif; 
    font-weight: 700;    
    text-transform: uppercase;
    line-height: 28px;     
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.btn-padrao:hover,
input[type="submit"]:hover{
    background: #000;   
    color: #FFF;   
}
.search-filter-input-button:hover{
    background: #000 !important;   
    color: #FFF !important;   ;   
}
.search-filter-input-button:focus{
    box-shadow: none !important;
}
/*EMENDAS OWL*/
.owl-nav {   
	width: 100%;
	height: 46px;
	padding: 0;	
	position: absolute;	
	left: 0;	
    pointer-events: none;
}
.owl-prev,
.owl-next {
    background: #D2F091 !important;         
    border: none !important;      
    border-radius: 36px;
	width: 36px;
    height: 46px;
    display: block;
    position: absolute;       
    pointer-events: all;
    transition: all 200ms ease-in-out;   
}
.owl-prev{
    left: -46px;
}
.owl-next{
    right: -46px;
    transform: scale(-1);    
}
.owl-prev span,
.owl-next span {
    content: "";
	border: 2px solid #000;
    border-right: none;
    border-bottom: none;
	width: 21px;
    height: 21px;
	display: block !important;
	position: absolute;   
    left: 8px;
    transform-origin: left top;
	transform: rotate(-45deg);	
    font-size: 0 !important;        
    transition: all 200ms ease-in-out;   
}  
.owl-prev:hover,
.owl-next:hover{
   background: #FA6221 !important;   
}
.owl-prev.disabled,
.owl-next.disabled{
    opacity: 0.3;
    cursor: default !important;
    pointer-events: none;
}
.owl-dots{
    width: 100%;
    position: absolute;
    bottom: 0;    
    text-align: center;
}
.owl-dots .owl-dot{
    background: #000 !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    transition: all 200ms ease-in-out;    
}
.owl-dots .owl-dot.active{
    background: #FA6221 !important;
}
/* PAGINAÇÃO */
.paginacao{
    width: 100%;
    margin: 60px 0 0;
    display: flex;    
    justify-content: center;
    gap: 0 10px;    
}
.paginacao .page-numbers{
    font-family: "Work Sans", sans-serif;   
    font-weight: 700;
    display: block;
}
.paginacao .page-numbers.current,
.paginacao a.page-numbers:hover{
    color: #FA6221;
}
.paginacao a.page-numbers path{
    transition: all 200ms ease-in-out;
}
.paginacao a.page-numbers:hover path{
    fill: #FA6221;
}
/*-------------------------------------------------------
FORMULÁRIOS
-------------------------------------------------------*/
.form label{
    display: block;
    font-family: "Open Sans", sans-serif;   
    font-weight: 600;    
    margin-bottom: 8px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select{
    background: #FFF;
    border: 1px solid #000;  
    border-radius: 15px;
	width: 100%;
    height: 30px;
	padding: 0 15px;
    font-family: "Work Sans", sans-serif;  
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	color:#000;	   
    margin-bottom: 20px;
    transition: all 200ms ease-in;
}
textarea{	 
    background: #FFF;     
	height: 160px;
	padding: 15px;	
    line-height: 1.25em;
    resize: none;
}
input[type="submit"]{ 
    margin: 0;     
}
/* PLACEHOLDER */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#000;	   
    opacity: 1;   
}
::-moz-placeholder { /* Firefox 19+ */
    color:#000;	   
    opacity: 1;     
}
:-ms-input-placeholder { /* IE 10+ */
    color:#000;	   
    opacity: 1;  
}
:-moz-placeholder { /* Firefox 18- */
    color:#000;	   
    opacity: 1;      
}
:focus::-webkit-input-placeholder {
    opacity: 0;   
}
:focus::-moz-placeholder {
    opacity: 0;  
}
:focus:-ms-input-placeholder {
    opacity: 0;   
}
:focus:-moz-placeholder {
    opacity: 0;    
}
/* EMENDAS */
.wpcf7 form{
    position: relative;
}
.wpcf7 form .wpcf7-response-output {    
	border: 2px solid #FA6221 !important;	    
    width: 100%;
	padding: 10px !important;
	color: #FA6221 !important; 
	font-weight: 600 !important;
    line-height: 1.5em;
	margin: 10px 0 0 !important;	
}
.wpcf7-not-valid-tip {
	color: #FA6221 !important;
	font-weight: 600 !important;
	display: block;
	text-transform: uppercase;
	margin: 5px 0 10px;
}
.wpcf7-not-valid-tip::before{
	content: "🡡 ";
	font-weight: normal !important;
}
.wpcf7-spinner {
    background-color: #FA6221 !important;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header {
	background: #FFF;
	width: 100vw;
    padding: 0 0 20px;
	position: fixed;
	top: 0;
	left: 0;	
	z-index: 3;       
}
.header-top,
.navegacao-editorias,
.navegacao{
    background: #FFF;
    position: relative;
}
.header-top{    
    z-index: 5;
    transition: all 300ms ease-in-out;  
}
.header-top .inner{   
    border-bottom: 2px solid #000;
    height: 110px;
    display: flex;   
    justify-content: start;
    align-items: center;
}
.logo-container {
	width: max-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	gap: 5px;
}
.logo-container h6 {
	font-size: 14px;
	font-style: italic;
    font-weight: 400;
}
/* BOTÃO MENU */
.btn-menu{	   
    background: none;  
    width: max-content;
    height: 20px;    
    display: block;
    position: relative;
    font-size: 0 !important;  
    margin: 10px 60px 0 0;  
}
.btn-menu span{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-family: 'Laca';      
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
}
.btn-menu-icone{
    width: 20px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
}
.bar{   
    background: #000;
    width: 20px;
    height: 3px; 
    position: absolute; 
    left: 0;
    transform-origin: center center;
    transition: all 200ms ease-in;
}
.bar.bar-1{
    top: 0px;
}
.bar.bar-2,
.bar.bar-3{   
    top: 5px;
}
.bar.bar-4{   
    top: 10px;
}
.btn-menu.active .bar.bar-2{
   transform: rotate(45deg);
}
.btn-menu.active .bar.bar-3{
    transform: rotate(-45deg);
 }
.btn-menu.active .bar.bar-1,
.btn-menu.active .bar.bar-4{
    opacity: 0;  
}
.social{
    width: max-content;
    font-size: 0;   
    margin: 10px 0 0;
}
.social a {		
    width: max-content;
    height: max-content;
	display: inline-block;	
	margin: 0 6px 0 0;   
}
.social a:last-child{
    margin: 0;
}
.social a path,
.btn-busca path,
.btn-search path{
    transition: all 200ms ease-in-out;
}
.btn-busca{
    background: none;    
    visibility: visible;
    opacity: 1;
    margin: 10px 0 0 auto;
    transition: all 200ms ease-in-out;
}
.btn-busca.active{
    visibility: hidden; 
    opacity: 0;
}
.btn-fecha-busca{
    display: none;
}
.social a:hover path,
.btn-busca:hover path,
.btn-search:hover path{
    fill: #FA6221;
}
/* BUSCA */
.busca {
	width: 280px;
	height: 30px;
	position: absolute;	
	right: 0;
    visibility: hidden; 
    opacity: 0;
    margin-top: 10px;
    z-index: 6;
    transition: all 300ms ease-in-out;    
}
.busca.active{
    visibility: visible;
    opacity: 1;
}
.form-busca{
    position: relative;
}
.form-busca input[type="text"]{
	background: #FFF;
    border: 1px solid #000;
    border-radius: 30px;
	width: 100%;
	height: 30px;
	padding: 0 40px 0 15px;		
	color: #000;	   
}
.form-busca button.btn-search {
	background: none;
	border: none;
	padding: 0;
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	transition: all 200ms ease-in-out;
}
/* NAVEGAÇÃO EDITORIAS */
.navegacao-editorias .inner{
    border-bottom: 2px solid #000;
    height: 40px;
    padding: 10px 0;
}
.navegacao-editorias ul.menu{
    display: flex;
    justify-content: center;
}
.navegacao-editorias ul.menu li{
    border-right: 2px solid #000;
    padding: 0 12px 0 10px;
    color: #FA6221;
}
.navegacao-editorias ul.menu li:first-child{
    padding-left: 0;
}
.navegacao-editorias ul.menu li:last-child{
    border-right: none;
    padding-right: 0;
}
.navegacao-editorias ul.menu li{
    font-size: 16px !important;
}
.navegacao-editorias ul.menu li a,
.menu-principal ul.menu li a{
    font-family: 'Laca';      
    font-size: 16px !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
}
.navegacao-editorias ul.menu li a:hover,
.navegacao-editorias ul.menu li.current-menu-item a,
.menu-principal ul.menu li a:hover,
.menu-editorias ul li a:hover{
    color: #FA6221;
}
/* NAVEGAÇÃO */
.navegacao{
    background: #FFF;   
    width: 100%;   
    position: absolute;
    top: 110px;   
    visibility: hidden; 
    opacity: 0;
    z-index: 4;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    transition: all 300ms ease-in-out;    
}
.navegacao.active{
    visibility: visible;
    opacity: 1;
}
.navegacao .inner{
    padding: 30px 0 40px;
    display: flex;   
    align-items: start;
}
.navegacao-menus{
    border-right: 1px solid #000;
    width: 617px;
    padding: 0 30px 0 0
}
.menu-editorias ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 76px;
    position: relative;
    margin-bottom: 60px;
}
.menu-editorias ul::before{
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 280px;
}
.menu-editorias ul li{
    width: 255px;       
}
.menu-editorias ul li a{
    width: max-content;
    display: block;   
    color: #000;   
    font-family: 'Laca';      
    font-size: 18px !important;
    font-weight: 500;
    line-height: 1.5em;
}
.menu-principal ul{
    display: flex;
    justify-content: space-between;
}
.menu-principal ul.menu li a{
    border-bottom: 1px solid #000;
}
.menu-principal ul.menu li a:hover{    
    border-color: #FA6221;
}
.navegacao-cta{
    width: 475px;
    padding: 0 0 0 75px;
}
.navegacao-cta-img{
    width: 100%;
    height: 227px;
    object-fit: cover;
    margin-bottom: 15px;
}
.navegacao-cta .btn-padrao{
    margin: 0 auto;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer{  
    background: #fff;
	width: 100vw;
	height: auto;	  
	position: relative;	
}
footer .inner{       
    padding: 40px 0;	   
    display: flex; 
    justify-content: center;  
    gap: 0 50px; 
    margin: 0 auto;
}
.logo-rodape{
    width: 200px;
}
.col-logo .social {	
	margin: 20px 0 0 auto;
}
.assina-news{
    margin-bottom: 25px;
}
.assina-news h4{
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0.5em;
}
.form-newsletter{
    width: 504px;
    min-height: 30px;
    padding: 0;
    position: relative;
}
.form-newsletter input[type="email"]{
    background: #EDEBDF;
    border: none;
    border-radius: 30px;
    width: 100%;
    height: 30px;
    padding: 0 100px 0 15px;		
    color: #000;	
    margin-bottom: 0;
}
.form-newsletter button.btn-assinar {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
.menu-rodape{       
    width: max-content;    
    margin-bottom: 25px;
}
.menu-rodape ul{    
    display: flex;    
    gap: 0 40px;  
}
.menu-rodape ul li a{
    width: max-content;    
    display: block;
    position: relative;
    color: #000;   
    font-family: "Work Sans", sans-serif;  
    line-height: 1em;
    text-transform: uppercase;
}
.menu-rodape ul li a:hover{
    color: #FA6221;
}
.btn-rodape{
    border-color: #FA6221;
    color: #FA6221;
    text-align: center;
    margin: 0 0 40px;
}
.btn-rodape:hover{
    background: #FA6221;
    color: #FFF;
}
.realizacao{
    width: max-content;    
    display: flex;   
    align-items: center;
    gap: 0 25px;
}
.realizacao p{
    align-self: start;  
    font-weight: 600;
    margin: 0;
}
.mol{
    width: 92px;
}
.raia{
    width: 98px;
}
.drogasil{
    width: 155px;
}
.rodape{   
    width: 1092px;
    padding: 0 0 40px;	
    
    margin: 0 auto;
}
p.direitos{       
    font-size: 14px !important;
    text-align: center;
    margin: 0;    
}
p.direitos br{
    display: none;
}
p.direitos a:hover{
    color: #FA6221;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
.topo .inner{
    width: 910px;
    padding: 60px 0 30px;
    text-align: center;
}
p.texto-topo,
.topo.topo-editoria p{
    width: 540px;
    font-family: "Work Sans", sans-serif;  
    text-align: center;
    margin: 0 auto;
}
.compartilhe{
    width: max-content;
    padding: 25px 0 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0 20px;
    margin: 0 auto;
}
.compartilhe h5{
    font-family: "Work Sans", sans-serif;  
    font-weight: 500;
    text-transform: uppercase;
}
.compartilhe .addtoany_list {
	display: flex;
    gap: 0 8px;
	line-height: 1;
}
.compartilhe .addtoany_list a {
	display: block;
	padding: 0;
	height: 26px;
}
.compartilhe .addtoany_list a path{
    transition: all 200ms ease-in-out;
}
.compartilhe .addtoany_list a:hover path {
    fill: #FA6221;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
/* BANNER */
.hero .inner { 
    border-bottom: 1px solid #000;
    padding: 0 0 50px;      
    display: flex;   
    gap: 0 32px;
}
.hero-col{
    width: 334px;   
    display: flex;
    flex-direction: column;
    gap: 32px 0;
}
/* SLIDER MATERIAS */
.slider-materias .inner{
    padding: 40px 0 60px;
    display: flex;
    gap: 0 12px;
}
.slider-materias h2{   
    margin-bottom: 45px;
}
.slider-materias-container{
    border: 2px solid #FA6221;
    width: 632px;   
    padding: 17px 20px 22px 20px;
    margin: 18px 0 0;
}
.slider-materias-container .owl-carousel{
    padding-bottom: 28px;
}
.slider-materias-container .owl-nav{
    top: 143px;
}
.slider-materias-container .owl-prev {
	left: -68px;
}
.slider-materias-container .owl-next {
	right: -68px;	
}
.slider-materias-container .owl-dot{
    background: #D7D4E4 !important;
}
.slider-materias-container .owl-dot.active{
    background: #FA6221 !important;
}
/* MAIS LIDAS */
.mais-lidas{
    background: #D2F091;
}
.mais-lidas .inner{
    padding: 30px 0;
}
.mais-lidas h2{
    margin: 0 0 25px;
}
.mais-lidas-lista{
    padding: 0 10px 55px;
}
.mais-lidas-lista .owl-nav{
    top: -4px;
}
.mais-lidas-lista .owl-dot{
    background: #000 !important;
}
.mais-lidas-lista .owl-dot.active{
    background: #FA6221 !important;
}
/* ANÚNCIO */
.anuncio{
    background: #EDEBDF;
}
.anuncio .inner{
    min-height: 210px;
    padding: 30px 0;
}
.anuncio-d-img{
    display: block;
}
.anuncio-m-img{
    display: none;
}
/* DOWNLOAD HOME */
.download .inner{    
    padding: 40px 0 30px;
    display: flex;
    justify-content: space-between;    
}
.download-item{
    width: 338px;   
}
.download-item-img{
    width: 100%;
    height: 278px;
    object-fit: cover;
    margin-bottom: 15px;
}
.download-item h3{ 
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
.download-item .btn-padrao{
    margin: 0 auto;
}
.download-col{
    width: 285px;
    display: flex;
    flex-direction: column;
    gap: 35px 0;   
}
.download .card-materia h3{
    margin-bottom: 0;
}
.download .card-materia p{
    display: none;
}
/* NOVA EDIÇÃO */
.nova-edicao .inner {	
	padding: 30px 0;
}
.nova-edicao h2.titulo-secao {
	border-bottom: 2px solid #FFF;	
    text-transform: uppercase;
	margin: 0 0 25px;
}
.nova-edicao .container{
    width: 1000px;
}
.nova-edicao .card-livro-galeria .owl-carousel{
    padding-bottom: 28px;
}
.nova-edicao .card-livro-galeria .owl-dot {
    width: 12px !important;
    height: 12px !important;
    margin: 0 5px;	
}
.nova-edicao .card-livro-galeria .owl-dot.active {
	background: #FFF !important;
}
/* RECEITAS */
.receitas .inner{
    padding: 50px 0 35px;
}
.receitas h2.titulo-secao-italico{   
    margin-bottom: 0.65em;
}
.lista-receitas{
    width: 1320px;
    position: relative;
    left: -114px;
}
.lista-receitas .owl-carousel{
    padding-bottom: 50px;
}
/* .lista-receitas .owl-nav {	
	width: 120px;
    top: -60px;
	left: unset;
    right: 114px;
} */
.lista-receitas .owl-nav {
	width: 1132px;
	top: 150px;
	left: 94px;
}
.lista-receitas .owl-prev {
	left: 0;
}
.lista-receitas .owl-next {
	right: 0;	
}
.lista-receitas .owl-dot.active {
	background: #D2F091 !important;
}
/* BOMBANDO */
.bombando{
    background: #000;
}
.bombando .inner{
    padding: 30px 0 55px;
}
.bombando h2.titulo-secao {
	border-bottom: 2px solid #D2F091;	
    color: #FFF;
    text-transform: uppercase;
	margin: 0 0 25px;
}
.bombando-lista{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 13px 9px;
}
.bombando .btn-padrao{
    background: #000;
    border: 1px solid #FFF;  
    color: #FFF;   
}
.bombando .btn-padrao:hover{
    background: #D2F091;
    border-color: #D2F091;
    color: #000;
}
/* PODCAST HOME */
.podcast-home .inner{
    padding: 55px 0 40px;
}
.texto-secao{
    margin-bottom: 30px;
}
.podcast-home-lista{
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
}
.podcast-home .btn-padrao{
    margin: 0 auto;
}
/* ESPECIAIS */
.especiais .inner{
    padding: 55px 0 65px;
}
.especiais-lista {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 20px 22px;
}
.card-especial {
	width: 256px;	
}
.card-especial-img-container {
	display: block;
	margin-bottom: 20px;
}
.card-especial-img{
    width: 100%;
    height: 258px;
    object-fit: cover;    
}
.card-especial h3{  
    font-weight: 600;
    margin-bottom: 0;
    transition: all 200ms ease-in-out;
}
.card-especial-img-container:hover + a > h3,
.card-especial h3:hover{
    color: #7BA2E6;
}
/* CHAMADA */
.chamada{
    background: #FA6221;
}
.chamada .inner{
    width: 724px;
    padding: 40px 0;
}
.chamada p{
    color: #FFF;
    font-family: 'Laca';   
    font-weight: 600;    
    line-height: 1.25em;
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
.page-template-page-sobre header,
.page-template-page-sobre .header-top,
.page-template-page-sobre .navegacao-editorias,
.page-template-page-sobre .topo,
.sobre,
.galeria-sobre,
.transparencia{
    background: #EDEBDF;
}
.page-template-page-sobre header.active .header-top{
    background: #FFF;
}
/* SOBRE */
.sobre .inner{
    padding: 30px 0 80px;
    display: flex;
    gap: 0 30px;    
}
.sobre-img{
    width: 448px;
    height: 352px;
    object-fit: cover;
}
.botoes-compre{
    padding: 20px 0 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0 10px;
}
.botoes-compre h4{
    color: #FA6221;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
/* GALERIA */
.galeria-sobre .inner {
	width: 1366px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}
.galeria-sobre-imgs {
    height: 480px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 6px;
    grid-row-gap: 6px;
}
.galeria-sobre-imgs img{
    object-fit: cover;
}
.gs-img-1 { grid-area: 1 / 1 / 3 / 2; }
.gs-img-2 { grid-area: 1 / 2 / 2 / 3; }
.gs-img-3 { grid-area: 2 / 2 / 3 / 3; }
.gs-img-4 { grid-area: 1 / 3 / 3 / 4; }

img.gs-img-1{
    width: 493px;
    height: 480px;
}
img.gs-img-2{
    width: 343px;
    height: 252px;
}
img.gs-img-3{
    width: 343px;
    height: 222px;
}
img.gs-img-4{
    width: 518px;
    height: 480px;
}
/* TRANSPARENCIA */
.transparencia .inner{
    padding: 40px 0 60px;
}
.transparencia p.texto-secao{
    margin-bottom: 50px;
}
.transparencia-lista{
    display: flex;
    justify-content: space-between;    
    margin: 30px 0 0;
}
.transparencia-item{
    background: #EDEBDF;
    border: 2px solid #FA6221;
    width: 264px;
    height: 208px;
    padding: 25px 16px 0 22px;
    color: #FA6221;
    font-family: "Work Sans", sans-serif;    
}
.transparencia-item p{
    line-height: 1;
}
.transparencia-item destaque{ 
    font-weight: 400;
}
.transparencia-item negrito{  
    font-weight: 600;
}
.transparencia-item numero{   
    font-weight: 400;
}
.transparencia-item titulo{   
    font-weight: 600;
    line-height: 1.15;
}
.transparencia-item texto {
	color: #000;
	font-weight: 600;
	padding: 10px 15px 0 0;
	display: block;
	line-height: 1.4em;
}
.transparencia-item riscado{
    width: 100%;
    display: block;
    text-align: center; 
    position: relative;   
}
.transparencia-item riscado destaque{
    background: #EDEBDF;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.transparencia-item riscado::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #FA6221;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 0;
}
.transparencia-item riscado + br{
    display: none;
}
/* PERGUNTAS FREQUENTES */
.faq{
    background: #D2F091;
}
.faq .inner{
    padding: 50px 0 40px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.faq-img-container{
    width: 540px;
    height: 418px;
    display: flex;
    justify-content: end;
}
.faq-img{
    width: 640px;
    height: 418px;
    object-fit: cover;
}
.faq-txt{
    width: 522px;
    height: auto;
}
.faq-txt h2.titulo-secao{
    margin: 0 0 1em;
}
dl.accordion dt{
    border-bottom: 1px solid #000;
    padding: 15px 0 9px;
    position: relative;
    cursor: pointer;
}
dl.accordion dt::after {
	content: "";
	background: url(img/seta-accordion.svg) no-repeat center center;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 6px;
	transform-origin: center center;
    transform: rotate(180deg);
	transition: all 200ms ease-in-out;
	top: 12px;
}
dl.accordion dt.active::after{
    transform: rotate(0deg);
}
dl.accordion dt h4{
    font-family: "Work Sans", sans-serif;   
    font-weight: 500;
    line-height: 1.25em;
    padding-right: 40px;
}
dl.accordion dd{
    padding: 10px 62px 20px 0;
}
/*-------------------------------------------------------
LIVROS
-------------------------------------------------------*/
.livros .inner{
    width: 1080px;
    padding: 10px 0 40px;
}
.livros h2.titulo-secao {
	border-bottom: 2px solid #FA6221;	
	margin: 0 auto 1.5em;
}
.livros-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    justify-content: start;
}
.card-livro {
	width: 340px;
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.card-livro-galeria{    
    margin-bottom: 20px;
}
.card-livro-galeria .owl-carousel{
    padding-bottom: 20px;
}
.card-livro-galeria .owl-nav{
    top: 50%;
    transform: translateY(-50%);
}
.card-livro-galeria .owl-prev,
.card-livro-galeria .owl-next {
	background: #FFF !important;	
	border-radius: 26px;
	width: 26px;
	height: 36px;	
}
.card-livro-galeria .owl-prev span,
.card-livro-galeria .owl-next span {
	width: 11px;
	height: 11px;	
}
.card-livro-galeria .owl-prev:hover,
.card-livro-galeria .owl-next:hover {
	background: #FA6221 !important;
}
.card-livro-galeria .owl-prev {
	left: 10px;
}
.card-livro-galeria .owl-next {
	right: 10px;	
}
.card-livro-galeria .owl-dot {	
    background: #000 !important;
	width: 8px;
	height: 8px;
	margin: 0 4px;	
}
.card-livro-galeria .owl-dot.active{
    background: #FA6221 !important;
}
.card-livro-img{
    width: 100%;
    height: 272px;
    object-fit: cover;
}
.card-livro h3{
    font-weight: 500;
}
.card-livro ul{
    list-style: disc outside;	
    padding: 0 0 0 14px;	
	margin-bottom: 20px;	
}
.card-livro ul:last-child{
    margin-bottom: 0;
}
.card-livro li{
	position: relative;  
    font-weight: 400;	
	line-height: 1.5em;	
}
.card-livro .btn-padrao {
	margin: auto auto 0;
}
/* EM BREVE */
.livros.em-breve{
    background: #EDEBDF;
}
.livros.em-breve .inner{   
    padding: 30px 0 50px;
}
.livros.em-breve h2.titulo-secao {
	border-bottom: 2px solid #7BA2E6;		
}
/* VERSÃO IMPRESSA */
.livros.versao-impressa .inner{   
    width: 1000px;
    padding: 30px 0 60px;
}
.livros.versao-impressa h2.titulo-secao {
	border-bottom: 2px solid #D2F091;		
}
.card-livro.vi {
    width: 100%;
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	align-items: start;		
}
.card-livro-galeria.vi{
    width: 435px;    
    margin-bottom: 0;
}
.card-livro-galeria.vi .card-livro-img{   
    height: 347px;   
}
.card-livro-vi-txt{
    width: 540px;
}
.card-livro-vi-txt h3{
    height: auto !important;
}
.card-livro.vi .botoes-compre .btn-padrao {
	margin: 0 !important;
}
/* POPUP */
.popup{
    background-color: #FFF;
    width: 480px;
    height: auto;    
    min-height: 480px;         
    padding: 0 !important;   
    display: none;   
}
.btn-fecha-popup{    
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    padding: 0;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;    
    z-index: 2;
    font-size: 0;
    transition: all 200ms ease-in-out;
}
.btn-fecha-popup::before,
.btn-fecha-popup::after{
    content: "";   
    background-color: #000; 
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;   
    top: 50%;
    left: 50%; 
    transform-origin: center center;
    transform: translate(-50%,-50%) rotate(45deg);
    transition: all 200ms ease-in-out;
}
.btn-fecha-popup::after{       
    transform: translate(-50%,-50%) rotate(-45deg);
}
.btn-fecha-popup:hover{
    background-color: #000;
}
.btn-fecha-popup:hover::before,
.btn-fecha-popup:hover::after{
    background-color: #FFF;
}
.popup-inner{
    width: 100%;
    height: 100%;
    padding: 50px 60px 40px;
    position: relative;
    z-index: 0;
}
.popup h2{
    text-align: center;
    margin-bottom: 1em;
}
.popup h2 span{
    color: #FA6221;
}
/*-------------------------------------------------------
CURSOS
-------------------------------------------------------*/
.cursos .inner{   
    padding: 30px 0 60px;
    display: flex;
    justify-content: space-between;    
}
.cursos-box{
    background: #7BA2E6;
    width: 540px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.cursos-box-img{
    width: 238px;
    height: 380px;
    object-fit: cover;
}
.cursos-box-txt{
    width: 247px;  
    padding: 30px 0 0; 
    color: #FFF;
}
.cursos-box-txt p{
    font-weight: 500;
}
.cursos-formulario{
    background: #D2F091;
    width: 506px;
    padding: 45px 20px 15px 38px;
}
.cursos-formulario-txt{
    display: flex;
    justify-content: space-between;
}
.cursos-formulario-txt h3{
    width: 125px;
}
.cursos-formulario-txt p{
    width: 290px;
}
.cursos-formulario-form{
    width: 356px;
    padding: 20px 0 0;
}
/* CURSOS REALIZADOS */
.cursos-realizados .inner{   
    padding: 0 0 60px;
}
.cursos-realizados h2 {
	margin: 0 0 1.5em;
}
.cursos-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    justify-content: start;
}
.card-curso {
	width: 344px;	
}
.card-curso-img{
    width: 100%;
    height: 276px;
    object-fit: cover;
    margin-bottom: 20px;
}
.card-curso h3{
    font-weight: 500;
}
/*-------------------------------------------------------
RECURSOS
-------------------------------------------------------*/
.filtros-recursos{
    width: 100%;
    padding: 35px 0 0;
    display: flex;
    justify-content: center;
    gap: 0 18px;
}
.select-filtro{
    width: 257px;
    height: 30px;
}
.search-filter-component-combobox {
	border-radius: 30px;
	padding: 0 0 0 20px;
}
.search-filter-component-combobox input[type="text"],
.search-filter-component-combobox__selection,
.search-filter-component-combobox-base__listbox-option {    
    padding: 0 !important;
    font-family: "Work Sans", sans-serif;   
    font-weight: 700;    
    text-transform: uppercase;
    line-height: 28px;   
}
.search-filter-component-combobox__listbox-toggle::before {
	content: none;	
}
.search-filter-component-combobox-base__listbox-option {	
	line-height: 22px;
	padding: .5em;	
	padding-left: calc(.5em + var(--search-filter-listbox-option-depth));
}
.recursos .inner{   
    width: 1069px;
    padding: 30px 0 60px;
}
.lista-recursos{
    display: flex;
    justify-content: start;    
    flex-wrap: wrap;
    gap: 45px 35px;
}
.card-recurso-img-container{
    display: block;
    margin-bottom: 17px;
}
.card-recurso {
	width: 241px;	
}
.card-recurso-img{
    width: 100%;
    height: 241px;
    object-fit: cover;    
}
.card-recurso h3{
    font-weight: 500;
    transition: all 200ms ease-in-out;
}
.card-recurso-img-container:hover + a > h3,
.card-recurso h3:hover{
    color: #FA6221;
}
/* SINGLE */
.recurso .inner{      
    padding: 30px 0 60px;
}
.galeria-recurso{
    margin-bottom: 32px;
}
.galeria-recurso .owl-carousel {
	padding-bottom: 28px;
}
.galeria-recurso .owl-dot.active {
	background: #7BA2E6 !important;
}
.recurso .btn-padrao{
    margin: 0 auto;
}
.relacionados .inner{    
    padding: 0 0 60px;
}
.relacionados h2.titulo-secao {
    border-bottom: 2px solid #7BA2E6;	
    margin: 0 0 1.5em;
}
.relacionados-lista{
    display: flex;
    justify-content: start;        
    gap: 0 45px;
}
/*-------------------------------------------------------
PODCASTS
-------------------------------------------------------*/
.topo-podcast .inner{
    padding: 20px 0 90px;
    display: flex;  
    justify-content: start;
    align-items: end;  
    gap: 0 70px;
}
.topo-podcast-img{
    width: 300px;
    height: 300px;
    object-fit: cover;
}
.topo-podcast-info{
    width: 555px;
}
.breadcrumb{    
    font-family: "Work Sans", sans-serif;   
    font-weight: 500;    
    text-transform: uppercase;
    margin-bottom: 20px;
}
.breadcrumb a:hover{
    color: #FA6221;
}
.topo-podcast-info h1{   
    margin-bottom: 18px;
}
.topo-podcast-info h4{
    font-family: "Work Sans", sans-serif;  
    font-weight: 500;    
    margin-bottom: 14px;
}
.topo-podcast-info audio{
    width: 100%;    
}
.topo-podcast-info .compartilhe {	
	padding: 35px 0 0;	
	margin: 0;
}
/* EPISÓDIOS */
.episodios .inner{      
    padding: 0 0 40px;
}
.episodio{
    border-bottom: 2px solid #D7D4E4;
    padding: 0 68px 80px 0;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 0 20px;
    position: relative;
    margin-bottom: 30px;
}
.episodio:last-child{
    margin-bottom: 0;   
}
.episodio-titulo{
    width: 349px;
    padding: 0 0 0 60px;
}
.episodio-numero {
	border: 1px solid #000;
	border-radius: 60px;
	width: 46px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Work Sans", sans-serif;
	font-weight: 300;
	line-height: 56px;
	text-align: center;
	letter-spacing: -0.03em;
}
.episodio-titulo h3{
    font-family: "Work Sans", sans-serif;  
    font-weight: 600;   
    margin-bottom: 50px; 
}
.btn-episodio{
    width: max-content;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0 10px;
}
.btn-episodio span{
    color: #FA6221;
    font-family: "Work Sans", sans-serif;  
    font-weight: 600;       
}
.btn-episodio path{
    fill: #FA6221;
    transition: all 200ms ease-in-out;
}
.btn-episodio:hover path{
    fill: #000;
}
.episodio-txt{
    width: 655px;
}
.episodio .compartilhe{
    padding: 0;
    position: absolute;
    bottom: 35px;
    left: 369px;
    gap: 0 10px;
    margin: 0;
}
.episodio .compartilhe h5{      
    text-transform: none;
}
.episodio .compartilhe .addtoany_list a {	
	height: 18px;
}
.episodio .compartilhe .addtoany_list a svg {
	width: 18px;
	height: 18px;
}
.episodio .compartilhe .addtoany_list a path {
    fill: #FA6221;
}
.episodio .compartilhe .addtoany_list a:hover path{
    fill: #000;
}
.podcast-relacionados-lista{
    display: flex;
    justify-content: start;    
    flex-wrap: wrap;
    gap: 0 35px;
}
/*-------------------------------------------------------
CARD MATÉRIA
-------------------------------------------------------*/
.card-materia {
	width: 334px;	
}
.card-materia-img-container{
    display: block;
    margin: 0 0 17px;
}
.card-materia-img{
    width: 100%;
    height: 180px;
    object-fit: cover;    
}
.card-materia-cats{
    margin-bottom: 10px;   
}
.card-materia-cats a{
    color: #FA6221;
    font-family: 'Laca';  
    font-weight: 700; 
    text-transform: uppercase;   
}
.card-materia-cats a:hover{
    color: #000;
}
.card-materia h3{
    font-weight: 500;
    transition: all 200ms ease-in-out;
}
.card-materia-img-container:hover ~ a > h3,
.card-materia h3:hover{
    color: #FA6221;
}
.card-materia p{
    width: 285px;
}
/* DESTACADA HERO */
.card-materia.hero {
	width: 693px;	
}
.card-materia.hero .card-materia-img{  
    height: 373px;   
}
.card-materia.hero h1{    
    font-weight: 500;    
    transition: all 200ms ease-in-out;
}
.card-materia.hero .card-materia-img-container:hover ~ a > h1,
.card-materia.hero  h1:hover{
    color: #FA6221;
}
.card-materia.hero p{
    width: 500px;
}
/* DESTACADA */
.card-materia.destacada {
	width: 540px;	
}
.card-materia.destacada .card-materia-img{  
    height: 274px;   
}
.card-materia.destacada h3{  
    font-weight: 600;    
}
.card-materia.destacada p{
    width: 500px;
}
/* SEM FOTO */
.card-materia.sem-foto {
	width: 285px;	    
}
.card-materia.sem-foto h3{
    font-family: "Work Sans", sans-serif;   
    font-weight: 600;   
    margin-bottom: 0; 
}
/* HORIZONTAL */
.card-materia.horizontal {
	width: 448px;	
    display: flex;
}
.card-materia.horizontal .card-materia-img-container{   
    margin: 0 10px 0 0;
}
.card-materia.horizontal .card-materia-img{
    width: 123px;
    height: 123px;    
}
.card-materia.horizontal .card-materia-info{
    padding: 13px 0 0;
}
.card-materia.horizontal h3{  
    font-weight: 600;    
}
/* DESTACADA */
.card-materia.slide {
	width: 588px;	
}
.card-materia.slide .card-materia-img{  
    height: 331px;   
}
.card-materia.slide h3{   
    font-weight: 600;    
    margin-bottom: 0;
}
/* MAIS LIDA */
.card-materia.mais-lida {
	width: 100%;	
    padding: 0 0 0 42px;
    position: relative;    
}
.card-materia.mais-lida span.numero {
	color: #FA6221;
	font-family: "Work Sans", sans-serif;	
	font-weight: 300;
	letter-spacing: -0.1em;
	position: absolute;
	top: -6px;
	left: -10px;
	width: 42px;
	text-align: right;
}
.card-materia.mais-lida h3{
    font-family: "Work Sans", sans-serif;   
    font-weight: 500;   
    margin-bottom: 0; 
}
/* RECEITA */
.card-materia.receita {
	width: 344px;	
}
.card-materia.receita .card-materia-img{  
    height: 328px;   
}
.card-materia.receita h3{     
    font-weight: 600;    
    margin-bottom: 0;
}
/*-------------------------------------------------------
EDITORIA
-------------------------------------------------------*/
/* SERIE ESPECIAL */
.topo.topo-editoria.serie-especial h4{
    color: #FA6221;  
    text-transform: uppercase;
    margin-bottom: 11px;
}
.topo.topo-editoria.serie-especial h1{
    margin-bottom: 32px;
}
.serie-especial-img{
    width: 908px;
    height: 338px;
    object-fit: cover;
    margin: 0 auto 27px;
}
.topo.topo-editoria.serie-especial p{
    font-family: 'Laca';
    font-weight: 600;
    line-height: 1.25em;
}
/* TAG */
.topo.topo-editoria.tag .inner{
    padding: 20px 0 30px;
}
h4.titulo-tag{
    border: 1px solid #000;
    border-radius: 21px;
    width: 39px;
    height: 21px;
    font-family: "Work Sans", sans-serif;  
    font-weight: 700;  
    line-height: 19px;
    text-transform: uppercase; 
    margin: 0 auto 20px;
}
.editoria .inner{    
    width: 1078px;  
    padding: 0 0 60px;   
}
.filtro-ordenacao{
    display: flex;
    justify-content: center;
    gap: 0 12px;
    margin: 0 0 40px;
}
.filtro-ordenacao .btn-padrao.ativo{
    border-color: #FA6221;
    color: #FA6221;
    cursor: not-allowed;
    pointer-events: none;
}
.editoria-lista{
    display: flex;
    flex-wrap: wrap;
    gap: 45px 38px;
}
.destacados .inner{    
    width: 1078px;  
    padding: 10px 0 100px;   
    display: flex;
    align-items: start;
    gap: 0 46px;
}
.fixadas{
    width: 448px;
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}
/*-------------------------------------------------------
SINGLE MATÉRIA (POST)
-------------------------------------------------------*/
.topo.topo-materia .inner {	
	padding: 25px 0 40px;	
}
.topo.topo-materia h3{  
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.topo.topo-materia p.texto-topo{
    margin: 0 auto 1em;
}
.topo-meta{
    padding: 20px 0 0;
    position: relative;
}
.topo-meta::before{
    content: "";
    background: #FA6221;
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.topo-meta p{
    font-family: "Work Sans", sans-serif;  
    font-style: italic;  
    line-height: 1.75em;
    margin-bottom: 0;
}
.topo.topo-materia .compartilhe {	
	padding: 15px 0 0;	
}
/* MATÉRIA */
.materia .inner{
    width: 910px;
}
.materia-img{
    width: 100%;
    height: 560px;
    object-fit: cover;
    margin-bottom: 70px;
}
.materia-conteudo{
    width: 724px;
    padding: 0;
    position: relative;
}
.materia-conteudo .padrao > p:first-of-type::first-letter {
    color: #000;
    font-family: "Work Sans", sans-serif;
    font-size: 3.5em;
    line-height: 0.8;   
    font-weight: 500;
    float: left;
    margin: 6px 4px 0 -4px;   
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
.padrao h1,
.padrao h2,
.padrao h3,
.padrao h4,
.padrao h5,
.padrao h6{    
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 1.75rem;
}
p:empty {
	line-height: 0;
    margin-bottom: 0;
}
.padrao p{
    margin-bottom: 1.75rem;
}
.padrao p a{		
	text-decoration: underline;
}
.padrao p a:hover{
	color: #FA6221;
}
.padrao ul,
.padrao ol{
	padding: 0 0 0 20px;
	margin-bottom: 2rem;	
}
.padrao ul{
    list-style: disc outside;	
}
.padrao ol{
	list-style: decimal outside;
}
.padrao li{
	position: relative;      
	line-height: 1.5em;	
}
.padrao *:last-child{
    margin-bottom: 0;
}
/* GALERIA */
.wp-block-gallery{
    margin-bottom: 2rem;
}
.wp-block-gallery figcaption.wp-element-caption{
    background: #EDEBDF;
    padding: 16px 20px;
    font-family: "Work Sans", sans-serif;  
    line-height: 1.5em;
}
.wp-block-gallery .owl-nav{
    top: 180px;
}
.wp-block-gallery .owl-prev,
.wp-block-gallery .owl-next{
    background: transparent !important;
}
.wp-block-gallery .owl-prev {    
	left: 10px;
}
.wp-block-gallery .owl-next {
	right: 10px;	
}
.wp-block-gallery .owl-prev span, 
.wp-block-gallery .owl-next span {
	border-color: #FFF;
}
.wp-block-gallery .owl-prev:hover,
.wp-block-gallery .owl-next:hover {
	background: #FA6221 !important;
}
/* LISTA-ÍCONES */
.bloco-lista-com-icone{
    margin-bottom: 3.5rem;
}
.lista-icone-container{
    width: 1092px;
    padding: 30px 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px 24px;
    position: relative;
    left: -91px;    
}
.lista-icone-container::after,
.lista-container::after{
    content: "";
    background: #EDEBDF;
    width: 100vw;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.lista-icone-item{
    width: 348px;
    display: flex;
    gap: 0 8px;
}
.lista-icone-img{
    border-radius: 50%;
    width: 134px;
    height: 134px;
    object-fit: cover;
}
.lista-icone-txt{
    width: 206px;
    padding-top: 62px;
}
.lista-icone-txt h3{  
    font-weight: 500;
    margin-bottom: 1em;
}
/* NÚMEROS */
.bloco-numeros{
    margin-bottom: 2.5rem;  
}
.numeros-container{
    background: #7BA2E6;
    width: 1164px;
    padding: 60px 36px;   
    position: relative;
    left: -127px;
    color: #FFF;    
}
.numeros-container h2,
.lista-container h2 {
	background: #FADCDB;
    width: max-content;
	padding: 10px 16px;	
	position: absolute;
	top: -18px;
    margin-bottom: 0;
}
.numeros-txt{
    width: 930px;
    padding: 0 0 0 91px;
}
.lista-numeros{
    padding: 50px 16px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px 20px;
}
.numero-item{
    width: 250px;
    display: flex;
    justify-content: start;
}
.numero-item h3{
    width: 76px;
    color: #D2F091;  
    font-weight: 700;
    margin-bottom: 0;
}
.numero-item p{
    width: 174px;
    padding-top: 5px;
    font-style: italic;
}
/* LISTA */
.bloco-lista{
    margin-bottom: 3.5rem;
}
.lista-container{
    width: 1092px;
    padding: 60px 91px;  
    position: relative;
    left: -91px;
    margin-top: 3.5rem;    
}
.lista-container h2 {
	background: #7BA2E6;  	  
}
.lista-lista{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 24px 12px;
}
.lista-item{
    width: 264px;
}
.lista-item h3{   
    font-weight: 500;
    line-height: 1.25em;
    text-decoration: underline;
    text-decoration-color: #FA6221;
    text-decoration-thickness: 2px; 
    text-underline-offset: 4px;
}
/* LEIA MAIS */
.bloco-leia-mais{
    margin-bottom: 1.75rem;
}
.leia-mais{
    border-top: 2px solid #EDEBDF;
    border-bottom: 2px solid #EDEBDF;
    padding: 18px 0;
    display: flex;    
    justify-content: start;
    gap: 0 28px;    
}
.leia-mais h4{    
    color: #7BA2E6;   
}
ul.leia-mais-lista{
    width: 606px;
    padding: 0;
    list-style: none;
}
ul.leia-mais-lista li{
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 8px;
}
ul.leia-mais-lista li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
ul.leia-mais-lista li::after{
    content: "";
    background: #D2F091;
    width: 28px;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
ul.leia-mais-lista li:last-child::after{
    content: none;
}
.leia-mais-lista a{    
    width: max-content;
    max-width: 100%;
    display: block;    
    font-family: "Work Sans", sans-serif;  
    font-weight: 500;
    line-height: 1.1em;    
}
.leia-mais-lista a:hover{
    color: #FA6221;
}
/* COMPARILHE MATÉRIA */
.bloco-compartilhe{
    margin-bottom: 1.75rem;
}
.compartilhe-materia{
    border-top: 2px solid #FADCDB;
    border-bottom: 2px solid #FADCDB;
    padding: 10px 0;
    display: flex;    
    justify-content: center;
    align-items: center;
    gap: 0 14px;    
}
.compartilhe-materia h5{  
    font-weight: 500;
    text-transform: none;
    margin-bottom: 0;
}
/* BOX IMAGEM */
.bloco-imagem-com-texto{
    margin-bottom: 2.5rem;
}
.box-imagem{
    background: #7BA2E6;
    width: 1092px;   
    display: flex;
    position: relative;
    left: -91px;    
}
.box-imagem-img{
    width: 448px;   
    object-fit: cover;
}
.box-imagem-txt{
    width: 644px;
    padding: 40px;
    color: #FFF;
}
.box-imagem-txt h2{
    color: #FFF;
    margin-bottom: 1.25rem;
}
.box-imagem-txt ul{
    padding: 0 0 0 30px;
}
.box-imagem-txt  li{
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.5em;
}
.box-imagem-txt  li:last-child{
    margin-bottom: 0;
}
.box-imagem-txt ul li::marker {
    color:#D2F091; 
    font-size: 1.25em; 
}
/* BOX CTA */
.bloco-cta{
    margin-bottom: 2.5rem;
}
.box-cta{
    background: #7BA2E6;
    width: 1092px;   
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    left: -91px;    
}
.box-cta-img{
    width: 540px;   
    height: 450px;
    object-fit: cover;
}
.box-cta-txt {
	width: 552px;
	padding: 50px 40px 40px;	
}
.box-cta-txt h3{     
    margin-bottom: 1.25rem;
}
.box-cta-txt .btn-padrao{
    border: none;
}
/* GALERIA MOSAICO */
.bloco-galeria-mosaico{
    margin-bottom: 2.5rem;
}
.galeria-mosaico {
    width: 1092px;
    padding: 0 276px 0 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    left: -91px;    
}
.galeria-mosaico a { 
    display: block;
 }
.galeria-mosaico a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.galeria-mosaico a:nth-child(1){
    width: 356px;
}
.galeria-mosaico a:nth-child(2){
    width: 171px;
}
.galeria-mosaico a:nth-child(3){
    width: 289px;
}
.galeria-mosaico a:nth-child(1),
.galeria-mosaico a:nth-child(2),
.galeria-mosaico a:nth-child(3){
    height: 212px;
}
.galeria-mosaico a:nth-child(5){
    width: 184px;
}
.galeria-mosaico a:nth-child(6){
    width: 264px;
}
.galeria-mosaico a:nth-child(7){
    width: 368px;
}
.galeria-mosaico a:nth-child(5),
.galeria-mosaico a:nth-child(6),
.galeria-mosaico a:nth-child(7){
    height: 242px;
}

.galeria-mosaico a:nth-child(4){
    width: 276px;
    height: 454px;
    position: absolute;
    top: 0;
    right: 0;
}
/* CITAÇÕES */
.citacao{    
    padding: 24px 0  20px 46px;
    position: relative;
    z-index: 1;
}
.citacao::before,
.citacao::after{
    content: "";   
    height: 2px;
    display: block;
    position: absolute;    
}
.citacao::before {
	width: 460px;
	top: 0;
	left: 46px;
}
.citacao::after{
    width: 460px;
    right: 0;
    bottom: 0;
}
.citacao p{
    font-family: "Work Sans", sans-serif;   
    font-weight: 500;
    line-height: 1.2em;   
    margin-bottom: 0.75em; 
}
.citacao small{
    width: max-content;
    display: block;
    font-weight: 500;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 0 auto;
}
.bloco-citacao-pequena{
    margin-bottom: 3.5rem;
}
.citacao-pequena{
    padding: 0 170px 0 48px;        
}
.citacao-pequena .citacao::before,
.citacao-pequena .citacao::after{  
    background: #FA6221;   
}
.bloco-citacao-grande{
    margin-bottom: 3.5rem;
}
.citacao-grande{    
    width: 910px;
    padding: 160px 95px 120px 48px;
    color: #FFF;    
    position: relative;
}
.citacao-grande .citacao::before,
.citacao-grande .citacao::after{  
    background: #FFF;   
}
.citacao-grande-bg{    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.citacao-grande-bg::before{
    content: "";
    background: #FA6221;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.95;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.contato .inner{      
    padding: 10px 0 60px;    
}
.lista-contato{
    width: 700px;    
    display: flex;
    flex-wrap: wrap;
    gap: 25px 40px;
    margin: 0 auto 70px;
}
.item-contato {
	width: 330px;
	display: flex;
    align-items: start;	
	gap: 0 10px;
}
.item-contato-img{
    width: 60px; 
}
svg.item-contato-img * {
  clip-path: none !important;
}
.item-contato a,
.item-contato p{
    width: 260px;
    padding-top: 18px;
    font-family: "Work Sans", sans-serif;  
    font-size: 18px;
    font-weight: 600;    
    line-height: 1.3em;    
}
.item-contato a:hover{
    color: #FA6221;
}
.formulario-contato{
    border-top: 1px solid #FA6221;
    border-bottom: 1px solid #FA6221;
    width: 514px;
    padding: 20px 50px 35px;
    margin: 0 auto 30px;
}
.formulario-contato form{
    width: 356px;
    margin: 0 auto;
}
.sugestoes-contato{
    width: 664px;    
    padding: 20px 0 0;
    margin: 0 auto;
}
.formulario-contato h2,
.sugestoes-contato h2{
    width: 100%;
    text-align: center;
    margin-bottom: 0.75em;
}
.sugestoes-contato .item-contato{
    margin: 0 auto;
}
/*-------------------------------------------------------
INSTITUCIONAL
-------------------------------------------------------*/
.topo.topo-institucional .inner{
    width: 722px;
    padding: 60px 0;
}
.topo.topo-institucional .inner::after{
    content: "";
    background: #FA6221;
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.institucional .inner{
    width: 722px;
    padding: 60px 0;
}
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.conteudo-404 .inner {
	height: auto;
    padding: 60px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
    gap: 60px;
}
.conteudo-404 h1{   
   font-size: 0;
   width: 0;
   height: 0;
   position: absolute;
   top: 0;
   left: 0;
   text-indent: -9999px;
}
.conteudo-404 p{
    width: 710px;
    text-align: center;
}
/*-------------------------------------------------------
BUSCA
-------------------------------------------------------*/
.topo.topo-busca .inner{
    width: 540px;
    padding: 30px 0 30px;
}
.topo.topo-busca h1 {	
	margin-bottom: 0.75em;
}
.topo.topo-busca .form-busca {	
	margin-bottom: 25px;
}
.topo.topo-busca p{
    font-family: "Work Sans", sans-serif; 
    font-weight: 500;
    line-height: 1.25em;  
    margin: 0; 
}
.topo.topo-busca p span{
    color: #FA6221;
    font-weight: 700;
}
/*-------------------------------------------------------
ACESSIBILIDADE
-------------------------------------------------------*/
.btn-acessibilidade {
	background: #FA6221;
	border: none;
	border-radius: 50%;
	width: 60px;
	height: 60px;
    padding: 10px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 50;
    transition: all 200ms ease-in-out;
}
.btn-acessibilidade svg{
    width: 30px;
    height: 40px;
}
.btn-acessibilidade.active,
.btn-acessibilidade:hover{
    background: #000;
}
/* Controle de Acessibilidade */
.controles-acessibilidade {
    background: #FFF;   
    border: 2px solid #000;
    padding: 30px;
	position: fixed;
	bottom: 90px;
	right: 30px;	
    visibility: hidden;
    opacity: 0;
	z-index: 50;	
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    transition: all 300ms ease-in-out;
}
.controles-acessibilidade.active {
	visibility: visible;
	opacity: 1;
}
.controles-acessibilidade h2{
    font-size: 28px !important;
    margin-bottom: 20px;
}
.controles-acessibilidade .btn-padrao{
    font-size: 16px !important;
}
.btn-fecha {
    background: none;
	width: 20px;
	height: 13px;
	position: absolute;
	top: 40px;
	right: 30px;
}
.btn-fecha .bar.bar-1,
.btn-fecha .bar.bar-2{
    top: 5px;
}
.btn-fecha .bar.bar-1 {
	transform: rotate(45deg);
}
.btn-fecha .bar.bar-2 {
	transform: rotate(-45deg);
}
.btn-fecha:hover .bar{
    background: #FA6221;
}
.controle-item{
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 20px;
}
.controle-item h3{
    font-size: 24px !important;
    text-align: center;
    margin-bottom: 0.75em;
}
/* Controles (Botões) */
#font-controls {
    display: flex;
    gap: 0.5rem; /* space-x-2 */
}
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn:disabled:hover {
    background: #FFF;
    color: #000;
}
.center{
    margin: 0 auto;
}
/*-------------------------------------------------------
-------------------------------------------------------
RESPONSIVO
-------------------------------------------------------
-------------------------------------------------------*/
@media only screen and (max-width : 810px) {
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
.site{	
    padding: 90px 0 0;   	
}	
.inner{
    width: calc( 100vw - 40px );   
}
/* PAGINAÇÃO */
.paginacao{   
    margin: 40px 0 0;   
}
/*-------------------------------------------------------
FORMULÁRIOS
-------------------------------------------------------*/
textarea{	   
	height: 120px;	
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
.header-top .inner{       
    width: 100vw;
    height: 70px;     
    padding: 0 20px;  
}
.logo-container {	
	top: 6px;
    gap: 3px;
}
.logo {	
    width: 132px;   
    height: 34px;   
}
.logo-container h6 {
	font-size: 12px;	
}
/* BOTÃO MENU */
.btn-menu{	    
    width: 28px;
    height: 22px;     
    margin: 10px 0 0 0;  
}
.btn-menu span{ 
    font-size: 10px;   
}
.btn-menu-icone{
    width: 28px;  
    display: block;  
    margin-right: 0;
    margin-bottom: 2px;
}
.bar{      
    width: 28px;   
}
.btn-menu.active .bar.bar-2{
   transform: rotate(19deg);
}
.btn-menu.active .bar.bar-3{
    transform: rotate(-19deg);
}
.social{
    width: max-content;
    font-size: 0;   
    margin: 10px 0 0;
    display: none;
}
.social a {		
    width: max-content;
    height: max-content;
	display: inline-block;	
	margin: 0 6px 0 0;   
}
.social a:last-child{
    margin: 0;
}
.social a path,
.btn-busca path,
.btn-search path{
    transition: all 200ms ease-in-out;
}
.btn-fecha-busca {
	background: #FFF;
	width: 18px;
	height: 18px;
    display: block;
	position: absolute;
	top: 28px;
	right: 20px;
    visibility: hidden; 
    opacity: 0;
    transition: all 200ms ease-in-out;
}
.btn-fecha-busca.active{
    visibility: visible; 
    opacity: 1;
}
.btn-fecha-busca::before,
.btn-fecha-busca::after{
    content: "";
    background: #000;
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: 8px;
    left: -1px;
    transform: rotate(45deg);
}
.btn-fecha-busca::after{
    transform: rotate(-45deg);
}
.social a:hover path,
.btn-busca:hover path,
.btn-search:hover path{
    fill: #FA6221;
}
/* BUSCA */
.busca {
    background: #FFF;
	width: 100vw;
	height: 60px;
    padding: 15px 20px;	
	top: 70px;
    margin-top: 0;
}
/* NAVEGAÇÃO EDITORIAS */
.navegacao-editorias{
    display: none !important;
}
.navegacao-editorias .inner{   
    width: 100vw;   
    padding: 10px 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.navegacao-editorias .inner::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.navegacao-editorias ul.menu{
    width: max-content;
    display: inline-flex;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
}
.navegacao-editorias ul.menu.dragging {
    cursor: grabbing !important;
}
.navegacao-editorias ul.menu li{
    border-right: 2px solid #000;
    padding: 0 12px 0 10px;
    color: #FA6221;
}
.navegacao-editorias ul.menu li:first-child{
    padding-left: 0;
}
.navegacao-editorias ul.menu li:last-child{
    border-right: none;
    padding-right: 0;
}
.navegacao-editorias ul.menu li a,
.menu-principal ul.menu li a{
    font-family: 'Laca';        
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
}
.navegacao-editorias ul.menu li a:hover,
.navegacao-editorias ul.menu li.current-menu-item a,
.menu-principal ul.menu li a:hover,
.menu-editorias ul li a:hover{
    color: #FA6221;
}
/* NAVEGAÇÃO */
.navegacao {
	top: 70px;
	box-shadow: none;	
	height: calc(100vh - 70px );
    overflow-x: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.navegacao::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.navegacao .inner{
    width: 100vw;
    padding: 30px 20px 60px;
    flex-direction: column;
}
.navegacao-menus{
    border-right: none;   
    width: 100%;
    padding: 0 0 35px
}
.menu-editorias ul{    
    border-bottom: 1px solid #000;
    padding-bottom: 28px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px 0;    
    margin-bottom: 25px;
}
.menu-editorias ul::before{
    content: none;     
}
.menu-editorias ul li{
    width: 100%;       
}
.menu-principal ul{   
    justify-content: start;
    flex-direction: column;   
    gap: 20px 0;    
}
.navegacao-cta {
	width: 100vw;
	padding: 0;
	position: relative;
	left: -20px;
}
.navegacao-cta-img{   
    height: 210px;   
    margin-bottom: 20px;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer .inner{       
    padding: 35px 0 40px;	   
    flex-direction: column;
    justify-content: start;  
    align-items: center;
    gap: 30px 0;     
}
.assina-news{
    margin-bottom: 25px;
}
.col-infos{
    width: 100%;
}
.form-newsletter{
    width: 100%;   
}
.menu-rodape ul {
	gap: 15px;
	flex-direction: column;
}
.btn-rodape{
    width: 100%;  
}
.realizacao{
    padding-top: 35px;
    width: 100%;       
    justify-content: space-between;    
    gap: 0;
    position: relative;
}
.realizacao p{
    position: absolute;
    top: 0;
}
.mol{
    width: 25%;
}
.raia{
    width: 26%;
}
.drogasil{
    width: 40%;
}
.rodape {
	width: 100%;
	padding: 0 20px 35px;
}
p.direitos br{
    display: inline;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
.topo .inner{
    width: calc( 100vw - 40px );
    padding: 40px 0 20px;    
}
p.texto-topo,
.topo.topo-editoria p{
    width: 100%;
    padding: 0 5px;   
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
/* BANNER */
.hero .inner {     
    padding: 0 0 30px;
    flex-direction: column;   
    gap: 32px 0;
}
.hero-col {
	width: 100%;
	padding: 0;
    gap: 20px 0;
}
/* SLIDER MATERIAS */
.slider-materias .inner{
    padding: 40px 0;
    flex-direction: column;
    gap: 40px 0;
}
.slider-materias h2{   
    margin-bottom: 30px;
}
.slider-materias-container{    
    width: 100%;   
    padding: 17px 10px 28px 10px;
    margin: 0;
}
.slider-materias-container .owl-carousel{
    padding-bottom: 36px;
}
/* MAIS LIDAS */
.mais-lidas .inner{
    padding: 35px 0;
}
.mais-lidas h2{
    margin: 0 0 30px;
}
.mais-lidas-lista{
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}
/* ANÚNCIO */
.anuncio .inner{   
    padding: 20px 0
}
.anuncio-d-img{
    display: none;
}
.anuncio-m-img{
    width: 100%;
    display: block;
}
/* DOWNLOAD HOME */
.download .inner{
    border-bottom: none;
    padding: 40px 0 35px;   
    flex-direction: column;       
}
.download-item{
    width: 100%;
    margin: 0 0 40px;
}
.download-item-img{   
    height: calc( ( 100vw - 40px ) * 0.8225);   
}
.download-col{
    width: 100%;   
    margin: 35px 0 0;
}
/* NOVA EDIÇÃO */
.nova-edicao{
    background: #D2F091;
}
.nova-edicao .inner {	
	padding: 30px 0 40px;   
}
.nova-edicao h2.titulo-secao {
	border-bottom: 2px solid #FFF;	   
	margin: 0 0 30px;
}
.nova-edicao .container {
	width: 100vw;
	position: relative;
	left: -20px;
}
.nova-edicao .card-livro-galeria .owl-carousel{
    padding-bottom: 28px;
}
.nova-edicao .card-livro-galeria .owl-dot {
    width: 12px !important;
    height: 12px !important;
    margin: 0 5px;	
}
.nova-edicao .card-livro-galeria .owl-dot.active {
	background: #FFF !important;
}
/* RECEITAS */
.receitas .inner{
    padding: 40px 0;
}
.lista-receitas{
    width: calc( 100vw - 20px );    
    left: 0;
}
.lista-receitas .owl-carousel{
    padding-bottom: 30px;
}
.lista-receitas .owl-dots {
   width: calc( 100vw - 40px );
}
.lista-receitas .owl-dot.active {
	background: #D2F091 !important;
}
/* BOMBANDO */
.bombando .inner{
    padding: 25px 0 40px;
}
.bombando-lista{   
    gap: 10px 10px;
}
.bombando .btn-padrao {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* PODCAST HOME */
.podcast-home .inner{
    padding: 40px 0;
}
.podcast-home-lista{
    width: calc( 100vw - 20px ) !important;
    padding-bottom: 30px;
    display: block;   
    margin: 0 0 40px;
}
.podcast-home-lista .owl-dots {
	width: calc( 100vw - 40px );
}
/* ESPECIAIS */
.especiais .inner{
    padding: 40px 0 35px;
}
.especiais-lista{
    width: calc( 100vw - 20px ) !important;
    padding-bottom: 30px;
    display: block;    
}
/* CHAMADA */
.chamada .inner{
    width: calc( 100vw - 40px );   
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
/* SOBRE */
.sobre .inner {
	padding: 0 0 40px;
    flex-direction: column;
	gap: 30px 0;	
}
.sobre-img {
	width: 100vw;
	height: 80vw;
	position: relative;
	left: -20px;
}
.botoes-compre {
	padding: 35px 0 0;
    position: relative;
    justify-content: space-between;
    gap: 0;
    margin: 35px 0 0;
}
.botoes-compre h4{
    position: absolute;
    top: 0;
}
.botoes-compre .btn-padrao{
    padding: 0 12px;
}
/* GALERIA */
.galeria-sobre .inner {
	width: 100vw;
	left: 0;
	transform: none;	
}
.galeria-sobre-imgs {
    height: auto;  
    display: flex;
    flex-direction: column;
    gap: 5px 0;
}
img.gs-img-1{
    width: 100vw;
    height: 96vw;
}
img.gs-img-2{
    width: 100vw;
    height: 73vw;
}
img.gs-img-3{
    width: 100vw;
    height: 64vw;
}
img.gs-img-4{
    width: 100vw;
    height: 93vw;
}
/* TRANSPARENCIA */
.transparencia .inner{
    padding: 40px 0;
}
.transparencia p.texto-secao{
    margin-bottom: 50px;
}
.transparencia-lista {
    padding-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: start;
    align-items: center;
	gap: 10px 0;	
}
.transparencia-item{  
    width: 292px;   
    padding: 25px 30px 0 36px;  
}
/* PERGUNTAS FREQUENTES */
.faq .inner{
    padding: 0 0 50px;
    flex-direction: column;
    justify-content: start;
}
.faq-img-container{
    width: 100vw;
    height: 77vw; 
    position: relative; 
    left: -20px; 
}
.faq-img{
    width: 100vw;
    height: 77vw; 
}
.faq-txt{
    width: 100%;  
    padding: 30px 0 0;  
}
.faq-txt h2.titulo-secao{
    margin: 0 0 0.5em;
}
dl.accordion dd{
    padding: 10px 0 20px;
}
dl.accordion dd:last-child{
    padding: 10px 0 0;
}
/*-------------------------------------------------------
LIVROS
-------------------------------------------------------*/
.livros .inner{
    width: calc( 100vw - 40px );
    padding: 10px 0 40px;
}
.livros-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 36px 0;   
}
.card-livro {
    border-bottom: 1px solid #999;
	width: 100%;
	padding-bottom: 36px;	
}
.card-livro:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.card-livro-galeria{    
    margin-bottom: 20px;
}
.card-livro-img{   
    height: calc( ( 100vw - 40px ) * 0.8 );    
}
/* EM BREVE */
.livros.em-breve{
    background: #EDEBDF;
}
/* VERSÃO IMPRESSA */
.livros.versao-impressa .inner{   
    width: 100vw;
    padding: 40px 0;
}
.card-livro.vi {   
    flex-direction: column;
	justify-content: start;	
}
.card-livro-galeria.vi{
    width: 100vw;        
}
.card-livro-galeria.vi .card-livro-img{   
    height: 80vw;   
}
.card-livro-vi-txt{
    width: 100%;
    padding: 25px 20px 0;
}
.card-livro.vi .botoes-compre {
	gap: 14px 0;
	flex-direction: column;
	padding: 20px 0 0;
	margin: 0;
}
.card-livro.vi .botoes-compre .btn-padrao {
	margin: 0 !important;
}
/* POPUP */
.popup{   
    width: 92vw;   
    min-height: unset;  
}
.btn-fecha-popup{    
    top: 10px;
    right: 10px;      
}
.popup-inner{   
    padding: 50px 20px 40px;   
}
/*-------------------------------------------------------
CURSOS
-------------------------------------------------------*/
.cursos .inner{   
    width: 100vw;
    padding: 10px 0 30px;
    flex-direction: column;
    justify-content: start;   
    gap: 22px 0; 
}
.cursos-box{   
    width: 100vw;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: start;   
}
.cursos-box-img{
    width: 100%;
    height: calc( ( 100vw - 40px ) * 1.3 );     
}
.cursos-box-txt{
    width: 100%;  
    padding: 20px 0 0;     
}
.cursos-formulario{   
    width: 100vw;
    padding: 35px 20px 40px;
}
.cursos-formulario-txt{
    flex-direction: column;
    justify-content: start;   
}
.cursos-formulario-form{
    width: 100%;
    padding: 30px 0 0;
}
/* CURSOS REALIZADOS */
.cursos-realizados .inner{   
    padding: 0 0 35px;
}
.cursos-realizados h2 {
	margin: 0 0 1em;
}
.cursos-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px 0;    
}
.card-curso {
	width: 100%;	
}
.card-curso-img{  
    height: calc( ( 100vw - 40px ) * 0.8 );    
}
/*-------------------------------------------------------
RECURSOS
-------------------------------------------------------*/
.filtros-recursos{   
    width: 257px;
    flex-direction: column;
    justify-content: start;
    gap: 14px 0;    
    margin: 0 auto;
}
.select-filtro{
    width: 257px;
    height: 30px;
}
.recursos .inner{   
    width: 241px;	
    padding: 20px 0 40px;
}
.lista-recursos{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 32px 0;
}
/* SINGLE */
.recurso .inner{      
    width: 100vw;
    padding: 20px 0 35px;   
}
.relacionados .inner{    
    padding: 0 0 35px;
}
.relacionados h2.titulo-secao {   
    margin: 0 0 1em;
}
.relacionados-lista{
    display: block; 
    padding-bottom: 28px;   
}
/*-------------------------------------------------------
PODCASTS
-------------------------------------------------------*/
.topo-podcast .inner{
    padding: 0 0 60px;
    flex-direction: column;    
    align-items: start;  
    gap: 25px 0;
}
.topo-podcast-img{
    width: 100%;
    height: calc(100vw - 40px);   
}
.topo-podcast-info{
    width: 100%;
}
.topo-podcast-info .compartilhe {	
	padding: 20px 0 0;		
}
/* EPISÓDIOS */
.episodios .inner{      
    padding: 0 0 40px;
}
.episodio{   
    padding: 0 0 140px;
    flex-direction: column;   
    gap: 30px 0;    
    margin-bottom: 40px;
}
.episodio-titulo{
    width: 100%;    
}
.episodio-titulo h3{   
    margin-bottom: 25px; 
}
.btn-episodio {
	position: absolute;
	bottom: 85px;
	left: 0;
}
.episodio-txt{
    width: 100%;
}
.episodio .compartilhe{       
    left: 0;   
}
.relacionados.podcast-relacionados h2.titulo-secao {   
	border-bottom: none;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #7BA2E6;
    text-decoration-thickness: 2px; 
    text-underline-offset: 6px;
	margin: 0 0 1em;
}
.podcast-relacionados-lista{
    width: 241px !important;
    display: block;
    margin: 0 auto;  
}
/*-------------------------------------------------------
CARD MATÉRIA
-------------------------------------------------------*/
.card-materia {
    border-bottom: 1px solid #999;
	width: 100%;
	max-width: 334px;
	padding-bottom: 20px;
}
.card-materia:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
/* DESTACADA HERO */
.card-materia.hero {
	width: 100%;    
}
.card-materia.hero .card-materia-img{
    width: 100vw;
    height: 60vw;   
    position: relative;	
    left: -20px;
}
.card-materia.hero p{
    width: 100%;
}
/* DESTACADA */
.card-materia.destacada {
	width: 100%;	
}
.card-materia.destacada .card-materia-img-container{
    position: relative;
    left: -20px;
}
.card-materia.destacada .card-materia-img{  
    width: 100vw;
    height: 73vw;   
}
.card-materia.destacada p{
    width: 100%;
}
/* SEM FOTO */
/* HORIZONTAL */
.card-materia.horizontal {
	width: 100%;	   
}
/* DESTACADA */
.card-materia.slide {
	width: 100%;	
}
.card-materia.slide .card-materia-img{  
    height: calc( ( 100vw - 64px ) * 0.5625 );
}
/* MAIS LIDA */
.card-materia.mais-lida {
    border-bottom: none;
	width: 100%;	
    padding: 0 0 0 42px;
    position: relative;    
}
/* RECEITA */
.card-materia.receita {
	width: 270px;	
}
.card-materia.receita .card-materia-img {
	width: 100%;
	height: 250px;
}
/*-------------------------------------------------------
EDITORIA
-------------------------------------------------------*/
/* SERIE ESPECIAL */
.serie-especial-img {
	width: 100vw;
	height: 102vw;
	position: relative;
	left: -20px;
}
/* TAG */
.editoria .inner{    
    width: calc( 100vw - 40px );  
    padding: 0 0 35px;   
}
.filtro-ordenacao{  
    gap: 0 10px;
    margin: 0 0 35px;
}
.editoria-lista{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 35px 0;
}
.destacados .inner {	
    width: calc( 100vw - 40px );
	padding: 0 0 45px;
	gap: 40px 0;
	flex-direction: column;
}
.fixadas{
    width: 100%;   
    gap: 32px 0;
}
/*-------------------------------------------------------
SINGLE MATÉRIA (POST)
-------------------------------------------------------*/
.topo.topo-materia .inner {	
	padding: 50px 0 40px;	
}
/* MATÉRIA */
.materia .inner{
    width: calc( 100vw - 40px );
}
.materia-img{
    width: 100vw;
    height: 140vw; 
    position: relative;   
    left: -20px;
    margin-bottom: 20px;
}
.materia-conteudo{
    width: 100%;    
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
/* GALERIA */
.wp-block-gallery{
    width: 100vw !important;
    left: -20px;
}
.wp-block-gallery .owl-nav{
    top: 80px;
}
/* LISTA-ÍCONES */
.lista-icone-container {
	width: 100%;
	padding: 30px 0;
	flex-wrap: nowrap;
	justify-content: start;
	gap: 24px 0;
	left: 0;
	flex-direction: column;
}
.lista-icone-container::after,
.lista-container::after {	
	left: -20px;
	transform: none;	
}
.lista-icone-item{
    width: 100%;   
}
.lista-icone-img{   
    width: 110px;
    height: 110px;   
}
.lista-icone-txt{
    width: auto;
    padding-top: 45px;
    flex-grow: 1;
}
/* NÚMEROS */
.numeros-container{   
    width: 100vw;
    padding: 45px 20px 50px;      
    left: -20px;     
}
.numeros-txt {
	width: 100%;
	padding: 0 0 35px;
}
.lista-numeros {
	padding: 0;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 20px 0;
}
.numero-item{
    width: 100%;   
}
.numero-item h3 {		
	flex-shrink: 0;
}
.numero-item p{
    width: auto;
    flex-grow: 1;
}
/* LISTA */
.lista-container{
    width: 100%;
    padding: 45px 0 30px;     
    left: 0;    
    margin-bottom: 1.75rem;
}
.lista-lista{
    flex-direction: column;
    flex-wrap: nowrap;    
    gap: 24px 0;
}
.lista-item{
    width: 100%;
}
/* LEIA MAIS */
.leia-mais{   
    flex-direction: column;    
    gap: 0;   
}
ul.leia-mais-lista{
    width: 100%;   
}
/* COMPARILHE MATÉRIA */
.compartilhe-materia {
	padding: 20px 0;
	flex-direction: column;	
	gap: 14px 0;
	width: 100%;
}
.compartilhe-materia h5{
    text-align: center;
}
/* BOX IMAGEM */
.box-imagem{   
    width: 100vw;   
    flex-direction: column;	    
    left: -20px;   
}
.box-imagem-img{
    width: 100vw;   
    height: 102vw;    
}
.box-imagem-txt{
    width: 100vw;
    padding: 40px 20px;   
}
.box-imagem-txt ul{
    padding: 0 0 0 20px;
}
/* BOX CTA */
.box-cta{
    width: 100vw;   
    flex-direction: column;	    
    left: -20px;   
}
.box-cta-img{
    width: 100vw;   
    height: 80vw;   
}
.box-cta-txt {
    width: 100vw;
    padding: 40px 20px;   
}
/* GALERIA MOSAICO */
.galeria-mosaico {
    width: 100vw;
    padding: 0;   
    flex-wrap: wrap;   
    left: -20px;   
}
.galeria-mosaico a:nth-child(1),
.galeria-mosaico a:nth-child(4),
.galeria-mosaico a:nth-child(7){
    width: 100vw;    
}
.galeria-mosaico a:nth-child(2){
    width: 49vw;
}
.galeria-mosaico a:nth-child(3){
    width: 51vw;
}
.galeria-mosaico a:nth-child(2),
.galeria-mosaico a:nth-child(3),
.galeria-mosaico a:nth-child(7){
    height: 64vw;
}
.galeria-mosaico a:nth-child(5){
    width: 45vw;
}
.galeria-mosaico a:nth-child(6){
    width: 55vw;
}
.galeria-mosaico a:nth-child(1),
.galeria-mosaico a:nth-child(4),
.galeria-mosaico a:nth-child(5),
.galeria-mosaico a:nth-child(6){
    height: 56vw;
}
.galeria-mosaico a:nth-child(4){  
    position: relative;      
}
/* CITAÇÕES */
.citacao{    
    padding: 20px;   
}
.citacao p{
    font-family: "Work Sans", sans-serif; 
    font-weight: 500;
    line-height: 1.2em;   
    margin-bottom: 0.75em; 
}
.citacao small{
    width: max-content;
    display: block;
    font-weight: 500;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 0 auto;
}
.citacao-pequena {
    width: 100vw;
	padding: 0;	
	position: relative;
	left: -20px;
    margin-bottom: 2.5rem;
}
.citacao-grande{    
    width: 100vw;
    padding: 60px 0;  
    position: relative;
	left: -20px; 
}
.citacao-grande-bg {
	left: 0;
	transform: none;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.contato .inner{      
    padding: 10px 0 40px;    
}
.lista-contato {
	width: 100%;
	flex-wrap: nowrap;
	gap: 25px 0;
	margin: 0 auto 40px;
	flex-direction: column;
}
.item-contato {
	width: 100%;	
}
.item-contato a,
.item-contato p{
    width: calc( 100% - 70px );   
}
.formulario-contato{   
    width: 100%;
    padding: 20px 0 25px;
    margin: 0 auto 20px;
}
.formulario-contato form{
    width: 100%;
    margin: 0 auto;
}
.sugestoes-contato{
    width: 100%;      
}
/*-------------------------------------------------------
INSTITUCIONAL
-------------------------------------------------------*/
.topo.topo-institucional .inner {
	width: calc( 100vw - 40px );
	padding: 40px 0 20px;
}
.institucional .inner{
    width: calc( 100vw - 40px );
    padding: 40px 0;
}
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.gr-404{
    width: 100%;
    max-width: 687px;
}
.conteudo-404 p{
    width: 100%;   
}
/*-------------------------------------------------------
BUSCA
-------------------------------------------------------*/
.topo.topo-busca .inner{
    width: calc( 100vw - 40px );   
}
/*-------------------------------------------------------
ACESSIBILIDADE
-------------------------------------------------------*/
.btn-acessibilidade {
	width: 50px;
	height: 50px;
    padding: 10px;	
	right: 20px;	
}
.btn-acessibilidade svg {	
    width: 23px;
	height: 30px;
}
/* Controle de Acessibilidade */
.controles-acessibilidade {  
    padding: 20px;	
	bottom: 80px;
	right: 20px;	  
}
}