/* - - - - - Variables - - - - - */
/* - - - - - Mixins - - - - -*/
/* - - - - - Animaciones - - - - - */
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translate(0px, 100px);
  }
  50% {
    transform: translate(0px, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
    transform: translate(0px, -100px);
  }
  50% {
    transform: translate(0px, 10px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
.fade-in {
  animation-name: fade-in;
  animation-duration: 0.6s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  animation-delay: 0.1s;
}

/* - - - - - Reglas - - - - - */
body {
  background: white;
  font-family: "Poppins", Helvetica;
}

/* - - - - - Botones - - - - - */
.btn-blue {
  background: #5B7DA2;
  border: 1px solid #5B7DA2;
  border-radius: 30px !important;
  color: white;
  font-family: "Lexend Deca", Helvetica;
  padding: 0.58rem 3rem;
  transition: all 0.2s;
}
.btn-blue:hover {
  color: #5B7DA2;
  background: rgba(0, 0, 0, 0);
  transition: all 0.2s;
}

/* - - - - - Cards - - - - - */
.card {
  border-radius: 20px !important;
  border: 1px solid rgb(235,235,245);
  margin-bottom: 1.7rem;
}

.card-footer {
	border: none !important;
	border-radius: 20px !important;
	background: white;
	margin-top: -0.8rem;
	padding: 0px 1.7rem 1.7rem 1.7rem !important;
	text-align: center;
}

.info-card h3 a, .info-card h3 {
  color: rgb(60,72,89) !important;
  margin-bottom: 0px !important;
}

.info-card h4 {
	color: rgb(60,72,89) !important;
	margin-bottom: 0.1rem !important;
}

.info-card p {
	margin-top: 0.5rem;
	margin-bottom: 0px;
  color: rgb(159,172,189);
}

.info-card {
  padding: 1.7rem;
  text-align: center;
}

.icono {
  background:  #5B7DA2;
  border-radius: 100%;
  color: white !important;
  margin-bottom: 1rem;
  font-size: 2rem;
  padding: 1.7rem;
}
.info-card .btn-blue {
	display: inline-block;
	margin-top: 0.6rem !important;
}

.info-price {
	background:  #5B7DA2;
	border-radius: 100%;
	color: white !important;
	margin: 1rem;
	margin-bottom: 1rem;
	padding: 2rem;
}

/* - - - - - Etc - - - - - */
.blue {
  color: #5B7DA2;
}

.overlap {
	margin-top: -200px;
}

a:hover {
  text-decoration: none;
}

/* - - - - - Forms - - - - - */
.form-control {
	border-radius: 20px;
	border-color: rgb(235,235,245);
	color: rgb(159,172,189) !important;
	background: rgb(250,250,250);
}

.form-control:focus {
	border-color: #5B7DA2;
	box-shadow: none;
	background: rgb(249,249,255);
	color: #5B7DA2 !important;
}

/* - - - - - Footer - - - - - */
.footer {
  background: rgb(60,72,89);
  color: rgba(255, 255, 255, 0.7);
  margin-top: 3rem;
  padding: 2rem 1.5rem;
}
.footer i {
  color: white;
}
.footer span {
  color: white;
  font-weight: 500;
  padding-left: 0.4rem;
}
.footer p {
  margin-bottom: 0.1rem !important;
  padding-left: 1.2rem;
}

.footer .col-12 {
	padding-bottom: 1rem;
}

/* - - - - - Headers - - - - - */
h1, h2, h3, h4, h5, h6 {
  font-family: "Lexend Deca", Helvetica;
}

/* - - - - - hr - - - - - */
hr {
	margin-top: 2.6rem;
	margin-bottom: 2.6rem;
}

hr.w-25 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* - - - - - Images - - - - - */
img {
  max-width: 100%;
  height: auto;
}

/* - - - - - Jumbotron - - - - - */
.jumbotron {
  background-color: white;
  border-bottom: 1px solid rgb(235,235,245);
  background-size: cover;
  background-position: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.jumbotron h1 {
  color: rgb(60,72,89);
}
.jumbotron p {
  color: rgb(159,172,189);
  font-size: 1.18rem;
  font-weight: 300;
  margin-bottom: 1.5rem !important;
}
.jumbotron img {
	padding: 0rem 2rem;
}

/* - - - - - Listas - - - - - */
li {
	color: rgb(159,172,189);
	border: none !important;
}

li:first-child {
	border-top: 1px solid rgb(235,235,245) !important;
	margin-top: 0.9rem;
}

.list-group-item {
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	text-align: left;
}

/* - - - - - Main - - - - - */
main {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.info-main {
	text-align: center !important;
}

.info-main p {
  color: rgb(159,172,189) !important;
}

.info-main h1 {
	color: rgb(60,72,89) !important;
}

/* - - - - - Nav - - - - - */
nav:first-child {
  background: white;
  border-bottom: 1px solid rgb(235,235,245);
}
nav img {
  height: 2.5rem;
}

.nav-link {
  color: rgb(159,172,189) !important;
  transition: all 0.2s;
  margin-left: 0.3crem;
}
.nav-link:hover {
  color: rgb(60,72,89) !important;
  transition: all 0.2s;
}

.navbar-brand {
  color: rgb(60,72,89) !important;
  padding: 0px 1rem 0px 0px;
  vertical-align: middle;
}

.navbar-toggler {
  color: rgb(160,172,189);
  vertical-align: middle;
}
.active {
	color: rgb(60,72,89) !important;
}

@media (max-width: 575.98px) {
	.jumbotron {
		padding-top: 3rem;
		padding-bottom: 3rem;
		text-align: center;
	}
}