/* Únete form page styles: clean, responsive */
.unete-page { font-family: 'Baloo 2', 'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #003747; }

.solicitar-hero { 
	background-color: #00374F;
	text-align: center; 
	padding-top: 70px;
        padding: 30px 0px 0px 0px;        
}

.solicitar-title { 
	margin: 0; 
	font-size: 30px; 
	font-weight: 700;
        font-family: 'Baloo 2',sans-serif;
        color: #fff; 	
}

.solicitar-company { 
	margin-top: 0.75rem; 	
	font-size: 20px;
	color: #fff; 
	font-weight: 400; 
}

.unete-container { 
	max-width: 900px; 
        margin: 0 auto;
        padding: 0px 20px; 
}


.unete-form { 
	padding: 30px 0px 30px 0px; 	
	border-radius: 8px; 
}	

.form-grid-2 { 
	display: grid; 	
	grid-template-columns: 1fr; 	
	gap: 15px;
        margin-bottom: 20px;
}
	
.label-formulario { 
	display: block; 
        font-size:18px;
	margin-bottom: 8px; 
	font-weight: 500; 	
	color: #ffffff; 
}

.input, .select, .textarea { 	
	width: 100%; 
	padding: 10px; 
	border: 1px solid #ddd; 
	border-radius: 4px; 
	font-size: 14px; 
	background-color: #f9f9f9; 
}


@media (min-width: 768px) { 
	.form-grid-2 {
	 grid-template-columns: repeat(2, 1fr);
	}
        .solicitar-title {
	margin: 0;
        font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-bottom:30px;
	}
        .solicitar-company { 
	margin-top: 0.75rem; 	
	font-size: 20px;
	color: #fff; 
	font-weight: 400; 
        }
        .unete-container { 
	max-width: 900px; 
        margin: 0 auto;
        padding: 40px 20px; 
        }
        .unete-form { 
	padding: 30px; 	
	border-radius: 8px; 
        }
        .solicitar-hero { 
	background-color: #00374F;
	text-align: center; 
	padding-top: 70px;    
        }
        .unete-container { 
	max-width: 900px; 
        margin: 0 auto;
        padding: 40px 20px; 
        }
}