/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,800,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Imbue&display=swap');

/* @import url('locutores.css'); */
:root{
    --bg-blue:#1A296A;
}
a, a:focus , a:hover{ 
  text-decoration: none;
  color: inherit;
}
 a:hover, .btn{
	outline:none!important;
}
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}
.my-16{
    margin-top: 15%;
    margin-bottom: 10%;
}
body{
    /* font-family: 'Poppins', sans-serif; */
    background-color: #ffffff;
    
}
.bg-blue{
    background-color: var(--bg-blue);
}
#fundo_carregando {
    display: none;
    position: fixed;
    background-color: #d0d0d0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .3;
    z-index: 9999;
}
#img_carregando {
    display: none;
    position: fixed;
    top: 25%;
    left: 43%;
    width: 180px;
    text-align: center;
    filter: alpha(opacity=88);
    -moz-opacity: .88;
    -khtml-opacity: .88;
    opacity: .88;
    z-index: 99999;
    padding: 5px;
    color: #000;
    font-weight: 700;
}
/* ================================== */
/*           NAVBAR MENU        
/* ================================== */
.logo {
    /*background: #ffffff;*/
}
.logo img {
    width: 85%;
}
.navbar {
    /* background: rgb(255,255,255); */
    /* background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 59%); */
    /* background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 59%); */
    /* background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 59%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}
.pseudo-search {
    width: 100%;
    background-color: #ffffff;
    display: inline;
    border: 2px solid #ccc;
    border-radius: 100px;
    padding: 10px 15px;
    transition: background-color 0.5 ease-in-out;
}

.pseudo-search input {
    border: 0;
    background-color: transparent;
    width: 90%;
}

.pseudo-search input:focus {
    outline: none;
}

.pseudo-search button,
.pseudo-search i {
    border: none;
    background: none;
    cursor: pointer;
}

.pseudo-search select {
    border: none;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.nav-item {
    font-weight: 700;
    background: #da251d00;
}
.nav-link {
    margin-top: 14px;
    margin-bottom: 15px;
}
.bg-blue .nav-link {
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}
.navbar-nav .nav-link > .fa {
    position: relative;
    font-size: 22px;
}
.navbar-nav .nav-link > .fa > .badge {
    font-size: 0.75rem;
    position: absolute;
    right: 0;
    font-family: sans-serif;
}

.nav-item.zap{
 background: #34af23;
 /* border-radius: 42px; */
}
.nav-item.recado{
 background: #b0051c;
 /* border-radius: 42px; */
}
.nav-item.fb{
 background: #3b5998;
 /* border-radius: 42px; */
}
.nav-item.ig{
 background: #e1306c;
 /* border-radius: 42px; */
}

.nav-item.zap:hover{
 background: #23d5ab;
 border-radius: 14px;
}
.nav-item.recado:hover{
 background: #b0051c;
 border-radius: 14px;
}
.nav-item.fb:hover{
 background: #0567b0;
 border-radius: 14px;
}
.nav-item.ig:hover{
 background: #b00577;
 border-radius: 14px;
}
.cart{
    font-weight: 700;
    /* background: #8d0a05; */
}
.nav-item .search{
    border: 1px solid #c4c4c4;
    /* width: 500px; */
    overflow-x: hidden;
    display: flex;
    border-radius: 50px;
    font-size: 18px;
    position: relative;
    /* left:30%; */
    /* top:200px; */
}
.nav-item .search input{
    width: 100%;
    /* height:65px; */
    border: none;
    padding: 8px 20px;
    outline: none;
    font-size: 18px;
}
.nav-item .button-src{
    /* padding: 10px 110px; */
    display: inline-block;
    background: #fff;
}
.nav-item .button-src button{
    padding: 10px 30px 10px 30px;
    border-radius: 50px;
    border: none;
    margin: 9px 7px;
    background-color: #b00b1c;
    color: #ffffff;
    font-size: 18px;
}


