/*
Theme Name: Pererê
Author: NascerWeb | Christiano Amaral
Author URI: http://nascer.net/
Description: Template desenvolvido exclusivamente para Sérgio Pererê, em parceria com a agência AMICD.
Version: 1.0
*/
/*-------------------------------------------------------
RESET
-------------------------------------------------------*/
/* 0. Remove margins and padding */
html, body,
html *, body * {
	margin: 0;
	padding: 0;
	border: 0;	
}
/* 1. Box sizing global */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* 2. Previne o aumento automático de fontes em dispositivos móveis */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* 3. Remove margens padrão e define o comportamento do scroll */
body, h1, h2, h3, h4, h5, h6 p, figure, blockquote, dl, dd {
  margin-block-end: 0;
}
/* 4. Remove estilos de lista apenas quando usamos o atributo role='list' 
   (Útil para acessibilidade sem perder o estilo padrão de textos longos) */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 5. Configurações base do corpo do site */
body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; /* Melhora a renderização no macOS/iOS */
}
/* 6. Melhora a legibilidade em títulos e elementos interativos */
h1, h2, h3, h4, h5, h6,
button, input, label {
  line-height: 1.1;
}
/* 7. Novidade: Evita viúvas e melhora o equilíbrio visual em títulos */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* 8. Evita espaços estranhos abaixo das imagens */
img,
picture {  
  display: block;
}
/* 9. Faz com que inputs e botões herdem as fontes do projeto */
input,
button,
textarea,
select,
address {
  font: inherit;
}
/* 10. Garante que textareas sem atributo 'rows' tenham um tamanho mínimo decente */
textarea:not([rows]) {
  min-height: 10em;
}
/* 11. Adiciona margem de scroll para links internos (âncoras) não ficarem "colados" ao topo */
:target {
  scroll-margin-block: 5ex;
}
/* 12. ACESSIBILIDADE: Respeita a preferência de movimento reduzido do utilizador */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
html{
    background-color: #E4E4E4;  
	height:100%;
}
body {
	background-color: #E4E4E4;  
    font-family: "nocturne-serif-lights", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;  
    font-size: 19px;   
	color:#05253E;	
	overflow-x: hidden;    
	min-height: 100%;	
}
body.no-scroll{
    overflow-y: hidden;
}
.font-2{
    font-family: degular, sans-serif;
}
h1, h2, h3, h4, h5, h6{      
    font-family: degular, sans-serif;
    font-weight: 700;
    font-style: normal;   
    line-height: 1em;   
    text-transform: uppercase;      
}
h1{		
    font-size: 46px;     
}
h1.titulo-pagina{
	width: 410px;
    margin-bottom: 28px;
}
h2{   
	font-size: 26px;      
}	
h3{
	font-size: 24px;	       
}
h3.subtitulo-pagina {
	border-top: 1px solid #05253E;
	border-bottom: 1px solid #05253E;
	padding: 12px 0;
	font-size: 23px;
	font-weight: 300;
	line-height: 1.4em;	
    margin-bottom: -1px;
}
h4{
	font-size: 21px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 16px;
}
em{
	font-style: italic;
}
p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
p:last-child{
	margin-bottom: 0;
}
p strong{    
    font-family: nocturne-serif, serif;
	font-weight: 500;
}
a{   
	color: #05253E;
	text-decoration:none;
	transition: color 200ms ease;	
}
a svg,
button svg{
    display: block;
}
img{
	display: block;
	height: auto;
    object-fit: cover;
}
.main{
	width: 100%;
	height: auto;	   
	z-index: 0;
	position: relative;	
    left: 0;
}   
section{
	width: 100%;
	height: auto;
	position: relative;	
    z-index: 2;
}
.inner{
    width: 798px;  
    height: auto;   
	margin: 0 auto;
    position: relative;   
}
.btn-padrao{
    border-radius: 100px;
    width: max-content;
    max-width: 100%;   
    padding: 9px 35px;
    display: block;
    color: #05253E;
    font-family: degular, sans-serif;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease;
}
.btn-padrao.grande{
    padding: 15px 35px;
}
.btn-padrao.azul,
.btn-close.azul{
    background-color: #1CE1EC;
}
.btn-padrao.azul:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
.btn-padrao.verde,
.btn-close.verde{
    background-color: #9FB932;
}
.btn-padrao.verde:hover{
    background-color: #05253E;
    color: #9FB932;
}
/* BOTÃO FECHA MODAL */
.btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;	
	color: #05253E;
	font-size: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s;
	line-height: 0.5em;
    z-index: 5;
}
.btn-close::before,
.btn-close::after{
    content: "";
    background-color: #05253E;    
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;   
}
.btn-close::before{
    transform: translate(-50%, -50%) rotate(45deg);
}
.btn-close::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}
.btn-close span{
    display: block;
    transform: translateY(-3px);
}
.btn-close:hover {
    transform: scale(1.1);
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
/*EMENDAS OWL*/
.owl-carousel .owl-nav {   
	width: 550px;
	height: 26px;
	padding: 0;	
	position: absolute;
	bottom: 0;
	left: 50%;;
	transform: translateX(-50%);		
    pointer-events: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    mask: url(img/seta-dupla.svg) no-repeat center;
    background: #05253E;         
    border: none;      
	width: 38px;
	height: 26px;
    display: block;
    position: absolute;       
    pointer-events: all;
    transition: background-color 200ms ease;
}
.owl-carousel .owl-nav button.owl-prev{
    left: 0;
    transform: scale(-1);
}
.owl-carousel .owl-nav button.owl-next{
    right: 0;    
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
   display: none;
}  
.owl-carousel .owl-dots{
    width: 480px;	 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 32px;
    position: absolute;
    bottom: 6px;
	left: 50%;
	transform: translateX(-50%);		
    z-index: 0;   
}
.owl-carousel button.owl-dot{
    background-color: #9FB932;
    width: 10px;
    height: 10px;
    border-radius: 50%;  
    transition: background-color 200ms ease, width 200ms ease, height 200ms ease;    
}
/*-------------------------------------------------------
PAGINAÇÃO
-------------------------------------------------------*/
.pagination{
	width: 100%;
	height: auto;
    padding-top: 45px;
    position: relative;	
}
.pagination-container{
    width: max-content;
    max-width: 100%;
    padding: 0 104px;
    position: relative;
    text-align: center;
    display: block;
    font-size: 0;
    margin: 0 auto;
}
.page-numbers{   
    background-color: transparent;
    border: 2px solid #1CE1EC;
    border-radius: 50%;
	width: max-content;
    min-width: 30px;
	height: 30px;	
	color: #05253E;	
    font-size: 16px;
	font-weight: 700;
	line-height: 24px;
    text-align: center;
	display: inline-block;
    vertical-align: middle;
	margin: 0 12px;
    transition: background-color 200ms ease;
}
.page-numbers.dots,
.page-numbers.dots:hover {
	background: none !important;
	border: 2px solid transparent !important;
	margin: 0;
}
.page-numbers.prev,
.page-numbers.next,
.page-numbers.first,
.page-numbers.last{
    background-color: #05253E;
    border: none;
    border-radius: 0;
    mask: url(img/seta-simples.svg) no-repeat center;   
    position: absolute; 
    top: 0;
    margin: 0;
}
.page-numbers.first,
.page-numbers.last{
    width: 38px;  
    mask: url(img/seta-dupla.svg) no-repeat center;    
}
.page-numbers.prev{
    left: 62px;
}
.page-numbers.next{
    right: 62px;
}
.page-numbers.first{
    left: 0;
}
.page-numbers.last{
    right: 0;
}
.page-numbers.prev,
.page-numbers.first{
    transform: scale(-1);
}
.page-numbers.current,
.page-numbers:hover{	
    background-color: #1CE1EC;	
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header {
	background: transparent;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;	
	z-index: 10;   
}
.header-inner {
	width: 100vw;	
    padding: 0 60px;	
	position: relative;	
}
.logo {
	width: min-content;
	display: block;
	font-family: degular, sans-serif;
	font-size: 60px;
	font-weight: 700;
	font-style: normal;
	line-height: 0.85;	
}
.logo-header{
    position: fixed;
    top: 50px;
    left: 140px;
    z-index: 1;
}
/* BOTÃO MENU */
.btn-menu,
.btn-menu-home{	  
    background: none;
    border: none;    
    cursor: pointer;
}
.btn-menu,
.btn-busca {	
    background-color: transparent;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	padding: 11px 10px;
    display: block;	
    cursor: pointer;
    transition: background-color 200ms ease;
}
.btn-menu{
    position: absolute;	
    top: 52px;
    z-index: 5;
}
.btn-menu:hover,
.btn-busca:hover{
    background-color: #05253E !important;
}
.btn-menu-home{
    width: 117px;
    height: 26px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: start;  
    position: relative;   
}
.btn-menu-icone {
	width: 28px;
	height: 26px;
    position: relative;
}
.btn-menu-icone .bar,
.btn-busca-icone .bar{
    background-color: #05253E;      
    display: block;   
    position: absolute;    
    transition: background-color 200ms ease;
}
.btn-menu-icone .bar{
    width: 28px;
    height: 4px;
    left: 0;
}
.btn-menu-icone .bar.bar-1{    
    top: 0;
}
.btn-menu-icone .bar.bar-2{   
    top: 11px;         
}
.btn-menu-icone .bar.bar-3{
    width: 14px;
    top: 22px;
}
.btn-home{	  
    background: none;
    border: none;   
    width: auto;
    height: 26px;
    padding: 0;
    display: flex;     
    cursor: pointer;
}
.btn-label {  
	color: #05253E;
	font-family: degular, sans-serif;
	font-size: 28px;
	font-weight: 700;	
    line-height: 0.6;
    cursor: pointer;
    transition: color 200ms ease;
}
.btn-menu-home:hover .bar{
     background-color: #E4E4E4;
}
.btn-menu-home:hover .btn-label,
.btn-home:hover .btn-label{
    color: #E4E4E4;
}
/* HOME */
.home header{
    display: none;
}
/* NAVEGAÇÃO */
.navegacao,
.busca {
	background: #C2A7B2 !important;
	width: 100vw;
	height: 100vh;	
	position: fixed;
	top: 0;
	right: 100vw;
	z-index: 12;
	transition: right 400ms ease;
}
.navegacao{
    overflow-y: auto;   
}
.navegacao.active,
.busca.active{
    right: 0;  
}
/* ANIMAÇÃO DO MAIN E FOOTER */
.main,
.footer-container{
    transition: left 400ms ease;
}
.main.active,
.footer-container.active{
    left: 100vw;
    transition: left 1000ms ease;
}
.logo.logo-navegacao,
.logo.logo-busca {
	position: absolute;
    top: 50px;
	left: 140px;
}
.navegacao .btn-menu{
    left: 60px;   
}
.navegacao .btn-menu.fixed{
    position: fixed; 
}
.navegacao-topo{
    width: 100%;
    height: 205px;
    padding: 0 60px;
    position: fixed;
    z-index: 0;
}
.navegacao-conteudo {
    background-color: #C2A7B2;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
	margin-top: 205px;
}
/* BOTÃO FECHA MENU */
.btn-menu.fecha-menu{
    padding: 10px;
    z-index: 5;
}
.btn-menu.fecha-menu,
.btn-menu.fecha-menu:hover .bar,
.btn-busca,
.btn-busca:hover .bar{
    background-color: #C2A7B2 !important;
}
.btn-busca:hover .bar.bar-2{
    background-color: #05253E !important;
}
.btn-menu.fecha-menu:hover,
.btn-busca:hover{
    background-color: #05253E !important;
}
.btn-menu.fecha-menu .bar.bar-1,
.btn-menu.fecha-menu .bar.bar-2{    
    width: 34px;
    top: 11px;
    left: -3px;   
}
.btn-menu.fecha-menu .bar.bar-1{       
    transform: rotate(45deg);
}
.btn-menu.fecha-menu .bar.bar-2{     
    transform: rotate(-45deg);   
}
.btn-menu.fecha-menu .bar.bar-3{
    display: none;
}
/* BLOQUEIA A BUSCA */
.block-busca{
    background-color: transparent;
    width: 48px;
    height: 104px;
    position: absolute;
    top: 0;
    z-index: 4;
}
/* BUSCA */
.busca{
    padding: 205px 60px 50px;
}
.logo-busca{
    pointer-events: none;
} 
/* BUSCA NA NAVEGAÇÃO */
.navegacao-busca {
	background-color: #C2A7B2;
	width: 48px;
	height: 152px;
	position: absolute;
	top: 0;
	z-index: 3;
    overflow: hidden;
    transition: width 300ms ease-in-out;
}
.navegacao-busca:hover{
    width: calc( 50vw + 246px);
}
.busca .navegacao-busca{
    top: 170px;
}
.busca .navegacao-busca,
.busca .navegacao-busca:hover {
	width: calc( 50vw + 246px);	
}
.form-busca{    
    width: 100%;
    min-width: calc( 50vw - 380px);
    height: 48px;
    display: flex;   
    justify-content: space-between;
    position: absolute;  
    bottom: 0;    
    right: 0;
}
.form-busca input[type="text"]{
	background: none;
    border-radius: 0;
    border: none;
	border-bottom: 2px solid #05253E;
	width: calc( 100% - 50px );
	height: 48px;	 
    padding-right: 30px;
    padding-left: calc( 50vw - 458px);   
    font-size: 20px;      
}
.busca .form-busca input[type="text"] {
	padding-left: 80px;	
}
.btn-busca{
    padding: 10px;   
}
.btn-busca-icone {
	width: 28px;
	height: 28px; 
    position: relative;   
}
.btn-busca-icone .bar.bar-1{    
    border-radius: 50%;
    width: 25px;
    height: 25px;
    top: 0;
}
.btn-busca-icone .bar.bar-2{
    background-color: #C2A7B2;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    top: 4px;        
    left: 4px;
}
.btn-busca-icone .bar.bar-3 {
	width: 11px;
	height: 4px;
	top: 22px;
	transform: rotate(45deg);
	left: 18px;
}
/* MENU PRINCIPAL */
.menu-principal {
	width: 798px;
	padding: 30px 142px 0 0;
    position: relative;
	margin: 0 auto;
}
.menu-principal::before{
    content: "Menu";
    font-family: degular, sans-serif;
    font-size: 46px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 17px;
}
.menu-principal::after{
    content: "";
    border-top: 1px solid #05253E;   
    width: calc( ( 100% - 142px ) + ( 50vw - 540px ) );
    height: 1px;
    position: absolute;
    top: 0;
    right: 142px;       
}
.menu-principal ul {
    background: url(img/linha-tripla.svg) no-repeat left top;    
    border-bottom: 6px double #05253E;
}
.menu-principal ul ul{
    background: none;  
    padding-top: 20px; 
    border-bottom: none;
}
.menu-principal li{
    border-top: 1px solid #05253E; 
    padding-top: 22px;
    padding-bottom: 28px;
    display: block;   
    position: relative;
}
.menu-principal li::before,
.menu-principal li::after{
    content: "";   
    position: absolute;   
    display: block;
    z-index: -1;
}
.menu-principal li::after{
    z-index: -2;
}
.menu-principal li:first-child{
    padding-top: 28px;
}
.menu-principal li li{
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
}
.menu-principal li li:first-child{
    padding-top: 0;
}
.menu-principal li p.descricao-item-menu {  
    margin-top: 11px;
}
.menu-principal li li p.descricao-item-menu {  
    margin-top: 5px;
}
.menu-principal li > a{   
    width: max-content;
    display: block;
    position: relative;
    color: transparent;
    -webkit-text-stroke: 1px #05253E;   
    font-family: degular, sans-serif;
    font-size: 40px;   
    font-weight: 700;     
    line-height: 1em;  
    text-transform: uppercase;  
    transition: -webkit-text-stroke-color 200ms ease, color 200ms ease;
}
.menu-principal li li > a{
    color: #05253E;
    -webkit-text-stroke: unset;   
    font-size: 21px;
    line-height: 1.25em;
    width: max-content;
}
.menu-principal > ul > li > a:hover{
    -webkit-text-stroke: 1px #FFF;
}
.menu-principal ul.sub-menu > li > a:hover,
.menu-principal li p.descricao-item-menu a:hover{
    color: #FFF;
}
/* PERSONALIZAÇÕES DOS ÍTENS DO MENU */
/* OWL MENU */
.owl-menu.owl-carousel .owl-stage-outer {	
	overflow: unset;
}
.owl-menu.owl-carousel .owl-nav::after {
    content: "";
    border-top: 2px solid #05253E;
    width: 455px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);	
}
/* INÍCIO */
.menu-principal li.menu-inicio::after{   
    background: url(img/bg-menu-inicio.svg) no-repeat;
    width: 375px;
    height: 191px;   
    top: -14px;
    right: -92px;
}
/* SOBRE */
.menu-principal li.menu-sobre > a{
    width: 200px;
}
.menu-principal li.menu-sobre::before,
.menu-principal li.menu-sobre::after{   
    background: url(img/bg-menu-sobre.svg) no-repeat;   
    height: 190px;   
    top: 58px;    
}
.menu-principal li.menu-sobre::before{   
    background-position: right top; 
    width: calc( 50vw - 360px );   
    right: 618px;
}
.menu-principal li.menu-sobre::after{ 
    background-position: left top; 
    width: calc( 50vw - 106px );   
    left: 505px;
}
/* SUBMENU SOBRE */
.menu-principal li.menu-sobre li.submenu-sobre{
    padding-bottom: 50px;
}
/* SUBMENU LINHA DO TEMPO */
.menu-principal li.menu-sobre li.submenu-linha-tempo{
    padding-top: 30px;
    padding-bottom: 40px;
}
.menu-principal li.menu-sobre li.submenu-linha-tempo::before{
    border-top: 1px solid #05253E;
    width: 38px;
    height: 1px;
    top: 0;
    left: 106px;
}
.menu-principal li.menu-sobre li.submenu-linha-tempo::after{   
    background: url(img/bg-menu-linha-tempo.svg) no-repeat;
    width: 100vw;
    height: 199px;   
    top: 16px;
    left: calc( -35px - ( 50vw - 435px) );
}
.navegacao-linha-tempo{
    margin-top: 10px;
}
.navegacao-linha-tempo .owl-menu.owl-carousel{
    padding-bottom: 65px;
}
.card-linha-tempo-navegacao{
    width: 167px;
    height: 167px;
    display: block;
    position: relative;
}
.card-linha-tempo-navegacao .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
}
.card-linha-tempo-navegacao .badge-tipo {	
	min-width: 50px;
	top: auto;
    bottom: -16px;
	right: auto;	
    left: 50%;
    transform: translateX(-50%);
}
/* SUBMENU MATÉRIAS E CRÍTICAS */
.menu-principal li.menu-sobre li.submenu-materias{
    padding-top: 30px;
    padding-bottom: 40px;
}
.menu-principal li.menu-sobre li.submenu-materias::before{
    border-top: 1px solid #05253E;
    width: 38px;
    height: 1px;
    top: 0;
    left: 106px;
}
.menu-principal li.menu-sobre li.submenu-materias::after{   
    background: url(img/bg-menu-materias.svg) no-repeat;
    width: 731px;
    height: 204px;   
    top: -125px;
    left: -62px;
}
/* DISCOGRAFIA */
.menu-principal li.menu-discografia::after{   
    background: url(img/bg-menu-discografia.svg) no-repeat;
    width: 100vw;
    height: 202px;   
    top: -20px;
    left: calc( -55px - ( 50vw - 455px) );
}
.navegacao-discos{
    margin-top: 12px;
}
.navegacao-discos .owl-menu.owl-carousel{
    padding-bottom: 65px;
}
.card-disco-navegacao{
    width: 167px;
    height: 167px;
    display: block;
    position: relative;
}
.card-disco-navegacao .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
}
.card-disco-navegacao .badge-tipo {	
	min-width: 50px;
	top: auto;
    bottom: -16px;
	right: auto;	
    left: 50%;
    transform: translateX(-50%);
}
/* COMPOSIÇÕES */
.menu-principal li.menu-composicoes::after{   
    background: url(img/bg-menu-composicoes.svg) no-repeat;
    width: 731px;
    height: 195px;   
    top: -125px;
    left: -59px;
}
.menu-principal li.menu-composicoes .filtro-container.filtro-letras{
    margin-top: 15px;
}
.menu-principal li.menu-composicoes .filtro-container.filtro-letras .owl-filtro::before,
.menu-principal li.menu-composicoes .filtro-container.filtro-letras .owl-filtro::after {	
    width: 104px;
	background: linear-gradient(90deg,rgba(194, 167, 178, 1) 83%, rgba(194, 167, 178, 0) 100%);
}
/* OBRAS */
.menu-principal li.menu-obras::after{   
    background: url(img/bg-menu-obras.svg) no-repeat;
    width: 100vw;
    height: 255px;   
    top: -8px;
    left: calc( -55px - ( 50vw - 455px) );
}
.navegacao-obras{
    margin-top: 12px;
}
.navegacao-obras .owl-menu.owl-carousel{
    padding-bottom: 50px;
}
.card-obra-navegacao{
    display: block;
    position: relative;
}
.card-obra-navegacao .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
}
.card-obra-navegacao.livros{
    width: 130px;
    height: 200px;        
}
.card-obra-navegacao.filmes{
    width: 260px;
    height: 146px;  
}
.card-obra-navegacao.filmes::before{
    content: "";
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 15px 0px 15px 33px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: border-color 200ms ease;
    z-index: 2;
}
/* AGENDA */
.menu-principal li.menu-agenda::after{   
    background: url(img/bg-menu-agenda.svg) no-repeat;
    width: 732px;
    height: 224px;   
    top: -84px;
    left: -60px;
}
/* CURSO */
.menu-principal li.menu-curso > a{
    width: 340px;
}
.menu-principal li.menu-curso::after{   
    background: url(img/bg-menu-curso.svg) no-repeat;
    width: 376px;
    height: 196px;   
    top: -10px;
    right: -92px;
}
/* CONTATO */
.menu-principal li.menu-contato::after{   
    background: url(img/bg-menu-contato.svg) no-repeat;
    width: 733px;
    height: 198px;   
    top: -8px;
    left: -62px;
}
/* SOCIAL */
.social{   
    display: flex;
    gap: 0 24px;    
}
.social a{		
    display: block;   
}
.social a path{
    fill: #05253E;
    transition: fill 200ms ease;
}
.social a:hover path{
    fill: #FFF;
}
.navegacao-social{
    width: 798px;
    padding-top: 30px;
    margin: 0 auto;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
.footer-container{   
    position: relative;
    left: 0;    
    z-index: 5;   
}
.footer-container .btn-close{
    display: none;       
}
.home .footer-container {
    background-color: #1CE1EC;  
    min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	top: 100vh;
	left: 0;	   
    transition: top 400ms ease;
}
.home .footer-container.active{
    left: 0;
}
.home .footer-container.base-active{
    top: 0;
}
.home .footer-container .btn-close{
    display: block;    
}
.home .footer-container.active .btn-close.fixed{
    position: fixed;
}
/* NEWSLETTER */
.newsletter .inner{   
    padding: 55px 0 50px;
}
.setas{
    border-top: 1px solid #05253E;
    border-bottom: 1px solid #05253E;
    padding: 40px 190px 48px;
    position: relative;   
}
.setas:before,
.setas:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;   
    transform: translateY(-50%);
}
.setas:before {   
    border-width: 80px 200px 80px 0px;
    border-color: transparent #F6592A transparent transparent;
    left: -95px;
}
.setas:after {   
    border-width: 80px 0px 80px 200px;
    border-color: transparent transparent transparent #F6592A;
    right: -95px;
}
.newsletter h4{  
    text-align: center;   
    margin-bottom: 20px;
}
.newsletter .fieldset-item label{
    display: none;
}
.newsletter .fieldset-item.email {
	width: 100%;
}
.newsletter input[type="submit"]{
    width: 200px;   
    margin: 0 auto;
}
.newsletter .btn-padrao.azul {
	background-color: #9FB932;
}
.newsletter .btn-padrao.azul:hover{
    background-color: #05253E;
    color: #9FB932;
}
/* FOOTER */
footer{  
    clip-path: polygon(50% 0%, 100% 12%, 98% 56%, 100% 100%, 0% 100%, 2% 56%, 0% 12%);
    background-color: #F6592A;
	width: 100vw;
	height: auto;	  
	position: relative;	
}
footer .inner{    
    width: 1092px;
    padding: 100px 0 0;	   
    display: flex; 
    justify-content: space-between;   
    margin: 0 auto;
}
.menu-footer{   
    width: max-content;      
}
.menu-footer ul{     
    width: 496px;
    column-count: 2;  
    column-gap: 46px;  
}
.menu-footer li{
    width: 220px;
    margin-bottom: 20px;
}
.menu-footer li.oculto{
    display: none;
}
.menu-footer ul ul{
    width: max-content;
    padding-top: 5px;
    column-count: 1;
    display: block;   
}
.menu-footer li li{
    width: max-content;
    margin-bottom: 4px;
}
.menu-footer p.descricao-item-menu {  
    display: none;
    text-indent: -9999px;
}
.menu-footer li > a{   
    display: block;
    position: relative;
    color: transparent;
    -webkit-text-stroke: 1px #05253E;   
    font-family: degular, sans-serif;
    font-size: 30px;   
    font-weight: 700;     
    line-height: 1em;  
    text-transform: uppercase;  
    transition: -webkit-text-stroke-color 200ms ease, color 200ms ease;
}
.menu-footer li li a{
    color: #05253E;
    -webkit-text-stroke: unset;   
    font-size: 16px;
    line-height: 1.25em;
    width: max-content;
}
.menu-footer > ul > li > a:hover,
.btn-link-contato:hover {
    -webkit-text-stroke: 1px #FFF;
}
.menu-footer ul.sub-menu > li > a:hover{
    color: #FFF;
}
.contato-footer{
    width: 260px;
}
.contato-footer-titulo-container{
    border-bottom: 1px solid #05253E;
    padding-bottom: 15px; 
    margin-bottom: 15px;    
}
.contato-footer h4{  
    color: transparent;
    -webkit-text-stroke: 1px #05253E;      
    font-size: 30px;     
    transition: -webkit-text-stroke-color 200ms ease, color 200ms ease;
}
.contato-footer p,
.contato-footer p a,
address p{	   
    color: #05253E;    
    font-size: 16px;    	
}
.contato-footer a:hover{
    color: #FFF;
}
.social-footer {   
	position: absolute;
	bottom: 0;
	left: 540px;
}
.social-footer a {
	display: block;
}
.rodape{   
    border-top: 6px double #05253E;     
    width: 1092px;
    padding: 15px 0;	
    font-size: 14px;  
    margin: 48px auto 0; 
}
p.direitos{
    line-height: 1.5em;
    text-align: center;
    margin: 0;    
}
p.direitos br{
    display: none;
}
p.direitos a{
    color: #05253E;
}
p.direitos a:hover{
    color: #FFF;
}
/*-------------------------------------------------------
SEÇÕES
-------------------------------------------------------*/
/* YOUTUBE */
.youtube-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px 0;
}
.youtube h4{
    width: 250px;
    font-size: 19px;
    font-weight: 400;
    text-align: center;    
}   
.youtube a.btn-padrao{
    width: 190px;    
}
/* INSTAGRAM */
.instagram .inner{   
    padding: 33px 0 45px;   
}
.instagram-container {   
    background: url(img/bg-instagram.svg) no-repeat 360px 35px;  
    width: 100%;       
}
.instagram-header {
    width: 100%;
    padding: 0 0 45px;  
    position: relative;
}
h2.instagram-title {   
    width: min-content;
    font-size: 46px;     
    margin-bottom: 5px;
}
.instagram-header p{
    font-family: degular, sans-serif;
    font-size: 23px;
    font-weight: 400;
}
.instagram-carousel-container {
	position: relative;
	overflow: hidden;
}
.instagram-carousel-wrapper {
	width: 888px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.instagram-carousel-wrapper .owl-item {   
    padding: 21px 5px;
    height: 300px;  
    transition: padding 200ms ease;
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.instagram-carousel-wrapper .owl-item.active{
    padding: 21px 5px 21px 43px;
}
/* seleciona o elemento central */
.instagram-carousel-wrapper .owl-item.active.center{  
    padding: 0 5px;
}
/* seleciona o elemento depois */
.instagram-carousel-wrapper .owl-item.active.center + .owl-item.active {
    padding: 21px 43px 21px 5px;
}
#sbi_images.owl-instagram {
    display: block !important;
	padding: 0 0 58px !important;
}
#sbi_images.owl-instagram .sbi_item,
#sbi_images.owl-instagram .sbi_item .sbi_photo_wrap{
    height: 100% !important;
}
#sbi_images.owl-instagram .sbi_item img,
#sbi_images.owl-instagram .sbi_photo {
    width: 100% !important;
    height: 100% !important;         
    object-fit: cover !important; 
}
.instagram-footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;   
}
/* CURSO */
.cta-curso .inner{
    width: 940px;    
    padding: 25px 0 0;
}
.cta-curso-conteudo {
	width: 100%;
	min-height: 464px;
	padding: 0 95px 100px 145px;	
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
    position: relative;
	z-index: 1;
}
.cta-curso-img{
    width: 325px;
    height: 367px;
    object-fit: cover;
}
.cta-curso-info{
    width: 327px;
}
h2.cta-curso-titulo{    
    background: url(img/linha-tripla.svg) repeat-x 0 0;
    border-bottom: 1px solid #05253E;
    padding: 15px 0;
    font-size: 21px;   
    margin-bottom: 18px;
}
.cta-curso .inner::after{
    content: "";
    clip-path: polygon(0% 0%, 100% 0%, 97% 43%, 100% 86%, 50% 100%, 0% 86%, 3% 43%);
    background: #F6592A;
    width: 100%;
    height: 410px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
/* CONTRATE */
.contrate .inner{   
    padding: 45px 0 50px;
}
.contrate-info{
    border-top: 1px solid #05253E;
    border-bottom: 1px solid #05253E;
    padding: 90px 190px;
    position: relative;   
}
.contrate-info:before,
.contrate-info:after{
    content: "";
    background: url(img/bg-contrate.svg) no-repeat 0 0;
    background-size: 100% 100%;
    width: calc( ( 50vw - 399px ) + 86px ); 
    height: 280px;
    position: absolute;
    top: 5px;       
}
.contrate-info::before {
	left: calc( -1px - ( 50vw - 399px ) );
}
.contrate-info:after {      
    right: calc( -1px - ( 50vw - 399px ) );
    transform: scaleX(-1);
}
.contrate h4{   
    text-align: center;   
    margin-bottom: 31px;
}
.contrate-info a.btn-padrao{
    width: 240px;   
    margin: 0 auto;
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/
.hero{
    background-color: #F6592A;
    width: 100%;
    height: 100vh;
    position: relative;
}
.hero-animacao{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
/* NAVEGAÇÃO HERO */
.btn-menu-home,
.btn-home{   
    position: absolute;   
    z-index: 4;
}
.btn-menu-home,
.btn-busca-home{      
    top: 22px;   
}
.btn-busca-home{    
    left: 225px;
}
.btn-menu-home{
    display: flex;  
    left: 60px;
}
.btn-biografia,
.btn-instagram,
.btn-contato {
	transform-origin: 0;
	transform: rotate(-90deg);	
	left: 35px;
}
.btn-biografia {
	top: 188px;
}
.btn-instagram {
	top: 418px;
}
.btn-contato{
    padding-right: 60px;
    bottom: 42px;
}
.btn-contato::after{
    content: "";
    mask: url(img/seta-dupla.svg) no-repeat center;
    background-color: #05253E;
    width: 38px;
    height: 26px;
    position: absolute;
    top: 0;    
    right: 0;
    transition: background-color 200ms ease;
}
.btn-contato:hover::after{
    background: #E4E4E4;
}
/* TEXTO SLIDER */
h1.texto-slider {
	font-size: 271px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	line-height: 1.12;
}
h1.texto-slider span.large { 
    color: transparent;     
    -webkit-text-stroke: 2px #E4E4E4; 
}
h1.texto-slider span.small{
    color: #E4E4E4;
    display: block;
    font-size: 0.37em;   
}
/* ANIMAÇÕES */
.hero::before,
.hero::after {
    content: "";
    background: #F6592A;
    width: 130px;
    height: 100%;
    position: absolute;
    top: 0;    
    z-index: 2;
}
.hero::before {
    left: 0;   
    animation: pulsar-esquerda 6s ease-in-out infinite;
}
.hero::after {
    right: 0;   
    animation: pulsar-direita 6s ease-in-out infinite;
}
.hero-animacao::before,
.hero-animacao::after{
    content: "";
    background: #F6592A;
    width: 100%;    
    position: absolute;
    left: 0;    
    z-index: 2;
}
.hero-animacao::before {
    height: 90px;
    top: 0;   
    animation: pulsar-topo 6s ease-in-out infinite;   
}
.hero-animacao::after {
    height: 76px;
    bottom: 0;   
    animation: pulsar-base 6s ease-in-out infinite;
}
/* ANIMAÇÃO: LADO ESQUERDO - Move APENAS o 2º ponto (a ponta: 100% 50%) */
@keyframes pulsar-esquerda {
    0%   { clip-path: polygon(42% 0%, 100% 50%, 42% 100%, 0% 100%, 0% 0%); }
    20%  { clip-path: polygon(42% 0%, 82% 46%, 42% 100%, 0% 100%, 0% 0%); }
    40%  { clip-path: polygon(42% 0%, 95% 41%, 42% 100%, 0% 100%, 0% 0%); }
    60%  { clip-path: polygon(42% 0%, 78% 51%, 42% 100%, 0% 100%, 0% 0%); }
    80%  { clip-path: polygon(42% 0%, 90% 59%, 42% 100%, 0% 100%, 0% 0%); }
    100% { clip-path: polygon(42% 0%, 100% 50%, 42% 100%, 0% 100%, 0% 0%); }
}
/* ANIMAÇÃO: LADO DIREITO - Move APENAS o 4º ponto (a ponta: 0% 50%) */
@keyframes pulsar-direita {
    0%   { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 0% 50%, 58% 0%); }
    20%  { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 18% 49%, 58% 0%); }
    40%  { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 5% 42%, 58% 0%); }
    60%  { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 22% 59%, 58% 0%); }
    80%  { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 10% 53%, 58% 0%); }
    100% { clip-path: polygon(100% 0%, 100% 100%, 42% 100%, 0% 50%, 58% 0%); }
}
/* ANIMAÇÃO: EM CIMA - Move APENAS o 3º ponto 4º ponto */
@keyframes pulsar-topo {
    0%   { clip-path: polygon(0% 0%, 100% 0%, 100% 76%, 0% 76%); }
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 76%, 0% 100%); }
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 76%); }
    75%  { clip-path: polygon(0% 0%, 100% 0%, 100% 76%, 0% 100%); }   
    100% { clip-path: polygon(0% 0%, 100% 0%, 100% 76%, 0% 76%); }
}
/* ANIMAÇÃO: LADO DIREITO - Move APENAS o 4º ponto (a ponta: 0% 50%) */
@keyframes pulsar-base {
    0%   { clip-path: polygon(0% 26%, 100% 26%, 100% 100%, 0% 100%); }
    25%  { clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 100%); }
    50%  { clip-path: polygon(0% 0%, 100% 26%, 100% 100%, 0% 100%); }
    75%  { clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 100%); }   
    100% { clip-path: polygon(0% 26%, 100% 26%, 100% 100%, 0% 100%); }
}
/* SLIDER */
.slider-hero{
    width: calc( 100vw - 90px );
    height: calc( 100vh - 126px );
    position: absolute;
    top: 70px;
    left: 45px;
    z-index: 0;
}
.slide-item {      
    background-image: var(--bg-desktop);
    background-repeat: no-repeat;
    background-position: center center;    
    background-size: cover;
    width: calc( 100vw - 90px );
    height: calc( 100vh - 126px );
}
/* BIOGRAFIA */
.artist-modal {
    background-color: #E4E4E4;
    max-width: 810px;   
    height: 100vh;
    position: absolute;
    top: 0;
    left: -810px;
    overflow: auto;   
    z-index: 5;
    transition: left 300ms ease-in-out;
}
.artist-modal.active{
    left: 0;
}
.modal-header {    
    width: 100%;
    height: 312px;
    position: relative;
}
.header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.modal-body {
    padding: 45px 60px 45px 65px;   
    display: grid;
    grid-template-columns: 45fr 55fr;
    gap: 50px;   
}
h2.artist-name {    
    font-size: 41px;       
    margin-bottom: 24px;
}
h3.tagline {
    border-top: 1px solid #05253E;  
    border-bottom: 1px solid #05253E;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 300;    
    line-height: 1.5em;
    margin-bottom: 30px   
}
/* INSTAGRAM */
.instagram-feed {     
    background-color: #E4E4E4;
    width: 810px;
    height: 100vh;   
    position: absolute;
    top: 0;
    left: -810px;
    overflow: auto;
    z-index: 5;
    transition: left 300ms ease-in-out;
}
.instagram-feed.active{
    left: 0;
}
.instagram-feed .instagram .inner{
    width: 100%; 
    padding: 0;   
}
.instagram-feed .instagram-container {   
    background: url(img/bg-instagram.svg) no-repeat 360px 85px;  
    width: 810px;       
}
.instagram-feed .instagram-header {   
    padding: 57px 60px 40px;     
}
.instagram-feed .instagram-carousel-wrapper {
	width: 1080px;	
}
.instagram-feed .instagram-carousel-wrapper .owl-item {   
    padding: 25px 5px;
    height: 366px;      
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.instagram-feed .instagram-carousel-wrapper .owl-item.active{
    padding: 25px 5px 25px 55px;
}
/* seleciona o elemento central */
.instagram-feed .instagram-carousel-wrapper .owl-item.active.center{  
    padding: 0 5px;
}
/* seleciona o elemento depois */
.instagram-feed .instagram-carousel-wrapper .owl-item.active.center + .owl-item.active {
    padding: 25px 55px 25px 5px;
}
/* PLAYER */
.player-radio {
	display: flex;
	background-color: #1CE1EC;
	width: 100%;
	max-width: 450px;
	height: 104px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
	overflow: hidden;
}
.player-cover img {
    width: 104px;
    height: 104px;
    object-fit: cover;
    display: block;
}
.player-body {
    flex-grow: 1;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.player-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.track-details { 
    color: #05253E; 
}
.album-title,
.track-title {
	font-size: 19px;
	font-weight: 700;
	margin: 0;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 320px;
}
.track-artist,
.album-artist {
	font-size: 16px;
    font-weight: 600;
    text-transform: none;
	margin: 0;	
}
.spotify-icon {
	width: 34px;
    height: 34px;	
}
.spotify-icon svg{
    width: 100%;
}
.player-controls {
	display: flex;
	align-items: center;
	gap: 15px;	
}
.btn-control {
	background: none;
	border: none;
	font-size: 18px;
    line-height: 1;
	cursor: pointer;
	color: #05253E;
	padding: 0;
    transition: color 200ms ease;
}
.btn-control:hover {
    color: #FFF;
}
.btn-play-pause {
	font-size: 22px;
	width: 30px;
	text-align: center;
}
.progress-container {
	flex-grow: 1;
	height: 4px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	cursor: pointer;
	position: relative;
}
.progress-bar {
	height: 100%;
	background-color: #05253E;
	border-radius: 2px;
	width: 0%;
	position: relative;
}
.progress-bar::after {
	content: '';
	position: absolute;
	right: -4px;
	top: -3px;
	width: 10px;
	height: 10px;
	background-color: #05253E;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s;
}
.progress-container:hover .progress-bar::after {
	opacity: 1;
}
.spotify-icon,
.btn-share {
	background: none;
	border: none;	
	cursor: pointer;	
}
.btn-share {	
    width: max-content;
    min-width: 24px;
    height: 24px;    
    display: block;   
}
.player-controls .btn-share {	 
    margin-left: 10px;
}
.spotify-icon path,
.btn-share path{
    fill: #05253E;
    transition: fill 200ms ease;
}
.spotify-icon:hover path,
.btn-share:hover path{
    fill: #FFF;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
/* TOPO */
.topo{      
    z-index: 0 !important;
}
.topo .inner{
    width: 100vw;
    padding: 70px 0 0 140px;
}
.topo .topo-bg-img{
    background-image: var(--bg-desktop);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 568px;    
    display: block;
    position: relative;
    margin: 145px 0 0;
}
.topo .topo-bg-no-img{
    width: 100%;
    height: 0;
}
.grafismo-topo {
    width: calc( 100% - 80px);       
    position: absolute;  
    overflow: hidden; 
    margin-left: -60px;
    z-index: 1;
}
.topo .topo-bg-img::before{
    content: "";
    background-repeat: no-repeat;
    background-position: center top; 
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;    
    transform: translateX(-50%);
}
.conteudo{
    background-color: transparent !important;
}
.conteudo::after{
    content: "";    
    width: 100%;
    height: calc( 100% - 60px );
    position: absolute;
    top: 60px;
    left: 0;
    z-index: -1;
}
.conteudo .inner {
	 padding: 20px 142px 40px 0;
}
.grafismo-conteudo {   
	width: 100vw;
    position: absolute;	
    /* overflow: hidden;  */
    z-index: 0;    
}
.grafismo-topo::before,
.grafismo-conteudo::before {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    content: "";
    width: 2640px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;       
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
.page-sobre,
.page-sobre .btn-menu,
.page-sobre .btn-menu:hover .bar,
.page-sobre section,
.sobre::after {
    background-color: #1CE1EC;
}
.page-sobre .newsletter .btn-padrao.azul {
	background-color: #9FB932;
}
.page-sobre .newsletter .btn-padrao.azul:hover{
    background-color: #05253E;
    color: #9FB932;
}
.grafismo-topo.gr-sobre {   
    height: 190px;   
}
.grafismo-topo.gr-sobre::before {
    background-image: url(img/gr-topo-sobre.svg);   
}
.topo-sobre .topo-bg-img::before{   
    background-image: url(img/gr-img-sobre.svg);
    width: 710px;      
}
/* CONTEÚDO SOBRE */
.grafismo-conteudo.gr-sobre {
	height: 190px;
	top: -15px;
}
.grafismo-conteudo.gr-sobre::before{
    background-image: url(img/gr-conteudo-sobre.svg);  
    left: -81px;
}
.grafismo-conteudo.gr-sobre::after {
    content: "";
    background-color: #9FB932;  
    width: 100%;
    height: 28px;    
    display: block;
    position: absolute;
    top: -28px;
    left: 0;
    z-index: 0;
}
/*-------------------------------------------------------
LINHA DO TEMPO
-------------------------------------------------------*/
.page-linha-do-tempo,
.page-linha-do-tempo .btn-menu,
.page-linha-do-tempo .btn-menu:hover .bar,
.page-linha-do-tempo section,
.conteudo.linha-do-tempo::after {
    background-color: #F6592A;
}
.page-linha-do-tempo .newsletter .inner {	
	padding: 0 0 50px;
}
.page-linha-do-tempo .newsletter .setas {
	border-top: none;	
}
.page-linha-do-tempo .newsletter .setas::before {	
	border-color: transparent #1CE1EC transparent transparent;	
}
.page-linha-do-tempo .newsletter .setas::after {
	border-color: transparent transparent transparent #1CE1EC;	
}
.page-linha-do-tempo .newsletter .btn-padrao.azul {
	background-color: #1CE1EC;
}
.page-linha-do-tempo .newsletter .btn-padrao.azul:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
.page-linha-do-tempo footer {	
	background-color: #9FB932;	
}
.grafismo-topo.gr-linha-do-tempo {   
    height: 204px;   
}
.grafismo-topo.gr-linha-do-tempo::before {
    background-image: url(img/gr-topo-linha-do-tempo.svg);   
}
.topo-linha-do-tempo .topo-bg-img::before {
	background-image: url(img/gr-img-linha-do-tempo.svg);
	width: 827px;
	margin-top: -17px;
}
/* CONTEÚDO LINHA DO TEMPO */
.conteudo.linha-do-tempo .inner {
	padding-bottom: 0;
}
.grafismo-conteudo.gr-linha-do-tempo {    
	height: 228px;   
    top: -94px;
}
.grafismo-conteudo.gr-linha-do-tempo::before{
    background-image: url(img/gr-conteudo-linha-do-tempo.svg);  
    left: -196px;
}
/* LINHA DO TEMPO */
.linha-do-tempo-container{
    position: relative;   
}
/* NAVEGAÇÃO LINHA DO TEMPO */
.linha-do-tempo-anos{
    background: url(img/linha-tripla.svg) repeat-x left bottom;
    height: 75px;
    padding: 22px 58px 0;
    position: relative;
}
.linha-do-tempo-anos::after {
    content: "";
    background-color: #1CE1EC;  
    width: 41px;
    height: 33px;
    clip-path: polygon(50% 100%, 0% 0%, 100% 0%);  
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);    
}
h3.ano-item{
    font-size: 23px;
    position: relative;
    text-align: center;
    transition: color 200ms ease;
}
h3.ano-item:hover{
    color: #FFF;
}
h3.ano-item::after{
    content: "";
    background: #9FB932;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: -5px;    
}
.owl-anos.owl-carousel::before,
.owl-anos.owl-carousel::after {
	content: "";
	background: linear-gradient(90deg,rgba(246, 89, 42, 1) 80%, rgba(246, 89, 42, 0) 100%);
	width: 120px;
	height: 64px;
	display: block;
	position: absolute;
	top: -20px;
	z-index: 2;
    pointer-events: none;
}
.owl-anos.owl-carousel::before{
    left: -58px;
}
.owl-anos.owl-carousel::after{
    right: -58px;
    transform: scaleX(-1);
}
.owl-anos.owl-carousel .owl-item:last-child h3.ano-item::after{
    content: none;
}
.owl-anos.owl-carousel .owl-item{
    cursor: pointer;
}
.owl-anos.owl-carousel .owl-item.active.center h3.ano-item{
    color: #FFF;
}
.owl-anos.owl-carousel .owl-nav {
	width: 600px;
	bottom: -3px;
    z-index: 3;
}
.owl-anos.owl-carousel .owl-nav button.owl-prev,
.owl-anos.owl-carousel .owl-nav button.owl-next {
	mask: url(img/seta-simples.svg) no-repeat center;	
	width: 26px;
}
/* LISTA DE FATOS LINHA DO TEMPO */
.linha-do-tempo-lista{
    width: 1000px;   
    position: relative;   
    left: -102px;
}
.linha-do-tempo-lista:after{
    content: "";
    background-color: #C2A7B2;  
    clip-path: polygon(0% 0%, 50% 64px, 100% 0%, 100% 100%, 50% calc( 100% - 64px ), 0% 100%);
    width: 100%;
    height: calc( 100% - 265px );    
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
} 
.linha-do-tempo-item{
    padding: 108px 203px 120px;
    position: relative;
}
h3.ano-titulo{
    background-color: #1CE1EC;
    border-radius: 50%;
    width: 68px;
    height: 32px;
    display: block;
    position: absolute;
    top: 93px;
    left: 65px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    z-index: 2;
}
/* ITEM FATO */
.fato-item{
    border-top: 2px solid #05253E; 
    border-bottom: 2px solid #05253E;    
    padding: 20px 0;
}
.fato-imagem{
    margin-bottom: 30px;
}
.fato-img{
    width: 594px;
    height: 412px;
    object-fit: cover;    
}
.fato-conteudo{
    background: url(img/linha-tripla.svg) no-repeat left top;
    padding: 24px 0 0;
}
h4.fato-titulo{
    border-bottom: 1px solid #05253E;
    padding-bottom: 18px;   
    margin-bottom: 24px;
}
.owl-fatos.owl-carousel .owl-nav {
    width: 820px;   
    left: 0;
    transform: translateX(-91px) rotate(90deg);
    top: -63px;
    bottom: auto;
    transform-origin: 0 0;
}
.owl-fatos.owl-carousel .owl-nav button.owl-prev:hover,
.owl-fatos.owl-carousel .owl-nav button.owl-next:hover {
	background-color: #FFF;
}
.owl-fatos.owl-carousel .owl-dots {	
	width: max-content;
    min-width: 300px;
	height: 100px;
	padding: 0 22px;
	justify-content: flex-start;
	gap: 0 6px;
	left: 0;
	transform: translateX(-55px) rotate(90deg);
	top: 17px;
	bottom: auto;
	transform-origin: 0 0;
}
.owl-fatos.owl-carousel button.owl-dot {
	background-color: transparent;
	width: 16px;
	height: 50px;
    padding: 0 7px !important;
	border-radius: 0;	
    position: relative;
}
.owl-fatos.owl-carousel button.owl-dot span{   
    background-color: #05253E;
    width: 2px;
    height: 100%;   
    display: block;
    transition: background-color 200ms ease;
}
.owl-fatos.owl-carousel button.owl-dot:hover{
    background-color: transparent;
}
.owl-fatos.owl-carousel button.owl-dot:hover span{
    background-color: #FFF;
}
.owl-fatos.owl-carousel button.owl-dot.active {   
    height: 100px;    
}
.owl-fatos.owl-carousel button.owl-dot.active span{
    background-color: #1CE1EC;
}
.owl-fatos.owl-carousel .owl-dots::after{
    content: "";
    background-color: #05253E;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: -1;
} 
/*-------------------------------------------------------
MATÉRIAS E CRÍTICAS
-------------------------------------------------------*/
.blog,
.blog .btn-menu,
.blog .btn-menu:hover .bar,
.blog section,
.conteudo.materias::after,
.category,
.category .btn-menu,
.category .btn-menu:hover .bar,
.category section {
    background-color: #9FB932;
}
.titulos-container {
	margin-bottom: 28px;
	display: flex;
	align-items: last baseline;
	gap: 10px;
}
.titulos-container h1.titulo-pagina {
	margin-bottom: 0;
	width: 240px;
    position: relative;
    transition: color 200ms ease;
}
a.back-to-blog h1.titulo-pagina::before{
    content: "";
    background-color: #05253E;
    mask: url(img/seta-dupla.svg) no-repeat center;
    width: 38px;
    height: 26px;    
    display: block;
    position: absolute;
    top: 12px;
    left: -48px;
    transform: scale(-1);
    transition: background-color 200ms ease;
}
a.back-to-blog h1.titulo-pagina::after {
    content: " >>";   
    color: #05253E !important;
}
a.back-to-blog:hover h1.titulo-pagina{
    color: #FFF;    
}
a.back-to-blog:hover h1.titulo-pagina:before{
    background-color: #FFF;    
}
h2.titulo-categoria {
    width: max-content;
    font-size: 46px;
    color: transparent;
    -webkit-text-stroke: 1px #05253E;   
}
.grafismo-topo.gr-materias {   
    height: 190px;   
}
.grafismo-topo.gr-materias::before {
	background-image: url(img/gr-topo-materias.svg);	
	background-size: 100% 100%;
    width: 100%;
}
.topo-materias .topo-bg-img::before {
	background-image: url(img/gr-img-materias.svg);
	width: 1010px;
    margin-top: 45px;
}
.topo-materias .grafismo-conteudo.gr-materias {	
    top: auto;
	bottom: -175px;
	z-index: -1;
    clip-path: none;
}
/* CONTEÚDO MATERIAS */
.conteudo.materias::after {
	height: 100%;
	top: 0;
}
.conteudo.materias .inner {
	padding-bottom: 45px;
}
.grafismo-conteudo.gr-materias {
	height: 218px;
	top: -43px;
	clip-path: polygon(0% 43px, 100% 43px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-materias::before{
    background-image: url(img/gr-conteudo-materias.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.materias-lista {
	width: 960px;
	padding: 90px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 50px 60px;
	position: relative;
	left: -92px;
}
/* Card matéria */
.card-materia {      
    background-image: url(img/bg-card-materia.svg), url(img/bg-card-materia.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: center 38px, center bottom;
    width: 100%;
    max-width: 450px;
    min-height: 512px;
    padding: 0 92px 62px;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #05253E;   
}
.card-materia .img-container {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.card-materia .card-img {
    width: 100%;
    height: 150px;
    object-fit: cover;   
}
.card-materia .img-container::after {
	content: "";
	position: absolute;
	bottom: -16px;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 32px solid #9FB932;
	z-index: 2;
}
/* Badges Circulares (Topo Esquerda) */
.card-materia .card-badges {
	position: absolute;
	top: -44px;
	left: 10px;
	display: flex;
	gap: 10px;
	z-index: 3;
}
.badge-termo {   	
	width: 64px;
	height: 64px;	
	display: flex;
	align-items: center;
	justify-content: center;
    position: relative;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;	
    transition: none;	
}
.badge-termo svg {
	position: absolute;
	width: 100%;
	height: 100%;    
	z-index: 9;
}
.badge-termo svg.curva-sorriso{
    transform: scale(0.95);
}
.badge-termo svg.curva-texto {
	transform: rotate(180deg) scale(0.95);
}
.badge-termo::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;   
    width: 100%;
    height: 100%;
    border: 23px solid;
    border-radius: 50%;
    z-index: 0;   
    transition: border-color 200ms ease;
} 
.card-materia .badge-termo::after{   
    border-color: #1CE1EC;  
} 
.card-materia .badge-termo:hover::after{
    border-color: #F6592A;
}
/* Conteúdo de Texto */
.card-conteudo{
    position: relative;    
}
.card-materia h3.card-titulo{
    background: url(img/linha-tripla.svg) no-repeat left top;
    border-bottom: 1px solid #05253E;
    padding: 23px 0 19px;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.card-materia p {   
    margin-bottom: 0;
}
/* Rodapé: Datas, Views e Botão */
.card-rodape {
    border-bottom: 6px double #05253E;
    position: relative;
    margin-top: auto;
    padding: 10px 0 22px;
}
.card-data,
.card-visualizacoes {
    display: block;
    font-size: 14px;
    font-weight: 600;    
}
.card-data{
    margin-bottom: 5px;
}
.btn-card {
    background-color: #1CE1EC;    
    border-radius: 50%;
    width: 108px;
    height: 38px;
    display: block;
    position: absolute;
    right: 30px;
    bottom: -22px;
    z-index: 1;    
    color: #05253E;     
    font-size: 17px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase; 
    text-align: center;   
}
.btn-card:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
/* PAGINAÇÃO */
.conteudo.materias .pagination {
	width: 960px;	
    left: -92px;
}
/* CORES */
.blog .owl-carousel .owl-nav button.owl-prev:hover,
.blog .owl-carousel .owl-nav button.owl-next:hover,
.blog .owl-carousel button.owl-dot,
.blog .btn-padrao.verde,
.category .owl-carousel .owl-nav button.owl-prev:hover,
.category .owl-carousel .owl-nav button.owl-next:hover,
.category .owl-carousel button.owl-dot,
.category .btn-padrao.verde {
	background-color: #1CE1EC;
}
.blog .btn-padrao.verde:hover,
.category .btn-padrao.verde:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
/*-------------------------------------------------------
PÁGINA MATÉRIA (SINGLE POST)
-------------------------------------------------------*/
.single-post,
.single-post .btn-menu,
.single-post .btn-menu:hover .bar,
.single-post section,
.conteudo.materia::after {
    background-color: #9FB932;
}
.grafismo-topo.gr-materia {   
    height: 190px;   
}
.grafismo-topo.gr-materia::before {
	background-image: url(img/gr-topo-materia.svg);	
	background-size: 100% 100%;
    width: 100%;
}
/* CONTEÚDO MATÉRIA */
.conteudo.materia::after {	
	height: calc( 100% - 192px );	
    top: 192px;	
}
.grafismo-conteudo.gr-materia {
	height: 384px;
	top: -234px;
	clip-path: polygon(0% 234px, 100% 234px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-materia::before{
    background-image: url(img/gr-conteudo-materia.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.meta-container{   
    border-bottom: 6px double #05253E;
    padding: 18px 0 19px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.meta-container p{
    margin-bottom: 0;
}
.meta-container p span.divider{
    display: inline;
}
.meta-container p br{
    display: none;
}
/* RELACIONADOS */
.relacionados .inner{      
    padding: 30px 0 20px;
}
.relacionados-container{
    border-top: 1px solid #05253E;
    border-bottom: 1px solid #05253E;
    padding: 34px 0 45px;
}
h2.relacionados-titulo{
    width: min-content;
    font-size: 46px;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.relacionados-lista{
    width: 960px;
    position: relative;
	left: -92px;
    margin-bottom: 50px;
}
.relacionados .card-materia .badge-termo::after {	
	border: 23px solid #C2A7B2;	
}
.relacionados .card-materia .badge-termo:hover::after {	
	border: 23px solid #1CE1EC;	
}
.owl-relacionados{
    padding-bottom: 65px;
}
.owl-relacionados .owl-stage {
    display: flex;
}
.owl-relacionados .owl-item {
    padding-top: 44px;
    display: flex;
    flex: 1 0 auto;
}
.owl-relacionados.owl-carousel button.owl-dot{
    background-color: #1CE1EC;
}
.owl-relacionados.owl-carousel .owl-nav button.owl-prev:hover,
.owl-relacionados.owl-carousel .owl-nav button.owl-next:hover {
	background-color: #1CE1EC;
}
.relacionados .btn-padrao {
    margin: 0 auto;
}
/*-------------------------------------------------------
DISCOGRAFIA
-------------------------------------------------------*/
.post-type-archive-disco,
.post-type-archive-disco .btn-menu,
.post-type-archive-disco .btn-menu:hover .bar,
.post-type-archive-disco section,
.conteudo.discografia::after{
    background-color: #C2A7B2;
}
.grafismo-topo.gr-discografia {   
    height: 202px;   
}
.grafismo-topo.gr-discografia::before {
	background-image: url(img/gr-topo-discografia.svg);	
	background-size: auto 100%;
    width: 100%;
}
.topo-discografia .topo-bg-img::before {
	background-image: url(img/gr-img-discografia.svg);
	width: 880px;
    margin-top: 55px;
}
.topo-discografia .grafismo-conteudo.gr-discografia {	
    top: auto;
	bottom: -92px;
	z-index: -1;
    clip-path: none;
}
/* CONTEÚDO DISCOGRAFIA */
.conteudo.discografia::after {	
	height: calc( 100% - 45px );	
    top: 45px;	
}
.conteudo.discografia .inner {
	padding-bottom: 0;
}
.grafismo-conteudo.gr-discografia {
	height: 177px;
	top: -85px;
	clip-path: polygon(0% 85px, 100% 85px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-discografia::before{
    background-image: url(img/gr-conteudo-discografia.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
/* LISTA DISCOS */
.discos-lista{
    width: 1002px;
    padding: 48px  0 0;   
    position: relative;
    left: -102px;
}
.discos-linha{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.discos-linha:last-child{
    margin-bottom: 0;
}
/* Card disco */
.card-disco {      
    background-image: url(img/bg-card-disco.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    max-width: 524px;
    height: 227px;    
    position: relative;
    display: flex;    
    align-items: flex-end;       
}
.card-disco:first-child {
   margin-right: -46px;
}
.discos-linha:nth-child(odd) .card-disco {
    padding: 0 0 68px 120px;
    flex-direction: row;   
    gap: 14px;  
}
.discos-linha:nth-child(even) .card-disco {
    padding: 0 96px 68px 0;
    flex-direction: row-reverse;    
    gap: 21px;  
}
.card-disco .img-container {
    position: relative;
    width: 159px;
    height: 159px;   
}
.card-disco .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
}
.card-disco .card-badges {
	position: absolute;
	bottom: -44px;
	left: 10px;	
	z-index: 3;
}
.card-disco .badge-termo::after{   
    border-color: #F6592A;  
} 
.card-disco .badge-termo:hover::after{
    border-color: #9FB932;
}
.card-disco .card-conteudo{
    padding-bottom: 9px;
}
.card-disco h3.card-titulo{    
    width: 127px;
    padding: 0 0 11px;
    position: relative;
    font-size: 21px; 
    text-transform: uppercase;
    margin-bottom: 1px;    
}
.card-disco h3.card-titulo::after{
    content: "";
    background: url(img/linha-tripla.svg) no-repeat left bottom;    
    width: 104px;
    height: 7px;   
    position: absolute;
    bottom: 0;
    left: 0;    
}
.card-disco p.disco-ano {   
    font-size: 16px;   
}
/*-------------------------------------------------------
FILTROS
-------------------------------------------------------*/
/* NAVEGAÇÃO FILTROS DISCOS */
.filtros{
    display: flex;
    flex-wrap: wrap;
    gap: 22px 25px;
}
.filtro-container{
    background: url(img/linha-tripla.svg) repeat-x left bottom;
    border-top: 1px solid #05253E;    
    height: 75px;    
    position: relative;
}
.filtro-slider{
    width: 100%;
    padding: 22px 58px 0;
}
.filtro-slider::after {
    content: "";   
    width: 41px;
    height: 33px;
    clip-path: polygon(50% 100%, 0% 0%, 100% 0%);  
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);    
}
.filtro-container .search-filter-input-button{
    width: 100%;
    position: relative;    
    font-family: degular, sans-serif;
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    transition: color 200ms ease;
}
.filtro-container .search-filter-input-button:hover{
    color: #fff !important;
}
.filtro-container .search-filter-input-button.search-filter-input-button--is-selected{
    color: #fff;
}
.filtro-container .search-filter-checkable-button::after,
.filtro-container .search-filter-style--control-reset.resetar-filtro::after{ 
    content: "";  
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: -5px;    
}
.filtro-container .search-filter-input-text__input,
.filtro-container .search-filter-component-combobox__selection,
.filtro-container .search-filter-component-combobox-base__listbox-option {
	font-family: degular, sans-serif !important;
	font-size: 17px !important;
	line-height: 3em !important;
}                   
.filtro-container .search-filter-input-text__input::placeholder,
.filtro-container .search-filter-component-combobox__selection.search-filter-component-combobox__selection-placeholder{
    font-weight: 400;
}
.filtro-container .search-filter-input-text__input::placeholder{
    color: #05253E !important;
}
.filtro-container .search-filter-component-combobox__listbox-toggle .search-filter-icon{
    width: 26px;
    height: 26px;
}
.filtro-container .search-filter-component-combobox__listbox-toggle .search-filter-icon svg{
    display: none !important;
}
.filtro-container .search-filter-component-combobox__listbox-toggle .search-filter-icon::after{
    content: "";
    background-color: #05253E;
    mask: url(img/seta-simples.svg) no-repeat center;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(90deg);
    transition: background-color 200ms ease;
}
.filtro-container .search-filter-component-combobox__selection{    
    transition: color 200ms ease;
}
.filtro-container .search-filter-icon,
.filtro-container .search-filter-component-combobox{
    cursor: pointer;
}
.filtro-container .search-filter-component-combobox:hover .search-filter-component-combobox__selection{
    color: #FFF;
}
.filtro-container .search-filter-component-combobox:hover .search-filter-icon::after{   
    background-color: #FFF;
}
.filtro-container .search-filter-input-text__input,
.filtro-container .search-filter-component-combobox__selection,
.filtro-container .search-filter-component-combobox-base__listbox-option{
    font-weight: 600;
}
.filtro-container .search-filter-component-combobox-base__listbox {
    background-color: #FFF;
    border: none;
    border-radius: 0;    
}
.filtro-container .search-filter-component-combobox-base__listbox-option {  
    padding: 10px;
    line-height: 1.5em !important;
    cursor: pointer;
}
.filtro-container .search-filter-component-combobox-base__listbox-option--selected{
    background-color: #E4E4E4;    
}
.filtro-container .owl-filtro::before,
.filtro-container .owl-filtro::after {
	content: "";
	width: 120px;
	height: 64px;
	display: block;
	position: absolute;
	top: -20px;
	z-index: 2;
}
.filtro-container .owl-filtro::before{
    left: -58px;
}
.filtro-container .owl-filtro::after{
    right: -58px;
    transform: scaleX(-1);
}
.filtro-container .owl-item:last-child .search-filter-checkable-button::after{
    content: none;
}
.filtro-container .owl-item{
    cursor: pointer;
}
.filtro-container .owl-item.active.center .resetar-filtro .search-filter-input-button{
    color: #fff;
}
.filtro-container .owl-carousel .owl-nav {
	width: 600px;
	bottom: -3px;
    z-index: 3;
}
.filtro-container .owl-carousel .owl-nav button.owl-prev,
.filtro-container .owl-carousel .owl-nav button.owl-next {
	mask: url(img/seta-simples.svg) no-repeat center;	
	width: 26px;
}
.limpar-filtros{
    margin: 0 0 0 auto;
}
.limpar-filtros .search-filter-input-button{   
	border-radius: 100px;    
	width: max-content;
	max-width: 100%;
	padding: 7px 20px;
	display: block;
	color: #05253E;
	font-family: degular, sans-serif;
	font-size: 15px;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;    
	transition: background-color 200ms ease, color 200ms ease;
}
/* FILTRO TIPOS */
.filtro-slider.filtro-tipos::after {   
    background-color: #9FB932;      
}
.filtro-container.filtro-tipos .search-filter-checkable-button::after,
.filtro-container.filtro-tipos .search-filter-style--control-reset.resetar-filtro::after{   
    background: #F6592A;  
}
.filtro-container.filtro-tipos .owl-filtro::before,
.filtro-container.filtro-tipos .owl-filtro::after {	
	background: linear-gradient(90deg,rgba(194, 167, 178, 1) 83%, rgba(194, 167, 178, 0) 100%);
}
/*-------------------------------------------------------
PÁGINA DISCO - SINGLE DISCO
-------------------------------------------------------*/
.single-disco,
.single-disco .btn-menu,
.single-disco .btn-menu:hover .bar,
.single-disco section,
.conteudo.disco::after {
    background-color: #C2A7B2;
}
.topo-disco .topo-bg-img {
	width: 568px;
	height: 568px;	
	transform: translateX(-184px);
    margin: 145px auto 0;
}
.grafismo-topo.gr-disco {   
    height: 402px;   
    z-index: 0;
}
.grafismo-topo.gr-disco::before {
	background-image: url(img/gr-topo-disco.svg);		
	background-size: auto 100%;  
    width: 100%;
}
.topo-disco .grafismo-conteudo.gr-disco {	
    top: auto;
	bottom: -92px;
	z-index: -1;
    clip-path: none;
}
/* CONTEÚDO DISCO */
.conteudo.disco .inner {
	padding-bottom: 0;
}
.grafismo-conteudo.gr-disco {
	height: 177px;
	top: -85px;
    clip-path: polygon(0% 85px, 100% 85px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-disco::before{
    background-image: url(img/gr-conteudo-discografia.svg);
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.conteudo.disco h1.titulo-pagina {
	margin-bottom: 10px;
}
.meta-container-disco {
    padding: 0 86px 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.meta-container-disco::after{
    content: "";    
    border-top: 1px solid #05253E;
    width: calc( 100% - 64px );
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 0;
}
.meta-container-disco p.disco-ano {
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 0;
}
.meta-container-disco .badge-tipo {	
	top: 0;
    right: 100px;
    z-index: 1;
}
.conteudo.disco .padrao{
    border-bottom: 1px solid #05253E;
    padding-bottom: 25px;
}
/* MUSICAS E FICHA TÉCNICA */
.musicas-ficha .inner{
    width: 900px;
    padding: 30px 0 0;
    display: flex;
    justify-content: space-between;
}
.musicas{
    width: 320px;
}
/* PLAYER */
.player-disco {
	display: flex;
	background-color: #1CE1EC;
	width: 100%;	
	height: 96px;	
	overflow: hidden;
    margin-bottom: 25px;
}
.player-disco .player-cover img {
    width: 96px;
    height: 96px;  
}
.player-disco .player-body {   
    padding: 10px 15px;  
    justify-content: flex-start;
}
.player-disco .album-title {
	font-size: 14px;	    
}
.player-disco .album-artist,
.player-disco .track-title {
    font-size: 12px;   
}
.player-disco .album-title,
.player-disco .album-artist{
     margin-bottom: 3px;
}
.player-disco .player-controls {
	gap: 10px;	
    margin-top: auto;
}
.player-disco .btn-control {	
	font-size: 15px;	
}
.player-disco .btn-play-pause {
	font-size: 18px;
	width: 20px;	
}
/* PLAYLIST */
ul.lista-musicas{
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
ul.lista-musicas li.item-musica {
    background-color: transparent;	
	padding: 4px 8px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;	
    transition: color 200ms ease;
}
button.musica-titulo{
    background: transparent;
    color: #05253E;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
    transition: color 200ms ease;
}
button.musica-titulo:hover{
    color: #FFF;
}
ul.lista-musicas .item-musica.active {
    background-color: #1CE1EC;     
}
ul.lista-musicas .item-musica.active button.musica-titulo:hover{
    color: #05253E;
}
.musica-duracao{
    font-size: 16px;
    font-weight: 400;
    color: #05253E;
}
.ficha-tecnica{
    width: 450px;
    padding: 45px 86px 30px;
    position: relative;
    margin: 60px 0 0;
    z-index: 0;
}
.ficha-tecnica::before,
.ficha-tecnica::after{
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
}
.ficha-tecnica::before{   
    background-color: #1CE1EC;   
    height: calc( 100% - 90px );   
    top: 40px;  
}
.ficha-tecnica::after{   
    background-image: url(img/bg-ficha-tecnica-disco-topo.svg), url(img/bg-ficha-tecnica-disco-base.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom; 
    height: 100%; 
    top: 0;   
}
.ficha-tecnica h3{
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 0.75em;
}
.texto-ficha{
    font-size: 16px;
    line-height: 1.5em;
}
.texto-ficha h4{
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.texto-ficha ul{
    margin-bottom: 1em;
}
.ficha-tecnica-item{
    border-top: 1px solid #05253E;
    padding: 10px 0 15px;
}
h4.titulo-ficha-tecnica-item {
	font-size: 14px;
    margin-bottom: 0.5em;
}
.lista-streaming{
    display: flex;
    gap: 20px;
}
.lista-share {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
}
.btn-stream{
    width: max-content;
    height: 24px;
    display: block;
}
.btn-stream svg,
.btn-share svg{
    width: auto;
    height: 100%;
}
.btn-stream:hover path,
.btn-share:hover path{
    fill: #FFF;
}
/*-------------------------------------------------------
COMPOSIÇÕES
-------------------------------------------------------*/
.post-type-archive-composicao,
.post-type-archive-composicao .btn-menu,
.post-type-archive-composicao .btn-menu:hover .bar,
.post-type-archive-composicao section,
.conteudo.composicoes::after{
    background-color: #1CE1EC;
}
.grafismo-topo.gr-composicoes {   
    height: 212px;   
}
.grafismo-topo.gr-composicoes::before {
	background-image: url(img/gr-topo-composicoes.svg);	
	background-size: auto 100%;
    width: 100%;
}
.topo-composicoes .topo-bg-img::before {
	background-image: url(img/gr-img-composicoes.svg);
	width: 833px;
    margin-top: 28px;
}
.topo-composicoes .grafismo-conteudo.gr-composicoes {	
    top: auto;
	bottom: -112px;
	z-index: -1;
    clip-path: none;
}
/* CONTEÚDO COMPOSIÇÕES */
.conteudo.composicoes::after {	
	height: calc( 100% - 45px );	
    top: 45px;	
}
.conteudo.composicoes .inner {
	padding-bottom: 25px;
}
.grafismo-conteudo.gr-composicoes {
	height: 177px;
	top: -65px;
	clip-path: polygon(0% 65px, 100% 65px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-composicoes::before{
    background-image: url(img/gr-conteudo-composicoes.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
/* FILTROS COMPOSIÇÕES */
.filtros-composicoes {
   padding-bottom: 0;
   transition: padding-bottom 300ms ease;
}
.filtros-composicoes.sf-tem-filtros{
    padding-bottom: 30px;
} 
.filtro-busca {
	width: 428px;
	padding: 5px 0 0;
}
.filtro-anos{
    width: 203px;
    padding: 5px 0 0;
}
.filtro-slider.filtro-letras::after {   
    background-color: #F6592A;      
}
.filtro-container.filtro-letras .search-filter-checkable-button::after{   
    background: #9FB932;  
}
.filtro-container.filtro-letras .owl-filtro::before,
.filtro-container.filtro-letras .owl-filtro::after {	
    width: 104px;
	background: linear-gradient(90deg,rgba(28, 225, 236, 1) 83%, rgba(28, 225, 236, 0) 100%);
}
.composicoes .limpar-filtros .search-filter-input-button{
    background-color: #9FB932;
}
.composicoes .limpar-filtros .search-filter-input-button:hover {
    background-color: #05253E;
	color: #9FB932;
}
/* LISTA COMPOSIÇÕES */
.composicoes-lista{
    width: 798px;
    padding: 0;   
    position: relative;   
    display: flex;         
    flex-wrap: wrap;
    gap: 0 24px;
    margin-bottom: 27px;
}
/* Card composição */
.card-composicao {      
    background: url(img/bg-card-composicao.svg) no-repeat center bottom;
    width: 100%;
    max-width: 387px;
    height: 150px;  
    padding: 0 50px 55px 60px;  
    position: relative;   
    display: flex;         
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: -27px;
}
.card-composicao .card-badges {
	position: absolute;
	bottom: 65px;
	right: 65px;
	z-index: 3;
}
.card-composicao .badge-termo::after{   
    border-color: #F6592A;  
}
.card-composicao .badge-termo text{
    transition: fill 200ms ease;
}
.card-composicao .badge-termo:hover text{
    fill: #9FB932;
}
.card-composicao .badge-termo:hover::after{
    border-color: #05253E;
}
.card-composicao h3.card-titulo{    
    border-bottom: 1px solid #05253E;
    width: 100%;
    padding: 0 77px 14px 0;
    position: relative;
    font-size: 30px; 
    text-transform: uppercase;
    margin-bottom: 2px;    
}
.card-composicao p.composicao-ano {
    font-size: 16px;   
    line-height: 1;
}
/* SEM RESULTADOS */
.sem-resultados{
    padding: 70px 0 30px;  
    text-align: center;
}
/* PAGINAÇÃO */
.composicoes .pagination {
    width: 798px;	   
}
.composicoes .page-numbers{       
    border: 2px solid #9FB932;   
}
.composicoes .page-numbers.current,
.composicoes .page-numbers:hover{	
    background-color: #9FB932;	
}
/*-------------------------------------------------------
PÁGINA COMPOSIÇÃO - SINGLE COMPOSIÇÃO
-------------------------------------------------------*/
.single-composicao,
.single-composicao .btn-menu,
.single-composicao .btn-menu:hover .bar,
.single-composicao section,
.conteudo.composicao::after {
    background-color: #1CE1EC;
}
.topo-composicao .topo-bg-img {
	width: 568px;
	height: 568px;	
	transform: translateX(-184px);
    margin: 145px auto 0;
}
.topo-composicao .topo-bg-no-img {
    border-bottom: 1px solid #05253E;
    width: 656px;
	height: 145px;	
	position: relative;
    left: 100px;
	z-index: 1;	
}
.grafismo-topo.gr-composicao {   
    height: 400px;   
    z-index: 0;
}
.grafismo-topo.gr-composicao::before {
	background-image: url(img/gr-topo-composicao.svg);		
	background-size: auto 100%;  
    width: 100%;
}
.topo-composicao.no-img .grafismo-topo.gr-composicao {   
    height: 212px;      
}
.topo-composicao.no-img .grafismo-topo.gr-composicao::before {
	background-image: url(img/gr-topo-composicao-no-img.svg);    
}
.topo-composicao .grafismo-conteudo.gr-composicao {	
    top: auto;
	bottom: -110px;
	z-index: -1;
    clip-path: none;
}
.topo-composicao.no-img .grafismo-conteudo.gr-composicao{
    display: none;
}
/* CONTEÚDO COMPOSIÇÃO */
.conteudo.composicao .inner {
	padding-bottom: 25px;
}
.grafismo-conteudo.gr-composicao {
	height: 177px;
	top: -67px;
	clip-path: polygon(0% 67px, 100% 67px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-composicao::before{
    background-image: url(img/gr-conteudo-composicoes.svg);
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.conteudo.composicao.no-img .grafismo-conteudo.gr-composicao {
	height: 212px;
	top: -145px;
	clip-path: polygon(0% 145px, 100% 145px, 100% 100%, 0% 100%);
}
.conteudo.composicao.no-img .grafismo-conteudo.gr-composicao::before{
    background-image: url(img/gr-topo-composicao-no-img.svg);   
    background-size: auto 100%;    
    left: 80px;  
}
.conteudo.composicao h1.titulo-pagina {
	margin-bottom: 10px;
}
.conteudo.composicao h3.subtitulo-pagina {
	border-top: none;
	border-bottom: none;
	padding: 2px 0 18px;	
}
.composicao-infos{    
    padding: 30px 0 45px;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 106px;
    z-index: 1;
}
.composicao-infos::before{
    content: "";
    border-top: 1px solid #05253E;
    border-bottom: 1px solid #05253E;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.composicao-infos .padrao{
    width: 345px;    
}
/* FICHA TÉCNICA */
.composicao-infos .ficha-tecnica {
	margin: -36px -245px 0 0;
}
.composicao-infos .ficha-tecnica::before {	
	background-color: #9FB932;	
}
.composicao-infos .ficha-tecnica::after {	
	background-image: url(img/bg-ficha-tecnica-composicao-topo.svg), url(img/bg-ficha-tecnica-composicao-base.svg);
}
/*-------------------------------------------------------
OBRAS - LIVROS E FILMES
-------------------------------------------------------*/
.post-type-archive-obra,
.post-type-archive-obra .btn-menu,
.post-type-archive-obra .btn-menu:hover .bar,
.post-type-archive-obra section,
.conteudo.obras::after{
    background-color: #F6592A;
}
.post-type-archive-obra .newsletter .inner {	
	padding: 0 0 50px;
}
.post-type-archive-obra .newsletter .setas {
	border-top: none;	
}
.post-type-archive-obra .newsletter .setas::before {	
	border-color: transparent #1CE1EC transparent transparent;	
}
.post-type-archive-obra .newsletter .setas::after {
	border-color: transparent transparent transparent #1CE1EC;	
}
.post-type-archive-obra .newsletter .btn-padrao.verde {
	background-color: #1CE1EC;
}
.post-type-archive-obra .newsletter .btn-padrao.verde:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
.post-type-archive-obra footer {	
	background-color: #9FB932;	
}
.grafismo-topo.gr-obras {   
    height: 186px;   
}
.grafismo-topo.gr-obras::before {
	background-image: url(img/gr-topo-obras.svg);	
	background-size: auto 100%;
    width: 100%;
}
.topo-obras .topo-bg-img::before {
	background-image: url(img/gr-img-obras.svg);
	width: 763px;
    margin-top: 39px;
}
.topo-obras .grafismo-conteudo.gr-obras {
	top: auto;
	bottom: -162px;
	z-index: -1;
	clip-path: none;
}
/* CONTEÚDO OBRAS */
.conteudo.obras::after {	
	height: calc( 100% - 23px );	
    top: 23px;	
}
.conteudo.obras .inner {  
    padding: 30px 142px 25px 0;
}
.grafismo-conteudo.gr-obras {
	height: 255px;
	top: -93px;
	clip-path: polygon(0% 93px, 100% 93px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-obras::before{
    background-image: url(img/gr-conteudo-obras.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
/* LISTAS OBRAS */
h2.titulo-lista-obras{
    border-top: 1px solid #05253E;
    padding-top: 20px;
    font-size: 46px;  
    margin-bottom: 44px;
}
.obras-lista{
    padding-bottom: 55px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.obras-lista:last-child{
    padding-bottom: 0;
}
.obras-lista.livros{
    width: 1100px;
    gap: 38px 20px;
    left: -150px;
}
.obras-lista.filmes{
    width: 938px;
    gap: 38px 38px;
    left: -38px;
}
/* CARD OBRA */
.card-obra{
    position: relative;
    z-index: 0;
}
.card-obra::before,
.card-obra::after{
    content: "";
    background-color: #9FB932; 
    width: 100%;   
    position: absolute;    
    left: 0;
    z-index: -1;
}
.card-obra .card-obra-info{
    position: relative;
}
.card-obra h3.card-titulo{     
    position: relative;
    font-size: 21px;          
}
.card-obra h3.card-titulo::after{
    content: "";
    background: url(img/linha-tripla.svg) no-repeat left bottom;       
    height: 7px;   
    position: absolute;   
    left: 0;    
}
.card-obra p.obra-autor,
.card-obra p.obra-ano {   
    font-size: 18px;  
    line-height: 1; 
}
.card-obra .card-badges {
	position: absolute;	
	z-index: 3;
}
.card-obra .badge-termo::after{   
    border-color: #1CE1EC;  
} 
.card-obra .badge-termo text{
    transition: fill 200ms ease;
}
.card-obra .badge-termo:hover text{
    fill: #1CE1EC;
}
.card-obra .badge-termo:hover::after{
    border-color: #05253E;
}
/* CARD OBRA LIVRO */
.card-obra.livro{
    width: 540px;
    min-height: 254px;
    padding: 0 110px 42px 150px;
}
.card-obra.livro .card-obra-info{
    width: 100%;   
    display: flex;
    align-items: flex-end;
    gap: 16px;
}
.card-obra.livro .card-img{
    width: 138px;
    height: 212px;
}
.card-obra.livro .card-conteudo{
    padding-bottom: 13px;   
}
.card-obra.livro h3.card-titulo{   
    padding: 0 0 11px;
    margin-bottom: 7px;     
}
.card-obra.livro h3.card-titulo::after{   
    width: 122px;   
    bottom: 0;  
}
.card-obra.livro p.obra-autor {   
    display: none; 
}
.card-obra.livro .card-badges {
    top: 15px;
    left: 130px;
}
.card-obra.livro::before{
    border-radius: 50%;
    height: 198px;
    bottom: 0;
}
.card-obra.livro::after{  
    content: none;
}
/* CARD OBRA FILME */
.card-obra.filme{
    width: 450px;
    min-height: 430px;
    padding: 0 38px 55px;
    display: flex;
}
.card-obra.filme .card-obra-info {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.card-obra.filme .card-img-container{
    position: relative;
}
.card-obra.filme .card-img-container::before,
.popup-container.filme .popup-img-container::before{
    content: "";
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 19px 0px 19px 42px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: border-color 200ms ease;
    z-index: 2;
}
.card-obra.filme .card-img-container:hover::before{
    border-color: transparent transparent transparent #1CE1EC;
}
.card-obra.filme .card-img{
    width: 100%;
    height: 238px;
}
.card-obra.filme .card-conteudo{
    padding: 24px 50px 0 60px;   
    display: flex;
    flex-direction: column;
    flex: 1;   
}
.card-obra.filme h3.card-titulo {
	padding: 25px 0 0;
	margin-bottom: 10px;
}
.card-obra.filme h3.card-titulo::after{ 
    width: 100%;     
    top: 0;    
}
.card-obra.filme p.obra-autor {   
    display: block; 
    margin-bottom: 0.25em;
}
.card-obra.filme p.obra-ano {
	border-bottom: 1px solid #05253E;
	padding-bottom: 24px;
	flex: 1;
}
.card-obra.filme .card-badges {
	bottom: -10px;
	right: 65px;
}
.card-obra.filme::before {
	background-color: #9FB932;
	height: calc( 100% - 226px );
	top: 176px;
}
.card-obra.filme::after{   
    background-image: url(img/bg-ficha-tecnica-composicao-topo.svg), url(img/bg-ficha-tecnica-composicao-base.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;  
    background-color: transparent;
    height: calc( 100% - 126px );  
    top: 126px;   
}
/* POPUP */
.popup-container{  
    background-color: transparent !important;
    width: 810px;  
    position: relative;
}
.popup-container .btn-close{
    top: 16px;
    right: 16px;
}
.popup-info{
    display: flex;
    align-items: flex-start;   
}
.popup-img-container{   
    position: relative;
}
.popup-img{
    width: 100%;   
    object-fit: cover;
}
.popup-conteudo-header,
.popup-conteudo-footer{
    padding: 0 60px 0 0;
}
h2.popup-titulo{
    font-size: 41px;        
}
.popup-footer-item {
	border-top: 1px solid #05253E;	
}
.popup-footer-item .btn-share:hover path{
    fill: #1CE1EC;
}
/* POPUP OBRA */
.popup-obra{     
    padding: 72px 50px 65px;  
}
.popup-obra::before,
.popup-obra::after{
    content: "";    
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;   
    position: absolute;    
    left: 0;
    z-index: -1;
}
.popup-obra::before{
    background-image: url(img/bg-popup-obra-topo.svg);  
    background-position: center top;   
    height: 100px;
    top: 0;
}
.popup-obra::after{  
    background-image: url(img/bg-popup-obra.svg);  
    background-position: center bottom;   
    height: calc( 100% - 100px );
    bottom: 0;
}
.popup-obra .popup-info{   
    gap: 32px;
}
.popup-obra .popup-img-container{
    width: 324px;    
}
.popup-video-container{
    width: 384px;   
    position: relative;
}
.popup-obra.filme .popup-img{
    height: 182px;
}
.popup-obra-conteudo{
    width: 354px;
}
.popup-obra.filme .popup-obra-conteudo{
    width: 294px;
}
.popup-obra-conteudo p.obra-autor,
.popup-obra-conteudo p.obra-ano {   
    font-size: 18px;  
    line-height: 1;
    text-transform: uppercase; 
    display: block;     
    margin-bottom: 0.5em;
}
.popup-obra-conteudo p.obra-ano{
    position: relative;  
    margin-bottom: 0;
}
.popup-obra-conteudo p.obra-ano::after{
    content: "";
    border-top: 1px solid #05253E;
    height: 1px;   
    width: calc( 100% - 50px );
    display: block;
    position: absolute;
    top: 10px;
    right: 0;    
}
.popup-obra h2.popup-titulo{      
    margin-bottom: 0.25em;
}
.popup-obra .popup-texto{
    padding: 25px 0 35px;
}
.popup-obra.filme .popup-conteudo-footer{
    padding: 0;
}
.popup-obra .popup-footer-item {	
	padding: 10px 0 15px;
}
.lista-links {
	display: flex;
	gap: 6px 9px;
	flex-wrap: wrap;
}
.btn-link {
	border: 2px solid #05253E;
	border-radius: 24px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 600;
	height: 24px;
	display: block;
	width: max-content;
	line-height: 18px;
}
.btn-link:hover{
    background-color: #05253E;
    color: #E4E4E4;
}
/*-------------------------------------------------------
EVENTOS - AGENDA
-------------------------------------------------------*/
.post-type-archive-evento,
.post-type-archive-evento .btn-menu,
.post-type-archive-evento .btn-menu:hover .bar,
.post-type-archive-evento section,
.conteudo.eventos::after{
    background-color: #1CE1EC;
}
.post-type-archive-evento .contrate .inner{   
    padding: 45px 0 0;
}
.post-type-archive-evento .contrate-info{  
    border-bottom: none; 
}
.post-type-archive-evento .relacionados .inner {
  padding: 0 0 20px;
}
.post-type-archive-evento .relacionados .btn-padrao.azul{
    background-color: #9FB932;
}
.post-type-archive-evento .relacionados .btn-padrao.azul:hover{
    background-color: #05253E;
    color: #9FB932;
}
.post-type-archive-evento .owl-relacionados.owl-carousel button.owl-dot {
	background-color: #9FB932;
}
.post-type-archive-evento .owl-relacionados.owl-carousel button.owl-dot:hover,
.post-type-archive-evento .owl-relacionados.owl-carousel button.owl-dot.active {
	background-color: #05253E;	
}
.post-type-archive-evento .newsletter .setas {
	border-top: none;	
}
.post-type-archive-evento .newsletter .inner {	
	padding: 0 0 50px;
}
.grafismo-topo.gr-eventos {   
    height: 203px;   
}
.grafismo-topo.gr-eventos::before {
	background-image: url(img/gr-topo-eventos.svg);	
	background-size: auto 100%;
    width: 100%;
}
.topo-eventos .topo-bg-img::before {
	background-image: url(img/gr-img-eventos.svg);
	width: 970px;
    margin-top: 56px;
}
.topo-eventos .grafismo-conteudo.gr-eventos {
	top: auto;
	bottom: -134px;
	z-index: -1;
	clip-path: none;
}
/* CONTEÚDO EVENTOS */
.grafismo-conteudo.gr-eventos {   
	height: 229px;
	top: -95px;
	clip-path: polygon(0% 95px, 100% 95px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-eventos::before{
    background-image: url(img/gr-conteudo-eventos.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.conteudo.eventos h3.subtitulo-pagina {	
	border-bottom: 1px solid transparent;	
}
/* FILTROS COMPOSIÇÕES */
.filtros-eventos {
   padding-bottom: 0;
   transition: padding-bottom 300ms ease;
}
.filtros-eventos.sf-tem-filtros{
    padding-bottom: 30px;
} 
.filtro-meses {
	width: 428px;
	padding: 5px 0 0;
}
.eventos .limpar-filtros .search-filter-input-button{
    background-color: #9FB932;
}
.eventos .limpar-filtros .search-filter-input-button:hover {
    background-color: #05253E;
	color: #9FB932;
}
/* LISTA COMPOSIÇÕES */
.eventos-lista{
    width: 798px;
    padding: 0;   
    position: relative;   
    display: flex;         
    flex-wrap: wrap;
    gap: 0 24px;
    margin-bottom: 27px;
}
/* Card evento */
.card-evento {      
    background-image: url(img/bg-card-evento-topo.svg), url(img/bg-card-evento-base.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;
    width: 355px;    
    min-height: 550px;  
    padding: 113px 62px 113px 63px;  
    position: relative;   
    display: flex;         
    flex-direction: column;
    z-index: 1;
}
.card-evento::after {
	content: "";    
	background-color: #C2A7B2;
	width: calc( 100% - 28px );
	height: calc( 100% - 550px );
	position: absolute;
	top: 275px;
	left: 14px;
	z-index: -1;
}
.card-evento.realizado::before,
.popup-evento.realizado .popup-img-container::before {
	content: "JÁ REALIZADO";
	background: #9FB932;	
	height: 60px;
	position: absolute;	
	color: #05253E;
	font-family: degular, sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	z-index: 10;
}
.card-evento.realizado::before {	
	clip-path: polygon(9% 0%, 100% 0%, 90% 100%, 0% 100%);
	width: calc( 100% + 70px );	
	top: 50%;
	left: 50%;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(-30deg);
}
p.data-evento,
p.cidade-evento,
p.dia-evento{    
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
p.data-evento{
    font-size: 21px;
    margin-bottom: 3px;
}
.cidade-evento{
    font-size: 14px;
    margin-bottom: 17px;
}
.dia-evento{
    font-size: 30px;
    margin-bottom: 22px;
}
.card-evento h3.card-titulo{       
    width: 100%;   
    padding-bottom: 20px;
    position: relative;
    font-size: 21px; 
    text-transform: uppercase;
    margin-bottom: 17px;    
}
.card-evento h3.card-titulo::after{
    content: "";
    border-top: 1px solid #05253E;
    width: calc( 100% + 50px );
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: -25px;
}
.card-evento .local-evento negrito{
    font-family: nocturne-serif, serif;
	font-weight: 500;   
}
.card-evento-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin-top: auto;
}
.card-evento.realizado .btn-share{
    display: none;
}
/* PAGINAÇÃO */
.eventos .pagination {
    width: 798px;	   
}
.eventos .page-numbers{       
    border: 2px solid #9FB932;   
}
.eventos .page-numbers.current,
.eventos .page-numbers:hover{	
    background-color: #9FB932;	
}
/* POPUP EVENTO */
.popup-evento{
    background: url(img/bg-popup-evento.svg) no-repeat center bottom;    
    padding: 0 0 120px;  
}
.popup-evento .popup-img-container{
    width: 100%;    
}
.popup-evento.realizado .popup-img-container::before {		
	width: 100%;	
	bottom: 0;
	left: 0;	
}
.popup-evento .popup-img{
    height: 312px;
}
.popup-evento .popup-info{
    padding: 42px 50px 0 65px;   
    align-items: normal;
    gap: 60px;
    position: relative;
}
.popup-evento-conteudo-1{
    width: 278px;   
    padding-bottom: 77px;
}
.popup-evento-conteudo-2{
    width: 357px;   
}
.popup-evento-conteudo-1,
.popup-evento-conteudo-2{   
    display: flex;
    flex-direction: column;
}
.data-completa-evento {   
    font-size: 18px;  
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase; 
    display: block;     
    margin-bottom: 0;
}
.popup-evento h2.popup-titulo{      
    margin-bottom: 0.5em;
}
.popup-evento .local-evento {
	border-top: 1px solid #05253E;
	border-bottom: 1px solid #05253E;
	padding: 12px 0 18px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5em;
    text-transform: uppercase; 	
}
.popup-evento .local-evento negrito{
    font-weight: 600;
}
.popup-evento .btn-padrao{
    width: 278px; 
    position: absolute;    
    bottom: 0;
    left: 65px;
}
.popup-evento.realizado .btn-padrao{
    display: none;
}
.popup-evento .popup-texto{
    padding: 0 0 45px;
}
.popup-evento .popup-conteudo-footer {
	padding: 0 60px 0 0;
    margin-top: auto;
}
.popup-evento .popup-footer-item {
	padding: 10px 0 0;
}
/*-------------------------------------------------------
CURSO
-------------------------------------------------------*/
.page-curso,
.page-curso .btn-menu,
.page-curso .btn-menu:hover .bar,
.page-curso section,
.curso::after {
    background-color: #C2A7B2;
}
.page-curso .newsletter .inner {
	padding: 0 0 50px;
}
.page-curso .newsletter .btn-padrao.verde {
	background-color: #1CE1EC;
}
.page-curso .newsletter .btn-padrao.verde:hover{
    background-color: #05253E;
    color: #1CE1EC;
}
.grafismo-topo.gr-curso {   
    height: 190px;   
}
.grafismo-topo.gr-curso::before {
    background-image: url(img/gr-topo-curso.svg);   
    background-size: 100% 100%;
    width: 100%;
}
.topo-curso .topo-bg-img::before{   
    background-image: url(img/gr-img-curso.svg);
    width: 624px;   
    top: 42px;
}
/* CONTEÚDO CURSO */
.grafismo-conteudo.gr-curso {
	height: 211px;
	top: -56px;
}
.grafismo-conteudo.gr-curso::before{
    background-image: url(img/gr-conteudo-curso.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.page-curso .padrao{
    padding-top: 48px;
}
/* INFORMAÇÕES DO CURSO */
.box-info-curso,
.box-cta-curso {
    background-repeat: no-repeat;
    background-position: center top;
	background-size: 100% 100%;
	width: 1002px;
	position: relative;	
	z-index: -1;
	left: -102px;	
}
.box-info-curso {
    background-image: url(img/bg-info-curso.svg);  
    padding: 135px 245px 90px; 
    margin: -85px 0 -45px;  
}
.padrao h2.titulo-curso {   
    background: url(img/linha-tripla.svg) no-repeat left top; 
    border-top: none;  
    border-bottom: 1px solid #05253E;
    padding: 25px 0 19px;
}            
.texto-curso {
    margin-bottom: 1rem;
}
.padrao ul.lista-detalhes-curso {
    background: url(img/linha-tripla.svg) no-repeat left bottom;   
    border-top: 1px solid #05253E; 
    padding: 14px 0 20px;   
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.padrao ul.lista-detalhes-curso li {
    list-style: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}
.padrao ul.lista-detalhes-curso li i{
    margin-right: 5px;
}
.padrao ul.lista-detalhes-curso li::before {
    content: none;
}
.detalhes-curso {
    display: flex;
    flex-direction: column;    
    align-items: center;
    gap: 20px;
}
.valor-curso {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.valor-curso span{
    font-size: 33px;   
}
.valor-curso legend{
    width: 70px;
    font-size: 14px;    
}     
/* PERCURSSO FORMATIVO */
.padrao h3.titulo-percurso {    
    margin-bottom: 1.5rem;  
}
.padrao ol.lista-aulas{
    border-bottom: 1px solid #05253E; 
    padding: 0;   
} 
.padrao ol.lista-aulas li{
    border-top: 1px solid #05253E;
    padding: 24px 20px 0 100px;
    margin-bottom: 0;
}
.padrao ol.lista-aulas li::before {
	content: 'aula 'counter(li);
	width: 84px;
	height: 30px;
	font-size: 17px;
	line-height: 28px;	
	text-transform: uppercase;	
	left: 0;
}
/* CTA DO CURSO */
.box-cta-curso {
    background-image: url(img/bg-cta-curso.svg);  
    padding: 30px 245px 25px; 
    margin: 1.5rem 0;   
}
.box-cta-curso .texto-curso{
    border-bottom: 6px double #05253E; 
    padding: 0 0 19px;
    margin-bottom: 1.5rem;
}
/* DEPOIMENTOS */
.depoimentos {
    background: url(img/bg-depoimentos.svg) no-repeat center top;
	background-size: 100% 100%;
	width: 1002px;
	padding: 50px 173px;
    position: relative;
    left: -102px;
	margin: 1.5rem 0;
}
.padrao h2.titulo-depoimentos {
	background: url(img/linha-tripla.svg) no-repeat left top;
    border-top: none; 
	border-bottom: 1px solid #05253E;
	padding: 25px 0 19px;
}
.owl-depoimentos.owl-carousel{
    padding-bottom: 60px;
}
.owl-depoimentos.owl-carousel .owl-stage {
    display: flex;
}
.owl-depoimentos.owl-carousel .owl-item {   
    display: flex;
    flex: 1 0 auto;
}
.card-depoimento { 
    background: url(img/linha-tripla.svg) no-repeat left bottom;
    display: flex;   
    align-items: flex-start;
    gap: 20px;    
    padding: 0 0 26px;
}
.card-depoimento .img-container {
    width: 220px;   
}
.card-depoimento .card-img {     
    width: 100%;
    height: 220px;  
    object-fit: cover;  
}
.card-depoimento .depoimento-infos {
    flex: 1;    
}
.padrao p.depoimento-txt{
    font-size: 17px;   
    margin-bottom: 18px;
}
.padrao h3.depoimento-nome{
    font-size: 18px;
    margin-bottom: 0;
}
.depoimento-meta{
   font-size: 16px;
}
.depoimento-meta span{
    font-weight: 600;
}
.depoimento-meta br{
    display: none;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.page-contato,
.page-contato .btn-menu,
.page-contato .btn-menu:hover .bar {
    background-color: #9FB932;
}
.page-contato .footer-container{
    background-color: transparent;
    z-index: 0;
}
.page-contato .main{
    z-index: 1;
}
.page-contato .newsletter{
    display: none;
}
.topo-contato{
    height: 165px;
    margin-bottom: 0;
}
.conteudo.contato {
	margin-bottom: -55px;   
}
.conteudo.contato::after{
    background-color: #9FB932;
}
.conteudo.contato .inner {
	padding: 0 142px 40px 0;
}
.contato-container {	
	padding: 45px 0 105px;
	position: relative;
	z-index: 0;	
    margin-bottom: -50px;
}
.contato-container::after{
    content: "";
    background-color: #F6592A;
    clip-path: polygon(0% 0%, 50% 60px, 100% 0%, 100% 100%, 50% calc( 100% - 60px ), 0% 100%);
    width: 1002px;
    height: 100%;
    position: absolute;   
    top: 0;
    left: -102px; 
    z-index: -1;
}
.contato-infos{
    padding: 25px 0 0;
    position: relative;
}
.contato-infos::before{
    content: "";
    border-top: 1px solid #05253E;
    height: 1px;    
    width: calc( 100% + 145px );
    display: block;
    position: absolute;
    top: 0;
    left: -145px;
}
.contato h1.titulo-pagina {   
    border-bottom: 1px solid #05253E;
    width: 100%;    
    padding-bottom: 32px;
	margin-bottom: 10px;
}
.contato input[type="submit"]{
    width: 276px;
}
/* IMPRENSA */
.imprensa.setas {	
    width: 798px;
	padding: 65px 190px 55px;	
}
.imprensa h4{
    margin-bottom: 14px;
}
.imprensa .btn-padrao{
    width: 276px;
}
/* FORMULÁRIO */
fieldset{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px; 
    margin: 0 0 25px;   
}
.fieldset-item{
    width: 100%;    
}
.fieldset-item.email{
    width: 350px;
}
.fieldset-item.telefone{
    flex: 1;
}
.fieldset-item label{
    display: block;
    color: #05253E; 
    font-family: degular, sans-serif;
    font-size: 17px;
    font-weight: 700;  
    line-height: 1;  
    text-transform: uppercase; 
    margin-bottom: 10px;
}
input[type=text],
input[type=email],
input[type=tel]{
    background: #E4E4E4;  
    border: none;   
    border-radius: 48px;
	width: 100%;
    height: 48px;
	padding: 0 35px;
    color:#05253E;	
    font-family: degular, sans-serif;
    font-size: 16px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;	      
}
input[type="submit"] {
	border: none;
}
/* PLACEHOLDER */
input:focus-visible{
    outline: none;
}
input::placeholder {
    color:#05253E;	   
    opacity: 0.75 !important;
    transition: opacity 0.2s ease;
}
input:focus::placeholder {
    opacity: 0 !important;  
}
/* EMENDAS */
.wpcf7-form{
    position: relative;
}
.wpcf7-form.invalid input[type="text"],
.wpcf7-form.invalid input[type="email"],
.wpcf7-form.invalid input[type="tel"],
.wpcf7-form.invalid textarea {
	background-color: #fdd5ca;    
}
.wpcf7-form .wpcf7-response-output {    
	border: none !important;	
    background-color: #05253E;    
    border-radius: 100px;
    width: 100%;
	padding: 15px 35px !important;
	color: #FFF !important;
    font-family: degular, sans-serif;
    font-size: 16px;
	font-weight: 700 !important;
    line-height: 1.5em;
    text-transform: uppercase;
	margin: 20px 0 0 !important;	
}
.wpcf7-not-valid-tip {
	color: #FFF !important;
    font-family: degular, sans-serif;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: block;
	text-transform: uppercase;
	margin: 5px 0 0;
}
.wpcf7-not-valid-tip::before{
	content: "🡡 ";
	font-weight: normal !important;
}
.wpcf7-spinner {
    background-color: #05253E !important;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.error404,
.error404 .btn-menu,
.error404 .btn-menu:hover .bar {
    background-color: #9FB932;
}
.error404 .footer-container{
    background-color: transparent;
    z-index: 0;
}
.error404 .main{
    z-index: 1;
}
.error404 .newsletter{
    display: none;
}
.topo-404{
    height: 165px;
    margin-bottom: 0;
}
.conteudo.conteudo-404::after {
	height: calc( 100% - 45px );
	top: 45px;
	background: #9FB932;
}
.conteudo.conteudo-404 .inner {
	padding: 0 71px 0;
	height: calc( 100vh - 165px);
    display: flex;
    flex-direction: column;
	justify-content: center;
}
.conteudo-404-container {   
    height: 100%;
	max-height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
    position: relative;
    z-index: 0;
}
.conteudo-404-container::after {
	content: "";
	background-color: #F6592A;
	clip-path: polygon(0% 0%, 50% 60px, 100% 0%, calc( 100% - 60px ) 50%, 100% 100%, 50% calc( 100% - 60px ), 0% 100%, 60px 50%);
	width: 1002px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.conteudo-404-container h1{
    text-align: center;
}
.conteudo-404-container h1 span{
    font-size: 1.3em;
}
.conteudo-404-container p{
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}
/*-------------------------------------------------------
RESULTADOS DA BUSCA
-------------------------------------------------------*/
.search-results,
.search-results .btn-menu,
.search-results .btn-menu:hover .bar,
.search-results section,
.resultado::after {
	background-color: #C2A7B2;
}
.search-results .newsletter{
    display: none;;
}
.search-results section.topo-resultado {  
	height: 210px;
    padding: 0 0 0 60px;
	margin-bottom: 0;   
}
.search-results section.topo-resultado .block-busca,
.search-results section.topo-resultado .navegacao-busca {
	position: fixed;	
}
.conteudo.resultado::after {
	height: 100%;
	top: 0;
}
.resultado .inner{
    padding: 0 142px 40px 0;
}
.resultado-topo{   
    padding: 30px 0 0;
}
.resultado-topo::before{
    content: "";
    border-top: 1px solid #05253E;
    height: 1px;
    width: calc( 100% + 100px );
    display: block;
    position: absolute;
    top: 0;
    left: -100px;
}
h1.titulo-resultado {
    margin-bottom: 0.25em;
}
h1.titulo-resultado span{
    color: transparent;
	-webkit-text-stroke: 1px #05253E;
    margin-bottom: 0.25em;
}
.qtde-resultado{
    text-transform: uppercase;
    font-size: 21px;
}
.qtde-resultado br{
    display: none;
}
.resultados-lista{
    border-bottom: 6px double #05253E;
    padding: 50px 0 0;
    display: flex;
    flex-direction: column;   
    gap: 0; 
}
.card-resultado{
    border-top: 1px solid #05253E;
    padding: 27px 0 30px;
    position: relative;    
}
.badge-tipo{
    background-color: #1CE1EC;
    border-radius: 50%;
    min-width: 232px;    
    height: 32px;
    padding: 0 20px;
    display: block;
    position: absolute;
    top: -16px;
    right: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
}
.card-resultado h3{   
    font-size: 24px;
    margin-bottom: 0.5em;
    transition: all 200ms ease;
}
.card-resultado .btn-padrao {
	width: 165px;
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
.padrao {
	position: relative;
	z-index: 1;	
}
.padrao h2{
    border-top: 1px solid #05253E;
    padding-top: 30px;
    font-size: 21px;
}
.padrao h3{
    font-size: 21px;
}
.padrao h2,
.padrao h3{
    margin-bottom: 1rem;
}
.padrao p:empty {
	line-height: 0;
    margin-bottom: 0;
}
.padrao p{
    margin-bottom: 1.5rem;
}
.padrao p:last-child {
	margin-bottom: 0;
}
.padrao p a,
.fato-texto a{		
	text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1px;
}
.padrao p a:hover,
.fato-texto a:hover{
	color: #F6592A;
}
.padrao ol,
.padrao ul,
.fato-texto ul{	
	margin-bottom: 1rem;	
}
.padrao ol{
	padding: 0 0 0 32px;
}
.padrao ul,
.fato-texto ul{
	padding: 0 0 0 16px;	
}
.padrao ol{
	counter-reset: li;
}
.padrao li,
.fato-texto li{
	position: relative;
	line-height: 1.5em;
    margin-bottom: 0.75rem;	
}
.padrao ol li {
	counter-increment: li;
}
.padrao ol li::before {
	content: counter(li);
    background-color: #1CE1EC;
    border-radius: 50%;
    width: 25px;    
    height: 25px;
	color: #05253E;
    font-family: degular, sans-serif;
	font-size: 18px;
    font-weight: 700;    
    line-height: 23px;
    text-align: center;
	position: absolute;
	left: -32px;	
}
.padrao ul li::before,
.fato-texto ul li::before {
	content: "";
	background-color: #1CE1EC;
    border-radius: 50%;
    width: 8px;    
    height: 8px;
	position: absolute;
    top: 9px;
	left: -15px;	
}
/* BLOCKQUOTE */
.padrao blockquote{
    background-color: #F6592A;
    Width: 1000px;
    height: 378px;
    padding: 0 297px;    
    display: flex;
    align-items: center;
    position: relative;
    left: -102px;
    font-family: degular, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25em;
    text-transform: uppercase;
    margin: 2rem 0;
    clip-path: polygon(0% 39%, 50% 0%, 100% 39%, 85% 51%, 100% 61%, 50% 100%, 0% 61%, 15% 50%);
}
.padrao blockquote p{
    padding: 45px 0;
    position: relative;
}
.padrao blockquote p::after{
    content: "";
    border-top: 1px solid #05253E;
    border-bottom: 1px solid #05253E;
    width: 38px;    
    height: 100%;    
    position: absolute;
    top: 0 ;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
/* IMAGENS */
.padrao .wp-caption{	
	height: auto;
    margin: 1.5rem 0;
}
/* Se contiver uma imagem (.size-large) */
.wp-caption:has(img.size-large) {
    width: 798px !important;    
}
/* Se não contiver uma imagem de qualquer outro tamanho */
.wp-caption:not(:has(img.size-large)) {
    width: 100% !important;    
}
.padrao .wp-caption img{
    margin-bottom: 0 !important;
}
.padrao .wp-caption-text {
    border-bottom: 1px solid #05253E;
    height: auto;
	padding: 10px 0;	
	position: relative;
    font-family: degular, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;	
}
.padrao img.size-full,
.padrao img.size-large,
.padrao img.size-medium{	
	height: auto;
	margin: 1.5rem 0;
}
.padrao img.size-full,
.padrao img.size-large{
	width: 798px;	
}
.padrao img.size-medium{
	width: 100%;	
}
/* TABELA */
.padrao .table-container{
    background-image: url(img/linha-tripla.svg), url(img/linha-tripla.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;  
    padding: 6px 0;
    margin: 1.5rem 0;
}
.padrao table {
    width: 656px;    
    border-collapse: collapse;    
}
.padrao table tr{
    border-top: 1px solid #05253E;
}
.padrao table tr:first-child{
    border-top: none;
}
.padrao table td {
    border: 1px solid #05253E;
}
.padrao table th {   
    border: 1px solid #05253E;           
    font-weight: 600;
}
.padrao table td,
.padrao table th {   
    border-top: none;
    border-bottom: none;   
    padding: 10px 20px;
    vertical-align: middle;
}
.padrao table td:first-child,
.padrao table th:first-child {
    border-left: none;  
    padding: 10px 20px 10px 0;   
}
.padrao table td:last-child,
.padrao table th:last-child {
    border-right: none;     
    padding: 10px 0 10px 20px; 
}
.padrao table strong{
    font-family: degular, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
/* VÍDEO */
.padrao .video-container{
    width: 798px;
    margin: 1.5rem 0;
}
.padrao .video-container + br{
    display: none;
    height: 0;
}
/* GALERIA */
.padrao .gallery {   
	width: 2448px;
    padding: 45px 0 60px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
    margin: 2.5rem 0 2.5rem;
    margin-left: 70px;
}
.page-sobre .padrao .gallery {
	background: url(img/bg-gallery-verde.svg) no-repeat center top;
	background-size: auto 100%;
}
.page-curso .padrao .gallery{
    background: url(img/bg-gallery-curso.svg) no-repeat center top;
}
.single-post .padrao .gallery{
    background: url(img/bg-gallery-triangulo.svg) no-repeat calc( 50% + 195px) top;
}
.padrao .gallery .owl-item {   
    padding: 30px 9px;
    height: 525px;  
    transition: padding 200ms ease-in-out;
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.padrao .gallery .owl-item.active{
    padding: 30px 9px 30px 100px;
}
/* seleciona o elemento central */
.padrao .gallery .owl-item.active.center{  
    padding: 0 9px;
}
/* seleciona o elemento depois */
.padrao .gallery .owl-item.active.center + .owl-item.active {
    padding: 30px 100px 30px 9px;
}
.padrao .gallery .owl-item .gallery-item,
.padrao .gallery .owl-item .gallery-icon,
.padrao .gallery .owl-item img{
    height: 100%;
}
.padrao .gallery .owl-item img{   
    object-fit: cover;
}
.page-sobre .padrao .owl-galeria.owl-carousel button.owl-dot{
    background-color: #F6592A;
}
.page-sobre .padrao .owl-galeria.owl-carousel .owl-nav button.owl-prev:hover,
.page-sobre .padrao .owl-galeria.owl-carousel .owl-nav button.owl-next:hover {
	background-color: #F6592A;
}
.single-post .padrao .owl-galeria.owl-carousel button.owl-dot{
    background-color: #1CE1EC;
}
.single-post .padrao .owl-galeria.owl-carousel .owl-nav button.owl-prev:hover,
.single-post .padrao .owl-galeria.owl-carousel .owl-nav button.owl-next:hover {
	background-color: #1CE1EC;
}
.page-sobre .padrao .owl-galeria.owl-carousel button.owl-dot.active,
.page-sobre .padrao .owl-galeria.owl-carousel button.owl-dot:hover,
.single-post .padrao .owl-galeria.owl-carousel button.owl-dot.active,
.single-post .padrao .owl-galeria.owl-carousel button.owl-dot:hover{
    background-color: #05253E;
}
/* PLAYER DE ÁUDIO */
/* CUSTOMIZAÇÃO DO PLAYER DE ÁUDIO NATIVO (MediaElement.js) */
/* 1. O Container Principal (Fundo do player e bordas) */
.mejs-container, 
.mejs-container .mejs-controls {
    background: #1CE1EC !important; /* Cor de fundo (Use !important para sobrescrever o WP) */
    font-family: degular, sans-serif !important; /* Fonte personalizada */
}
.mejs-container {	
    height: 60px !important;
    padding: 10px 0 !important;
	margin: 1.5rem 0;
}
.mejs-container .mejs-controls {
	align-items: center !important;
	position: relative !important;
	padding: 0 32px;
}
/* 2. Textos de Tempo (00:00) */
.mejs-container .mejs-time {
	height: 20px !important;
	padding: 0 6px !important;
	color: #05253E;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
/* 3. Botões Principais (Play, Pause, Mute) */
.mejs-controls .mejs-button{
    height: 32px !important;
}
.mejs-controls .mejs-button button {
    background: transparent !important; /* Isso é vital para remover o SVG do WP */
    width: 32px !important;
    height: 32px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}
.mejs-controls .mejs-button button:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Free'; /* Certifique-se de que o FA6 está carregando no seu tema */
    font-weight: 900;
    color: #05253E;
    font-size: 22px; /* Tamanho do seu ícone */
    transition: color 0.3s ease;
}
.mejs-controls .mejs-playpause-button.mejs-play button:before {
    content: '\f04b'; /* Play */
}
.mejs-controls .mejs-playpause-button.mejs-pause button:before {
    content: '\f04c'; /* Pause */
}
.mejs-controls .mejs-button button:hover:before {
    color: #FFF;
}
/* 4. A Barra de Progresso (O Trilho) */
.mejs-controls .mejs-time-rail {
	height: 4px !important;
	padding-top: 0 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: rgba(0, 0, 0, 0.2) !important; /* Fundo da barra onde a música ainda não tocou */
    border-radius: 0;
    height: 4px !important;
    margin: 0 !important;
}
/* 5. A Barra de Carregamento (Buffer) */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: rgba(0, 0, 0, 0.3) !important;
    height: 4px !important;
}
/* 6. A Barra de Progresso Atual (O tempo que já tocou) */
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #05253E !important;
    height: 4px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-hovered{
    height: 4px !important;
}
/* 7. A Bolinha (Handle) da Barra de Progresso */
.mejs-controls .mejs-time-rail .mejs-time-handle-content {
    background: #05253E !important;
    border: none !important;
    border-radius: 50%;
    width: 10px !important;
    height: 10px !important;
    top: -8px !important; /* Ajuste para centralizar a bolinha na barra */
}

/* 8. Barra de Volume (Opcional: você pode esconder se não quiser no layout) */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #333333 !important;
    border-radius: 4px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #ffffff !important;
    border-radius: 4px;
}
/* 9.  Esconde os controles de volume */
.mejs-volume-button, .mejs-horizontal-volume-slider {
    display: none !important;
}
/* COLOCA MARGIN 0 NO PRIMEIRO E ÚLTIMO ELEMENTO DE CADA TIPO */
.padrao > *:first-child{
    margin-top: 0;
}
.padrao > *:last-child{
    margin-bottom: 0;
}
/*-------------------------------------------------------
FIXO EM TODO SITE
-------------------------------------------------------*/
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: #FFF;
}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled{
    opacity: 0.4;
    cursor: not-allowed;
}
.owl-carousel .owl-nav button.owl-prev.disabled:hover,
.owl-carousel .owl-nav button.owl-next.disabled:hover{
    background-color: #05253E !important;
}
.owl-carousel button.owl-dot:hover{
    background-color: #05253E;
}
.owl-carousel button.owl-dot.active{
    background-color: #05253E;
    width: 14px;
    height: 14px;
}
/*-------------------------------------------------------
-------------------------------------------------------
RESPONSIVO
-------------------------------------------------------
-------------------------------------------------------*/
@media only screen and (max-width : 810px) {
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/  
body {      
    font-size: 16px;       
}    
h1{		
    font-size: 41px;     
}
h1.titulo-pagina {
	width: 100%;
	margin-bottom: 25px;
}
h2{   
    font-size: 26px;      
}	
h3{
    font-size: 24px;	       
}
h3.subtitulo-pagina {
	padding: 10px 0;
	font-size: 18px;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 16px;
}
em{
    font-style: italic;
}   
.inner {
	width: calc( 100vw - 95px );
	margin: 0;
	left: 60px;
}
.btn-padrao {	
	padding: 10px 20px;
	font-size: 14px;
}
.btn-padrao.grande{
    padding: 16px 25px;
}
/* BOTÃO FECHA MODAL */
.btn-close {   
    top: 16px;
    right: 16px;  
}
/*EMENDAS OWL*/
.owl-carousel .owl-nav {
	width: calc( 100vw - 30px );
	height: 17px;
    margin-left: -13px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    mask-size: auto 100%;
    width: 25px;
    height: 17px;      
} 
.owl-carousel .owl-dots{
    width: calc( 100vw - 90px ); 
    gap: 0 22px;   
    bottom: 2px;  
    margin-left: -13px;
}
.owl-carousel button.owl-dot{   
    width: 6px;
    height: 6px;  
}
/*-------------------------------------------------------
PAGINAÇÃO
-------------------------------------------------------*/
.pagination{
    width: calc( 100vw - 30px );   
    padding-top: 30px;   
    left: -45px;
}
.pagination-container{   
    width: 100%;
    padding: 0 54px;    
}
.page-numbers{     
    min-width: 26px;
    height: 26px;   
    line-height: 20px;  
    margin: 0 8px;   
}
.page-numbers.prev,
.page-numbers.next,
.page-numbers.first,
.page-numbers.last{      
    mask-size: 17px 17px;   
}
.page-numbers.first,
.page-numbers.last{
    width: 25px;  
    mask-size: 25px 17px;      
}
.page-numbers.prev{
    left: 30px;
}
.page-numbers.next{
    right: 30px;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
.header-inner {  
    padding: 0 35px 0 12px;	   
}
.logo {
	font-size: 50px;	
}
.logo-header {
	top: 24px;
	left: 60px;
}
/* BOTÃO MENU */
.btn-menu,
.btn-busca {	    
    width: 36px;
    height: 36px;   
    padding: 8px;   
}
.btn-menu{  
    top: 24px;   
}    
.btn-menu-home {
    width: 78px;
    height: 20px;
}
.btn-menu-icone {
    width: 20px;
    height: 20px;       
}   
.btn-menu-icone .bar{
    width: 20px;
    height: 3px;        
}
.btn-menu-icone .bar.bar-1{    
    top: 0;
}
.btn-menu-icone .bar.bar-2{   
    top: 8px;         
}
.btn-menu-icone .bar.bar-3{
    width: 10px;
    top: 16px;
}
.btn-home{       
    height: 19px;       
}
.btn-label {        
    font-size: 18px;       
}   
/* NAVEGAÇÃO */
.navegacao .btn-menu{
    left: 12px;   
}
.navegacao-topo{   
    height: 135px;
    padding: 0 35px 0 12px;	     
}
.navegacao-conteudo {   
    padding-bottom: 30px;   
    margin-top: 135px;
}
/* BOTÃO FECHA MENU */
.btn-menu.fecha-menu{
    padding: 8px;   
}
.btn-menu.fecha-menu .bar.bar-1,
.btn-menu.fecha-menu .bar.bar-2{    
    width: 26px;
    top: 9px;
    left: -3px;
}
/* BLOQUEIA A BUSCA */
.block-busca {
	width: 36px;
	height: 78px;
}
/* BUSCA */
.busca{
    padding: 135px 35px 30px 12px;
}
/* BUSCA NA NAVEGAÇÃO */
.navegacao-busca {
	width: 36px;
	height: 105px;   
}
.navegacao-busca:hover{
    width: calc( 100vw - 47px );
}
.busca .navegacao-busca{
    top: 135px;
}
.busca .navegacao-busca,
.busca .navegacao-busca:hover {
    width: calc( 100vw - 47px );   
}
.form-busca {
	min-width: calc( 100vw - 47px );
	height: 36px;
}
.form-busca input[type="text"] {
	width: calc( 100vw - 36px );
	height: 36px;
	padding-right: 12px;
	padding-left: 12px;
}
.busca .form-busca input[type="text"] {
    padding-left: 12px;	
}
.btn-busca{
    padding: 8px;   
}
.btn-busca-icone {
    width: 20px;
    height: 20px;     
}
.btn-busca-icone .bar.bar-1{     
    width: 17px;
    height: 17px;    
}
.btn-busca-icone .bar.bar-2{  
    width: 11px;
    height: 11px;
    top: 3px;        
    left: 3px;
}
.btn-busca-icone .bar.bar-3 {
	width: 9px;
	height: 3px;
	top: 14px;
	left: 11px;
}
/* MENU PRINCIPAL */
.menu-principal {
	width: calc( 100vw - 95px );
	padding: 0;
	margin: 0;
	left: 60px;
}
.menu-principal::before {
	font-size: 41px;
	margin-bottom: 10px;
}
.menu-principal::after {
	width: 100%;
	right: 0;
}
.menu-principal li {
	padding-bottom: 25px;
}
.menu-principal li p.descricao-item-menu {  
    padding-right: 40px;   
}
.menu-principal li > a{    
    width: 100%;  
    font-size: 35px;     
}
.menu-principal li li > a{   
    font-size: 18px; 
}
/* PERSONALIZAÇÕES DOS ÍTENS DO MENU */
/* OWL MENU */
.owl-menu.owl-carousel .owl-stage-outer {
	left: -13px;
}
.owl-menu.owl-carousel .owl-nav{
    width: calc( 100vw - 70px );
}
.owl-menu.owl-carousel .owl-nav::after {   
    width: calc( 100vw - 140px );   
}
/* INÍCIO */
.menu-principal li.menu-inicio::after {
    background-size: 100% 100%;
	width: calc( 100% - 128px );
	height: calc( 100% + 28px );
	right: 8px;	
}
/* SOBRE */
.menu-principal li.menu-sobre > a{
    width: 170px;
}
.menu-principal li.menu-sobre::before,
.menu-principal li.menu-sobre::after{     
    background-size: auto 100%;  
    height: 130px;   
    top: 105px;    
}
.menu-principal li.menu-sobre::before {
	width: calc( 100vw - 272px );
	right: calc( 100% - 43px );
}
.menu-principal li.menu-sobre::after{ 
    background-position: left top; 
    width: 69px;
    left: calc( 100% - 34px );
}
/* SUBMENU SOBRE */
.menu-principal li.menu-sobre li.submenu-sobre{
    padding-bottom: 25px;
}
/* SUBMENU LINHA DO TEMPO */
.menu-principal li.menu-sobre li.submenu-linha-tempo{
    padding-top: 24px;
    padding-bottom: 24px;
}
.menu-principal li.menu-sobre li.submenu-linha-tempo::before {
	left: 50%;
	transform: translateX(-50%);
	margin-left: -13px;
}
.menu-principal li.menu-sobre li.submenu-linha-tempo::after{   
    background-size: auto 100%;
    height: 144px;   
    top: 12px;
    left: -60px;
}
.navegacao-linha-tempo .owl-menu.owl-carousel{
    padding-bottom: 38px;
}
.card-linha-tempo-navegacao{
    width: 115px;
    height: 115px;    
}
.card-linha-tempo-navegacao .badge-tipo {
	min-width: 46px;
	bottom: -11px;
}
/* SUBMENU MATÉRIAS E CRÍTICAS */
.menu-principal li.menu-sobre li.submenu-materias{
    padding-top: 30px;
    padding-bottom: 5px;
}
.menu-principal li.menu-sobre li.submenu-materias::before{
    left: 50%;
    transform: translateX(-50%);
    margin-left: -13px;
}
.menu-principal li.menu-sobre li.submenu-materias::after {
    background-size: 100% 100%;
	width: 100vw;
	height: 135px;
	top: -75px;
	left: -60px;	
}
/* DISCOGRAFIA */
.menu-principal li.menu-discografia::after {
    background-size: auto 100%;
	height: 130px;
	top: -11px;
	left: -60px;	
}
.navegacao-discos .owl-menu.owl-carousel{
    padding-bottom: 38px;
}
.card-disco-navegacao{
    width: 115px;
    height: 115px;   
}
.card-disco-navegacao .badge-tipo {	
    min-width: 46px;   
    bottom: -11px;     
}
/* COMPOSIÇÕES */
.menu-principal li.menu-composicoes::after {
	background-size: 100% 100%;
	width: 100vw;
	height: 150px;
	top: -80px;
	left: -60px;
}
.menu-principal li.menu-composicoes .filtro-container.filtro-letras{
    margin-top: 15px;
}
.menu-principal li.menu-composicoes .filtro-container.filtro-letras .owl-filtro::before,
.menu-principal li.menu-composicoes .filtro-container.filtro-letras .owl-filtro::after {	
    width: 60px;
    background: linear-gradient(90deg,rgba(194, 167, 178, 1) 60%, rgba(194, 167, 178, 0) 100%);
}
/* OBRAS */
.menu-principal li.menu-obras::after {
    background-size: auto 100%;
	width: calc( 100vw + 100px );
	height: 160px;
	top: -15px;
	left: -100px;	
}
.navegacao-obras .owl-menu.owl-carousel{
    padding-bottom: 38px;
}
.card-obra-navegacao.livros{
    width: 92px;
    height: 140px;        
}
.card-obra-navegacao.filmes{
    width: 205px;
    height: 115px;  
}
.card-obra-navegacao.filmes::before{ 
    border-width: 13px 0px 13px 29px; 
}
/* AGENDA */
.menu-principal li.menu-agenda::after {
    background-size: 100% 100%;
	width: calc( 100vw + 30px );
	height: 153px;
	top: -20px;
	left: -75px;
}
/* CURSO */
.menu-principal li.menu-curso > a{
    width: 240px;
}
.menu-principal li.menu-curso::after {
	background-size: 100% 100%;
	width: 100vw;
	height: calc( 100% - 23px);
	top: -13px;
	right: -35px;
}
/* CONTATO */
.menu-principal li.menu-contato::after {
    background-size: 100% 100%;
	width: 100vw;
	height: calc( 100% + 42px);
	top: -15px;
	left: -60px;	
}
/* SOCIAL */
.navegacao-social {
	width: 100vw;
	padding-top: 30px;
	margin: 0;
	padding-left: 60px;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
.home .footer-container {
    background-color: #1CE1EC;  
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 100vh;
    left: 0;	
}
.home .footer-container .btn-close{
    display: block;    
}
.home .footer-container.active .btn-close.fixed{
    position: fixed;
}
/* NEWSLETTER */
.newsletter .inner {
	padding: 35px 0 35px;
	width: calc( 100vw - 100px );
	left: 50px;
}
.setas{   
    padding: 30px 0 35px;   
}
.setas:before {    
    left: -230px;
}
.setas:after {     
    right: -230px;
}
/* FOOTER */
footer{  
    clip-path: polygon(50% 0%, 100% 50px, calc( 100% - 27px ) 56%, 100% 100%, 0% 100%, 27px 56%, 0% 50px);   
}
footer .inner {
	width: 100vw;
	padding: 85px 50px 30px;
	flex-direction: column;
    left: 0;
}
.logo-footer,
.menu-footer {
    display: none;
}
.contato-footer{
    background: url(img/linha-tripla.svg) no-repeat left top;
    width: 100%;
    padding-top: 20px;
}
.contato-footer-titulo-container{
    border-bottom: 1px solid #05253E;
    padding-bottom: 15px; 
    margin-bottom: 15px;    
}
.contato-footer h4 br{
    display: none;
}
.social-footer {   
    padding-top: 28px;
    position: relative;   
    left: 0;
}
.rodape {
	width: 100%;
	padding: 25px 30px;
	margin: 0 auto;
}
p.direitos br{
    display: inline;
}
/*-------------------------------------------------------
SEÇÕES
-------------------------------------------------------*/
/* YOUTUBE */
.youtube-info{
    padding: 42px 0;   
}
.youtube h4{
    width: 200px;
    font-size: 16px;  
}   
.youtube a.btn-padrao{
    width: 155px;    
}
.youtube-info.setas::before {
	left: -240px;
}
.youtube-info.setas::after {
	right: -215px;
}
/* INSTAGRAM */
.instagram .inner {	
	width: 100vw;
    padding: 23px 0 25px;
	left: 0;
}
.instagram-container {
	background: url(img/bg-instagram.svg) no-repeat 90px 31px;
	background-size: 100% auto;
	width: 100%;
	padding: 0 35px 0 60px;
	position: relative;
}
.instagram-header {   
    padding: 0 0 35px;      
}
h2.instagram-title {     
    font-size: 41px; 
    margin-bottom: 10px;
}
.instagram-header p{   
    font-size: 18px;   
}
.instagram-carousel-container{
    width: 100vw;
    left: -60px;
}
.instagram-carousel-wrapper {
    width: calc( ( 100vw - 85px )  * 3 ); 
    margin-left: 13px;
}
.instagram-carousel-wrapper .owl-item {   
    padding: 19px 5px;
    height: calc( 100vw - 85px );
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.instagram-carousel-wrapper .owl-item.active{
    padding: 19px 5px 19px 45px;
}
/* seleciona o elemento depois */
.instagram-carousel-wrapper .owl-item.active.center + .owl-item.active {
    padding: 19px 45px 19px 5px;
}
#sbi_images.owl-instagram {   
    padding: 0 0 45px !important;
}
.instagram-footer {  
    margin-top: 25px;   
}
.instagram-footer .btn-padrao {
	width: 100%;
    max-width: 295px;
}
/* CURSO */
.cta-curso .inner {
	width: 100vw;
	left: 0;
}
.cta-curso-conteudo {
    width: 100%;
    min-height: 200px;
    padding: 0 55px 90px;	  
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;   
}
.cta-curso-img{
    width: 100%;
    height: calc( ( 100vw - 110px ) * 0.63 );   
}
.cta-curso-info{
    width: 100%;
    padding-top: 20px;
}
h2.cta-curso-titulo{ 
    font-size: 18px;   
    margin-bottom: 16px;
    position: relative;
}
h2.cta-curso-titulo span {
	width: max-content;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.cta-curso-info p{
    text-align: center;
}
.cta-curso-info .btn-padrao {
	width: 100%;
    max-width: 295px;
    margin: 0 auto;
}
.cta-curso .inner::after{   
    height: calc( 100% - 80px );   
}
/* CONTRATE */
.contrate .inner{   
    width: 100vw;   
    padding: 45px 50px 50px;
    left: 0;
}
.contrate-info {
	padding: 32px 20px;
}
.contrate-info::before,
.contrate-info::after {
	width: 36px;
	height: calc( 100% + 20px );
	top: -10px;
}
.contrate-info::before {
	left: -50px;
}
.contrate-info:after {      
    right: -50px;   
}
.contrate-info a.btn-padrao{
    width: 100%;
    max-width: 240px;     
}
/*-------------------------------------------------------
HOME
-------------------------------------------------------*/   
.hero{
    height: 100vh;
}
/* NAVEGAÇÃO HERO */    
.btn-menu-home,
.btn-busca-home{      
    top: 15px;   
}
.btn-menu-home{       
    left: 45px;
}
.btn-busca-home{    
    left: 160px;
}
.btn-biografia,
.btn-instagram,
.btn-contato {       
    left: 28px;
}
.btn-biografia {
    top: 125px;
}
.btn-instagram {
    top: 275px;
}
.btn-contato{
    padding-right: 35px;
    bottom: 20px;
}
.btn-contato::after {
    width: 25px;
    height: 17px;
    mask-size: auto 100%;
}
.btn-contato:hover::after{
    background: #E4E4E4;
}
/* TEXTO SLIDER */
h1.texto-slider {
	font-size: 182px;
	width: 320px;
	text-align: center;
	word-wrap: anywhere;
	line-height: 0.8;
	margin-left: 18px;
}
h1.texto-slider span.small{
    margin-top: 55px;
}
/* ANIMAÇÕES */
.hero::before,
.hero::after {  
    width: 70px;  
}
.hero-animacao::before {
    height: 66px;  
}
.hero-animacao::after {
    height: 55px;  
}
/* SLIDER */
.slider-hero {
	width: calc( 100vw - 70px );
	height: calc( 100vh - 95px );
	top: 50px;
	left: 40px;
}
.slide-item {      
    background-image: var(--bg-mobile);
    width: calc( 100vw - 70px );
	height: calc( 100vh - 95px );
}
/* BIOGRAFIA */
.artist-modal {    
    max-width: 100vw;     
    left: -100vw;    
}
.modal-header {      
    height: 205px;   
}
.modal-body {
    padding: 20px 45px 30px 50px;   
    display: block;   
    position: relative;
}
.info-column {
	margin-bottom: 20px;
}
h3.tagline { 
    margin-bottom: 0   
}
.bio-column{
    padding-bottom: 70px;
}
.modal-body .btn-padrao {
    width: calc( 100% - 95px );
	position: absolute;
	bottom: 30px;
}
/* INSTAGRAM */
.instagram-feed {   
    width: 100vw;  
    left: -100vw;   
}
.instagram-feed .instagram .inner{
    left: 0;
}
.instagram-feed .instagram-container {    
    background-position: 92px 70px;  
    width: 100vw;       
}
.instagram-feed .instagram-header {   
    padding: 38px 35px 40px 0;     
}
.instagram-feed .instagram-carousel-wrapper {
    width: calc( ( 100vw - 85px )  * 3 ); 
}
.instagram-feed .instagram-carousel-wrapper .owl-item {   
    padding: 25px 5px;
    height: calc( 100vw - 85px );      
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.instagram-feed .instagram-carousel-wrapper .owl-item.active{
    padding: 25px 5px 25px 55px;
}
/* seleciona o elemento central */
.instagram-feed .instagram-carousel-wrapper .owl-item.active.center{  
    padding: 0 5px;
}
/* seleciona o elemento depois */
.instagram-feed .instagram-carousel-wrapper .owl-item.active.center + .owl-item.active {
    padding: 25px 55px 25px 5px;
}
/* PLAYER */
.player-radio {   
    max-width: 320px;
    height: 74px;   
}
.player-cover img {
    width: 74px;
    height: 74px;   
}
.player-body {   
    padding: 10px 16px;   
}
.album-title,
.track-title {
    font-size: 14px;  
    max-width: 100%;
}
.track-artist,
.album-artist {
    font-size: 12px;  
}
.spotify-icon {
    width: 24px;
    height: 24px;
}
.player-controls {   
    gap: 10px;	
}
.btn-control {  
    font-size: 16px;   
}
.btn-play-pause {
    font-size: 18px;
    width: 22px;    
}
.btn-share {
	min-width: 20px;
	height: 20px;
}
/*-------------------------------------------------------
PÁGINAS
-------------------------------------------------------*/
/* TOPO */
.topo{
    height: 100vh;
}
.topo .inner {
	width: 100vw;
    height: 100%;
	padding: 60px 0 0 0;
}
.topo .topo-bg-img {
    background-image: var(--bg-mobile);
	width: calc( 100% - 60px );
	height: calc( 100% - 60px );
	margin: 65px 0 0;
}
.topo .topo-bg-img::before {    	
	left: -60px;
	transform: none;
}
.grafismo-topo {
    width: 100vw; 
}
.conteudo::after {
	height: 100%;
	top: 0;
}
.conteudo .inner{   
    padding: 10px 0 30px;
}
/*-------------------------------------------------------
SOBRE
-------------------------------------------------------*/
.grafismo-topo.gr-sobre {   
    height: 130px;   
}
.grafismo-topo.gr-sobre::before {
	left: -45px;
}
.topo-sobre .topo-bg-img::before {
    background-size: auto 100%;
	width: 100vw;
	height: 98%;
	margin-top: 15px;	
}
/* CONTEÚDO SOBRE */
.grafismo-conteudo.gr-sobre {
    height: 130px;    
    top: 15px;
}
.grafismo-conteudo::before{
    background-image: url(img/gr-conteudo-sobre.svg);  
    left: -47px;
}
.grafismo-conteudo.gr-sobre::after {
	height: 60px;
	top: -60px;
}
/*-------------------------------------------------------
LINHA DO TEMPO
-------------------------------------------------------*/
.page-linha-do-tempo .newsletter .inner {	
    padding: 0 0 35px;
}
.grafismo-topo.gr-linha-do-tempo {   
    height: 130px;   
}
.grafismo-topo.gr-linha-do-tempo::before {
	background-position: center 0;
	left: 50%;
	transform: translateX(-50%);
}
.topo-linha-do-tempo .topo-bg-img::before {
    background-size: 160% 100%;
	width: 100vw;	
	height: calc( 100% - 55px );
    margin-top: 40px;
}
/* CONTEÚDO LINHA DO TEMPO */
.grafismo-conteudo.gr-linha-do-tempo {
	height: 130px;
	top: -46px;
}
.grafismo-conteudo.gr-linha-do-tempo::before{
    background-position: center 0;
	left: 50%;
	transform: translateX(-50%);
}
/* LINHA DO TEMPO */
/* NAVEGAÇÃO LINHA DO TEMPO */
.linha-do-tempo-anos{  
    height: 60px;
    padding: 16px 20px 0;   
}
h3.ano-item{
    font-size: 18px;   
}
h3.ano-item::after{  
    width: 6px;
    height: 6px;   
    top: 6px;
    right: -3px;    
}
.owl-anos.owl-carousel::before,
.owl-anos.owl-carousel::after {
	background: linear-gradient(90deg,rgba(246, 89, 42, 1) 60%, rgba(246, 89, 42, 0) 100%);
	width: 60px;
	height: 50px;
	top: -14px;
}
.owl-anos.owl-carousel::before{
    left: -20px;
}
.owl-anos.owl-carousel::after{
    right: -20px;  
}
.owl-anos.owl-carousel .owl-nav {
	width: calc( 100% + 40px );
	bottom: -2px;
	margin-left: 0;
}
.owl-anos.owl-carousel .owl-nav button.owl-prev,
.owl-anos.owl-carousel .owl-nav button.owl-next {	
	mask-size: 100% auto;
    width: 17px;
}
/* LISTA DE FATOS LINHA DO TEMPO */
.linha-do-tempo-lista {
	width: 100vw;
	left: -60px;
}
.linha-do-tempo-lista:after{  
    clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% calc( 100% - 40px ), 0% 100%);
    height: calc( 100% - 195px );       
} 
.linha-do-tempo-item {
	padding: 80px 35px 95px 76px;
}
h3.ano-titulo {
	width: 46px;
	height: 22px;
	top: 69px;
	left: 15px;
	font-size: 12px;
	line-height: 20px;
}
/* ITEM FATO */
.fato-item {
	padding: 15px 0;
}
.fato-imagem{
    margin-bottom: 24px;
}
.fato-img{
    width: 100%;
    height: calc( ( 100vw - 111px ) * 0.63 );   
}
.owl-fatos.owl-carousel .owl-nav {
	width: 390px;
	transform: translateX(-16px) rotate(90deg);
	top: -50px;
}
.owl-fatos.owl-carousel .owl-dots {
	min-width: 300px;
	height: 46px;
	padding: 0 18px 0 23px;	
	top: 0;
    left: 53px;
}
.owl-fatos.owl-carousel button.owl-dot {
	background-color: transparent;
	height: 24px;
}
.owl-fatos.owl-carousel button.owl-dot span{   
    background-color: #05253E;
    width: 2px;
    height: 100%;   
    display: block;
    transition: background-color 200ms ease;
}
.owl-fatos.owl-carousel button.owl-dot:hover{
    background-color: transparent;
}
.owl-fatos.owl-carousel button.owl-dot:hover span{
    background-color: #FFF;
}
.owl-fatos.owl-carousel button.owl-dot.active {
	height: 61px;
	top: 8px;
}
.owl-fatos.owl-carousel .owl-dots::after {
	top: 22px;
}
/*-------------------------------------------------------
MATÉRIAS E CRÍTICAS
-------------------------------------------------------*/
.titulos-container {
    flex-direction: column;
	align-items: flex-start;
	gap: 0px;	
}
.titulos-container h1.titulo-pagina {
	width: 100%;
}
a.back-to-blog h1.titulo-pagina::before {
	mask-size: 100% auto;
	width: 25px;
	height: 17px;
	top: 14px;
	left: -35px;
}
h2.titulo-categoria {
	font-size: 41px;
	max-width: 100%;
}
.grafismo-topo.gr-materias {   
    height: 130px;   
}
.topo-materias .topo-bg-img::before {
    background-size: 100% 100%;
	width: 100vw;
	margin-top: 65px;
	height: calc( 100% - 65px );	
}
.topo-materias .grafismo-conteudo.gr-materias {	  
    bottom: -135px;  
}
/* CONTEÚDO MATERIAS */
.conteudo.materias .inner {
    padding-bottom: 30px;
}
.grafismo-conteudo.gr-materias {
	height: 300px;
	top: -165px;
	clip-path: polygon(0% 165px, 100% 165px, 100% 100%, 0% 100%);
}
.materias-lista {
	width: 100vw;
	padding: 60px 0 0;
	flex-direction: column;
	gap: 50px 0;
	left: -60px;
}
/* Card matéria */
.card-materia {
	min-height: 300px;
	padding: 0 35px 65px 60px;
}
.card-materia .card-img {   
    height: calc( ( 100vw - 95px ) * 0.535);   
}
/* Conteúdo de Texto */
.card-materia h3.card-titulo {
	padding: 21px 0 17px;
	font-size: 18px;
}
/* Rodapé: Datas, Views e Botão */
.card-rodape {   
    padding: 10px 0 18px;
}
.card-data,
.card-visualizacoes {   
    font-size: 12px;      
}
.btn-card {  
    font-size: 14px;   
}
/* PAGINAÇÃO */
.conteudo.materias .pagination {
	width: calc( 100vw - 30px );
	left: -45px;
}
/*-------------------------------------------------------
PÁGINA MATÉRIA (SINGLE POST)
-------------------------------------------------------*/
.grafismo-topo.gr-materia {   
    height: 130px;   
}
/* CONTEÚDO MATÉRIA */
.grafismo-conteudo.gr-materia {
	height: 300px;
	top: -165px;
	clip-path: polygon(0% 165px, 100% 165px, 100% 100%, 0% 100%);
}
.meta-container{      
    padding: 16px 0 17px;   
}
.meta-container p span.divider{
    display: none;
}
.meta-container p br{
    display: inline;
}
/* RELACIONADOS */
.relacionados .inner{      
    padding: 0 0 20px;
}
.relacionados-container{   
    padding: 25px 0 30px;
}
h2.relacionados-titulo{    
    font-size: 41px;   
}   
.relacionados-lista{
    width: 100vw;   
    left: -60px;
    margin-bottom: 30px;
}
.owl-relacionados{
    padding-bottom: 35px;
}
.owl-relacionados.owl-carousel .owl-nav,
.owl-relacionados.owl-carousel .owl-dots {
	margin-left: 0;
}
.relacionados .btn-padrao {
	width: 100%;
	max-width: 298px;
}
/*-------------------------------------------------------
DISCOGRAFIA
-------------------------------------------------------*/
.grafismo-topo.gr-discografia {   
    height: 130px;   
}
.grafismo-topo.gr-discografia::before {
    background-image: url(img/gr-discografia-mobile.svg);
    background-repeat: repeat-y;
    background-size: 100% 50%;
    width: 100%;
}
.topo-discografia .topo-bg-img::before {
	background-image: url(img/gr-img-discografia-mobile.svg);
    background-size: 100% 100%;	
	width: 100vw;	
	height: calc( 100% - 100px );
    margin-top: 65px;
}
.topo-discografia .grafismo-conteudo.gr-discografia {	   
    bottom: -90px;   
}
/* CONTEÚDO DISCOGRAFIA */
.conteudo.discografia .inner {
    padding-bottom: 0;
}
.grafismo-conteudo.gr-discografia {
    height: 126px;
    top: -36px;
    clip-path: polygon(0% 36px, 100% 36px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-discografia::before{
    background-image: url(img/gr-discografia-mobile.svg);    
}
/* LISTA DISCOS */
.discos-lista{
    width: 100vw;
    padding: 32px 0 45px;    
    left: -60px;
}
.discos-linha{
    flex-direction: column;  
    flex-wrap: nowrap;
    margin-bottom: 0;
}
.discos-linha:last-child{
    margin-bottom: 0;
}
/* Card disco */
.card-disco{
    margin-bottom: -45px;
}
.card-disco:first-child {
	margin-right: 0;
}
.card-disco:nth-child(odd){   
    flex-direction: row;
}
.card-disco:nth-child(even){
    flex-direction: row-reverse;       
}
.discos-linha:nth-child(odd) .card-disco,
.discos-linha:nth-child(even) .card-disco {
	padding: 0 35px 68px 60px;   	
	gap: 14px;
}
.discos-linha:nth-child(odd) .card-disco:nth-child(odd){   
    flex-direction: row;
}
.discos-linha:nth-child(odd) .card-disco:nth-child(even){   
    flex-direction: row-reverse;  
}
.discos-linha:nth-child(even) .card-disco:nth-child(odd){   
    flex-direction: row;
}
.discos-linha:nth-child(even) .card-disco:nth-child(even){   
    flex-direction: row-reverse;  
}
.card-disco .img-container {	
	flex-shrink: 0;
}
.card-disco .card-conteudo{
    flex: 1;
}
.card-disco h3.card-titulo {
	width: 100%;
	font-size: 16px;
	padding: 0 0 15px;
}
/*-------------------------------------------------------
FILTROS
-------------------------------------------------------*/
/* NAVEGAÇÃO FILTROS DISCOS */
.filtros{  
    gap: 20px 15px;
}
.filtro-container{ 
    height: 60px;      
}
.filtro-slider{
    height: 60px;
    padding: 14px 20px 0;   
}
.filtro-container .search-filter-input-button{    
    font-size: 18px;  
}
.filtro-container .search-filter-checkable-button::after,
.filtro-container .search-filter-style--control-reset.resetar-filtro::after{ 
    width: 6px;
    height: 6px;   
    top: 6px;
    right: -3px; 
}
.filtro-container .search-filter-input-text__input,
.filtro-container .search-filter-component-combobox__selection,
.filtro-container .search-filter-component-combobox-base__listbox-option {   
    font-size: 14px !important;
    line-height: 3em !important;
}
.filtro-container .search-filter-component-combobox__listbox-toggle .search-filter-icon{
    width: 17px;
    height: 17px;
}
.filtro-container .search-filter-component-combobox__listbox-toggle .search-filter-icon::after{
    mask-size: 100% 100%;
    width: 17px;
    height: 17px;   
}
.filtro-container .owl-filtro::before,
.filtro-container .owl-filtro::after {
    width: 60px;
	height: 50px;
	top: -14px;
}
.filtro-container .owl-filtro::before{
    left: -20px;
}
.filtro-container .owl-filtro::after{
    right: -20px;   
}
.filtro-container .owl-carousel .owl-nav {
    width: calc( 100% + 40px );
	bottom: -2px;
	margin-left: 0;
}
.filtro-container .owl-carousel .owl-nav button.owl-prev,
.filtro-container .owl-carousel .owl-nav button.owl-next {
    mask-size: 100% auto;
    width: 17px;
}
/* FILTRO TIPOS */
.filtro-container.filtro-tipos .owl-filtro::before,
.filtro-container.filtro-tipos .owl-filtro::after {	
    background: linear-gradient(90deg,rgba(194, 167, 178, 1) 60%, rgba(194, 167, 178, 0) 100%);
}
/*-------------------------------------------------------
PÁGINA DISCO - SINGLE DISCO
-------------------------------------------------------*/
.single-disco .topo .inner {	
	height: auto;	
}
.topo-disco .topo-bg-img {
    width: calc( 100vw - 60px );
    height: calc( 100vw - 60px );
    transform: translateX(0);
    margin: 75px 0 0 0;
}
.grafismo-topo.gr-disco {   
    height: 256px;       
}
.grafismo-topo.gr-disco::before {
    background-image: url(img/gr-discografia-mobile.svg);		
    background-size: 100% 25%;  
    background-repeat: repeat-y;   
}
.topo-disco .grafismo-conteudo.gr-disco {	   
    bottom: -90px;   
}
/* CONTEÚDO DISCO */
.grafismo-conteudo.gr-disco {
    height: 126px;
    top: -36px;
    clip-path: polygon(0% 36px, 100% 36px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-disco::before{
    background-image: url(img/gr-discografia-mobile.svg);
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
.meta-container-disco {
	padding: 0 10px 0 0;
}
.meta-container-disco::after{   
    width: calc( 100% - 48px );   
}
.meta-container-disco p.disco-ano {
    font-size: 18px;  
}
.meta-container-disco .badge-tipo {
	font-size: 14px;
	min-width: unset;
	right: 0;
	position: relative;
}
/* MUSICAS E FICHA TÉCNICA */
.musicas-ficha .inner {
	width: calc( 100vw - 95px );
	justify-content: start;
	flex-direction: column;
}
.musicas {
	border-bottom: 1px solid #05253E;
	width: 100%;
	padding-bottom: 25px;
	position: relative;
	z-index: 1;
}
/* PLAYLIST */
ul.lista-musicas {
	gap: 10px;
}
.ficha-tecnica {
	width: 100vw;
	padding: 45px 35px 30px 60px;
	margin: -15px 0 0;
	left: -60px;	
}
.ficha-tecnica::after{    
    background-position: center top, center bottom;   
}
.ficha-tecnica h3{
    font-size: 18px;   
}
/*-------------------------------------------------------
COMPOSIÇÕES
-------------------------------------------------------*/
.grafismo-topo.gr-composicoes {   
    height: 130px;   
}
.grafismo-topo.gr-composicoes::before {
    background-image: url(img/gr-composicoes-mobile.svg);
    background-repeat: repeat-y;
    background-size: 100% 50%;
    width: 100%;
}
.topo-composicoes .topo-bg-img::before {
	background-image: url(img/gr-img-composicoes-mobile.svg);
	width: 100vw;
	margin-top: 65px;
	height: calc( 100% - 93px );
	background-size: 100% 100%;
}
.topo-composicoes .grafismo-conteudo.gr-composicoes {	   
    bottom: -37px;    
}
/* CONTEÚDO COMPOSIÇÕES */
.conteudo.composicoes .inner {
    padding-bottom: 25px;
}
.grafismo-conteudo.gr-composicoes {
	height: 65px;
	top: -7px;
	clip-path: polygon(0% 7px, 100% 7px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-composicoes::before{
    background-image: url(img/gr-composicoes-mobile.svg);  
    background-size: 100% 100%;
    width: 100%;
    left: 0;
}
/* FILTROS COMPOSIÇÕES */
.filtros-composicoes.sf-tem-filtros{
    padding-bottom: 20px;
} 
.filtro-busca {
    width: calc( 100% - 105px );
    flex: 1;
}
.filtro-anos{
    width: 90px;    
}
.filtro-anos .search-filter-component-combobox__listbox-toggle {
	padding-left: 10px;
	padding-right: 0;
}
.filtro-container.filtro-letras .owl-filtro::before,
.filtro-container.filtro-letras .owl-filtro::after {	
    width: 60px;
    background: linear-gradient(90deg,rgba(28, 225, 236, 1) 60%, rgba(28, 225, 236, 0) 100%);
}
/* LISTA COMPOSIÇÕES */
.composicoes-lista {
	width: 100vw;
	flex-wrap: nowrap;
	flex-direction: column;
	gap: 0;
	left: -60px;
}
/* Card composição */
.card-composicao {    
    max-width: 100%;   
    padding: 0 35px 55px 60px;        
}
.card-composicao .card-badges {
	right: 45px;
}
/* PAGINAÇÃO */
.composicoes .pagination {
    width: calc( 100vw - 30px );	   
}
/*-------------------------------------------------------
PÁGINA COMPOSIÇÃO - SINGLE COMPOSIÇÃO
-------------------------------------------------------*/
.single-composicao .topo .inner {	
	height: auto;	
}
.topo-composicao .topo-bg-img {
    width: calc( 100vw - 60px );
    height: calc( 100vw - 60px );
    transform: translateX(0);
    margin: 75px 0 0 0;
}
.topo-composicao .topo-bg-no-img {
	width: calc( 100vw - 95px );
	height: 75px;
	left: 0;
}
.grafismo-topo.gr-composicao {   
    height: 260px;     
}
.topo-composicao.no-img .grafismo-topo.gr-composicao {
	height: 130px;
}
.grafismo-topo.gr-composicao::before,
.topo-composicao.no-img .grafismo-topo.gr-composicao::before {
    background-image: url(img/gr-composicoes-mobile.svg);		
    background-size: 100% 25%;  
    background-repeat: repeat-y;   
}
.topo-composicao.no-img .grafismo-topo.gr-composicao::before {  
    background-size: 100% 50%;       
}
.topo-composicao .grafismo-conteudo.gr-composicao {	   
    bottom: -50px;   
}
/* CONTEÚDO COMPOSIÇÃO */
.grafismo-conteudo.gr-composicao {
    height: 105px;
    top: 0;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-composicao::before{
    background-image: url(img/gr-composicoes-mobile.svg);   
}
.conteudo.composicao.no-img .grafismo-conteudo.gr-composicao {
	height: 130px;
	top: -75px;
	clip-path: polygon(0% 75px, 100% 75px, 100% 100%, 0% 100%);
}
.conteudo.composicao.no-img .grafismo-conteudo.gr-composicao::before{
    background-image: url(img/gr-composicoes-mobile.svg);   
    background-size: 100% 50%;  
    background-repeat: repeat-y;   
    left: 0;  
}
.composicao-infos {
	padding: 20px 0 0;
	gap: 0;
	flex-direction: column;
}
.composicao-infos .padrao{
    border-bottom: 1px solid #05253E;
    width: 100%;    
    padding-bottom: 25px;
}
/* FICHA TÉCNICA */
.composicao-infos .ficha-tecnica {
	margin: -15px 0;
}
/*-------------------------------------------------------
OBRAS - LIVROS E FILMES
-------------------------------------------------------*/
.post-type-archive-obra .newsletter .inner {	
    padding: 0 0 30px;
}
.grafismo-topo.gr-obras {   
    height: 110px;   
}
.grafismo-topo.gr-obras::before {
	width: calc( 100% + 30px );
	left: -30px;
}
.topo-obras .topo-bg-img::before {
    background-size: 125% 100%;
	background-position-x: -50px;
	width: 100vw;
	margin-top: 45px;
	height: calc( 100% - 90px );
}
.topo-obras .grafismo-conteudo.gr-obras {   
    bottom: -85px;   
}
/* CONTEÚDO OBRAS */
.conteudo.obras .inner {
	padding: 30px 0 0;
}
.grafismo-conteudo.gr-obras {
    height: 130px;
    top: -45px;
    clip-path: polygon(0% 45px, 100% 45px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-obras::before {
	background-size: 820px 100%;
}
/* LISTAS OBRAS */
h2.titulo-lista-obras {
	padding-top: 15px;
	font-size: 41px;
	margin-bottom: 40px;
}
.obras-lista{
    padding-bottom: 45px;   
    flex-direction: column;
    flex-wrap: nowrap;    
}
.obras-lista.livros,
.obras-lista.filmes{
    width: 100vw;
	gap: 20px;
	left: -60px;
}
/* CARD OBRA */
.card-obra h3.card-titulo{       
    font-size: 16px;          
}
.card-obra p.obra-autor,
.card-obra p.obra-ano {   
    font-size: 16px;     
}
/* CARD OBRA LIVRO */
.card-obra.livro {
	width: 100%;
	padding: 0 35px 42px 60px;
}
.card-obra.livro:nth-child(3n+3) .card-obra-info{
    flex-direction: row-reverse;
}
.card-obra.livro .card-obra-info .card-img-container{
    flex-grow: 1;
}
.card-obra.livro h3.card-titulo {
	padding: 0 0 15px;
    flex: 1;
	margin-bottom: 6px;
}
.card-obra.livro h3.card-titulo::after{      
    max-width: 100%;   
}
.card-obra.livro:nth-child(3n+3) .card-badges{ 
	right: 130px;
	left: auto;
}
.card-obra.livro::before {
	width: 540px;
	left: 50%;
	transform: translateX(-50%);
}
/* CARD OBRA FILME */
.card-obra.filme {
	width: 100vw;
	min-height: unset;
	padding: 0 0 55px;
}
.card-obra.filme .card-conteudo {
	padding: 24px 35px 0 60px;
	flex: 0;
}
.card-obra.filme h3.card-titulo {
    padding: 20px 0 0;   
}
.card-obra.filme p.obra-autor {	
	padding-right: 90px;
}
.card-obra.filme p.obra-ano {   
    padding-bottom: 20px;
    flex: 0;
}
.card-obra.filme .card-badges {	
	right: 50px;
}
.card-obra.filme::before {
	height: calc( 100% - 50px );
	top: 0;
}
.card-obra.filme::after {	
	background-position: center top, center bottom;
	height: 100%;
	top: 0;
}
/* POPUP */
.popup-container{     
    width: 100%;     
}
.popup-container .btn-close {
	top: 30px;
	right: 16px;	
}
.popup-info{
    flex-direction: column;
}
.popup-conteudo-header,
.popup-conteudo-footer{
    padding: 0;
}
h2.popup-titulo{
    font-size: 41px;        
}
/* POPUP OBRA */
.popup-obra::before{
    background-image: url(img/bg-popup-obra-topo-mobile.svg);     
}
.popup-obra::after{
    background-image: url(img/bg-popup-obra-mobile.svg);     
}
.popup-obra .popup-info{   
    gap: 24px;
}
.popup-obra .popup-img-container{
    width: 100%;
    max-width: 324px;      
}
.popup-video-container{
    width: calc( 100% + 100px );
    left: -50px;  
}
.popup-obra.filme .popup-img-container{
    width: calc( 100% + 100px );
    max-width: calc( 100% + 100px );
    left: -50px;   
}
.popup-obra.filme .popup-img{
    height: calc( ( 100vw - 4px ) * 0.563 );
}
.popup-obra-conteudo,
.popup-obra.filme .popup-obra-conteudo {
	width: 100%;
}
.popup-obra .popup-texto {
	padding: 20px 0 30px;
}
.lista-links {   
    gap: 6px;
}
/*-------------------------------------------------------
EVENTOS - AGENDA
-------------------------------------------------------*/
.post-type-archive-evento .contrate .inner {
	padding: 45px 50px 0;
}
.post-type-archive-evento .relacionados .inner {
    padding: 0;
}
.post-type-archive-evento .newsletter .inner {	
    padding: 0 0 30px;
}
.grafismo-topo.gr-eventos {   
    height: 110px;   
}
.grafismo-topo.gr-eventos::before {
    background-image: url(img/gr-topo-eventos-mobile.svg);	
    background-position: center top;   
    background-size: 110% 100%;    
}
.topo-eventos .topo-bg-img::before {
	background-image: url(img/gr-img-eventos-mobile.svg);
    background-size: auto 105%;
	width: 100vw;
    height: calc( 100% - 42px );
	margin-top: 42px;	
}
.topo-eventos .grafismo-conteudo.gr-eventos {
    display: none;
}
/* CONTEÚDO EVENTOS */
.grafismo-conteudo.gr-eventos {   
    height: 153px;
    top: -44px;
    clip-path: polygon(0% 44px, 100% 44px, 100% 100%, 0% 100%);
}
.grafismo-conteudo.gr-eventos::before{
    background-image: url(img/gr-conteudo-eventos-mobile.svg);  
    background-position: center top; 
    background-size: 110% 100%;   
}
.conteudo.eventos h1.titulo-pagina {
    padding-top: 17px;
}
/* FILTROS COMPOSIÇÕES */
.filtros-eventos.sf-tem-filtros{
    padding-bottom: 20px;
} 
.filtro-meses {
    width: calc( 100% - 105px );
    flex: 1;
}
/* LISTA COMPOSIÇÕES */
.eventos-lista{
    background-image: url(img/bg-lista-eventos-topo.svg), url(img/bg-lista-eventos-base.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, left bottom;
    background-size: 100% 82px, 100% 82px;
    width: 100vw;   
    padding: 80px 0;
    flex-direction: column;         
    flex-wrap: nowrap;
    gap: 0;
    left: -60px;
    margin-bottom: 0;
}
/* Card evento */
.card-evento {    
    background-image: url(img/bg-card-evento-mobile.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 100%;      
    min-height: unset; 
    padding: 30px 60px 30px 85px;     
}
.card-evento::after {
	content: "";
	background: url(img/linha-tripla.svg) no-repeat left center;
	width: calc( 100% - 110px );
	height: 8px;
	top: -4px;
	left: 75px;
	z-index: 26;
}
.card-evento:first-child::after{
    content: none;
}
.card-evento.realizado::before {	
	width: calc( 100% + 44px );	
}
p.data-evento{
    font-size: 18px;   
}
.cidade-evento{
    font-size: 12px;
    margin-bottom: 16px;
}
.card-evento h3.card-titulo{
    font-size: 18px;    
}
.card-evento .btn-padrao{
    width: 158px;
}
/* PAGINAÇÃO */
.eventos .pagination {
    width: calc( 100vw - 30px );	   
}
/* POPUP EVENTO */
.popup-evento{   
    padding: 0 0 95px;  
}
.popup-evento .popup-img-container{
    width: 100%;    
}
.popup-evento.realizado .popup-img-container::before {		
    width: 100%;	
    bottom: 0;
    left: 0;	
}
.popup-evento .popup-img{
    height: calc( ( 100vw - 4px ) * 0.55 );
}
.popup-evento .popup-info{
    padding: 25px 50px 0;   
    gap: 20px;   
}
.popup-evento-conteudo-1{
    width: 100%;
    padding-bottom: 0;
}
.popup-evento-conteudo-2{
    width: 100%;
}
.popup-evento .btn-padrao {
	width: calc( 100% - 100px );
	bottom: 77px;
	left: 50px;
}
.popup-evento.realizado .btn-padrao{
    display: none;
}
.popup-evento .popup-texto {
	padding: 0 0 92px;
}
.popup-evento.realizado .popup-texto {
	padding: 0 0 25px;
}
.popup-evento .popup-conteudo-footer {
	padding: 0;
	margin-top: 0;
}
/*-------------------------------------------------------
CURSO
-------------------------------------------------------*/
.page-curso .newsletter .inner {
    padding: 0 0 30px;
}
.grafismo-topo.gr-curso {   
    height: 106px;   
}
.grafismo-topo.gr-curso::before {
    background-image: url(img/gr-topo-curso-mobile.svg);  
}
.topo-curso .topo-bg-img::before {
	background-image: url(img/gr-img-curso-mobile.svg);
    background-size: 100% 100%;
	width: 100vw;	
	height: calc( 100% - 73px );
    top: 39px;	
}
/* CONTEÚDO CURSO */
.conteudo.curso{
    margin-bottom: -20px;
}
.conteudo.curso .inner {
    padding: 10px 0 0;
}
.grafismo-conteudo.gr-curso {
    height: 211px;
    top: -36px;
}
.grafismo-conteudo.gr-curso::before{
    background-image: url(img/gr-conteudo-curso-mobile.svg);     
}
.conteudo.curso h3.subtitulo-pagina {
	border-bottom: none;
}
.page-curso .padrao{
    padding-top: 30px;
}
/* INFORMAÇÕES DO CURSO */
.box-info-curso,
.box-cta-curso {
	background-size: 100% 100%;
	width: 100vw;
	left: -60px;
}
.box-info-curso {
	background-image: url(img/bg-info-curso.svg);
	padding: 95px 35px 20px 60px;
	margin: -95px 0 20px;
	background-position: center top;
	background-size: calc( 100% + 80px) 100%;
} 
.padrao ul.lista-detalhes-curso {  
    padding: 25px 0 30px;      
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 10px;
    margin-bottom: 1.5rem;
}  
/* PERCURSSO FORMATIVO */
.padrao ol.lista-aulas li {
	border-top: 1px solid #05253E;
	padding: 20px 0 20px 85px;
	}
.padrao ol.lista-aulas li::before {   
    width: 70px;   
    font-size: 14px;    
}
/* CTA DO CURSO */
.box-cta-curso {
    background-image: url(img/bg-cta-curso-mobile.svg);  
    background-position: center top;
	background-size: calc( 100% + 80px) 100%;
    padding: 20px 35px 70px 60px; 
}
.box-cta-curso .texto-curso{
    border-bottom: 6px double #05253E; 
    padding: 0 0 19px;
    margin-bottom: 1.5rem;
}
.box-cta-curso .acoes-curso,
.box-cta-curso .btn-padrao{
    width: 100%;
}
/* DEPOIMENTOS */
.depoimentos {
	background-size: calc( 100% + 400px ) 100%;
	width: 100vw;
	padding: 30px 35px 30px 60px;
	position: relative;
	left: -60px;
}
.owl-depoimentos.owl-carousel{
    padding-bottom: 45px;
}
.card-depoimento { 
    flex-direction: column;   
    gap: 15px;
}
.card-depoimento .img-container {
    width: 160px;   
}
.card-depoimento .card-img {       
    height: 160px;     
}
.padrao p.depoimento-txt{
    font-size: 16px;   
    margin-bottom: 15px;
}
.depoimento-meta{
    font-size: 14px;
}
.depoimento-meta span.divider{
    display: none;
}
.depoimento-meta br{
    display: inline;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
.topo-contato{
    height: 135px;   
}
.conteudo.contato {
    margin-bottom: -55px;   
}
.conteudo.contato::after{
    top: 20px;
    height: calc( 100% - 75px );
}
.conteudo.contato .inner {
    padding: 0 0 40px 0;
}
.contato-container {
	padding: 0 0 20px;
	margin-bottom: 15px;
}
.contato-container::after {
	clip-path: polygon(0% 0%, 50% 40px, 100% 0%, 100% 100%, 50% calc( 100% - 40px ), 0% 100%);
	width: 100vw;
	height: 100%;
	left: -60px;
	top: -30px;
}
.contato-infos {
	padding: 15px 0 0;
}
.contato-infos::before {
	width: 100%;
	left: 0;
}
.contato h1.titulo-pagina {
	padding-bottom: 22px;
	margin-bottom: 20px;
}
.contato input[type="submit"]{
    width: 100%;
}
/* IMPRENSA */
.imprensa.setas {
	width: calc( 100vw - 95px );
	padding: 25px 0 30px;
}
.imprensa.setas::before {
	left: -240px;
}
.imprensa.setas::after {
	right: -215px;
}
.imprensa .btn-padrao{
    width: 100%;
}
/* FORMULÁRIO */
fieldset{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px; 
    margin: 0 0 35px;   
}
.fieldset-item.email{
    width: 100%;
}
.fieldset-item label{   
    font-size: 14px;       
}
input[type=text],
input[type=email],
input[type=tel]{  
    padding: 0 20px;     
}
/* EMENDAS */
.wpcf7-form{
    position: relative;
}
.wpcf7-form.invalid input[type="text"],
.wpcf7-form.invalid input[type="email"],
.wpcf7-form.invalid input[type="tel"],
.wpcf7-form.invalid textarea {
    background-color: #fdd5ca;    
}
.wpcf7-form .wpcf7-response-output {    
    border: none !important;	
    background-color: #05253E;    
    border-radius: 100px;
    width: 100%;
    padding: 15px 35px !important;
    color: #FFF !important;
    font-family: degular, sans-serif;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 1.5em;
    text-transform: uppercase;
    margin: 20px 0 0 !important;	
}
.wpcf7-not-valid-tip {
    color: #FFF !important;
    font-family: degular, sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block;
    text-transform: uppercase;
    margin: 5px 0 0;
}
.wpcf7-not-valid-tip::before{
    content: "🡡 ";
    font-weight: normal !important;
}
.wpcf7-spinner {
    background-color: #05253E !important;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.topo-404 {
	height: 135px;
}
.conteudo.conteudo-404 .inner {
	padding: 0;
	height: calc( 100vh - 135px);
	justify-content: flex-start;
    gap: 15px;
}
.conteudo-404-container {
    height: calc( 100% - 30px );
	max-height: 500px;	
	z-index: 0;
}
.conteudo-404-container::after{
    clip-path: polygon(0% 0%, 50% 40px, 100% 0%, calc( 100% - 60px ) 50%, 100% 100%, 50% calc( 100% - 40px ), 0% 100%, 60px 50%);
    width: calc( 100vw + 60px );  
    left: -90px;   
    transform: none;
}
.conteudo-404-container p {
	font-size: 18px;
	text-align: center;
}
/*-------------------------------------------------------
RESULTADOS DA BUSCA
-------------------------------------------------------*/
.search-results section.topo-resultado {
	height: 135px;
}
.conteudo.resultado::after {
    height: 100%;
    top: 0;
}
.resultado .inner{
    padding: 0 0 30px;
}
.resultado-topo{   
    padding: 20px 0 0;
}
.resultado-topo::before {
	width: 100%;
	left: 0;
}
h1.titulo-resultado span {
	display: block;
}
.qtde-resultado{   
    font-size: 18px;
}
.qtde-resultado br{
    display: inline;
}
.resultados-lista {
	padding: 30px 0 0;
}
.badge-tipo {
	min-width: 80px;	
	padding: 0 10px;	
	right: 10px;	
}
.card-resultado h3{   
    font-size: 18px;   
}
/*-------------------------------------------------------
PADRÃO
-------------------------------------------------------*/
.padrao h2{   
    padding-top: 20px;
    font-size: 18px;
}
.padrao h3{
    font-size: 18px;
}
/* BLOCKQUOTE */
.padrao blockquote {
	Width: calc( 100vw + 80px );
	height: auto;
	padding: 70px 100px;
	left: -100px;
    clip-path: polygon(0% 30%, 50% 0%, 100% 30%, 85% 40%, 100% 50%, 85% 60%, 100% 70%, 50% 100%, 0% 70%, 15% 60%, 0% 50%, 15% 40%);
}
.padrao blockquote p{
    padding: 30px 0;   
}
/* IMAGENS */
.padrao .wp-caption {
	position: relative;
	left: -60px;
}
/* Se contiver uma imagem (.size-large) */
.wp-caption:has(img.size-large) {
    width: 100vw !important;    
}
/* Se não contiver uma imagem de qualquer outro tamanho */
.wp-caption:not(:has(img.size-large)) {
    width: 100% !important;    
}
.padrao img.size-full,
.padrao img.size-large{
    width: 100vw;	
}
.padrao .wp-caption-text {	
	font-size: 14px;
}
.padrao img.size-full + .wp-caption-text,
.padrao img.size-large + .wp-caption-text {
	padding: 10px 35px 10px 60px;	
}
/* TABELA */
.padrao .table-container {
	padding: 6px 15px;
	width: 100vw;
	position: relative;
	left: -60px;
	overflow-x: auto;
}
.padrao table strong{   
    font-size: 16px;
   }
/* VÍDEO */
.padrao .video-container {
	width: 100vw;
	position: relative;
	left: -60px;
}
/* GALERIA */
.padrao .gallery {   
    width: calc( 3 * ( 100vw - 87px ) );
    padding: 30px 0 45px;       
    margin-left: 0;
}
.page-curso .padrao .gallery{
    background-size: 100% 100%;
}
.single-post .padrao .gallery {
	background: url(img/bg-gallery-triangulo.svg) no-repeat center top;
	background-size: auto 100%;
    padding: 30px 0 60px;
    margin: 2.5rem 0 1.5rem;
}
.padrao .gallery .owl-item {   
    padding: 19px 4px;
    height: calc( ( 100vw - 87px ) * 1.05 );     
}
/* seleciona o elemento antes do central (na verdade todos com a class .active */
.padrao .gallery .owl-item.active{
    padding: 19px 4px 19px 42px;
}
/* seleciona o elemento central */
.padrao .gallery .owl-item.active.center{  
    padding: 0 4px;
}
/* seleciona o elemento depois */
.padrao .gallery .owl-item.active.center + .owl-item.active {
    padding: 19px 42px 19px 4px;
}
/* altera posição da navegação na galeria do single */
.single-post .padrao .gallery .owl-nav{
    bottom: 15px;
}
.single-post .padrao .gallery .owl-dots {	
	bottom: 17px;	
}
/* PLAYER DE ÁUDIO */
/* CUSTOMIZAÇÃO DO PLAYER DE ÁUDIO NATIVO (MediaElement.js) */
.mejs-container {   
    max-width: 100vw !important;
    width: 100vw !important;
    left: -60px;
}
.mejs-container .mejs-controls {   
    padding: 0 35px 0 60px;
}
/* COLOCA MARGIN 0 NO PRIMEIRO E ÚLTIMO ELEMENTO DE CADA TIPO */
.padrao > *:first-child{
    margin-top: 0;
}
.padrao > *:last-child{
    margin-bottom: 0;
}
/*-------------------------------------------------------
FIXO EM TODO SITE
-------------------------------------------------------*/
.owl-carousel button.owl-dot.active{   
    width: 10px;
    height: 10px;
}

}