@font-face {
	font-family: 'Montreal';
	src: url('./fonts/montreal-regular-webfont.woff2') format('woff2'),
		url('./fonts/montreal-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montreal';
	src: url('./fonts/montreal-demibold-webfont.woff2') format('woff2'),
		url('./fonts/montreal-demibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Montreal';
	src: url('./fonts/montreal-regularita-webfont.woff2') format('woff2'),
		url('./fonts/montreal-regularita-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Montreal';
	src: url('./fonts/montreal-heavyita-webfont.woff2') format('woff2'),
		url('./fonts/montreal-heavyita-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Montreal';
	src: url('./fonts/montreal-lightita-webfont.woff2') format('woff2'),
		url('./fonts/montreal-lightita-webfont.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}

.dropdown-menu {
	left: unset;
	right: 0;
}

a[href$="/archivos/originales/"] {
	display: none;
}

.modal {
	overflow: auto !important;
}

.invalid-tooltip {
	top: unset;
}

body, #wrapper #content-wrapper {
	background-color: #247cbe;
	font-family: 'Montreal', sans-serif;
	font-weight: normal;
	font-style: normal;
}

.gf-titulo {
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #fcea0d;
	line-height: 1;
}

#ranking table td {
	font-family: 'Montreal', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: white;
	text-transform: uppercase;
}

#ranking table td span {
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #fcea0d;
}

#ranking table th div {
	background-color: #247bbe;
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: white;
	border-radius: 0;
	border: none;
	padding: .25rem 1rem;
}

.btn-pepsico, .btn-respuesta:active, .btn-respuesta:hover {
	background-color: #fcea0d !important;
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #1a2341 !important;
	border-radius: 0;
	border: none;
}

.btn-jugada {
	background-color: #247bbe;
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: white;
	border-radius: 0;
	border: none;
	font-style: italic;
}

.btn-respuesta {
	background-color: white;
	/* 	font-family: 'Montreal', sans-serif; */
	text-transform: uppercase;
	color: #247cbe;
	border-radius: 0;
	border: none;
}

.text-amarillo {
	color: #fcea0d;
}

.card-img-overlay {
	background-color: transparent;
	padding: .5rem;
}

.fondo-home {
	background-image: url(./images/mobile/home-header.png);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

@media ( min-width : 992px) {
	#registro {
		background-image: url(./images/fondo-registro.png);
		background-size: auto 100%;
		background-position: left top;
	}
	.fondo-home {
		background-image: url(./images/fondo-home-2.png);
	}
	#inicio, #jugar, #ranking {
		background-image: url(./images/fondo-inicio-3.png);
		background-size: auto 100%;
		background-position: center center;
	}
	.card-img-overlay {
		padding: 1.25rem;
	}
}

hr.blanco {
	border-top-color: white;
}

.bg-azul {
	background-color: #1c355e;
}

.text-azul {
	color: #1c355e;
}

#modalBases .modal {
	background-color: #1c355e;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 50%;
}

.custom-checkbox .custom-control-input:checked ~.custom-control-label::after
	{
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fcea0d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.form-control {
	border-radius: 0;
	border: none;
	color: #247cbe;
}

.text-celeste {
	color: #247cbe;
}

.tarjeta {
	border: 1px solid #247cbe;
}

.tarjeta .parte1 {
	background-color: #247cbe;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
	text-transform: uppercase;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link,
	.badge-pepsico {
	background-color: #fcea0d;
	font-family: 'Montreal', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #1a2341;
	border-radius: 0;
	border: none;
	padding: .25rem 1rem;
}

.nav-link {
	padding: .25rem 1rem;
}

.modal-content {
	border-radius: 0;
	border: 1px solid white;
}

.cerrarModal {
	background-color: white;
	padding: .10rem .5rem;
}

.card {
	background-color: transparent;
}

.card, .card-img, .card-img-overlay {
	border: none;
	border-radius: 0;
}

@media ( max-height : 992px) {
	#home h5 {
		font-size: .979rem;
	}
}

.min-vh-75 {
	min-height: 75vh;
}

.min-vh-65 {
	min-height: 65vh;
}

h1 {
	font-size: 60px;
}

.fs-100 {
	font-size: 100px;
}

.fs-70 {
	font-size: 70px;
}

.fs-50 {
	font-size: 50px;
}

.fs-40 {
	font-size: 40px;
}

.w-lg-50 {
	width: 100%;
}

.w-lg-75 {
	width: 100%;
}

@media ( min-width : 992px) {
	#formCodigo {
		padding-top: 9rem;
	}
	.w-lg-50 {
		width: 50% !important;
	}
	.w-lg-75 {
		width: 75% !important;
	}
}

