/* 
Procurar fontes no Google Fonts - https://fonts.google.com/ 
Ler também primeiros passos com a API Google fonts
https://developers.google.com/fonts/docs/getting_started?hl=pt-br
*/

/*Características comuns de todasas páginas */

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

* {
    margin: 0;
    padding: 0;
}

/* Adicione estas regras CSS ao seu estilo embutido ou arquivo style.css */

.logo-link {
    /*position: absolute;  */  
    /*cursor: pointer;*/
    display: block;
    /*top: 0px;  Ajuste conforme necessário */
    /*right: 0px; /* Ajuste conforme necessário */    
    text-align: left; /* Centralizar o logotipo na tela */   
}

.logo {
    max-width: 15%; /* Defina a largura máxima em relação à largura da tela */
    height: auto; /* Mantém a proporção original da altura conforme a largura é ajustada */
    display: block; /* Remove espaço extra abaixo da imagem */
    margin: 0 ; /* Centraliza a imagem horizontalmente */
}


body{
    display: flex;
    flex-direction: row; /* Manter a direção principal como linha */
    height:100vh;
    box-sizing: border-box;
    background-color: black;
    color: #F6f6f6;
}

.caixa-texto {
	            font-family: 'montserrat',sans-serif;
	            font-size: 80%;
	            background-color: #28a745;
	            color: #ffffff;
	            text-align: center;	            	           		           	            
	            padding: 2%;	            
	            max-width: 95%; /* Largura máxima igual ao campo "Nome Contato" */
	            max-height: 5%;
	        } 

.caixa-texto_error {
	            display: none;
		    font-family: 'montserrat',sans-serif;
	            font-size: 80%;
	            background-color: red;
	            color: #ffffff;
	            text-align: center;	            	           		           	            
	            padding: 2%;	            
	            max-width: 95%; /* Largura máxima igual ao campo "Nome Contato" */
	            max-height: 5%;
	        } 

.titulo-destaque {
    color: #22d4fd;
}

.apresentacao {

    display: flex;
    align-items: center;    
    justify-content:right;    
    width: 80%;
    margin: 10%;
        
}

.apresentacao__conteudo {
    width: 40%;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content:left;
    margin-left: 3%;
    /*align-items: flex-start;  Alinhe os itens à esquerda */
}

.apresentacao__conteudo__titulo {
    font-size: 200%;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto {
    font-size: 100%;
    font-family: 'montserrat',sans-serif;
}

.apresentacao__conteudo__lista {
	font-size: 14px;
    font-family: 'montserrat',sans-serif;
    margin-left: 30px; /* ou o valor desejado */
}


/*Características do ivrtester_text_aguarde.html */


/*Características do ivrtester.html */

.botaoCadastroTestar {
			font-size: 100%;
			font-family: 'montserrat',sans-serif;
		    position: initial;
		    background-color: #22d4fd;
		    padding: 1.5% 1%;
		    border-radius: 15%;
		    border: none;
		    color: black;
		    transform: translate(-505%, 275%);
		    cursor: pointer;
		    /*left: 0%; 
		    top:  0%; 		*/   
		} 


.apresetacao__links {
    display: flex;
    justify-content: column;
    flex-direction: column;
}

.apresentacao__links__link {
    background-color: #22d4fd;
    display: block;
    margin-bottom: 2%; /* Adicione espaço entre os links conforme necessário */
    width: 30%;
    min-width: 30%;
    text-align: center;
    border-radius: 8%;    
    font-size-adjust: 30%;
    font-weight: 600;
    padding: 4% 4%;
    text-decoration: none;
    color: #000;
    font-family: 'montserrat', sans-serif;

}

#dadosS3 {
    position: static;
    left: 0%;
    top: 0%;
    transform: translate(-181%, -0%);
    padding: 1%;
    background-color: #ffffff;
    color: #000000;
    border: 5px solid #cccccc;
    border-radius: 5%;
    font-family: 'montserrat',sans-serif;
    font-size: 90%;
    width: 35%; /* Defina a largura relativa em relação à largura da tela */
    max-width: 50%; /* Largura máxima da caixa de texto */
    min-width: 20%; /* Largura mínima da caixa de texto */
    height: 60%; /* Defina a altura relativa em relação à altura da tela */
    overflow: auto;
    justify-content:left;
    margin-left: 3%;
}

.apresentacao__imagem {
    width: 50%; /* Defina a largura desejada para a imagem */
    max-width: 60%; /* Ajuste para garantir responsividade */
    min-width: 40%;
    height: auto; /* Mantenha a proporção original da altura conforme a largura é ajustada */
}

.apresentacao__imagem2 {
    width: 60%; /* Defina a largura desejada para a imagem */
    max-width: 60%; /* Ajuste para garantir responsividade */
    min-width: 60%;
    height: auto; /* Mantenha a proporção original da altura conforme a largura é ajustada */
}


 .limited-textboxNome {
            width: 46%; /* Aproximadamente 38 caracteres com base em 0.6em por caractere */
        }
   
 .limited-textbox {
            width: 57%; /* Aproximadamente 35 caracteres com base em 0.6em por caractere */
        }
 
 .limited-textboxEmpresa {
            width: 55%; /* Aproximadamente 38 caracteres com base em 0.6em por caractere */
        }
   
.break-line {
            display: block;
            margin-bottom: 5%;
        }
	
/*Estilos do ivrtesterForm */


        .apresentacaoForm {
            display: flex;
    		align-items: center;        		    
    		width: 50%;
    		margin: 1%;               
    		justify-content:right;    

        }

        .custom-form {
            width: 60%;
            min-width: 60%;
        }

        .apresentacao__conteudoForm {
            position:relative;
    		top: 90%;
    		transform: translateY(-52%);
            width: 40%; 
            min-width: 40%;         
            margin-left: 3%; /* Adicionar margem à esquerda para separar o texto do formulário */
            padding: 2%;
            gap: 2%;
    		display: flex;
    		flex-direction: column;
    		justify-content:left;
        }
        
        
        .aguarde-mensagem {
			font-family: 'montserrat',sans-serif;
            color: #ffffff;
            background-color: #28a745;
            padding: 1%;
            text-align: center;
            display: none;
            max-width: 95%; /* Largura máxima igual ao campo "Nome Contato" */
            max-height: 5%;
            
        }

		.botaoCadastroSalvar {
			font-size: 100%;
			font-family: 'montserrat',sans-serif;
		    position: absolute;
		    background-color: #22d4fd;
		    padding: 0.5% 1%;
		    border-radius: 15%;
		    border: none;
		    color: black;
		    transform: translate(0%, 0%);
		    cursor: pointer;
		    font-weight: 600;
		    /*left: 0%; 
		    top:  0%; 		*/   
		}    

		.botaoCadastroVoltar {
			font-size: 100%;
			font-family: 'montserrat',sans-serif;
		    position: absolute;
		    background-color: #22d4fd;
		    padding: 0.5% 1%;
		    border-radius: 15%;
		    border: none;
		    color: black;
		    transform: translate(200%, 0%);
		    cursor: pointer;
		    font-weight: 600;
		    /*left: 0%; 
		    top:  0%; 		*/   
		}