/* Variáveis */

:root {
 --cor-base:#df0024;
 --cor-clara:#f51036;
 --cor-escura:#9f001a;
 --cor-dois:#f4da00;
 --cor-bg:#fff;
}

/* Reset */

* {
 margin:0; padding:0; border:0; outline:0;
 box-sizing:border-box;
}

/* Base */ 

html {
 position:relative;
 min-height:100%;
}

body {
 margin:0;
 height:100%;
 min-width:300px;
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:var(--cor-bg);
 color:#000;
 font-family:Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.nunito {
 font-family:'Nunito',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.poet {
 font-family:'Poetsen One',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

/* jQuery UI */

.ui-widget {
 font-style:inherit !important;
 font-family:Tahoma,Arial,Helvetica !important;
 font-size:100% !important;
}

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip-content {
 font-size:0.8em;
 line-height:initial;
}

.ui-accordion-header {
 outline:none !important;
}

.ui-datepicker {
 font-size:0.95em !important;
}

.ui-datepicker-calendar td,.ui-datepicker-calendar th {
 min-width:unset !important;
 margin:unset !important;
}

.ui-progressbar-value {
 height:2em !important;
}

.ui-widget-shadow {
 -webkit-box-shadow:2px 2px 5px var(--cor-base) !important;
 box-shadow: 2px 2px 5px var(--cor-base) !important;
}

.ui-autocomplete {
 max-height:200px;
 overflow-y:auto;
 overflow-x:hidden;
}

#dialog {
 display:none;
}

.dialog-fixed {
 position:fixed !important; 
}

/* Tags */

a {
 text-decoration:none;
 color:#000;
 outline:none;
 overflow-wrap:anywhere;
}

a:hover {
 text-decoration:none;
 color:var(--cor-escura);
}

a.branco {
 text-decoration:none;
 color:#fff;
 outline:none;
 overflow-wrap:anywhere;
}

a.branco:hover {
 text-decoration:none;
 color:var(--cor-dois);
}

input[type=text],input[type=password],input[type=file],select,textarea {
 font-family:Arial,Helvetica;
 border:1px solid var(--cor-base);
 background-color:#fff;
 border-radius:6px;
 color:#000;
 margin-bottom:7px;
 padding:12px;
 outline:none;
 resize:none;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 background-color:#ffe;
}

input[type=file] {
 width:100%;
 max-width:350px;
}

input[type=checkbox] {
 margin:10px 4px 13px 17px;
 vertical-align:middle;
}

input[type=checkbox]:nth-child(1) {
 margin-left:0;
}

::placeholder {
 color:var(--cor-escura);
 opacity:0.4;
 font-size:0.9em;
}

button,input[type=button],input[type=submit] {
 background-color:var(--cor-base);
 border:1px solid var(--cor-base);
 border-radius:7px;
 padding:12px;
 color:#fff;
 outline:none;
 cursor:pointer;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 background-color:var(--cor-escura);
 border:1px solid var(--cor-escura); 
}

hr {
 border:0;
 width:100%;
 height:1px;
 background-color:var(--cor-base);
}

li {
 margin-left:1em;
}

blockquote {
 border-left:solid 3px var(--cor-base);
 padding-left:1em;
 font-style:italic;
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

main {
 margin:0;
 padding:0;
}

/* Específicos */

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}

.yessel {
 user-select:text !important;
 -moz-user-select:text !important;
 -ms-user-select:text !important;
 -webkit-user-select:text !important;
}

.noresp {
 display:initial;
}

.yesresp {
 display:none;
}

.flex {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

.loading {
 display:none;
 z-index:99;
}

.load1 {
 position:absolute;
 top:0; left:0;
 z-index:99;
 width:100%;
 height:100%;
 background-color:#fff;
 opacity:0.2;
}

.load2 {
 width:48px;
 height:48px;
 position:fixed;
 top:49%;
 left:49%;
 transform:translate(-50%,-50%);
 animation:rotation 1.7s infinite linear;
}

#lightbox {
 display:none;
 width:100vw;
 height:100vh;
 top:0; left:0;
 position:fixed;
 backdrop-filter:grayscale(1) brightness(0.8);
 z-index:99;
}

#lightbox-content {
 display:none;
 position:absolute;
 width:100%; max-height:100%;
 top:50%; left:50%;
 transform:translate(-50%,-50%);
 background:#fff;
 width:100%; max-height:100%;
 border:solid 5px var(--cor-base);
 border-radius:10px;
 padding:1em;
 overflow:auto;
 margin:0 auto;
}

#lightbox-close {
 position:absolute;
 top:0; right:0;
 margin:8px 4px;
 z-index:99;
}

