@charset "UTF-8";

.caja_contacta{
												width:100%;	
											/*	background:#034f84  ;*/	
												height:50em;	
												padding: 0.2em 0.5em 0.2em 0.5em;
												text-align: left;	
												border: 0em 0em 0em 0em;		
/*
												border-bottom:solid;		
												border-bottom-width:0.2em;	
												border-bottom-color: #c31432  ;
												*/
												margin: 0em auto 0em auto;
}

.caja_espacio1{
												width:100%;	
											/*	background:#034f84  ;*/	
												height:40em;	
												padding: 0.2em 0.5em 0.2em 0.5em;
												text-align: left;	
												border: 0em 0em 0em 0em;		
/*
												border-bottom:solid;		
												border-bottom-width:0.2em;	
												border-bottom-color: #c31432  ;
												*/
												margin: 0em auto 0em auto;
}



.titulo{
			font-family: 'Karla', 'Rubik', sans-serif;
			font-size: 1.8em;
			margin: 2em auto 2em auto;
			color:#c5bfd7;
			
}




.caja_dato_contacto{
												width:90%;	
											/*	background:#034f84  ;*/	
												height:auto;	
												margin: 0em auto 0em auto;
}

.caja_separa{
												width:100%;	
										/*		background:#92a8d1  ;*/	
												height:0.2em;	
												margin: 0em auto 0em auto;
	
	
}





.etiqueta_contacta{
					font-family: 'Karla', 'Rubik', sans-serif;
					font-size: 0.9em;
				/*	color:#000080;*/	
					padding: 0em 0em 0em 0em;
					margin: 0em 0em 0em 1em;
					width: 24%;	
					/*background:#9ACD32;*/
					background:none;

}

.dato_contacta{ 
					font-family: 'Karla', 'Rubik', sans-serif;
					font-size: 1.2em;
					width:65%;
					/*height:6em;*/
			/*		border: 2px solid #990000;*/
					margin: 1em 0em 1em 0em;

}






.campo_area{ 
					font-family: 'Karla', 'Rubik', sans-serif;
					font-size: 1.2em;
					width:65%;
					height:6em;
			/*		border: 2px solid #990000;*/
					margin: 1em 0em 1em 0em;

}

.he_leido{
			font-family: 'Karla', 'Rubik', sans-serif;
			font-size: 1.0em;
}

.checkbox{
				font-family: 'Karla', 'Rubik', sans-serif;
				font-size: 1.0em;
				width:2em;

}



.boton_envia_mensaje{
						font-family: 'Karla', 'Rubik', sans-serif;
						font-size: 1.5em;
						width:50%;
						border:none;
						text-align:center;
						margin: 1em auto 1em auto;
					/*	padding: -2em auto 2em auto;*/
						height:3.5em;
						
						/*
						color:#FDFEFE;
						background:#34495E;
						*/
						/*height:2.6em;*/
						border-radius: 15px 15px 15px 15px;
						cursor: pointer;
					  	outline: none;
					  	text-decoration:none;
					  	
					  	 vertical-align: midddle;
					  	
	
	
	
	
}














.__boton_volver_contacta{
						font-family: 'Karla', 'Rubik', sans-serif;
						font-size: 1.5em;
						width:50%;
						border:none;
						text-align:center;
						margin: 1em auto 1em auto;
					/*	padding: -2em auto 2em auto;*/
						height:3.5em;
						
						
						color:#FFFFFF;
						background:#CCCCFF;
						/*height:2.6em;*/
						border-radius: 15px 15px 15px 15px;
						cursor: pointer;
					  	outline: none;
					  	text-decoration:none;
					  	
					  	 vertical-align: midddle;
					  	
}

.___boton_volver_contacta:hover{
							/*	
								color:#414345;
								background: #E0EAFC; 
								background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  
								background: linear-gradient(to right, #CFDEF3, #E0EAFC);
								*/ 
}

.__boton_volver_contacta {
						font-family: 'Karla', 'Rubik', sans-serif;
						font-size: 1.5em;
						width:50%;
						height: 4em;

    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    cursor: pointer;
}

.boton_volver_contacta {
    /* Tipografía y tamaño */
    font-family: 'Karla', 'Rubik', sans-serif;
    font-size: 1.5em;
    width: 50%;
    height: 4em;

    /* Centrado del TEXTO dentro del botón */
    display: inline-flex;       /* Permite usar alineación flex y respeta el ancho */
    align-items: center;        /* Centra verticalmente */
    justify-content: center;     /* Centra horizontalmente */
    text-align: center;

    /* Estética */
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    cursor: pointer;
    
    /* Centrado del BOTÓN respecto al padre */
    margin: 0 auto;             /* Centra si el padre es un bloque */
}




.boton_volver_contacta:hover {
    background-color: #0056b3;
}


.boton_contacta{
						font-family: 'Karla', 'Rubik', sans-serif;
						font-size: 1.2em;
						width:100%;
						border:none;
						text-align:center;
						margin: 0.8em auto auto auto;
						padding: auto auto auto auto;
						
						color:#FFFFFFF;
						
						background:#CCCCFF;
						
						/*height:2.6em;*/
						background:none;

						border-radius: 15px 15px 15px 15px;
						cursor: pointer;
					  	outline: none;
					  	text-decoration:none;
}

.boton_contacta:hover{
							/*	
								color:#414345;
								background: #E0EAFC; 
								background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  
								background: linear-gradient(to right, #CFDEF3, #E0EAFC);
								*/ 
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



@media only screen and (max-width: 1000px) {

			
			.etiqueta_contacta{	
								font-size: 2.1em;
								width:60%;
								margin: 0.6em 0em 0.3em 0.5em;
			}	

			.dato_contacta{			
									font-size: 2.4em;
									width:80%;
									margin: 0em 0em 0em 4em;
			}						

			.campo_area{ 
									font-family: 'Karla', 'Rubik', sans-serif;
									font-size: 2.4em;
									width:80%;
									height:8em;
									margin: 1em 0em 1em 0em;

			}



			.he_leido{
										font-family: 'Karla', 'Rubik', sans-serif;
										font-size: 1.8em;
			}
}