/* REGLAS CSS PARA DISPOSITIVOS MOVILES
/* Permite la fluidez del aplicativo 
/* en pantallas de dispositivos móviles
/* BREAKPOINT: 992 px
/* -------------------------------------- */

/*=============================== INDEX ==*/
	@media (max-width: 992px) {
		.btn-3 {
    		width: 75% !important;
    		margin: 1rem 0;
		}
	}
/*________________________________________*/


/*================================== UT ==*/
	@media (max-width: 992px) {
		#ut-main 		{
	    	display: flex !important;
			flex-direction: column !important;
			width: 100% !important;
		}
		#ut-submain 	{
			display: block; 
			width: 90%; 
			margin: 0 auto;
		}
		#ut-select 	{
			width: 100%;
	   		background: #e6e6e6;
	    	padding: 1rem;
	    	margin: 1rem 0 2.5rem;
	    	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	    	border-radius: 5px;
		}
		#ut-option p {
			line-height: 1.7rem;
		}
		#ut-total 	{
			margin: 0;
			padding: 0.5rem 0;
			flex-direction: row;
			position: sticky;
			bottom: 0;
		}
		#ut-total h3 {
			font-size: 0.9rem;
		}
		#ut-total button {
			margin: 0.5rem 0;
			font-size: 1rem;
			padding: 0.5rem 1rem;
		}
		#ut-dataPay {
	    	display: flex;
	    	align-items: center;
		    flex-direction: column;
		    width: 45% !important;
			padding-left: 0 !important;
		}
		#ut-pay {
			font-size: 1.5rem !important;
		}
		.fasj-tit h1 	{
			font-size: 1.3rem;
		}
		.ut-card 		{
			display: block; 
			width: 100%; 
			padding: 0; 
			margin: 0; 
			background: #fff;
		}
		.ut-inputData	{
			width: 100%; 
			background: #e6e6e6; 
			padding: 1rem; 
			margin: 1rem 0; 
			box-shadow:  0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
			border-radius: 5px;
		}
		.ut-inputData strong	{
			font-size: 1.3rem;
	   		font-weight: 400;
		}
	}
/*________________________________________*/


/*================================== UF ==*/
	@media (max-width: 992px) {
		#uf-buy label {
			line-height: 2;
		}
		#uf-buy .faUf {
			margin: 1rem 0;
		}
		.ufLabel {
			margin: 0;
		}
		input, input[type = mail], input[type = number] {
			font-size: 0.8rem;
			width: 100%;
			height: 2rem;
		}
		input[type = checkbox] {
			width: 4%;
    		margin: .4rem !important;
    		height: 1rem;
		}
		#resumen {
			margin: 0 0 2rem;
		}
		#resumen h2 {
			font-size: 1.2rem;
		}
		.btn-1 {
			margin: 0;
		}
	}
/*________________________________________*/