/*
 * Globals
 */

:root {
  --celeste: #51A8B1;
  --verde: #3E4095;
  --amarillo: #FAC832;
  --fondoHF: rgba(34, 46, 27, 0.7);
  --azul: #3E4095;
  
  --rojo: #FF3D22;
}

@font-face {
	font-family: "TitilliumWeb-Bold";
	src: url("../fonts/TitilliumWeb-Bold.ttf");
}
@font-face {
	font-family: "TitilliumWeb-Light";
	src: url("../fonts/TitilliumWeb-Light.ttf");
}
@font-face {
	font-family: "TitilliumWeb-SemiBold";
	src: url("../fonts/TitilliumWeb-SemiBold.ttf");
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1;
}

/*tml { font-size: 1rem; }*/

body {
	font-family: TitilliumWeb-SemiBold,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif !important;
	overflow-x: auto;
    overflow-y: scroll;
}

header {
	font-size: 1.2rem;
	background-color: var(--azul)!important;
}

article {
	font-size: 1.1rem;
}

footer {
	font-size: 1.2rem;
	background-color: var(--azul)!important;
	border-bottom: solid;
    border-bottom-width: 1px;
}

.isotipo { max-height: 80px; }

.border-celeste { border-color: var(--celeste) !important; }

.text-verde { color: var(--verde) !important; }

.btn-celeste {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--celeste);
    --bs-btn-border-color: var(--celeste);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--celeste);
    --bs-btn-hover-border-color: var(--celeste);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--celeste);
    --bs-btn-active-border-color: var(--celeste);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--celeste);
    --bs-btn-disabled-border-color: var(--celeste);
	width: -webkit-fill-available;
}

.hr-celeste {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 3px solid var(--celeste) !important;
  opacity: 1 !important;
}

.btn-outline-celeste, .btn-outline-celeste:hover {
    color: var(--celeste);
    border-color: var(--celeste);
}

.redes { max-width: 50px; }

.text-justify { text-align: justify; }

@media(max-width:992px){
	.border-lg-none { border: none !important; }
	.isotipo { max-height: 65px; }
	.redes { max-width: 50px; }
}

#navbarText ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navbarText ul li {
	display: inline;
}

#navbarText ul li a {
	text-decoration: none;
	padding: 0.2em 1.1em;
	border-right: 2px solid rgba(255, 255, 255, 0.8);
	margin: 0 0 0 -6px;
}

#navbarText ul li:last-child a {
	border: none;
}