/*Reto UCAL*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	.step-button {
		background-color: white; /* Color de fondo predeterminado */
		color: #8e1a7c; /* Color de texto predeterminado */
		width:40px;
		height:40px;
		border-radius:100px;
		text-align:center;
		font-size:16px;
		font-weight:700;
		border:3px solid #8e1a7c;
	}

	.step-button.active {
		background-color: #8e1a7c; /* Color de fondo para los pasos activos */
		color: #fff; /* Color de texto para los pasos activos */
	}

	#form-cf7-steps h5{
		font-size:18px;
		line-height:18px;
		font-weight:500;
		text-align:center;
		margin-bottom:20px;
	}

	#form-cf7-steps .input, #form-cf7-steps input:not([type=submit]), #form-cf7-steps select, #form-cf7-steps textarea{
		border:2px solid black;
		border-radius:10px;
		padding:5px 15px;
		margin-top:10px;
		font-size:14px;
		position:relative;
	}

	#form-cf7-steps #next1, #form-cf7-steps #next2, #form-cf7-steps #next3, #form-cf7-steps #next4, #form-cf7-steps #next5, #form-cf7-steps #next6, #form-cf7-steps #prev1, #form-cf7-steps #prev2, #form-cf7-steps #prev3, #form-cf7-steps #prev4, #form-cf7-steps #prev5, #form-cf7-steps #prev6, #form-cf7-steps .wpcf7-submit{
		background-color:#2D2D2B;
		color:white;
		width:100%;
		padding:20px;
		text-align:center;
		border-radius:100px;
		font-size:20px;
		text-transform:uppercase;
		margin-top:10px;
		font-weight:700;
	}
	#form-cf7-steps .wpcf7-submit{
		background-color:#8e1a7c;
	}
	
	#form-cf7-steps .wpcf7-form-control-wrap{
		position:relative;
		display:block;
	}
	#form-cf7-steps .wpcf7-not-valid-tip{
		position:absolute;
		top:10px;
		right:10px;
		background-color:red;
		border-radius:0 0 5px 5px;
		padding:2px;
		color:white;
		font-size:10px;
	}
	#form-cf7-steps input::-webkit-input-placeholder, #form-cf7-steps select::-webkit-input-placeholder, #form-cf7-steps textarea::-webkit-input-placeholder{
		color:black;
	}
	#form-cf7-steps .wpcf7-response-output{
		border:2px solid #8e1a7c;
		text-align:center;
		border-radius:10px;
	}
	#form-cf7-steps .wpcf7-spinner{
		position:absolute;
		text-align:center;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	
	
	.step-button {
		margin:0 5px 0 5px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}