@charset "utf-8";
/* CSS Document */
body * {
    box-sizing: border-box;
}
body {
	background-image: url(novaitaim_bg.jpg);
	background-position: center;
    background-size: cover;
    width: 100%;
    margin: 0;
    padding: 0;
	font-family: 'Roboto', sans-serif;
}
h2 {
    background-color: #ed1f24;
    padding: 11px 22px;
    border-radius: 11px;
    border: 3px solid yellow;
    color: white;
    font-style: italic;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
}

.novaitaim_logo img {
    width: 100%;
    height: auto;
    max-width: 321px;
    padding: 0 0 33px 0;
}
.container {width:100%;height:100%;min-height: 100vh;display:flex;flex-direction: row-reverse;align-items: center;}
.col10,.col20, .col25, .col30, .col33, .col40, .col50, .col60, .col70, .col80   {      float: left;
    width: 50%;
	display: flex;
    justify-content: center;}
.col10 { width: 10%;}
.col20 { width: 20%;}
.col25 { width: 25%;}
.col30 { width: 30%;}
.col33 { width: 33%;  text-align: center;}
.col40 { width: 40%;}
.col50 { width: 50%;}
.col60 { width: 60%;}
.col70 { width: 70%;}
.col80 { width: 80%;}
.bloco-h1 {
  position: relative;
  transform: skewX(-8deg) rotateZ(-7deg);
  margin: 0 0 45px;
  /* top: -7px; */
  width: fit-content;
  padding: 3px 46px;
}
h1 {
 font-family: 'Roboto Condensed', sans-serif;
 position: relative;
 display: block;
 padding: 16px 32px;
 background-color: #fff; /* Cor do fundo da caixa */
 font-size: 33px;
 text-align: center;
 z-index: 1;

  /* Texto em gradiente */
 background-image: linear-gradient(to right, orange, yellow, orange);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 font-style: italic;
 line-height: 100%;
 margin: 0;
 padding: 0;
 OVERFLOW: VISIBLE;
}
h1 span {font-size: 2em;line-height: 81%;}
.bloco-h1::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: linear-gradient(to right, orange, yellow, orange);
  border-radius: 27px; /* 22 + 5 */
  z-index: -2;
}

/* ::after - fundo interno (preto) */
.bloco-h1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  border-radius: 22px;
  z-index: -1;
}
.foto {
  width: 100%; /* Ajuste conforme necessário */
  display: inline-block;
  max-width: 478px;
}

.foto img {
  width: 100%; /* Ajusta a imagem ao tamanho do contêiner */
}
.texto {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Define 3 colunas de tamanho igual */
  gap: 10px; /* Espaçamento entre os itens */
  list-style-type: none; /* Remove os marcadores da lista */
  padding: 0; /* Remove o padding padrão da UL */
  margin: 0; /* Remove o margin padrão da UL */
  width: 100%;
  max-width: 488px;
}

.texto li {
  padding: 10px;
   /* Cor de fundo dos itens */
  text-align: center; /* Centralizar texto */
  border: 2px solid #f86811; /* Borda ao redor dos itens */
  border-radius: 11px;
  color: #000000;
  background-color: yellow;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
}
.texto li:nth-child(1), 
.texto li:nth-child(2) {
    border: 2px solid #ffffff;
    background-color: #073ced;
    color: #fff;
}

/* O último item ocupa a largura total em 3 colunas */
.texto li:last-child {
  grid-column: 1 / -1; /* Faz o último item ocupar a linha completa */
}
.logo {
  /* position: absolute; */
  right: 7%;
  bottom: 10%;
}
.bloco-foto {
    padding: 0px 7% 0px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    height: 100%;
    /* min-height: 100vh; */
}
.cnhbrasil {
    margin: 22px 0;
}
/* Estilo responsivo para dispositivos móveis */
@media (max-width: 600px) {
  .texto {
    grid-template-columns: 1fr; /* Muda para uma coluna */
  }
}


p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

a.whatsapp {
    color: #fff;
    text-decoration: none;
    padding: 13px 36px 13px 63px;
    font-size: 33px;
    font-weight: 700;
    border-radius: 11px;
    margin-bottom: 15px;
    display: inline-block;
    background: url(zap.png) no-repeat 1px 2px;
    background-color: #06b914;
    background-size: 40px;
    background-position-y: center;
    background-position-x: 13px;
}
a.telefone {
    color: #fff;
    text-decoration: none;
    padding: 13px 36px 13px 36px;
    font-size: 30px;
    font-weight: 700;
    border-radius: 11px;
    margin-bottom: 15px;
    display: inline-block;
    /*background: url(tel.png) no-repeat 1px 2px;*/
    background-color: #f04f23;
    background-size: 40px;
    background-position-y: center;
    background-position-x: 13px;
}
a.mapa {
    color: #fff;
    text-decoration: none;
    background-color: #ed1f24;
    padding: 7px 25px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    margin-bottom: 15px;
    display: inline-block;
}
@media only screen and (max-width: 700px) {
	.cnhbrasil {
    margin: 0 0 22px 0;
}
.container {
    flex-direction: column-reverse;
    padding: 30px 10px;
    box-sizing: border-box;
    text-align: center;
}
.col20, .col25, .col30, .col33, .col40, .col50, .col60, .col70, .col80   { width:100%;}
ul.texto li {
    font-size: 21px;
}
	.col60.bloco-infos {  padding: 28px;}
	a.whatsapp {
    padding: 13px 36px 13px 63px;
    font-size: 20px;
    background-size: 29px;
}


}