/* ==============================================================
/*	GENERAL
/* ============================================================== */
	:root {
		--bs-body-font-family: 'rotoplas_regular';
		--bs-border-radius: 2rem;
		--dm-blue-1: #00AFD7;
		--dm-blue-2: #009CDE;
		--dm-blue-3: #407EC9;
		--dm-blue-4: #236192;
		--dm-blue-5: #002554;
		--dm-blue-6: #8BD2F4;
		--dm-blue-7: #0081C6;
		--dm-blue-e: #273a98;
		--dm-grey-1: #EDEDED;
		--dm-grey-2: #929292;
		--dm-white: #ffffff;
		--dm-amarillo: #FFDE00;
	}

	@font-face {
		font-family: 'rotoplas_bold';
		src: url('fonts/rotoplas_bold/rotoplas_bold_webfont.woff2') format('woff2'), url('fonts/rotoplas_bold/rotoplas_bold_webfont.woff') format('woff');
		font-display: swap;
	}
	@font-face {
		font-family: 'rotoplas_regular';
		src: url('fonts/rotoplas_regular/rotoplas_regular_webfont.woff2') format('woff2'), url('fonts/rotoplas_regular/rotoplas_regular_webfont.woff') format('woff');
		font-display: swap;
	}
	@font-face {
		font-family: 'rotoplas_light';
		src: url('fonts/rotoplas_light/rotoplas_light_webfont.woff2') format('woff2'), url('fonts/rotoplas_light/rotoplas_light_webfont.woff') format('woff');
		font-display: swap;
	}

	.blue1 { color: var(--dm-blue-1); }
	.blue2 { color: var(--dm-blue-2); }
	.blue3 { color: var(--dm-blue-3); }
	.blue4 { color: var(--dm-blue-4); }
	.blue5 { color: var(--dm-blue-5); }
	.blue6 { color: var(--dm-blue-6); }
	.blue7 { color: var(--dm-blue-7); }

	.bg-blue1 { color: var(--dm-blue-1); }
	.bg-blue2 { color: var(--dm-blue-2); }
	.bg-blue3 { color: var(--dm-blue-3); }
	.bg-blue4 { color: var(--dm-blue-4); }
	.bg-blue5 { color: var(--dm-blue-5); }
	.bg-blue6 { color: var(--dm-blue-6); }
	.bg-blue7 { color: var(--dm-blue-7); }

	body {
		background: #273a98;
	}

	a {	
		transition: all ease .3s;
		color: var(--dm-white);
	}
	a:hover {
		color: var(--dm-blue-2);
	}
/* general */

.rtp-btn {
	border-radius: 2rem;
	padding: 0.5rem 1.5rem;
	transition: all ease .3s;
	display: inline-block;
}
.rtp-btn-azul {
	background: var(--dm-blue-5);
	color: var(--dm-white);
}
.rtp-btn-amarillo {
	background: var(--dm-amarillo);
	color: var(--dm-blue-5);
	padding-top: 10px;
	padding-bottom: 10px;
}

.fondo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.contenido {
	margin-top: 26%;
}

.sociales-btn {
	height: 30px;
	width: 30px;
	display: inline-flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--dm-white);
	border-radius: 50%;
	overflow: hidden;
}
.sociales-btn svg {
	height: 20px;
	fill: var(--dm-blue-e);
}


#oa-texto {
	background-color: var(--dm-blue-5);
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 2rem;
}


/* tabla */
	table {
		margin: auto;
		color: var(--dm-white);
	}
	table th {
		background-color: #009cde;
	}
	table td {
		font-size: 12px;
	}
	tbody, td, tfoot, th, thead, tr {
		border-color: var(--dm-white);
		border-style: solid;
		border-width: 1px;
		padding: 0.5rem;
	}
/**/

@media screen and (max-width: 576px) {
	.contenido {
		margin-top: 90%;
	}
}



/* ==============================================================
/*	HOVER
/* ============================================================== */
	/* Forward */
	.hvr-forward {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	/* Backward */
	.hvr-backward {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
	/* Float */
	.hvr-float {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	/* Sink */
	.hvr-sink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
/* hover */



/* ==============================================================
/*	DROPDOWN
/* ============================================================== */
	.dropbtn {
		background-color: #fff;
		border-radius: .5rem;
		color: #002554;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: .5rem;
		padding-bottom: .5rem;
		/* width: 100%;
		font-size: 13px; */
		width: 160px;
		border: none;
	}
	
	/* The container <div> - needed to position the dropdown content */
	.dropdown {
		position: relative;
		display: inline-block;
		width: 160px;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #ddd;}
	
	/* Show the dropdown menu on hover */
	/* .dropdown:active .dropdown-content {display: block;} */
	
	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {background-color: #002554; color: #fff;}

	.down {
		display: block;
	}
/**/