/**
 * AfirmeNet — responsive root (index.html / sitio marketing).
 */
:root {
	--af-rm-break-sm: 480px;
	--af-rm-break-md: 768px;
	--af-rm-gutter: 16px;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.container2,
	.container {
		padding-left: var(--af-rm-gutter);
		padding-right: var(--af-rm-gutter);
	}

	.navbar-brand img {
		max-height: 40px;
		width: auto;
	}

	#ingresoRadio.contIngresoRadio,
	.contIngresoRadio {
		width: calc(100vw - 24px) !important;
		max-width: 360px;
		right: 12px;
		left: auto;
	}

	.ingresoDatos .credentials {
		flex-direction: column;
	}

	.ingresoNumero,
	.btnLoginRadio {
		width: 100%;
	}

	input[type="text"],
	input[type="password"],
	input[type="submit"] {
		font-size: max(16px, 1em);
	}
}