/* index.html — móvil (complemento sobre style.css) */
@media (max-width: 767px) {
	#ingresar {
		display: block !important;
		width: 100%;
		background: #fff;
		float: left;
		position: relative;
		z-index: 998;
	}

	#ingresar .nombreAyudaIngreso {
		height: 44px;
		background: #fff;
		border-bottom: none;
	}

	#ingresar .cuadroAyuda {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		height: 100%;
		float: none;
	}

	#ingresar .nombreAyudaIngreso p {
		float: none;
		font-size: 18px;
		font-weight: 600;
	}

	#ingresar .radioUsuarioEmpresasM {
		background: #fff;
		height: 42px;
		display: flex;
		align-items: center;
	}

	#ingresar .opcionClienteM {
		width: 50%;
		padding: 3px 0;
		display: flex;
		justify-content: center;
	}

	#ingresar .credentialsM {
		height: 48px;
	}

	#ingresar .ingresoNumeroM input[type="text"] {
		font-size: 14px !important;
		padding: 14px 16px;
	}

	#ingresar .btnLoginRadioM input {
		font-size: 13px !important;
		color: #fff;
		background: transparent;
		cursor: pointer;
	}

	.menuAfirme .navbar-header .floatR {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	footer .contLogotipo img {
		max-height: 36px;
	}
}

@media (min-width: 768px) {
	#ingresar {
		display: none !important;
	}

	#btnMobile {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.navbar-brand img {
		max-height: 34px;
	}
}