:root {
 --cor-base:#de8302;
 --cor-bg:#ffffff;
}

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

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

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

::-webkit-scrollbar {
 width:10px;
}

::-webkit-scrollbar-track {
 background-color:var(--cor-bg);
}

::-webkit-scrollbar-thumb {
 -webkit-border-radius:6px;
 background-color:var(--cor-base);
}

.ui-widget {
 font-style:inherit !important;
 font-family: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-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;
}

a {
 text-decoration:none;
 color:var(--cor-base);
 outline:none;
 overflow-wrap:anywhere;
}

a:hover {
 text-decoration:underline;
 opacity:0.9;
}

input[type=text],input[type=password],input[type=date],input[type=file],select,textarea {
 border:solid 1px var(--cor-base);
 background-color:#fff;
 border-radius:6px;
 color:#000;
 margin:7px 0;
 padding:5px 8px;
 outline:none;
 resize:none;
}

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

input[type=text],input[type=password],input[type=file] {
 width:100%;
 max-width:400px;
}

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

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

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

button,input[type=button],input[type=submit] {
 background-color:var(--cor-base);
 border-radius:7px;
 padding:8px 19px;
 margin: 0 5px;
 color:#fff;
 outline:none;
 cursor:pointer;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 opacity:0.9;
}

h1 {
 font-family:'Roboto',Arial,Helvetica;
 margin-bottom:0.5em;
 font-weight:600;
 font-size:1.5em;padding:0.4em 0.6em;background-color:var(--cor-base);color:#fff;border-radius:9px;}

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:2em auto;
 max-width:1400px;
   padding:0 1em;
 }

.table {
 display:table;
 width:100%;
 border-collapse:collapse;
}

.table > div {
 display:table-row;
}

.table > div > div {
 display:table-cell;
 border:1px solid var(--cor-base);
 padding:7px;
 vertical-align:middle;
}

.table-header > div {
 font-weight:bold;
 background:var(--cor-base);
 opacity:0.9;
}

@media (max-width:768px) {

 .table {
  display:block;
 }

 .table > div {
  display:block;
  border:1px solid var(--cor-base);
  border-radius:6px;
  overflow:hidden;
  margin-bottom:1em;
 }

 .table > div > div {
  display:block;
  border:none;
  border-bottom:1px solid var(--cor-base);
  padding:8px;
 }

 .table > div > div:last-child {
  border-bottom:none;
 }

 .table > div > div::before {
  content:attr(data-label);
  font-size:0.9em;
  font-weight:bold;
  display:block;
  margin-bottom:4px;
  color:var(--cor-base);
 }

 .table-header {
  display:none !important;
 }

}

.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;
}

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

.embed-container {
 position:relative;
 padding-bottom:56.25%;
 height:0;
 overflow:hidden;
 max-width:100%;
}

.embed-container iframe,.embed-container object,.embed-container embed {
 position:absolute;
 top:0; left:0;
 width:100%;
 height:100%;
}

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

 .noresp {
  display:none;
 }

 .yesresp {
  display:initial;
 }

}

@media screen and (max-width:300px) {
 body * { display:none !important; }
 body::before { content:"Seu display é muito pequeno, mínimo necessário: 300 pixels";display:block;text-align:center;color:red; }
}

/* YouTube Embed */

.embed-container {
 position:relative;
 padding-bottom:56.25%;
 height:0;
 overflow:hidden;
 max-width:100%;
}

.embed-container iframe,.embed-container object,.embed-container embed {
 position:absolute;
 top:0; left:0;
 width:100%;
 height:100%;
}

/* Projeto */

.burger {
 width:24px;
 height:24px;
 position:absolute;
 margin:16px;
 right:0;
 background-color:#de8302;
 mask-image:url("/imagens/layout/burger.png");
 mask-repeat:no-repeat;
 mask-position:center;
 mask-size:contain;
 display:none;
}

.midias {
 width:28px;
 height:28px;
 background-color:#ffffff;
 mask-repeat:no-repeat;
 mask-position:center;
 mask-size:contain;
 margin:0 12px;
 cursor:pointer;
}

.marquee { overflow:hidden; }
.logo { max-width:400px;max-height:180px;display:block;margin:0 auto; }
.st-image-share-buttons { display:none !important; }

#songname2 { width:unset;position:absolute;top:-222px; }

.t1 { padding:1em;max-width:1400px;align-items:center;margin:0 auto; }
.t2 { flex:1;text-align:center;align-content:center; }
.t3 { flex:1;justify-items:center;align-content:center; }
.t4 { width:100%;max-width:500px;padding:1em;border-radius:9px; }
.t5 { flex:1;display:flex;flex-direction:column; }
.t6 { flex:1;font-family:'Lato';font-size:20px;display:grid;color:#ffffff;width:100%; }
.t7 { background-color:#ffffff;flex:1;margin:0 8px 0 0; }
.t8 { width:16px;height:16px;vertical-align:bottom;filter:invert(0); }
.t9 { display:flex;margin-top:1em;width:100%; }
.t11 { width:100px;height:100px;margin-right:1em; }
.t12 { display:none; }
.t13 { width:24px;height:24px;vertical-align:text-bottom;opacity:0;transition-duration:.8s; }


.m1 { background-color:#de8302;font-family:'Arimo',Arial,Helvetica;z-index:1; }
.m1 a { text-decoration:none; }
.m2 { margin:0 3px;border-radius:9px;padding:0.8em 1em;transition-duration:400ms;cursor:pointer;font-weight:bold;color:#ffffff;font-size:19px; }
.m2:hover { background-color:#ffffff;box-shadow:0 0 0px #ffffff;text-decoration:none;color:#de8302; }

.r1 { position:absolute;bottom:0;width:100%;align-items:center;color:#ffffff;background-color:#de8302;font-family:'Montserrat',Arial,Helvetica;font-size:17px;padding:0.8em 1em; }
.r2 { font-size:12px;text-align:center;line-height:1.2em; }
.r2 a { color:#ffffff; }
.r3 { width:89px;height:20px;margin-top:3px; }

.icozap { position:fixed;bottom:0;right:0;width:50px;height:50px;margin:1em;filter:drop-shadow(1px 1px 3px var(--cor-base)); }

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

 .logo { margin-bottom:1em;zoom:80%; }
 .burger { display:inline; }
 .freetxt img { width:100% !important;height:unset !important;max-width:800px; }

 .t1 { display:block; }
 .t5 { align-items:center;align-self:center;margin:0 1em; }
 .t6 { margin-top:1em;text-align:center; }
 .t7 { margin:0 5px; }
 .t9 { display:flex; }
 .t10 { display:none; }
 .t11 { margin:0 1em;zoom:80%; }
 .t12 { display:block;text-align:center;padding:0.3em;font-size:1.8em;color:#ffffff; }

 .m1 { position:absolute;top:0;display:block;width:100%;padding:0.8em;display:none;box-shadow:0 0 10px; }
 .m2 { zoom:120%;margin:unset;padding:0.4em 0.6em;margin:7px;border:solid 1px oklch(from #de8302 calc(l + 0.2) c h); }

}

@media screen and (max-width:450px) {
 .r1 { display:block;text-align:center; }
 .r1 div { margin-bottom:1em; }
 .r2 { padding-right:0; }
 .icozap { width:40px;height:40px; }
}