#lightbox-close span {
 background-color:#fff;
 border:solid 8px #fff;
 padding:8px;
 border-radius:16px;
 cursor:pointer;
 box-shadow:0 0 5px;
}

#lightbox-close span:hover {
 border:solid 8px var(--cor-base);
}

@keyframes rotation {
 from { transform:rotate(0deg); }
 to { transform:rotate(359deg); }
}

@media screen and (max-width:639px) {

 .noresp {
  display:none;
 }

 .yesresp {
  display:initial;
 }

 tr { 
  display:flex; 
  justify-content:center;
  flex-direction:row;
  flex-wrap:wrap;
 }

 td,th {
  flex:1;
  min-width:200px;
  margin:1em;
 }

}

@media screen and (max-width:300px) {
 body {
  font-size:0.9em;
 }
}

@media screen and (max-width:200px) {
 body { display:table-column;background:url(/imagens/layout/logotipo.png) center center / contain no-repeat fixed padding-box content-box var(--cor-bg); }
}

/* Projeto */

.topo {
 width:100%;
 height:200px;
 background-color:var(--cor-base);
 background-image:url(/imagens/layout/topobg.jpg);
 background-position:center;
 background-size:cover; 
 box-shadow:0 3px 8px rgba(0,0,0,0.6);
 position:relative;
 z-index:2;
}

.topologo {
 display:inline-block;
 width:100%;
 max-width:215px;
 padding:3px 10px 0;
}

.logo {
 width:100%;
 max-width:195px;
}

.topodir {
 display:inline-block;
 float:right;
}

.topodir_player {
 padding-top:40px;
 padding-right:15px;
}

.topoplayer {
 display:inline-block;
 min-width:668px;
 background-color:#fff;
 border-radius:10px;
 box-shadow:0 5px 8px rgba(0,0,0,0.4);
 vertical-align:top; 
 padding:10px 20px 8px 15px;
}

#playlistv {
 position:absolute;
 top:-99px;
}

#playlist {
 //max-width:340px;
 overflow:hidden;
 height:16px;
}

@media screen and (max-width:730px) {
 #playlist { max-width:270px; }
}

@media screen and (max-width:480px) {
 #playlist { max-width:unset; }
}

.playerbot {
 display:inline-block;
 width:35px;
 height:35px;
 background-image:linear-gradient(#f4da00,#ca3f23);
 border-radius:20px;
 text-align:center;
 vertical-align:top;
 padding-top:6px;
 margin:5px 0;
 transition:0.3s;
}

.playerico {
 width:25px;
}

.playerbot:hover {
 background-image:linear-gradient(var(--cor-clara),var(--cor-escura));
}

.playerline {
 display:inline-block;
 width:1px;
 height:46px;
 background-color:var(--cor-base);
 vertical-align:top;
 margin:0 6px;
}

.playermic {
 display:inline-block;
 vertical-align:top;
 padding-top:3px;
}

.playermusica {
 width:412px;
 display:inline-block;
 text-align:left;
 vertical-align:top;
 padding-top:5px;
 font-weight:500;
 line-height:1.1em;
}

@media screen and (max-width:720px) {
 .playermusica { width:280px; }
}

.topomidias {
 display:inline-block;
 max-width:40px;
 vertical-align:top;
 padding-left:10px;
 padding-top:2px;
}

.midiasbox {
 display:inline-block;
 width:28px;
 height:28px;
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 4px 5px rgba(0,0,0,0.4);
 text-align:center;
 padding-top:5px;
 transition:0.3s;
}

.midiasico {
 width:18px;
}

.midiasbox:hover {
 background-image:linear-gradient(#f4da00,#ca3f23);
}
.midiasbox:hover .midiasico {
 filter:grayscale(1) brightness(100);
}

.topodir_menu {
 padding-top:35px;
 padding-right:15px;
 text-align:right;
}

.menuitem {
 display:inline-block;
 margin-left:32px;
 font-size:1.2em;
 color:#fff;
 text-shadow:0 3px 4px rgba(0,0,0,0.7);
 letter-spacing:0.02em;
}

.menuitem:hover {
 color:var(--cor-dois);
}

.topologo_resp {
 display:none;
 padding:3px 5px 0 10px;
}

#menu_hamb_ico {
 display:none;
 float:right;
 width:40px;
 height:40px;
 margin:40px 15px 0 0;
 border:0;
 cursor:pointer;
}

#menu_resp {
 display:none;
 position:absolute;
 top:195px;
 left:0;
 width:100%;
 text-align:center;
 background-color:#c50624;
 padding:15px 30px 10px;
 z-index:1;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 border:2px solid #fff;
 border-radius:10px;
 padding:8px 5px;
 margin-bottom:10px;
 font-size:1.1em;
 letter-spacing:0.02em;
 color:#fff;
 cursor:pointer;
}