/* ================================== */
/*         BANNER ROTATIVO        
/* ================================== */
header .carousel-item {
	height: 90vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* ================================== */
/*            NOTICIAS        
/* ================================== */
.noticias .btn-news{
    background-color: var(--bg-blue)!important;
    border-radius: 50px;
}
.slide-principal{
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    border-radius: 10;
}
.slide-principal-img{
    height: 24.9rem;
    /* border-radius: 7px; */
}
.noticias {
    /* padding: 3% 0; */
    /* margin-top: 5%; */
    background: #fff;
    /* background: rgb(10,157,203); */
    /* background: -moz-linear-gradient(0deg, rgba(10,157,203,1) 0%, rgba(0,0,0,0) 100%); */
    /* background: -webkit-linear-gradient(0deg, rgba(10,157,203,1) 0%, rgba(0,0,0,0) 100%); */
    /* background: linear-gradient(0deg, rgba(10,157,203,1) 0%, rgba(0,0,0,0) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a9dcb",endColorstr="#000000",GradientType=1);
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    /* margin-bottom: 15%; */
}
.noticias .card{
    border: 0;
    border-radius: .75rem;
}
.noticias .manchete a h1 {
    font-weight: 700;
    color: #3C3C3C;
    /* font-family: 'Montserrat', sans-serif; */
    /* font-family: 'Imbue', serif; */
}
.linkfeat h4,
.linkfeat p
{
    text-shadow: 2px 2px rgba(51, 51, 51, 0.63);
}
.linkfeat{
    background: rgba(76,76,76,0);
    background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(49%, rgba(48,48,48,0)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.linkdestak{
    text-shadow: 2px 2px rgba(51, 51, 51, 0.63);
    background: rgba(76,76,76,0);
    background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(49%, rgba(48,48,48,0)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
    border-radius: .75rem;
}
.linkdestak h6{
    font-size: 0.9rem;
}

.mais-noticias .card{
    border:0
}
.s-normal p.card-text a{
    font-size: 85%;
}
.s-normal .card {
    
background-color: #ffffff;
}
.s-normal .card .card-body{
    background-color: #fff;
    
}
/* search pagina news */
.news .search{
    border: 1px solid #c4c4c4;
    /* width: 500px; */
    overflow-x: hidden;
    display: flex;
    border-radius: 50px;
    font-size: 18px;
    position: relative;
    /* left:30%; */
    /* top:200px; */
}
.news .search input{
    width: 100%;
    /* height:65px; */
    border: none;
    padding: 8px 20px;
    outline: none;
    font-size: 18px;
}
.news .button-src{
    /* padding: 10px 110px; */
    display: inline-block;
    background: #fff;
}
.news .button-src button{
    padding: 10px 30px 10px 30px;
    border-radius: 50px;
    border: none;
    margin: 9px 7px;
    background-color: #b00b1c;
    color: #ffffff;
    font-size: 18px;
}
.news{
    margin-top: 5%;
    margin-bottom: 13%;
    color: #212529;
}
.titulo_noticia h1 {
    font-weight: bold;
    color: #212529;
}
.destaque1{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.destaque1 p{
    font-size: .89rem;
}
.destaque1 img {
    border-radius: .35rem;
}
.normals .card{ background-color: transparent;}
.normals .card img{border-radius: .75rem!important;}
.corpo-noticia img{
    width: 100%;
}
.corpo-noticia p{
    font-size: 1.2rem;
}
/* #############AUTO COMPLETE ###########*/

.ui-autocomplete {
    width: 945px !important;
    position: absolute;
    top: 100%;
    left: 22%!important;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #e6e6e6 !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    
    border-right-width: 2px;
    
    border-bottom-width: 2px;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
/****************************************/
/*              DEZ MAIS                */
/****************************************/
section .dez_mais_bg{
    background-color: #2378B5;
}
section .dez-mais .dezmais_bg{
    background-color: var(--bg-blue);
    color: #ffffff;
    -webkit-border-radius: .75rem;
    -moz-border-radius:.75rem;
    border-radius: .75rem;
}
section .dez-mais .dezmais_cards_music{
    margin-left: -13px;
    margin-right: -13px;

}
section .dez-mais .dezmais_number{
    background-color: #36437D;
    color: #fff;
    -webkit-border-radius: .4rem;
    -moz-border-radius:.4rem;
    border-radius: .4rem;
}


.dez-mais .body-music {
    text-transform: uppercase;
    /* padding: 2% 3%; */
}
.dez-mais .music{
    font-weight: 700;
    font-size: .75rem;
    -webkit-font-smoothing: antialiased;
}
.dez-mais .banda {
    font-size: .6rem;
}
.entretenimento .row{
    background: rgb(6,76,181);
    background: -moz-linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    background: linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#064cb5",endColorstr="#3d99f5",GradientType=1);
}
.entretenimento .row a{
    color: #fff;
}
/* ================================== */
/*        ENQUETE        
/* ================================== */
.enquete .row{
    background: rgb(6,76,181);
    background: -moz-linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    background: linear-gradient(0deg, rgba(6,76,181,1) 0%, rgba(61,153,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#064cb5",endColorstr="#3d99f5",GradientType=1);
}
.enquete-bt{
    -webkit-border-radius: .75rem!important;
    -moz-border-radius:.75rem!important;
    border-radius: .75rem!important;
}
.enquete p, .enquete h2, .enquete h1{
    font-weight: bold;
    color: #f7f7f7
}
.enquete .resultado label{
    color: #FFFFFF;
    padding: 25px 25px 25px 0px;
}
.enquete ul{
    list-style: none;
    margin: 0;
    padding: 0;
      overflow: auto;
  }
  
  .enquete ul li{
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 86px;
    border-bottom: 1px solid #333;
  }
  
  .enquete ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
  
  .enquete ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 25px 25px 25px 80px;
    margin: 10px auto;
    height: 24px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
  
  .enquete ul li:hover label{
      color: #FFFFFF;
  }
  
  .enquete ul li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 38px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
  }
  
  .enquete ul li:hover .check {
    border: 5px solid #FFFFFF;
  }
  
 .enquete  ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 13px;
    width: 13px;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  
  .enquete input[type=radio]:checked ~ .check {
    border: 5px solid #0DFF92;
  }
  
  .enquete input[type=radio]:checked ~ .check::before{
    background: #0DFF92;
  }
  
  .enquete input[type=radio]:checked ~ label{
    color: #0DFF92;
  }



/* ================================== */
/*             RADIO        
/* ================================== */
.cta .player {
 /* background: #0053d6; */
}

.cta .border {
    border: 5px solid #ea6d5b!important;
    width: 100%;
    position: absolute;
    top: -44px;
}
.cta .locutor_icon button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 15px;
    height: 15px;
    font-size: 0;
    background-color: red;
    border: 0;
    border-radius: 35px;
    margin: 13px;
    outline: none;
}

.rec{
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes pulse{
	0%{
		box-shadow: 0px 0px 5px 0px rgba(173,0,0,.3);
	}
	65%{
		box-shadow: 0px 0px 5px 13px rgba(173,0,0,.3);
	}
	90%{
		box-shadow: 0px 0px 5px 13px rgba(173,0,0,0);
	}
}
/* ================================== */
/*             CART        
/* ================================== */
.cta {
    background: #0a0e1ffa;
    color: #ffffff;
    font-weight: bold;
    z-index: 10000;
    opacity: 1;
    transition: opacity .5s linear;
    border-top: 6px solid #dc3545;
}
.cta .btn {
    color: #ffffff;
}

.cta.hide {
    opacity: 0;
    pointer-events: none;
}
.modal-backdrop.show {
    bottom: 0;
    opacity: 0.5;
} 

.modal.fade .modal-dialog {
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    position: fixed;
    bottom: 0%;
    right: 38%;
    height: 88%;
    color: black;
    overflow-y: auto;
}

    
.lab-modal-body {
    position: relative;
    animation:animatebottom 0.5s;
    /* margin: 150px auto 0; */
    padding: 40px;
    width: 79%;
    height: auto;
    background-color: rgb(248, 250, 247);
    border: 1px solid #BEBEBE;
  }@keyframes animatebottom{from{bottom:-250px;opacity:0.3s ease-out ;} to {bottom:0.3s ease-out;opacity:1}}

  /* ================================== */
  /*            VIDEOS        
  /* ================================== */
    section.videos{
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(17,27,71,1) 53%, rgba(17,27,71,0) 99%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(17,27,71,1) 53%, rgb(17 27 71) 99%);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(17,27,71,1) 53%, rgb(17 27 71) 99%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#111b47",GradientType=1);
        -webkit-border-bottom-left-radius: 100px;
        -moz-border-radius-bottomleft: 100px;
        border-bottom-left-radius: 100px;
        z-index: 1000;
    }
    section.videos .card{
        border: 0;
        background-color: transparent;
    }
    section.videos .linkdestak{
        border-radius: calc(2rem - 1px)!important;
    }
    section.videos .videos_list{
        -webkit-border-radius: .75rem!important;
        -moz-border-radius:.75rem!important;
        border-radius: .75rem!important;
    }
    
    section.videos .videos_list img{
    border-radius: calc(2rem - 1px)!important;
    }
  /* ================================== */
  /*            NOVIDADES        
  /* ================================== */
  
/* ================================== */
/*            LOCUTORES        
/* ================================== */
section.locutores{
   
    background: url("/public/img/slide_01_locutores.jpg") ;
    /* position: relative;
    top: -100px; */
    background-size: cover;
    z-index: -10;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-bottomright: 100px;
    border-bottom-right-radius: 100px;
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff;
}
section.locutores img{
    border: 9px solid #FFB100;
    border-radius: 100%;
}
/* ================================== */
/*            PODCASTS        
/* ================================== */
.podcasts{
    background-color: #ffffff;
    padding: 14px;
    font-size: 0.9rem;
}
.podcasts h3{
    font-weight: bold;
    color: red;
}
.icon-podcasts{
    border-radius: .75rem;
}
.podcasts-list{
    color: white;
}
.podcasts-list h1{
    font-weight: bold;
    color: white;
    border-bottom: 5px #0088cc solid;
    padding-bottom: 10px;
}
.podcasts-list .hrs{
 border-top: 1px solid #fff;
}

/* ================================== */
/*          ALBUNS        
/* ================================== */
section.albuns{
    /* margin-bottom: 1rem; */
    margin-top: 0rem;
}
/* Hover Blur Effect */
.text-white {
    color: #fff;
  }
  .hover-blur a {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .hover-blur img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .hover-blur:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: grayscale(0.6) blur(1px);
    filter: grayscale(0.6) blur(1px);
  }
  .hover-blur a h2 {
    display: block;
    position: absolute;
    font-size: 1rem;
    top: 0;
    left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    padding: 25% 20px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    /*background dotted*/
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .hover-blur:hover a h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .hover-blur .text-white {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .hover-blur:hover .text-white {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
  }


 /*
 * banner cidades
 */
 .carousel-caption h5{
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
 } 
/* ================================== */
/*          RODAPE        
/* ================================== */
footer {
    color: #ffffff;
    margin-bottom: 6rem;
}
footer a{
    color: #ffffff;
}



/* ================================= */
/*         MEDIAS QUERIES            */
/* =================================*/
@media (min-width: 1025px) and (max-width: 1200px) {
    .logo img {
        width: 78%;
        padding-left: 1rem;
    }
    .s-normal p.card-text a {
        font-size: 82%;
    }
    .slide-principal-img {
        height: 23.2rem;
        /* border-radius: 7px; */
    }
}
@media (min-width: 576px) and (max-width: 1024px) {
    .logo img {
        width: 78%;
        padding-left: 1rem;
    }
    .s-normal p.card-text a {
        font-size: 82%;
    }
    .slide-principal-img {
        height: 18.6rem;
        /* border-radius: 7px; */
    }
}

@media (min-width: 240px) and (max-width: 575.9px) {
    .logo img {
        width: 54%;
        padding-left: 1rem;
    }
    .manchete h1 {
        font-size: 1.8rem;
    }
    .noticias {
        padding: 5% 0;
        margin-top: 0%;
        /* background: #444444; */
    }
    .titulo_noticia h1 {
        font-size: 1.6rem;
    }
    .enquete ul li {
        
        height: 8rem;
        
    }
    .nav-item.zap{
        background: #23d5ab;
        border-radius: 0;
    }
    .nav-item.recado{
        background: #b0051c;
        border-radius: 0;
    }
    .nav-item.fb{
        background: #0567b0;
        border-radius: 0;
    }
    .nav-item.ig{
        background: #b00577;
        border-radius: 0;
    }
    
    
    /**** 
    *  MAIS NOTICIAS
    */
    .s-normal{
        background: transparent;
    }
    :root {
        --gutter: 20px;
      }
      
    .app {
        padding: var(--gutter) 0;
        display: grid;
        grid-gap: var(--gutter) 0;
        grid-template-columns: var(--gutter) 1fr var(--gutter);
        align-content: start;
    }
      
    .app > * {
        grid-column: 2 / -2;
    }
      
    .app > .full {
        grid-column: 1 / -1;
    }
      
    .app .row {
        display: grid;
        place-items: center;
        /* background: #456173; */
    }
    .app {
        /* width: 100%; */
        /* height: 667px; */
        /* background: #f7f7f7; */
        overflow-y: scroll;
    }
    
    .hs {
        display: grid;
        grid-gap: calc(var(--gutter) / 2);
        grid-template-columns: 10px;
        grid-template-rows: minmax(150px, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: calc(95% - var(--gutter) * 2);
        overflow-x: scroll;
        scroll-snap-type: x proximity;
        padding-bottom: calc(.75 * var(--gutter));
        margin-bottom: calc(-.25 * var(--gutter));
    }
    
    .hs2 {
        display: grid;
        grid-gap: calc(var(--gutter) / 2);
        grid-template-columns: 10px;
        grid-template-rows: minmax(150px, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: calc(100% - var(--gutter) * 2);
        overflow-x: scroll;
        scroll-snap-type: x proximity;
        padding-bottom: calc(.75 * var(--gutter));
        margin-bottom: calc(-.25 * var(--gutter));
    }
    
    .hs:before,
    .hs:after,
    .hs2:before,
    .hs2:after  {
        content: '';
        width: 10px;
    }
    
    
    ul {
        list-style: none;
        padding: 0;
    }
    
    
    
    .hs > li,
    .item {
        scroll-snap-align: center;
        padding: calc(var(--gutter) / 2 * 1.5);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 8px;
    }
    .hs2 > li,
    .item2 {
        scroll-snap-align: center;
        /* padding: calc(var(--gutter) / 2 * 1.5); */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 8px;
    }
    
    .no-scrollbar {
        scrollbar-width: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    /***/
    .enquete{
        margin-bottom: 5%;
    }
    .enquete p, .enquete h2 {
        font-weight: bold;
        color: #f7f7f7;
        font-size: 1.5rem;
    }
    .enquete ul li label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 1.0em;
        padding: 25px 25px 24px 62px;
        margin: 0 auto;
        height: 24px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
    }
    /****************************************/
    /*              DEZ MAIS                */
    /****************************************/
    .titulo {
        /* -webkit-border-top-left-radius: 40px;
        -webkit-border-top-right-radius: 40px;
        -moz-border-radius-topleft: 40px;
        -moz-border-radius-topright: 40px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px; */
        padding: 28px 0;
    }
    /* ================================== */
    /*             RADIO        
    /* ================================== */
    .cta {
        background: #0d538a;
        color: #ffffff;
        font-weight: bold;
        z-index: 10000;
        opacity: 1;
        transition: opacity .5s linear;
        border-top: 6px solid #063b65;
        -webkit-border-top-left-radius: 28px;
        -webkit-border-top-right-radius: 28px;
        -moz-border-radius-topleft: 28px;
        -moz-border-radius-topright: 28px;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
    }
   .cta .player {
        background: #7f7f7f;
   }
   
   .cta .border {
       border: 3px solid #ea6d5b!important;
       width: 100%;
       position: absolute;
       top: -18px;
   }
   .cta button {
       position: absolute;
       bottom: 0px;
       left: 0px;
       width: 10px;
       height: 10px;
       font-size: 0;
       background-color: red;
       border: 0;
       border-radius: 35px;
       margin: 12px;
       outline: none;
   }
   
   .rec{
       animation-name: pulse;
       animation-duration: 1.5s;
       animation-iteration-count: infinite;
       animation-timing-function: linear;
   }
   #Product{
       background: #232221;
   }
    .cta .title .fa-angle-up,
    .cta .title[aria-expanded=true] .fa-angle-down {
        display: none;
    }

    .cta .title[aria-expanded=true] .fa-angle-up {
        display: block;
    }
   @keyframes pulse{
       0%{
           box-shadow: 0px 0px 5px 0px rgba(173,0,0,.3);
       }
       65%{
           box-shadow: 0px 0px 5px 13px rgba(173,0,0,.3);
       }
       90%{
           box-shadow: 0px 0px 5px 13px rgba(173,0,0,0);
       }
   }
   .corpo-noticia p img {
    max-width: 100% !important;
    height: 100% !important;
   }
}
@media print {
    .print-none{
        display: none;
    }
}