.videoTerminado {
	filter: saturate(0) brightness(1.5);
}

.d-flex.d-none {
	display: none !important;
}

.filtro[data-paso="3"] {
	background-color: rgba(26, 35, 65, 0.7);
}

.reloj {
	position: absolute;
	right: 6%;
	top: 0;
	padding-top: 7%;
	background-image: url(./images/reloj.png);
	width: 89px;
	height: 110px;
	background-size: 100%;
	font-size: 30px;
}

#home p {
	font-weight: 200;
}

@media ( max-width : 576px) {
	h1 {
		font-size: 30px;
	}
	.fs-100 {
		font-size: 50px;
	}
	.fs-70 {
		font-size: 35px;
	}
	.fs-50 {
		font-size: 25px;
	}
	.fs-40, .gf-titulo {
		font-size: 20px;
	}
	.badge-pepsico {
		padding: 3px 5px !important;
		font-size: 15px !important;
	}
	.btn-pepsico, .btn-respuesta:active, .btn-respuesta:hover, .btn-jugada,
		.btn-respuesta {
		padding: 5px 14px !important;
		font-size: 25px !important;
		line-height: 1;
	}
	.min-vh-65 {
		min-height: 45vh;
	}
	.reloj {
		background: none;
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		text-align: center;
		width: 100%;
		height: 50px;
	}
	[data-paso="6"] img.card-img {
		opacity: 0;
	}
	[data-paso="6"] .card-img-overlay {
		background: none;
	}
}

footer {
	position: absolute;
	bottom: 0;
	right: 0;
}

.tablaRanking {
	background-color: #1a2341;
	background-image: url(./images/fondo-ranking.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	padding: 1rem 1.25rem;
}

@media ( max-width : 992px) {
	.text-legal {
		font-size: 10px;
	}
	#fondo-cuerpo-home-mobile {
		background-image: url(./images/mobile/home-fondo-cuerpo.png);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#home {
		background-color: #1ab8e4;
	}
	.menu-bg {
		background-image: linear-gradient(to bottom, #1a2341 0%, #1a2341 90%, #1ab8e4 90%, #1ab8e4
			100%);
		background-image: url(./images/mobile/menu-bg.png),
			linear-gradient(to bottom, #1a2341 0%, #1a2341 90%, #1ab8e4 90%, #1ab8e4
			100%);
		background-size: 100% auto;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	.no-achicar-10 {
		font-size: 10px !important;
	}
	.no-achicar-17 {
		font-size: 17px !important;
	}
	.no-achicar-40 {
		font-size: 40px !important;
	}
	.no-achicar-35 {
		font-size: 35px !important;
	}
	.no-achicar-20 {
		font-size: 20px !important;
	}
	.texto-mobile {
		font-size: 12px;
	}
	.fsm-14 {
		font-size: 14px;
	}
	#inicio .form-control {
		height: calc(1.5em + 1rem + 2px);
		padding: .5rem 1rem;
		font-size: 1.25rem;
		line-height: 1.5;
	}
	#inicio .form-group {
		margin-bottom: 0rem;
	}
	#jugar, #ranking {
		background-color: #1a2341;
		background-image: url(./images/mobile/juego-fondo.png);
		background-size: 100% auto;
		background-position: center top 60px;
		background-repeat: no-repeat;
	}
	.img-no-ver {
		visibility: hidden !important;
	}
	.tablaRanking {
		background: none;
		padding: 0;
	}
	#ranking table th div {
		padding: .05rem;
	}
}

.bg-azul-2 {
	background-color: #247cbe;
}

.bg-celeste-azul {
	background-image: linear-gradient(to bottom, #1ab8e4 0%, #1ab8e4 50%, #247cbe 50%, #247cbe
		100%);
}

.reloj-mobile {
	width: 25vw;
	height: 25vw;
	background-color: #247cbe;
	border-radius: 50%;
	text-align: center;
	margin: 0.5rem auto 1rem;
}