.cabeca1 {
    /* background-color: rgba(59, 1, 1, 0.644); */
    /* background-color: rgba(37, 60, 100, 0.904); */
    /* background-color: rgb(37, 60, 100); */
    width: 100%;
    text-align:center;
    justify-content:center;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: auto;
    /* padding: 25px; */
    font-weight: 500;
    color: #f9f901;
    text-decoration:double;
    top: 0;
  }
  
  
  .container {
    width: 500px;
    margin: 0 auto;
  }
  
  #area{
    width: 105vw;
  }
  footer{
    margin-top: 2%;
    margin-bottom: 1.4%;
    /* height: 90px; */
    background-color: #10032eef;
    background-color: rgb(0, 85, 131);
    color:#f9f901;
    border-radius: 15px 15px 17px 17px;
    padding: .06%;
  }
  
  /* #body{
    background:url(fundo.png);
    background: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  
  
  #imagem{
    width: 100%;
    height: auto;
  } */
  
  body{
  background: rgb(239, 239, 239);
  width: 120vw;
  }
  
  form {
    padding: 1rem;
  }
  
  label {
    font-weight: bold;
  }
  
  input, textarea {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #ccc;
  }
  
  select {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #ccc;
  }
  
  .btn {
    color: #fff;
    background-color: rgb(18, 10, 1);
    /* border: 1px solid #007bff; */
    padding: 0.25rem;
    border-radius: 0.5rem;
    cursor: pointer;
  }
  
  .btn:hover {
    background-color: rgb(255, 222, 89);
    color:  rgb(18, 10, 1);
    /* font-weight: bold; */
  }
  
  .img3:hover {
  transform: scale(1.1);
  transition: .50s;
  box-shadow: rgba(220, 7, 7, 0.55) 20px 17px 30px;
  border: rgba(7, 2, 56, 0.993) 5px solid;
  }

  /* #frame{
    width: 500px;
    display: block;
    margin: auto;
  } */
  

  #frame{
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
  }

  #frame1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
  }

  iframe{
    /* padding: 15px; */
    /* box-shadow: rgba(220, 7, 7, 0.55) 20px 17px 30px; */
    width: 30vw;
    height: 90vh;
    border: rgba(253, 252, 255, 0.993) 10px solid;
    border-radius: 20px;
  }
  
  iframe:hover{
    box-shadow:  0px 6px 40px rgb(255, 228, 115);
    transition: .4s;
  }
  
  
  button:hover {
    transition: .20s;
    transform: scale(1.05);
    /* border: rgba(7, 2, 56, 0.993) 3px solid; */
    background-color: rgba(16, 3, 46, 0.938);
    border: rgb(253, 253, 252) 3px solid;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 17px 30px;
    }
  
    .button222img:hover{
      transition: .20s;
      transform: scale(1.1);
    }
  
    .button_home{
      width: 130px;
      height: 32px;
      border-radius: 30px;
      margin: 1%;
      margin-top: .2%;
      margin-bottom: .2%;
      font-weight: bold;
      box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
      border: rgb(10, 2, 54) solid 2px;
      background:  #f9f901;
      font: bold;
      font-style: italic;
      color:rgb(21, 3, 122);
    }

    .button_home a{
      color:rgb(21, 3, 122);
    }
 
    a:hover {
      transition: .50s;
      /* border: rgba(7, 2, 56, 0.993) 3px solid; */
      color:  rgb(255, 222, 89);
      /* font-style: italic; */
      font-weight: 500;
      text-decoration: none;
      font-size: 11px;
  
      }
  
  
  #provas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 17px 30px;
    border-radius:15px;
    padding: 1.7%;
    /* background-color: #f9d001; */
    /* border-radius: 19%; */
  }

  .pequen{
    width: 100%;
      font-size: 14px;
      color: #948f8f;
      /* color: rgb(255, 222, 89); */
      font-weight: 700;
      font-style: italic;
      /* margin: -20px 14px 1px 14px; */
      text-align: center;
      justify-content: center;
  }
  
  a{
    font-size: 14px;
    color: #948f8f;
    /* color: rgb(255, 222, 89); */
    font-weight: 700;
    /* font-style: italic; */
    margin: 1px 5px 1px 5px;
    text-align: center;
  }
  
  h3 {
    text-align: justify;
    font-style: italic;
    font-size: 0.2rem;
    margin-top:-1%;
  }
  
  h2 {
    text-align: center;
    font-style: italic;
    font-size: 1.4rem;
    /* margin-top:1%; */
    /* border-top: rgba(40, 40, 41, 0.993) solid 5px ; */
    background-color:  rgba(16, 3, 46, 0.938);
    background-color: rgb(0, 85, 131);
    color:#fbfbfb;
    color: #ffffff;
    font-weight: 700;
    border-radius: 15px 15px 15px 15px;
    padding: 1.3%;
    margin-bottom: -1px;
  }
  
  h1 {
    margin-top:-1.1%;
    margin-bottom:-1.4%;
    padding: .7%;
    padding-bottom: -2.5%;
    font-size: 2.3rem;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    /* background-image: linear-gradient(
      45deg,
      hsl(0, 85%, 39%) 11%,
      hsl(18, 79%, 46%) 22%,
      hsla(0, 0%, 0%, 0.949) 100%
    ); */
    background-color:  rgba(16, 3, 46, 0.938);
    background-color: rgb(0, 85, 131);
    /* border-top:  rgba(40, 40, 41, 0.993) solid 7px ; */
    border-radius: 10px 10px 10px 10px;
    color:#f9f901;
    color: #ffffff;
  }
  form{
    margin-top:-1%;
  }
  
  p{
    margin-top:-8px;
    font-size: 12px;
    color: #f9f9f9;
    /* color:rgb(255, 222, 89); */
    font-weight: 700;
    font-style: italic;
    margin: -7px 4px 4px 4px;
    text-align: center;
  }
  
  .foo{
    font-size: 12px;
    /* color:rgb(255, 222, 89); */
    font-weight: 700;
    font-style: italic;
    margin: -7px 4px 4px 4px;
    text-align: center;
    margin: 10px;
    color:#f9f901;
    border-radius: 0px 0px 20px 20px;
  }
  
  #img{
      width: 100%;
      border:  rgba(0, 0, 22, 0.993) solid 7px; 
      border-radius: 37px;
      padding: 2px;
      box-shadow: rgba(63, 33, 33, 0.45) 0px 5px 25px;
  }
  #img2{
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 1%;
    margin-right: 1%;
    /* margin-top: 4px; */
    margin-top: -29px;
  
    border:  rgba(40, 40, 41, 0.993) solid 7px; 
    border-radius: 30px;
    padding: 2px;
    box-shadow: rgba(63, 33, 33, 0.45) 0px 5px 25px;
  }
  
  .button_reduzesp{
  width: 155vw;
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 1%;
    margin-right: 1%;
    /* margin-top: 4px; */
    margin-top: -29px;
    
  }
  
  .buttonNaveg{
    border-radius: 30px;
    padding: 3px;
    box-shadow: rgba(63, 33, 33, 0.45) 0px 5px 25px;
  }
    
  
  /* .diminui_margem{
    /* margin-bottom: -30px;
  } */
  
  .colorido{
    background-color: rgb(221, 229, 216);
    margin-top: -.09%;
  }
  
  #card{
    width: 260px;
    /* height: 190px; */
    display: flex;
    flex-direction: column;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6%;
    /* background:  rgb(255, 254, 254); */
    /* box-shadow: rgba(0, 0, 10, 0.379) 0px 5px 45px; */
    /* border-radius: 20px 20px 20px 20px; */
    margin: 0.6%;
    margin-bottom: 3%;
    gap: 1.4rem
  }
  
  
  .card31 {
    width: 200px;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 10, 0.38) 0px 5px 45px;
    background: rgb(255, 255, 255);
    border-radius: 20%;
    border:rgb(35, 5, 232) solid 1px;
    /* border:  rgb(160, 77, 4) solid 3px; */
    margin: 0.9% 0.9% 3%;
  }
  
  
  .card33 {
    width: 200px;
    height: 140px;
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 10, 0.38) 0px 5px 45px;
    background: rgb(255, 255, 255);
    border-radius: 20%;
    border:rgb(35, 5, 232) solid 1px;
    /* border:  rgb(160, 77, 4) solid 3px; */
    margin: 0.9% 0.9% 3%;
    
  }

  .card_background {
    width: 220px;
    height: 140px;
    background:url("imagem/magali1.png");
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 10, 0.38) 0px 5px 45px;
    /* background: rgb(255, 255, 255); */
    border-radius: 20%;
    border:rgb(35, 5, 232) solid 1px;
    /* border:  rgb(160, 77, 4) solid 3px; */
    margin: 0.9% 0.9% 3%;
  }
  
  
  .card333{
    /* width: 1210px; */
    height: 150px;
    padding: 3%;
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 10, 0.38) 0px 5px 45px;
    background: rgb(255, 255, 255);
    border-radius: 20%;
    border:rgb(35, 5, 232) solid 2px;
    /* border:  rgb(160, 77, 4) solid 3px; */
    /* margin: 0.9% 0.9% 3%; */
  
  }
  
  
  .card30{
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 20%;
    /* background:  rgb(255, 254, 254); */
    /* box-shadow: rgba(0, 0, 10, 0.379) 0px 5px 45px; */
    /* border-radius: 20px 20px 20px 20px; */
    margin: 0.2%;
    margin-bottom: 3%;
    gap: 0.1rem
  }
  
  #fpb{
    width: 100%;
    background:url("imagem/fpbSite1.png");
    /* background-attachment: fixed; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  #card2{
    display: flex;
    flex-direction: column;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6%;
    /* background:  rgb(255, 254, 254); */
    /* box-shadow: rgba(0, 0, 10, 0.379) 0px 5px 45px; */
    /* border-radius: 20px 20px 20px 20px; */
    margin: 0.6%;
    gap: 0.4rem;
  }
  
  .contBorder{
    /* border: 3px solid #e4dbdb; */
    border-radius: 20px;
    /* box-shadow: rgba(0.45, 0.45, 0.45, 0.45) 0px 5px 25px; */
    border-top: rgba(13, 13, 135, 0.993) 4px solid;
    border-left: rgba(13, 13, 135, 0.993)  1px solid;
    border-right: rgba(13, 13, 135, 0.993)  1px solid;
    border-bottom: rgba(13, 13, 135, 0.993)  4px solid;
    /* margin:1%; */
  }
  
  #cont{
    width: 99vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* margin: 1%; */
    /* gap: 0.2em; */
    border-radius: 0px 0px 20px 20px;
    background-color: #f9f901;
    background-color: #ffffff;
  }

  .div_sus{
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* margin: 1%; */
    /* gap: 0.2em; */
    border-radius: 0px 0px 20px 20px;
    background-color: #f9f901;
    background-color: #ffffff;
  }


  .sus{
    width: 250px;
    border-radius: 10%;
    /* height: 80px; */
  }
  
  
  #donw{
    width: 100px;
    margin-top: -45%;
    margin-bottom: -6%;
  }
  
  #donw5{
    width: 200px;
    margin-top: -24%;
    margin-bottom: -22%;
  }
  
  
  #donw4{
    margin-bottom: -28%;
  }
  
  .img3{
    width: 98%;
    height: auto;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
    /* align-items: center; */
    border-bottom: rgba(6, 2, 44, 0.993) 5px solid;
    background-color: #f9f901;
    background-color: #f9d001;
    /* background-color: #f3f3f3; */
    /* border-bottom: rgba(40, 40, 41, 0.993) 12px solid; */
    border-radius: 20%;
    margin: 10px 1px 0px 1px;
    /* margin:-5%; */
    margin-bottom: 3%;
    /* padding: 2px 2px 0px 2px; */
    /* gap: 1em;
    font-size: large;
    color:rgb(255, 222, 89);
    font-weight: 500;
    font-style: italic;*/
    /* padding: 5%; */
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  }
  
  
  .img31{
    width: 80%;
    height: auto;
    border-radius: 20%;
    margin: 20px 0px 0px;
    padding: 3%;
  }
  
  .img33{
    width: 98%;
    height: auto;
    border-radius: 20%;
    margin: 20px 0px 0px;
    padding: 3%;
  }

  .img-sus{
    width: 97%;
    height: auto;
    border-radius: 25px;
    border: #525151 solid 4px;
    margin: 8px;
    padding: 3%;
  }
  
  
  a button{
    border-radius: 10px;
    width: 160px;
    padding: 3%;
    margin: .3%;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.45) 5px 15px 25px;
  }
  
  
  table {
    text-align: center;
    margin: 20px;
  }
  
  th {
    font-size: 1em;
    /* text-transform: uppercase; */
  }
  
  .donw4{
    width: 200px;
    margin-top: -38%;
    margin-bottom: -6%;
    
  }
  
  .img4{
    width: 95%;
    height: auto;
    margin: 15px 14px 14px 14px;
    padding: 5%;
    border-radius: 25%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  .card-img-top{
    width: 86%;
    border-radius: 30px;
  }
  
  .button{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-content: center;
    /* gap: .5%; */
    /* margin: .2%; */
    margin-top: 1%;
    font-size: 16px;
  }
  
  
  .button2{
    border-radius: 10px;
    width: 145px;
    margin: .4%;
    margin-top: .4%;
    /* margin-bottom: .5%; */
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
    border: rgb(160, 77, 4) solid 1px;
  }
  
  .button22{
    border-radius: 10px;
    width: 160px;
    height: 75px;
    margin: .2%;
    margin-top: .2%;
    margin-bottom: .2%;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
    border: rgb(11, 39, 129) solid 2px;
    background: #ffffff;
  }
  
  /* .button222{
    background-image: url("imagem/novo2025.png");
    border-radius: 10px;
    width: 250px;
    margin: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
    border: rgb(160, 77, 4) solid 1px;
  } */
  
  .button22i{
    /* position: absolute; */
    /* background-image: url("imagem/novo2025.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    /* width: 250px; */
    padding: 2px;
    width: 97%;
    margin: 1%;
    margin-top: 14px;
    margin-bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
    /* border: rgb(160, 77, 4) solid 1px; */
      align-items: center;
    justify-content: center;
  }
  
  #ajuste{
    margin-bottom: -35px;
  }
  
  #pinterest{
    column-count: 3;
    column-gap: 11px;
    padding-bottom: 16px;
  }
  
  .separe{
    margin: 1%;
    margin-bottom: 12px;
    /* font-size: 1.2rem;
    color:  rgb(11, 39, 129); */
  }
  
  .separe-p {
    color:  rgb(11, 39, 129);
    background-color: #f9d001;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
  }
  
  
  .button22i:hover{
    transition: .20s;
    transform: scale(1.05);
    /* border: rgba(7, 2, 56, 0.993) 3px solid; */
    background-color: rgba(16, 3, 46, 0.938);
    border: rgb(11, 39, 129) 3px solid;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 17px 100px;
  }
  
  .button222img{
    border-radius: 10px;
    width: 150px;
    /* margin: .3%; */
    margin-top: .2%;
    margin-bottom: .2%;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.35) 15px 25px 35px;
    border: rgb(160, 77, 4) solid 1px;
  }
  
  .button1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-content: center;
    font-size: 16px;
  }
  
  a.button_CPaulista button{
      border-radius: 10px;
      width: 235px;
      background: black;
      color: #fff;
      padding: 3%;
      margin: 5%;
      font-weight: bold;
      font-size: 13px;
    }
  
  
  @media (max-width: 1200px) {
  
    
  
      #img{
        border:  rgba(40, 40, 41, 0.993) solid 4px; 
        border-radius: 24px;
      }
  
      h1{
        font-size: 14px;
        /* border-top:  rgba(40, 40, 41, 0.993) solid 3px ; */
      }
      h2{
        font-size: 14px;
        /* border-top: rgba(40, 40, 41, 0.993) solid 0px ; */
      }
      hr{
      margin-top: 0.5rem;
      margin-bottom: 0.3rem;
      border: 0;
      border-top: 1px solid rgba(0,0,0,.1);
      }
  
      .card-img-top{
        width: 90%;
        border-radius: 12px;
      }
  
      footer{
        background-color: rgba(16, 3, 46, 0.938);
        background-color: rgb(0, 85, 131);
        color:#f9f901;
        border-radius: 14px 14px 15px 15px;
        padding: .07%;
      }
  
      p{
        font-size: 7px;
        margin-bottom: 10px;
      }
  
      .button{
        font-size: 13px;
      }
      
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-x: auto;
      border: 1px solid #ddd;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive > table {
      width: 100%;
    }
    .table-responsive > table > thead > tr > th {
      vertical-align: middle;
    }
    .table-responsive > table > tbody > tr > td {
      vertical-align: middle;
    }
    .main-team {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content:space-evenly;
      align-items: center;
      background-size: cover;
      background-attachment: fixed;
      margin: 5px;
      font-size: auto;
      /* background-color: rgb(77,92,120); */
      /* background-color: #0c52a1; */
      gap: 1.6vw;
      padding:2vh 1vw;
      /* padding-bottom: 30vh; */
      z-index: 1;
  }
  
    .cabeca1 {
      /* background-color: rgba(59, 1, 1, 0.644); */
      /* background-color: rgba(37, 60, 100, 0.904); */
      /* background-color: rgb(37, 60, 100); */
      width: 100%;
      text-align:center;
      justify-content:center;
      padding-top: 1%;
      padding-bottom: 1%;
      /* padding: 25px; */
      font-weight: 500;
      color: #f9f901;
      color: #ffffff;
      text-decoration:double;
      top: 0;
  }
  }
  
  
  @media (max-width: 800px) {
  
    #pinterest{
      column-count: 2;
      column-gap: 8px;
      padding-bottom: 14px;
    }
    .button22i:hover{
      border: rgb(11, 39, 129) 2.5px solid;
    }
    
  }
  
  
  @media (max-width: 350px) {
  
    #pinterest{
      column-count: 1;
      column-gap: 4px;
      padding-bottom: 10px;
    }

    .button22i:hover{
      border: rgb(11, 39, 129) 1.5px solid;
    }
    
  }
  
  #natal{
    height:300px;
    width:300px;
    border-radius: 20px 20px 20px 20px;
    margin-top:5%; 
  }