/* - ploneCustom.css - */
@media all {
/* https://radio.mpf.mp.br/portal_css/ploneCustom.css?original=1 */
/* */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700&display=swap');
@font-face { font-family: Source Sans Pro; src: url(fonts/SourceSansPro-Bold.ttf); font-weight: bold; }
@font-face { font-family: Source Sans Pro; src: url(fonts/SourceSansPro-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Source Sans Pro; src: url(fonts/SourceSansPro-Regular.ttf); font-weight: regular; }
@font-face { font-family: Source Sans Pro; src: url(fonts/SourceSansPro-Light.ttf); font-weight: 300; }
:root {
--cinza-leve: #F6F6F6;
--tag-vermelho: #E40034;
--tag-verde: #169684;
--tag-azul: #116690;
--tag-roxo: #3E0075;
}
/* */
* { box-sizing: border-box; }
body { margin: 0; box-sizing: border-box; font-family: system-ui, 'Source Sans Pro', sans-serif !important;  background-color: var(--cinza-leve);}
#content a:link, dl.portlet a:link { border-bottom: 0 !important; }
.container-full { width: 100%; margin: auto;}
.container-site-radio { width: 100%; max-width: 1150px; margin: auto;}
.header { margin: 0; padding: 0; width: 100%; height: 155px; background-image: url(../imagens/head-radio-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: space-around; align-items: center;}
.logo-radio { width: 100%; max-width: 312px;   }
.vazio-bloco { width: 250px; }
.input-busca { padding: 16px 50px 16px 20px !important; border-radius: 25px !important; border: none; width: 250px; }
.botao-buscar { background: none; border: none; right: 51px; bottom: -10px; position: relative; }
nav { padding: 15px 0; background-color: #390E42; color: white; display: flex; align-items: center; font-size: 1.2rem; font-weight: 600;}
.destaque-full { border-radius: 19px; margin: 20px 0 5px 0px; background: #FFF;  flex-shrink: 0; display: flex; align-items: flex-start; justify-content: space-around; flex: 1}
.destaque-full div { flex: 1; padding: 25px;}
.destaque-half { flex-shrink: 0; display: flex; align-items: flex-start; justify-content: space-around; flex: 1;}
.metade { gap: 1rem; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; width: 100%; }
.destaque-duplo { display: flex; justify-content: space-between; align-items: stretch; flex: 1; gap: 1.5rem; }
.destaque-duplo-grid { display: grid; justify-content: space-between; align-items: stretch; gap: 1.5rem; grid-template-columns: 1fr 1fr; }
/* */
.topnav { width: 100%; text-align: center; list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; }
.topnav a { margin: 0 15px;}
.titulo-card { text-transform: uppercase; font-weight: bold;}
.ver-mais { display: flex; justify-content: flex-end; }
.cabeca-area { text-align: center; display: flex; justify-content: center; align-items: center; background-image: url('../imagens/line-cabeca.png'); background-position: center; background-repeat: repeat-x;}
.bg-leve { background-color: var(--cinza-leve) !important; }
.espaco-h-2 { margin: 0 2rem; }
.pudim-h-2 { padding: 0 2rem; border-radius: 10px; }
.botoeiras { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 1rem; list-style-type: none !important; }
.botao-interatividade { display: flex; justify-content: space-evenly; align-items: center; border-radius: 19px; border: 1px solid #EEE;    background: #FFF;    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); width: 100%; max-width: 262px; height: 104px;     flex-shrink: 0; border: 2px solid transparent; flex-wrap: wrap;}
.botao-interatividade:hover { cursor: pointer; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.35); border: 2px solid #BFBFBF;}
.banner-destaque-interativo { max-width: 370px; width: 100%;}
.noticias { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 1rem; }
.card-noticia { border-radius: 19px; margin: 20px 0; background: #FFF; padding: 5px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.card-radio { background: #FFF; box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.15); padding: 20px;     margin: 1px 0; width: 100%; overflow-wrap: anywhere; border-radius: 15px; }
.card-radio-full { display: flex; flex-direction: column; align-items: flex-start; overflow-wrap: anywhere; }
.card-radio-half {display: flex; justify-content: flex-start; align-items: flex-start; gap: 1em; overflow-wrap: anywhere; }
.card-radio-half-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.chapeu-radio { color: #FFF;  font-family: 'Source Sans Pro', sans-serif !important;  font-size: 14px;  font-style: normal; font-weight: 600; line-height: normal; padding: 1px 6px; margin: 1px 0 10px 0; width: max-content; border-radius: 3px; }
.chapeu-radio-half { color: #FFF;   font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px;  font-style: normal; font-weight: 600; line-height: normal; padding: 1px 6px; margin: 0.75rem 0 0.35rem 0 !important; }.tag-cor-vermelho { background-color: var(--tag-vermelho) !important; border-radius: 6px; max-height: 20px; }
.tag-cor-roxo { background-color: var(--tag-roxo) !important; }
.tag-cor-verde { background-color: var(--tag-verde) !important; }
.tag-cor-azul { background-color: var(--tag-azul) !important; }
.player-radio-full { align-self: flex-end; width: 100%;}
.imagem-destaque-full { width: 100%; max-width: 520px; max-height: 100%; height: auto;     object-fit: cover; }
.imagem-noticia-half { width: 100%; max-width: 200px; max-height: 145px; height: 100%;       object-fit: cover;}
/* */
.titulo-subarea { color: #7E7E7E;  font-size: 30px;  font-style: normal;  font-weight: 300;  line-height: 32px; letter-spacing: -0.2px; margin: 20px 0; font-family: 'Source Sans Pro', sans-serif !important;}
.logo-radio-pequena{display:none;}
#content .titulo-radio-grande { color: #000; font-family: 'Source Sans Pro', sans-serif !important; font-size: 1.25rem !important; font-style: normal; font-weight: regular; line-height: 22px; margin: 2px 0 5px 0 !important; }
#content .titulo-radio-half { color: #000;  font-family: Source Sans Pro;   font-size: 1.25rem;  font-style: normal;  font-weight: regular; line-height: 24px; margin: 0px 5px 5px 0 !important}
.data-noticia-home { font-size: 14px; color: #575757; font-weight: 400; margin-bottom: -5px 0 -5px 0 !important; }
.conexaompf-box { flex: 1; display: flex; align-items: center; justify-content: flex-start; gap: 1rem !important; margin: 5px 0;}
.img-logoconexaompf-box { display: flex; align-items: center; justify-content: flex-start; padding: 4px;}
.link-mais-noticias { text-align: right ; font-size: 15px; font-style: normal; font-weight: 400; color: #000; width: 100%; margin: 5px 5px -10px 0px !important; }
.link-mais-noticias a { text-decoration: none !important; color: #000 !important; margin-bottom: 0 !important; }
.link-mais-noticias a:hover { text-decoration: underline !important; }
.campanha-img-temp { width: 100%; max-width: 1160px; height: auto;}
.linha-tenue-divisoria { border-bottom: 1px dashed #000 !important; opacity: 0.4; margin: 20px 0 !important; }
.imagem-noticia-350 { width: 100%; max-width: 350px; max-height: 350px; height: 100%; object-fit: cover; }
.centrado-2rem { text-align: center; margin: 2rem; }
.colunas-3-cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem 2rem; width: 100%; margin: 1.5rem auto; }
.colunas-3-cards div { flex: 1; }
.plataformas-div {  width: 100%;  background: rgba(255, 255, 255, 0.50); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 25px 0;}
.plataformas-items { display: flex; justify-content: flex-end; gap: 2rem; padding: 0 2rem; }
.logo-mpf-quem-img { align-self: center; }
.logo-conexao-small { display: none; }
.img-parceiras { max-width: 420px; width: 100%; }
#logo-radio {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
padding-top: 39px;
padding-left: 40px;
}
.box-conteudo-noticia {
display: flex;
gap: 1rem;
}
@media screen and (max-width: 600px) {
.card-radio-half { flex-direction: column; justify-content: center; align-items: center; }
.imagem-noticia-half { max-width: 615px;    max-height: 300px;}
#content .titulo-radio-grande { font-size: 1.75rem !important; line-height: 2rem; }
#content .titulo-radio-half { font-size: 1.75rem !important; line-height: 2rem; }
.conexaompf-box {flex-direction: column; }
.chapeu-radio-half, .data-noticia-home, .chapeu-radio { font-size: 1.25rem !important; line-height: 1.5rem !important; }
.share-button { scale: 1.7; margin: 0.75rem 1.75rem 0 0; }
}
@media screen and (max-width: 767px) {
#portal-globalnav { display: none !important; }
#portal-globalnav {font-size: 2.0rem !important;}
.header { flex-direction: column; align-items: center; justify-content: center;}
.vazio-bloco { display: none;}
.logo-radio { max-width: 250px; margin: 10px;}
.destaque-full, .destaque-duplo { flex-direction: column;     align-items: stretch; margin: 0 15px; gap: 0rem;}
.destaque-full div  { padding: 5px 25px; }
.destaque-half { margin: 10px 0 ; flex-direction: column;}
.botao-interatividade { max-width: 362px;}
.botoeiras { margin: 0 15px;      gap: 1em;}
.colunas-3-cards { flex-direction: column; margin: 0; gap: 1rem; grid-template-columns: 1fr; }
#portal-logo{display:none !important;}
.logo-radio-pequena{display:block;}
.logo-conexao-small { display: block !important; margin: 12px 5px 0 10px; }
.logo-conexao-big { display: none; }
#searchGadget {padding: 10px !important; width:15em !important; margin-right: 0px !important;}
.searchButton {right: 65px !important;}
#portal-searchbox { margin: 0 0 2em 0 !important;}
#portal-personaltools {display: none;}
.destaque-duplo-grid { grid-template-columns: 1fr; }
}
@media screen and (max-width: 900px) {
.vazio-bloco { display: none; }
.botoeiras { justify-content: center;}
}
/* */
.topnav { overflow: hidden;  }
.topnav a { color: #D3D3D3; text-align: center; padding: 8px; text-decoration: none; }
.topnav a:hover { color: white; }
.topnav a.active { color: white; }
.icon { display: none; border-radius: 10px; }
.icon:hover, .icon:focus { background-color: #5B2A65;}
.globalnav-toggle {  background-color: #5B0C40 !important; }
#globalnav-wrapper .globalnav-toggle .icon-bar { background-color: white !important;     background-color: white !important;   height: 6px;    margin: 0 auto 7px auto;    width: 58px;    border-radius: 25px;  }
@media screen and (max-width: 600px) {
.topnav { flex-direction: column;}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon { display: block;    }
#globalnav-wrapper { margin: 1rem 0 1em 0 !important; }
.topnav.responsive a { display: flex; }
.topnav.responsive a {      flex-direction: column;      align-items: center;      justify-content: center;      padding: 10px;      font-size: 1.4rem;    }
}
@media screen and (max-width: 500px) {
#logo-radio { flex-direction: column !important; }
#globalnav-wrapper { margin: 1rem 0 1rem 0 !important; }
#portal-logo img { width: 240px !important; height: auto !important; }
#portal-searchbox { margin: 0 !important }
}
@media screen and (max-width: 420px) {
#globalnav-wrapper { margin: 1rem 0 1rem 0 !important; }
}
/* */
/* */
#visual-portal-wrapper {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 0 auto;
max-width: 100%;
overflow: hidden;
}
#portal-header {
position: relative;
z-index: 2;
margin: 0 0 -15px 0;
padding: 0;
width: 100%;
background-image: url(../imagens/head-radio-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* */
}
#portal-logo {
margin: 50px 0 0 20px;
display: flex;
/* */
justify-content: space-around;
align-items: center;
}
#portal-globalnav {
background-color: #390E42;
color: white;
font-size: 1.0rem;
font-weight: 600;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#portal-globalnav li a {
display: block;
line-height: 2em;
padding: 12px;
background: transparent;
color: white;
}
#portal-breadcrumbs {
margin: 1em 0 1em 0.25em;
}
#portal-globalnav li.selected a { color: #4E0C41 !important; background-color: white !important; border-radius: 0; }
#portal-globalnav .selected a, #portal-globalnav a:hover { background-color: #8C3983 !important; color: white !important; }
#portal-logo { height: 125px !important;}
/* */
/* */
#content {
font-size: 100%;
background: var(--cinza-leve);
border-radius: 10px;
padding: 10px;
}
#content-core p img {
border-radius: 15px;
}
#content .documentFirstHeading {
color: #3B0062;
text-shadow: -2px 2px 0px rgba(255, 255, 255, 0.65); font-family: "Source Sans Pro"; font-size: 3rem;
font-style: normal; font-weight: 700; line-height: 32px;
letter-spacing: -0.9px;text-transform: uppercase;
text-align: center;
border: 5px solid;
border-image-slice: 1; padding: 15px 0;  border-left: 0;
border-right: 0;  border-top: 0; margin-bottom: 2rem;
border-image-source: linear-gradient(to left, rgba(253, 181, 43, 0), rgba(118, 1, 96, 0.9) , rgba(1, 118, 6, 0));
}
.section-noticias #content .documentFirstHeading {
font-size: 1.5rem;
}
.section-noticias #content #parent-fieldname-title {
display: none;
}
/* */
footer { text-align: center !important; }
#portal-footer { background: white !important; }
/* */
/* */
#searchGadget { padding: 12px; border: 0; border-radius: 25px !important; padding-left: 20px; margin-right: 35px; width: 18em; }
.searchSection { display: none !important; }
.searchButton { padding: 12px 15px; border-radius: 0 50px 50px 0; border: 0;     right: 94px;    position: relative;    top: 19px;}
.searchPage.searchButton { position: relative !important; padding: 8px 23px; border-radius: 0 50px 50px 0;  margin-left: 30px; font-size: 1.3em !important; color: white; background: #497b73; }
#portal-searchbox { margin: 0 0 3em 0; top:23px; }
/* */
.cookie-container {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
background: #f0f0f0;
color: #000000;
padding: 1% 12%;
box-shadow: 0 -2px 16px rgb(47 54 64 / 39%);
transition: 400ms;
z-index: 999;
display: flex;
}
.cookie-container.active {
bottom: 0;
}
.cookie-container p {
font-size: 1rem;
}
.cookie-btn {
background: #850959;
border: 0;
color: white;
padding: 12px 48px;
font-size: 18px;
margin-bottom: 16px;
border-radius: 150px;
margin-left: 1rem;
font-weight: bold;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.cookie-container {
display: initial;
}
.cookie-container p {
font-size: 1.2rem;
line-height: 1.5rem;
}
.cookie-btn {
margin: .5rem auto;
font-size: 1.4rem;
padding: 1rem 4rem;
}
}
/* */
/* */
.podcast-item { display: flex; gap: 2rem; justify-content: flex-start; align-items: center; }
.podcast-img { width: 100%; max-width: 310px;}
.podcast-ouca-neutro { border-radius: 45px; border: 2px solid #ABABAB; background: #FFF; padding: 3px 15px 7px 15px; font-size: 20px; font-weight: bold; text-decoration: none; color: #000 !important ;}
.podcast-ouca { border-radius: 45px; border: 2px solid #ABABAB; background: #FFF; padding: 3px 15px 7px 40px; font-size: 20px; font-weight: bold; text-decoration: none; color: #000 !important ;}
.podcast-ouca::before { content: ""; position: absolute; background: url(imagens/icone-btn-spotify.svg) no-repeat; width: 27px; height: 27px; margin: 1px 0 0 -34px; }
.podcast-ouca:hover { background-color: #CFFFE0 !important; border: 2px solid #2D9753; color: black !important;}
.podcast-ouca:focus { border: 2px dashed #2D9753; }
.podcast-txt { font-size: 1.2rem !important;}
/* */
.radioquem-bloco1 { display: flex;    justify-content: space-around;     align-items: self-start;    flex-direction: column;    background-image: url(../imagens/quemsomos-um.jpg);    background-position: center;    background-size: cover;    border-radius: 30px;    padding: 2rem 4rem;    min-height: 617px;    height: 100%; margin-bottom: 2rem;}
.radioquem-bloco2 { display: flex;    justify-content: space-around;     align-items: self-start;    flex-direction: column;    background-image: url(../imagens/quemsomos-radiompf2.jpg);    background-position: center;    background-size: cover;    border-radius: 30px;    padding: 2rem 4rem;    min-height: 617px;    height: 100%; margin-bottom: 2rem}
.radioquem-bloco3 { display: flex;    justify-content: space-around;     align-items: self-start;    flex-direction: column;    background-image: url(../imagens/quemsomos-radiompf3.jpg);    background-position: center;    background-size: cover;    border-radius: 30px;    padding: 2rem 4rem;    min-height: 617px;    height: 100%; margin-bottom: 2rem}
.radioquem-bloco-texto { color: #FFF; font-family: "Source Sans Pro";font-size: 26px;font-style: normal;font-weight: 400;line-height: 38px; }
.logo-radiompf-quem-img { max-width: 250px; width: 100%;}
.link-quemsomos:link { color: white !important; text-decoration: underline !important; }
.link-quemsomos:visited { color: #fff !important; }
.link-quemsomos:hover { color: #fff !important; border-radius: 5px; background: rgba(0, 0, 0, 0.50);}
.highlight-quem { border-radius: 5px; background: rgba(0, 0, 0, 0.50); padding: 1px 7px; margin: 0 3px; font-weight: bold; }
@media screen and (max-width: 600px) {
.radioquem-bloco { padding: 1rem; }
.radioquem-bloco-texto { font-size: 22px; line-height: 28px; }
.podcast-item { flex-direction: column; gap: 1rem; padding: 1.2rem; }
.podcast-img { max-width: none; }
.podcast-ouca { padding: 1rem 5rem;}
.podcast-txt { font-size: 1.8rem !important;     line-height: 2.2rem;}
}
@media screen and (max-width: 400px) {
.radioquem-bloco-texto { font-size: 18px; line-height: 22px; }
}
.w-100 { width: 100% !important; }
.centraliza-imagem-100 {     max-width: 100% !important;    height: auto !important;    justify-self: center !important;    display: flex !important ;}
.font-20px {font-size: 20px !important; }
.font-25px {font-size: 25px !important; }

}