@font-face {
	font-family: 'Avenir Next';
	src: url('/assets/main/FONTS/Avenir Next.ttc');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Next';
	src: url('/assets/main/FONTS/Avenir Next Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Next';
	src: url('/assets/main/FONTS/Avenir.ttc');
	font-weight: normal;
	font-style: normal;
}

/* Usage example */
body {
	font-family: 'Avenir Next', 'Avenir', sans-serif;
	/* Specify fallback fonts in case the custom font fails to load */
}
  
:root {
	--primary: #27306E;
	--secondary: #d5b76c;
	--primary-light: #1b75bc;
}

.show {
	display: block;
}

.logo {
	height: 125px !important;
}

.portada {
	background-image: url('/assets/main/PORTADA 1.jpeg');
	background-position: center;
	background-size: cover;
}

.navbar-gradient {
	/* background: linear-gradient(150deg, #27306E 50%, #555abf00 94%); */
	/* background: linear-gradient(150deg, #27306E 50%, #555abf00 94%); */
	background: #27306E !important;
	position: relative;
}

.btn-primary {
	background-color: var(--primary) !important;
	color: white;
}

.btn-primary-light {
	background-color: var(--primary-light) !important;
	color: white;
}

.btn-secondary {
	background-color: var(--secondary) !important;
	color: white;
}

.fshape {
	background-color: var(--primary);
	height: 50px;
	width: 100%;
	position: absolute;
	z-index: -1;
	margin-left: -25px;
}

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

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

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

.bg-primary {
	background-color: var(--primary) !important;
}

.bg-primary-light {
	background-color: var(--primary-light) !important;
}

.bg-secondary {
	background-color: var(--secondary) !important;
}

.asesor {
	background-image: url('/assets/main/ASESOR.png');
	background-size: cover;
	background-position: center;
	height: 322px;
}

.icon-shape-primary {
    background-color: var(--primary) !important;
}

.icon-shape-primary-light {
    background-color: var(--primary-light) !important;
}

.icon-shape-secondary {
    background-color: var(--secondary) !important;
}

.bullet-list {
  list-style: none;
}

.bullet-list li::before {
  content: "•";
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 15px;
}

.bullet-blue li::before {
  content: "•";
  color: var(--primary);
  font-weight: bold;
  display: inline-block;
  width: 15px;
}

.nav.nav-pills .nav-link.active {
	background-color: var(--primary) !important;
}

a {
	color: var(--primary);
}

.scroll-button {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 120px;
  height: 40px;
  background-color: #555;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.scroll-button.show {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.scroll-button.hide {
  opacity: 0;
}

.fbutton {
	background-image: url('/assets/main/BOTON.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 100px;
	text-align: center;
	color: white;
	padding-top: 14px;
	font-weight: bold;
	cursor: pointer;
}

.img-fluid {
	height: auto !important;
}