body{
  font-family: Articulat CF;
  color: #ffffff;
}

h1{
  font-size: clamp(30px, 5vw, 80px);
  padding: 0;
  margin: 0;
}

h3 {
  font-size: clamp(12px, 2vw, 28px);
  margin: 0;
  gap: 0;
  font-weight: 200;
}

p {
  font-size: clamp(9px, 3vw, 16px);
  margin: 0;
}

h4 {
  font-size: clamp(18px, 3vw, 28px);
  margin: 0;
  gap: 0;
}



.central {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.titulo {
  grid-column: span 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.titulo h1 {
  font-size: clamp(21px, 5vw, 48px);
  padding: 5% 0 0 0;
  color: #0e333e;
  font-weight: 400;
}


.galeria {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3vw;
}


.principal {
  grid-column: span 4;
  aspect-ratio: 4 / 5;
  border-radius: 12px;
  display: flex;
  align-items:start ;
  justify-content: center;
  background: url(img01/4x/01-Benmax-BAC51.png);
  background-size: 100%;
  background-position: 0%;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 12px;
}

.principal h1 {
  font-weight: 500;
}






.logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  margin: 0;
}
.logo img {
  width: 30%;
  max-width: 400px;
  padding: 4em 0 4em 0;
  margin: 0;
  opacity: 80%;
}

.elemento {
  background-color: #e9eaec;
  overflow: hidden;
  border-radius: 10px;
}





.primeiro{
  grid-column: span 4;
  aspect-ratio: 4 / 4;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items:center ;
  justify-content: center;
  background: url(img01/4x/99-Fundo.png);
  background-size: 100%;
  background-position: 0%;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 12px;
  color: #0e333e;
}

.primeiro img{
  width: 90%;
}
.primeiro h1{
  font-size: clamp(18px, 6vw, 48px);
  padding: 2% 0 2% 0;
  font-weight: 400;
}

.primeiro p{
  text-align: center;
  margin: 0 3% 2% 3%;
}








.meio-segmento {
  width: 100%;
  display: flex;
  gap: 2%;
}

.interno {
  width: 90%;
}

.menor {
  width: 80%;
}

.horizontals {
    width: 95%;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.vertical {
  flex-direction: column;
}








.seg {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
}

.seg img{
  width: 100%;
}
.quadrado {
  aspect-ratio: 1 / 1;
}


.segsub {
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
  width: 50%;
  background-color: #6b7a81;
}

.segsub img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shape{
  aspect-ratio: 1 / 1;
}




.seg80 {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.seg80 img{
  width: 100%;
}
.seg80 p {
  text-align: center;
  color: #7a8b8c;
}
.seg80 h2{
  font-size: clamp(18px, 6vw, 36px)
}


.seg802 {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.seg802 img{
  width: 100%;
}
.seg802 p {
  text-align: center;
}
.seg802 h2{
  font-size: clamp(18px, 6vw, 36px)
}

.seg90 {
  width: 90%;
  display: flex;
  flex-direction: column;
}
.seg90 img{
  width: 100%;
}




.selo {
  width: 13%;
  display: flex;
  overflow: hidden;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
}

.selo img{
  width: 100%;
}










.segundo {
  grid-column: span 4;
  aspect-ratio: 4 / 2;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  background-position: 0%;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 12px;
  color: #0e333e;
  text-align: left;
}
.segundo h2{
  margin: 2% 0 2% 0;
  font-weight: 400;
  font-size: clamp(18px, 6vw, 48px)
}
.segundo h4 {
  text-align: left;
}


.segunda {
  grid-column: span 4;
  aspect-ratio: 4 / 2;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  background-size: 100%;
  background-position: 0%;
  background-color: #ffffff;
  overflow: hidden;
  color: #0e333e;
}
.segunda h2{
  margin: 2% 0 2% 0;
  font-weight: 400;
  font-size: clamp(18px, 6vw, 48px)  
}
.segunda h4 {
  text-align: left;
}














.terceiro {
  grid-column: span 4;
  aspect-ratio: 4 / 4;
  color: #0e333e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 10%;
}
.terceiro p {
  text-align: left;
}

.terceiro h2{
  font-size: clamp(18px, 6vw, 48px);
  margin: 2% 0 2% 0;
  font-weight: 400;
  text-align: left;
}

.unica {
  width: 90%;
  border-radius: 10px;
  overflow: hidden;
}

.unica img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.unica2 {
  width: 95%;
  border-radius: 10px;
  overflow: hidden;
}

.unica2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.subtexto p {
  font-size: clamp(6px, 2vw, 12px) ;
  width: 100%;
  margin: -3% 0 0 0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}







.quarto {
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  aspect-ratio: 4 / 4;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  background-image: url(img01/4x/99-Fundo.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: 100%;
  background-position: 0%;
  color: #0e333e;
  background-color: #f1f2f3;
  padding: 5%;
}
.quarto h2 {
    font-weight: 500;
    font-size: clamp(18px, 6vw, 36px)
}
.quarto h4 {
  color: #9b9b9b;  
  font-family: Input Mono;
  font-weight: 400;
}
.quarto p {
  text-align: center;
  padding: 0 0 5% 0;
}

.quarte {
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  aspect-ratio: 4 / 4;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  background-image: url(img01/4x/99-Fundo.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: 100%;
  background-position: 0%;
  color: #0e333e;
  background-color: #f1f2f3;
  padding: 5%;
}
.quarte h2 {
    font-weight: 500;
    font-size: clamp(18px, 6vw, 36px)
}
.quarte h4 {
  color: #9b9b9b;  
  font-family: Input Mono;
  font-weight: 400;
}
.quarte p {
  text-align: center;
  padding: 0 0 5% 0;
}






.quinto {
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  aspect-ratio: 4 / 2;
  align-items: center;
  justify-content: center;
  background-color: #fafbff;
  background-size: 100%;
  background-position: 0%;
  color: #0e333e;
  padding: 5%;
}

.quinto h4 {
  color: #9b9b9b;
  font-family: Input Mono;
  font-weight: 400;
}
.quinto p {
  padding: 0 0 5% 0;
  text-align: center;
}
.quinto h2{
  font-size: clamp(18px, 6vw, 36px);
  padding: 0;
  margin: 0;
  font-weight: 500;
}








.frame{
  grid-column: span 4;
  aspect-ratio: 4 / 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cvideo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cvideo iframe {
  margin: 1em;
  border-radius: 1em;
  outline: 3px solid #0e333e;
  outline-offset: 1em;
  aspect-ratio: 16 / 9;
  height: auto;
}




.sexto {
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  aspect-ratio: 4 / 3;
  align-items: center;
  justify-content: center;
  color: #0e333e;
}
.sexto h1 {
  font-size: clamp(18px, 6vw, 48px);
  font-weight: 400;
  margin: 0 2% 2% 2%;
}
.sexto p{
  margin: 0 2% 2% 2%;
  text-align: center;
}









.table-container{
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  aspect-ratio: 4 / 2;
  width: 100%;
  align-items: center;
  justify-content: center;
}

table{
  width: 100%;
  border-collapse: collapse;
  color: #29424c;
}

thead th{
  text-align: left;
  padding: 18px 10px;
  border-bottom: 1px solid #c7c7c7;
}

tbody td{
  padding: 18px 10px;
  border-bottom: 1px solid #d9d9d9;
}

tbody tr:last-child td{
  border-bottom: 1px solid #c7c7c7;
}

.dica{
  margin-top: 18px;
  color: #7c8a91;
  margin-bottom: 2%;
}

.dica strong{
  color: #6b7a81;
}







.capacidade{
    width: 100%;
    color: #0f2d3a;
}

.capacidade h2{
  margin: 5% 0 2% 0;
  font-weight: 600;
}

.capacidade-grid{
    display: flex;
    flex-wrap: wrap;
    color: #0f2d3a;
}

.item{
    min-width: 250px;
    margin-bottom: 5%;
}

.item h3{
    font-size: clamp(12px, 1vw, 18px);
    font-weight: 600;
}

.item p{
    margin: 5px 0;
    line-height: 1.5;
    font-size: clamp(12px, 1vw, 18px);
}

.item strong{
    display: block;
    margin-top: 12px;
}








@media (max-width: 768px){
.segunda {
  aspect-ratio: 4 / 3;
}
.seg{
  border-radius: 2px;
}

.quinto {
  aspect-ratio: 4 / 3;
}

thead th,
tbody td{
font-size: 14px;
padding: 12px 6px;
}

.dica{
  font-size: 13px;
}
.subtexto p {
  margin: -5% 0 0 0;
}
}





@media (max-width: 570px){
.segunda {
  aspect-ratio: 4 / 4;
}
.seg{
  border-radius: 2px;
}
.quarte{
  aspect-ratio: 4 / 5;
}
}










@media (max-width: 425px){

.frame{
  grid-column: span 4;
  aspect-ratio: 2 / 1;
}
.cvideo iframe {
  padding: 3vw;
  border-radius: 3vw;
  outline: 3px solid #0e333e;
  outline-offset: 1vw;
  aspect-ratio: 16 / 9;
  height: auto;
}


.logo img {
  width: 30%;
  max-width: 400px;
  padding: 10% 0 5% 0;
  margin: 0;
  opacity: 80%;
}


.segundo {
  aspect-ratio: 4 / 3;
}
.segundo img{
  width: auto;
  height: 100%;
}

.segunda {
  aspect-ratio: 4 / 4;
}

.seg{
  border-radius: 2px;
}





.terceiro {
  grid-column: span 4;
  aspect-ratio: 4 / 4;
  color: #0e333e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 5%;
}
.terceiro img {
  height: 100%;
}




.quarto{
  aspect-ratio: 4 / 5;
}

.quarte{
  aspect-ratio: 4 / 5;
}


.quinto {
  aspect-ratio: 4 / 3;
  padding: 2%;
}
.quinto p {
  padding: 0 0 5% 0;
}
.quinto h2{
  padding: 0;
  margin: 0;
}
.sexto {
  grid-column: span 4;
  aspect-ratio: 4 / 4;
}
.sexto h1 {
  font-size: clamp(18px, 6vw, 60px);
  font-weight: 300;
  margin: 0 2% 2% 2%;
}
.sexto p{
  margin: 0 2% 2% 2%;
}





.unica2 {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.unica2 img {
 width: 100%;
 height: 100%;
}




}