/* Importa a fonte Roboto Mono do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');


.tituloh1 h1 {
font-size: 50px;
}

.tituloh2 h2 {
font-size: 40px;
}

.imagem_info {
  height: 100%;
}

.imagem_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 5px;
}

.container_info_topo {
margin: 60px;
padding: 12px;
display: flex;
/*background-color: #f2f2f2;*/
border-radius: 5px;
flex-direction: column;
}

.container_info {
display: flex;	
gap: 10px;
background-color: #f2f2f2;
}

.container_info_nobackground {
display: flex;	
gap: 10px;
}

.container_info_item1 {
margin: 10px;
padding: 12px;
display: flex;	
flex: 7;	
flex-direction: column;
}

.container_info_item2 {
margin: 10px;
padding: 12px;
display: flex;	
flex: 3;	
flex-direction: column;
height: 100%;
}

.container_info_base {
margin: 10px;
padding: 12px;
display: flex;	
/*background-color: #f2f2f2;*/
flex-direction: column;
}

/* Para tablets e telas menores (<= 1024px) */
@media (max-width: 1024px) {
  .container_info {
    flex-direction: column;
  }

  .container_info_item1,
  .container_info_item2 {
    margin: 5px 0;
  }
}

/* Para celulares grandes e médios (<= 768px) */
@media (max-width: 768px) {
  .container_info_topo,
  .container_info_item1,
  .container_info_item2,
  .container_info_base {
    padding: 8px;
    margin: 8px;
  }

  .container_info {
    gap: 8px;
    flex-direction: column;
  }
}

/* Para celulares pequenos (<= 480px) */
@media (max-width: 480px) {
  .container_info_topo,
  .container_info_item1,
  .container_info_item2,
  .container_info_base {
    padding: 6px;
    margin: 6px;
  }

  .container_info {
    gap: 6px;
    flex-direction: column;
  }
}