.menuitem_resp:hover {
 color:#fff;
}

.rodcurva {
 width:100%;
 height:95px;
 background-image:url(/imagens/layout/rodapecurva.png);
 background-position:center;
 background-size:cover;
 position:relative;
 margin-bottom:-90px;
}

.rodape {
 width:100%;
 background-image:url(/imagens/layout/rodapebg.webp);
 background-position:center;
 padding:90px 15px 30px; 
}

.rodlogo {
 flex:1;
 max-width:195px;
}

.rodredes {
 flex:1;
 max-width:250px;
 text-align:left;
 padding:45px 0 0 20px;
 font-size:1.1em;
 color:#fff;
 text-shadow:0 3px 5px rgba(0,0,0,0.5);
}

.rodredes_box {
 display:inline-block;
 width:46px;
 height:46px;
 background-color:#fff;
 border-radius:12px;
 box-shadow:0 4px 8px rgba(0,0,0,0.4);
 text-align:center;
 padding-top:10px;
 margin:15px 2px 0;
}

.rodredes_ico {
 width:25px;
}

.rodredes_box:hover {
 background-image:linear-gradient(#f4da00,#ca3f23);
}
.rodredes_box:hover .rodredes_ico {
 filter:grayscale(1) brightness(100);
}

.rodtel {
 flex:2;
 text-align:center;
 padding:40px 20px 0;
}

.rodtel_box {
 display:inline-block;
 background-color:var(--cor-escura);
 border:2px solid #fff;
 border-radius:15px;
 box-shadow:0 4px 8px rgba(0,0,0,0.4);
 padding:25px 35px;
 color:#fff;
 font-size:1.5em;
}

.rodtel_box:hover {
 border:2px solid var(--cor-dois);
 color:var(--cor-dois);
}

.rodapp {
 flex:1;
 text-align:right;
 padding-top:60px;
 font-size:1.15em;
 color:#fff;
 letter-spacing:0.03em;
 text-shadow:0 3px 5px rgba(0,0,0,0.5);
}

.rodapp_ico {
 width:135px;
 border:2px solid #fff;
 border-radius:5px;
 margin:10px 1px;
}

.rodapp_ico:hover {
 border:2px solid var(--cor-dois);
}

.inweb {
 width:100%;
 background-color:var(--cor-escura);
 text-align:center;
 padding:12px;
 font-size:0.85em;
}

.slick {
 width:100%;
 margin:0 auto;
 padding:0;
}

.slickseta {
 position:absolute;
 top:46%;
 z-index:1;
 cursor:pointer;
}

.slickimg {
 width:40px;
 border:0;
 margin:0 5px;
 transition:0.3s;
}

.slickimg:hover {
 margin:0;
 filter:none;
}

.home_prog {
 width:100%;
 max-width:1500px;
 margin:0 auto;
 padding:60px 10px;
 text-align:center;
}

.home_progbox {
 flex:1;
 max-width:400px;
 padding:70px 20px 25px;
 margin:20px;
 font-size:1.2em;
 font-weight:700;
}

.home_progvivo {
 display:inline-block;
 width:100%;
 max-width:100px;
 background-color:var(--cor-base);
 padding:5px;
 margin-bottom:15px;
 color:#fff;
 font-weight:600;
 font-size:0.7em;
}

.home_progbg {
 display:inline-block;
 width:100%;
 background-image:url(/programas/imagens/prgbg.png);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 text-align:center;
 padding:85px 0;
 margin-top:20px;
}

.home_proglogo {
 width:100%;
 max-width:150px;
 transition:0.5s;
}

.home_progbg:hover .home_proglogo {
 transform:rotate(360deg);
}

.home_news {
 width:100%;
 background-color:#f3f3f3;
 background-image:url(/imagens/home/newsbg.jpg);
 padding:70px 15px;
 text-align:center;
}

.home_newstit {
 font-size:3em;
}

.home_newsbox {
 flex:1;
 max-width:400px;
 margin:40px 50px;
 font-size:1.1em;
 line-height:1.3em;
}

.home_newsfoto {
 width:100%;
 max-width:400px;
 border-radius:30px;
 margin-bottom:10px;
}

.home_newsbot {
 display:inline-block;
 width:100%;
 max-width:625px;
 background-image:linear-gradient(var(--cor-base),var(--cor-escura));
 border-radius:30px;
 box-shadow:0 3px 8px rgba(0,0,0,0.6);
 margin-top:20px;
 padding:12px;
 text-align:center;
 color:#fff;
 font-weight:600;
 letter-spacing:0.05em;
 transition:0.3s;
}

.home_newsbot:hover {
 background-image:linear-gradient(#f4da00,#ca3f23); 
 color:#000;
 font-weight:700;
}

.home_equip {
 width:100%;
 max-width:1500px;
 margin:0 auto;
 padding:60px 15px;
 text-align:center;
 font-size:1.1em;
}

.home_equipbox {
 flex:1;
 max-width:300px;
 margin:20px;
}

.home_equipbg {
 display:inline-block;
 width:100%;
 background-image:url(/equipe/imagens/equipbg.png);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 text-align:center;
 padding:25px 0;
 position:relative;
}

.home_equipfoto {
 width:100%;
 max-width:200px;
 border-radius:100px;
 transition:1s;
}

.tooltip {
 visibility:hidden;
 width:100%;
 max-width:250px;
 background-color:var(--cor-escura);
 font-size:0.9em;
 font-weight:700;
 color:#fff;
 text-align:center;
 padding:10px;
 border-radius:5px;
 position:absolute;
 z-index:9;
 top:100%;
 left:50%; 
 margin:10px 0 0 -120px;
 opacity:0;
 transition:opacity 1s;
}

.tooltip:after {
 content:"";
 position:absolute;
 bottom:100%;
 left:50%;
 margin-left:-5px;
 border-width:5px;
 border-style:solid;
 border-color:transparent transparent var(--cor-escura) transparent;
}

.home_equipbg:hover .tooltip {
 visibility:visible;
 opacity: 1;
}

.titulo {
 display:inline-block;
 width:100%;
 background-image:url(/imagens/layout/titbg.webp);
 margin:5px 0;
}

.titico {
 width:30px;
}

.int_tit {
 width:100%;
 background-image:linear-gradient(to right,#ffc100,#ff8101);
 text-align:center;
 padding:50px 20px;
 color:#fff;
 font-size:1.1em;
 text-shadow:0 3px 5px rgba(0,0,0,0.4);
}

h1 {
 font-size:2.2em;
 font-weight:400;
}

.centro {
 width:100%;
 max-width:1500px;
 margin:0 auto;
 padding:50px 20px;
 font-size:1.1em;
}

.prg_bot {
 flex:1;
 background-image:linear-gradient(var(--cor-base),var(--cor-escura));
 border-radius:30px;
 margin:5px 20px;
 padding:10px;
 text-align:center;
 color:#fff;
 font-weight:700;
}

.prg_box {
 flex:1;
 width:100%;
 max-width:220px;
 margin:20px 30px;
 text-align:center;
 font-size:0.9em;
 font-weight:600;
}

.prg_bola {
 width:220px;
 height:220px;
 background-color:#700;
 border-radius:150px;
 padding-top:50px;
 margin-bottom:10px;
}

.prg_logo {
 width:100%;
 max-width:150px;
}

.newsbox {
 flex:1;
 max-width:400px;
 min-width:270px;
 margin:40px 50px;
 font-size:1em;
 line-height:1.4em;
}

.hist_img {
 flex:1;
 max-width:300px
}

.hist_txt {
 flex:1;
 padding:20px 0 0 30px;
}

.equipbox {
 display:inline-block;
 width:100%;
 max-width:300px;
 margin:20px 20px 100px;
}

.equipbg {
 display:inline-block;
 width:100%;
 background-image:url(/equipe/imagens/equipbg.png);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 text-align:center;
 padding:25px 0;
 position:relative;
}

.equipfoto {
 width:100%;
 max-width:200px;
 border-radius:100px;
 transition:1s;
}

.tooltip2 {
 width:100%;
 max-width:250px;
 background-color:var(--cor-escura);
 font-size:0.9em;
 color:#fff;
 line-height:1.2em;
 text-align:center;
 padding:10px;
 border-radius:5px;
 position:absolute;
 z-index:9;
 top:100%;
 left:50%; 
 margin:10px 0 0 -120px;
}

.tooltip2:after {
 content:"";
 position:absolute;
 bottom:100%;
 left:50%;
 margin-left:-5px;
 border-width:5px;
 border-style:solid;
 border-color:transparent transparent var(--cor-escura) transparent;
}

/***********/

@media screen and (max-width:1400px) {
 .rodtel {
  flex:1;
 }
 .home_news {
  padding:50px 15px;
 }
 .home_newstit {
  font-size:2.7em;
 }
 .home_newsbox {
  margin:30px;
  font-size:1em;
 }
}

@media screen and (max-width:1200px) {
 .home_prog {
  padding:40px 10px;
 }
 .home_progbox {
  padding:70px 10px 10px;
  margin:10px;
  font-size:1.1em;
 }
 .home_proglogo {
  max-width:112px;
 }
 .home_news {
  padding:40px 15px;
 }
 .home_newstit {
  font-size:2.5em;
 }
 .home_newsbox, .newsbox {
  margin:20px 15px;
 }
 .home_equip {
  padding:40px 15px;
 }
 .home_equipbox {
  margin:20px 0;
 }
 .home_equipfoto {
  max-width:150px;
 }
 .prg_bot {
  margin:5px;
 }
 .hist_txt {
  padding:10px 0 0 25px;
 }
}

@media screen and (max-width:1100px) {
 .rodtel_box {
  padding:20px 30px;
  font-size:1.3em;
 }
 .rodapp {
  padding-top:40px;
 }
 .rodapp_ico {
  margin:10px 1px -5px;
 }
 .slickimg {
  width:30px;
 }
}

@media screen and (max-width:970px) {
 .topo {
  height:130px;
 }
 .topologo {
  max-width:140px;
  padding:5px 6px 0;
 }
 .logo {
  max-width:125px;
 }
 .topodir_player {
  padding-top:15px;
  padding-right:10px;
  text-align:right;
 }
 .topoplayer {
  min-width:430px;
  text-align:left;
  padding:6px 10px;
 }
 .playerline, .playermic {
  display:none;
 }
 .playermusica {
  padding-left:10px;
 }
 .topomidias {
  max-width:35px;
  padding-top:0;
  padding-left:5px;
 }
 .midiasbox {
  width:26px;
  height:26px;
  padding-top:4px;
 }
 .topodir_menu {
  padding-top:20px;
 }
 .menuitem {
  font-size:1em;
  margin-left:25px;  
 }
 .rodcurva {
  display:none;
 }
 .rodape {
  padding:30px 15px;
 }
 .rodlogo {
  flex:none;
  display:inline-block;
  width:45%;
  max-width:none;
  text-align:center;
 }
 .rodredes {
  flex:none;
  display:inline-block;
  width:45%;
  max-width:none;
  text-align:center;
 }
 .rodtel {
  flex:none;
  display:inline-block;
  width:45%;
  padding:20px;
 }
 .rodapp {
  flex:none;
  display:inline-block;
  width:45%;
  text-align:center;
  padding-top:25px;
 }
 .home_progantes {
  display:none;
 }
 .home_news {
  padding:30px 30px 40px;
 }
 .home_newstit {
  font-size:2.3em;
 }
 .home_newsbox, .newsbox {
  flex:none;
  display:inline-block;
  width:100%;  
  margin:20px 0;
  line-height:1.2em;
 }
 .home_newsfoto {
  margin-bottom:5px;
 }
 .home_newsbot {
  padding:10px;
  font-size:0.9em;
 }
 .home_equipbox {
  flex:none;
  display:inline-block;
  width:45%;
 }
 .tooltip {
  display:none;
 }
 .int_tit {
  padding:35px 15px;
  font-size:1em;
 }
 .centro {
  padding:30px 15px 40px;
  font-size:1em;
 }
 .prg_bot {
  max-width:110px;
  min-width:110px;
 }
 .prg_box {
  max-width:180px;
  margin:20px 10px;
 }
 .prg_bola {
  width:180px;
  height:180px;
  padding-top:40px;
  margin-bottom:5px;
 }
 .prg_logo {
  max-width:120px;
 }
 .hist_img {
  max-width:250px
 }
 .hist_txt {
  padding:0 0 0 25px;
 }
}

@media screen and (max-width:800px) {
 .topo {
  height:200px;
 }
 .topologo, .topomidias, .topodir_menu{
  display:none;
 }
 .topodir {
  float:none;
  width:100%;
 } 
 .topodir_player {
  padding:10px;
  text-align:center;
 }
 .topoplayer {
  min-width:400px;
  padding:2px 12px 2px 6px;
 }
 .playermusica {
  padding-top:6px;
  font-size:0.9em;
 }
 .topologo_resp, #menu_hamb_ico {
  display:inline-block;
 }
 .rodredes {
  padding:25px 0 0 20px;
 }
 .rodtel {
  width:100%;
 }
 .rodapp {
  width:100%;
  padding-top:10px;
 }
 .slickseta {
  top:43%;
 }
 .slickimg {
  width:25px;
 }
 .home_prog {
  padding:30px 20px;
 }
 .home_progbox {
  flex:none;
  display:inline-block;
  width:100%;
  padding:25px 10px 10px;
  margin:10px 0;
  font-size:1em;
 }
 .home_progantes {
  display:none;
 }
 .home_proglogo {
  max-width:150px;
 }
 .prg_bot {
  min-width:90px;
  max-width:90px;  
  padding:8px;
  margin:5px 2px;
  font-size:0.9em;
 } 
 .hist_img {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:none;
  text-align:center;
  padding:0 30px;
 }
 .hist_txt {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 5px;
 }
}

@media screen and (max-width:480px) {
 .topo {
  height:240px;
 }
 .topoplayer {
  min-width:0;
  text-align:center;
 }
 .playermusica {
  width:100%;
  padding:2px 0 5px;
  text-align:center;
 }
 #menu_hamb_ico {
  margin:50px 15px 0 0;
 }
 #menu_resp {
  top:235px;
 }
 .rodape {
  padding:20px 15px 30px; 
 }
 .rodlogo {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:none;
 }
 .rodredes {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:none;
  padding:5px 0 15px 0;
 }
 .inweb {
  font-size:0.75em;
 }
 .home_proglogo {
  max-width:112px;
 }
 .home_equipbox {
  margin:0;
 }
 .home_equipfoto {
  max-width:120px;
 }
 .int_tit {
  font-size:0.8em;
 }
 .centro {
  padding:25px 15px 30px;
  font-size:0.95em;
 }
 .prg_box {
  max-width:150px;
  margin:0 10px 30px;
 }
 .prg_bola {
  width:150px;
  height:150px;
  padding-top:35px;
 }
 .prg_logo {
  max-width:100px;
 }
 .equipbox {
  margin:20px 0 80px;
 }
}

@media screen and (max-width:350px) {
 .home_progbg {
  margin-top:0;
 }
 .home_equipbg {
  background-image:none;
  padding:5px;  
 }
}

/* Projeto */

.home_banner_desk {
 width:100%;
}

.home_banner_mob {
 display:none;
}

.topmus {
 margin-bottom:1em;
}

.topbrk {
 display:none;
}

.topmus1 {
 font-size:2em;
 font-weight:bold;
 background-color:var(--cor-base);
 color:#fff;
 border-radius:1em;
 padding:0.2em 0.6em;
}

.topmus2 {
 margin-left:1em;
 width:50px;
 height:50px;
 border-radius:6px;
}

.topmus3 {
 text-align:left;
 font-size:1.1em;
 line-height:1.3em;
 margin:0 1em;
}

@media screen and (max-width:800px) {
 .home_banner_desk {
  display:none;
 }
 .home_banner_mob {
  display:inline-block;
  width:100%;
 }
 .topmus3 {
  text-align:center;
  margin:0.8em;
  width:unset !important;
 }
 .topbrk {
  display:inline;
 }
}