@font-face {
  font-family: DystopiaSemiRounded;
  src: url(./fontes/Dystopia-Semirounded.ttf);
}
@font-face {
  font-family: EllipseITC;
  src: url(./fontes/Ellipse-ITC-TT-Italic.TTF);
}
@font-face {
  font-family: FlatusItalic;
  src: url(./fontes/Flatus-Italic.ttf);
}
@font-face {
  font-family: PTSans;
  src: url(./fontes/PTSans-Regular.ttf);
}
@font-face {
  font-family: Montserrat;
  src: url(./fontes/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Bondrians;
  src: url(./fontes/BONDRIANS.TTF);
}
*{margin: 0;padding: 0;}
span{  display: inline-block;  }
body{ padding: 0; margin: 0;     }
main{  background-image: linear-gradient(to right, #060347, #05006D,#05006D, #1006c4,#05006D, #05006D, #060347);  }
h1{  font-family: DystopiaSemiRounded;  text-shadow: 2px 2px 15px #011710;  }
h2 a, h3 a, div a{  text-decoration: none;  font-family: inherit;  color: inherit;}
h2,h3,h5{  font-family: FlatusItalic;  text-align: center;}
li{color:#e0e2e7; margin: 0 5vw; border-bottom:1px solid #CAD1E0; padding: 1vh 0; list-style-type: none;}
li .participacoes{margin-left: 40vw;}
.btn-close {  background-color: white; /* Remove o fundo padrão */  border: none; /* Remove a borda padrão */}   
.verde{color:  #BBEB34!important;}
.azul{color: #0b2489!important;}
.branco{color: white!important;}
.cinza-claro{color: #e0e2e7!important;}
.bege{color: #faf1cd}
.laranja{color: #FFBD59}
.bg-amarelo{background-color: #F4DC51; color: #402420;}
.bg-azul{background-color: #3855BC; color: white;}
.bg-verde{background-color: #3eb825!important;}
.ffc-1{  font-family: PTSans; }
.ffc-2{font-family: Montserrat;}
.ffc-3{font-family: FlatusItalic;}
.ffc-4{font-family: DystopiaSemiRounded;}
.ffc-5{font-family: EllipseITC;}
.ffc-6{font-family: Bondrians;}
.modal-content{  background-color: rgba(40, 74, 72, 0.9);}
a.fsc-6:hover {font-size:calc(0.875rem + 1.5vw)!important;}
#myModal .modal-header {border-bottom: none;}

@media only screen and (max-width: 1399px)  { /************* celular e tablet ***********/
  .fsc-1{  font-size:calc(3.375rem + 1vw)!important;}
  .fsc-2{  font-size:calc(2.875rem + 1vw)!important;}
  .fsc-3{  font-size:calc(1.875rem + 1vw)!important;}
  .fsc-4{  font-size:calc(1.875em + 1vw)!important;}
  .fsc-5{  font-size:calc(1.1rem + 1vw)!important; transition: font-size 0.3s;}
  .fsc-6{  font-size:calc(0.875rem + 1vw)!important;}
  .fsc-7{  font-size:calc(0.575rem + 1.3vw)!important;}
  .fsc-8{font-size:calc(0.475rem + 0.8vw)!important;}
  .w-img{
    width: 80vw;
    padding: 0;
    margin: 1.5vh 0;
    border-radius: 9px;
    box-shadow: 5px 5px 8px rgb(0, 53, 20); 
  }
  .w-60{width: 90%; }
  .w-meio{    width: 50vw;  }
  .wp-100{    width: 35vw;  }
  .w-logo{  width: 30vw;  } 
  .w-circulo{width: 10vw;}
  .lx-1{border-top: 1px solid #CAD1E0; padding: 1vh 0;}
  .lx-2{border-top: 2px solid #CAD1E0; padding: 1vh 0;}
  .fundo{
    background-image: url(../img/fundo.png);
    background-repeat: repeat;  
    background-position: center;  
    padding: 0 5vw;
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */ 
  }
   .fundo-liso{
    background-color: rgba(40, 74, 72, 0.9);
    min-height: 92vh;
    width: 90vw;
    padding: 2vh 0;
    border-radius: 3vh;
    box-shadow: -5px -5px 8px rgb(0, 63, 16), 5px 5px 8px rgb(0, 63, 16);
    margin-bottom: 5vh;;
  } 
  .rodape{padding-top: 2vh; }
  .box{
    background-color: rgba(40, 74, 72, 0.3);
    /* opacity: 0.6; */
    /* min-height: 92vh; */
    /* width: 100vw; */
    padding: 1vh 5vw;
    /* border: 1px solid red;   */
    border-radius: 13px;
    box-shadow: 5px 5px 8px rgb(29, 55, 54);
  }
  .wc-1{width: 10vw};
  .wc-2{width: 9vw;}
  .wc-3{width: 8vw;}
  .wc-4{width: 7vw;}
  .wc-5{width: 6vw;} 
  .wc-6{width: 5vw;}
  .wc-7{width: 6vw;}
  .resultado{
    /* background-color: #BBEB34!important; */
    border-radius: 5px;
    font-weight: bold;
    /* color: white; */
    padding: 5px;
  }
  #content{
    padding: 0 5vw;
  }
  .patro-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  
  .patro-container img{   
    margin: auto;
    width: auto;
    height: auto;
    /* box-shadow: -3px -3px 3px rgb(156, 158, 157), 3px 3px 3px rgb(156, 158, 157); */
    border-radius: 7px; /* Ajuste conforme necessário */
    padding: 2px;
    max-width: 100%;
    border:1px solid white;
  }
  .patro-container img[src*="tam01"]{
    max-width: 150%;
    border-radius: 3px;
  }
  img[src*="uniforme"]{
    width: 100%;
  }
}

@media only screen and (min-width: 1400px) { /********************************** tela de computador ********************/
  .fsc-1{  font-size:calc(5.375rem + 1vw)!important;}
  .fsc-2{  font-size:calc(4.575rem + 1vw)!important;}
  .fsc-3{  font-size:calc(2.375rem + 1vw)!important;}
  .fsc-4{  font-size:calc(1.875em + 1vw)!important;}
  .fsc-5{  font-size:calc(1.1rem + 1vw)!important; }
  .fsc-6{  font-size:calc(0.875rem + 1vw)!important;transition: font-size 0.5s;}
  .fsc-7{  font-size:calc(0.575rem + 0.6vw)!important;}
  .fsc-8{font-size:calc(0.575rem + 0.5vw)!important;}
  .w-img{
      width: 32vw;
      padding: 0;
      margin: 3vh 0; 
      border-radius: 9px;
      box-shadow: 5px 5px 8px rgb(0, 57, 38);
    }
  .w-logo{  width: 10vw; }
  .w-meio{    width: 20vw;    }
  .w-circulo{width: 5vw;}
  .w-60{width: 90vw; }
  .wc-1{width: 10vw};
  .wc-2{width: 9vw;}
  .wc-3{width: 8vw;}
  .wc-4{width: 7vw;}
  .wc-5{width: 6vw;} 
  .wc-6{width: 5vw;}
  .wc-7{width: 3vw;}
  .titulo{padding-top: 30vh;}
  .lx-1{border-top: 1px solid #CAD1E0; padding: 1vh 0; }
  .lx-2{border-top: 2px solid #CAD1E0; padding: 1vh 0;}
  .fundo{
    background-image: url(../img/fundo.png);
    background-repeat: no-repeat;  
    background-position: center;  
    width: 100vw;
    /* background-size: cover; */
    background-repeat: repeat;
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    min-height: 100vh; 
  }
  .fundo-liso{
    background-color: rgba(40, 74, 72, 0.9);
    min-height: 90vh;    
    max-width: 70vw;
    margin: auto;
    border-radius: 3vh;
    box-shadow:  -5px -5px 8px rgb(0, 63, 16), 5px 5px 8px rgb(0, 63, 16);
    margin-bottom: 5vh;
  }
  .rodape{padding-top: 1vh; }
  .box{
    background-color: rgba(40, 74, 72, 0.4);
    /* opacity: 0.6; */
    /* min-height: 92vh; */
    /* width: 100vw; */
    padding: 1vh 2vw;
    /* border: 1px solid red;   */
    border-radius: 13px;
    box-shadow: 5px 5px 8px rgb(22,41,40);
  }
  .resultado{
    /* background-color: #BBEB34!important; */
    border-radius: 1vh;
    padding: 7px;
    /* color: white; */
  }
  .patro-container{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .patro-container a{  text-decoration:none; }
  .patro-container img{   
    margin: auto;
    width: auto;
    height: auto;
    /* box-shadow: -3px -3px 3px rgb(156, 158, 157), 3px 3px 3px rgb(156, 158, 157); */
    border-radius: 15px; /* Ajuste conforme necessário */
    padding: 9px;
    max-width: 90%;
    border:1px solid white;
  }
 
  .patro-container img[src*="tam04"]{
    max-width: 95%;
  }  
img[src*="tam01"]{
    max-width: 100%;
    border-radius: 10px;
    padding: 6px;
  }
  /* .patro-container img[src*="tam01"]{
    max-width: 100%;
    padding: 5px;
  } */
  .col-6 img[src*="uniforme"]{
    width: 80%;
  }
}