/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.woff2') format('woff2'),
       url('fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/* Fundo de tela responsivo */
body, html {
  	height: 100%;
  	font-family: Arial, sans-serif;
	font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
  	overflow: hidden; /* impede rolagem */
}

/* Formulário fixo à direita */
.form-contato {
  position: fixed;
  top: 40%;
  right: 5%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 255);
  padding: 25px;
  border-radius: 5px;
  width: 33%;
  height: 70vh;        /* altura ocupa 70% da altura visível */
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	font-size: 1.1vw; /* tamanho relativo à largura da tela */
	line-height: 1.6; /* aumenta o espaçamento entre linhas */
}



.form-contato h2 {
  margin-bottom: 15px;
}

.form-contato label {
  display: block;
  margin-top: 10px;
  font-size: 0.9rem;
}

.form-contato input,
.form-contato textarea {
    width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: clamp(14px, 1.1vw, 18px);
  font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
}

.form-contato button {
  margin-top: 15px;
  width: 100%;
  padding: 10px;
  border: none;
  background: #007bff;
  color: white;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
}

.form-contato button:hover {
  background: #0056b3;
}

.logo { display: none; }
 .barra-redes { display: none; }
/* Ajuste para telas menores (ex: celulares) */
@media (max-width: 768px) {

body {
    background: url('fundo.png') no-repeat center center fixed;
    background-size: cover;
  }	
.barra-redes { display: block; }	
	
.bg-image { display: none; }	
	
.logo {
	display: block;
    position: fixed;
    top: 2%;
    right: 5%;
	 color: #ffffff;    
}
.logo .linha1 { font-size: 2em; font-style: italic; font-weight: bolder; }
.logo .linha2 { font-size: 1em; font-style: italic; font-weight: bold; text-align: right; }
	
	
  .form-contato {
    position: fixed;
    top: 15%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    width: auto;
    height: auto;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    transform: none;
    font-size: 4vw;
    overflow-y: auto; /* permite rolar se o conteúdo for grande */
    z-index: 1000; /* garante que fique acima da imagem */
  }
}