body {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}

.btn {
  border-radius: 2em;
  padding: 0.5em 1.5em;
  text-transform: uppercase;
}
.btn-cta {
  background: #04a697;
  color: white;
  font-weight: 600;
}
.btn-cta:hover {
  background: #ff851e;
  color: white;
}
.btn-outline {
  border: 1px solid #04a697;
}
.btn-outline:hover {
  border: 1px solid black;
}

.header {
  padding: 1em 0;
  text-transform: uppercase;
  font-weight: 600;
}
.header .navbar-brand {
  display: block;
  width: 250px;
}
.header .navbar-brand img {
  position: absolute;
  width: 200px;
  top: 16px;
}
.header .navbar-nav img {
  width: 20px;
  height: auto;
  margin: 0 0.5em 0 0;
}
.header .navbar-nav .nav-item:last-child .btn {
  margin-left: 1em;
}

.hero {
  background: #f7f3ed;
  padding: 2em 0 3em;
}
.hero .title {
  font-weight: 700;
  font-size: 3.5em;
}
.hero .extra {
  background: rgba(4, 166, 151, 0.1);
  border-radius: 0.5em;
  color: #04a697;
  display: inline-block;
  font-size: 0.8em;
  margin: 0 0 0.5em;
  padding: 0.5em 1em;
}
.hero .description {
  opacity: 0.6;
  font-size: 1.3em;
}

.features {
  padding: 3em 0;
}
.features .top {
  padding: 0 0 3em 0;
}
.features .top .text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  padding: 0 0 1em 0;
  margin: 0;
}
.features .top .title {
  margin: 0;
  font-size: 2.5em;
  font-weight: 600;
}
.features .post {
  padding: 2em;
  border-radius: 1em;
  margin-bottom: 1em;
}
.features .post-a {
  background: #f0fbf8;
}
.features .post-b {
  background: #fdf7f3;
}
.features .post-c {
  background: #f1f9fc;
}
.features .title {
  font-size: 2em;
  font-weight: 500;
}
.features img {
  margin: 0 0 1em 0;
}

.category {
  padding: 3em 0;
  text-align: center;
}
.category .title {
  font-weight: 700;
  font-size: 2.5em;
  margin: 0 0 1em 0;
}
.category ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category ul li {
  display: inline-block;
  margin: 0.5em;
}
.category ul a {
  background: #04a697;
  font-weight: 600;
  font-size: 1.1em;
  padding: 0.5em 1em 0.5em 0.5em;
}
.category ul a span {
  background-color: white;
  border-radius: 50%;
  height: 52px;
  line-height: 52px;
  width: 52px;
  display: inline-block;
  margin-right: 0.6em;
}
.category .extra {
  background: rgba(4, 166, 151, 0.1);
  border-radius: 0.5em;
  color: #04a697;
  display: inline-block;
  font-weight: 500;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.category .btn-cat-a {
  background: #dff6f5;
}
.category .btn-cat-a:hover {
  background: #8be2de;
}
.category .btn-cat-b {
  background: #f1ecda;
}
.category .btn-cat-b:hover {
  background: #dfc154;
}
.category .btn-cat-c {
  background: rgba(30, 194, 142, 0.2);
}
.category .btn-cat-c:hover {
  background: rgba(30, 194, 142, 0.8);
}
.category .btn-cat-d {
  background: #daf1e8;
}
.category .btn-cat-d:hover {
  background: #6496e5;
}
.category .btn-cat-e {
  background: #f1e0da;
}
.category .btn-cat-e:hover {
  background: #dc8e72;
}
.category .btn-cat-f {
  background: #e2dcf3;
}
.category .btn-cat-f:hover {
  background: #8362e1;
}
.category .btn-cat-g {
  background: #dae3f1;
}
.category .btn-cat-g:hover {
  background: #6496e5;
}
.category .btn-cat-h {
  background: #e7f1da;
}
.category .btn-cat-h:hover {
  background: #a8e856;
}

.courses {
  padding: 3em 0;
  background: #f9f6f4;
}
.courses .title {
  font-weight: 700;
  font-size: 2.5em;
}
.courses .extra {
  background: rgba(4, 166, 151, 0.1);
  border-radius: 0.5em;
  color: #04a697;
  display: inline-block;
  font-weight: 500;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.courses .course {
  background: white;
  padding: 16px;
  border-radius: 1em;
  margin: 1.5em 0 0 0;
}
.courses .course .cat {
  margin: 0.5em 0 1em 0;
  text-decoration: none;
  padding: 0.5em 1em;
  background: rgba(4, 166, 151, 0.2);
  color: #04a697;
  text-transform: uppercase;
  font-size: 0.8em;
  border-radius: 0.5em;
}
.courses .course .name {
  font-weight: 500;
  font-size: 1.7em;
  margin: 0.7em 0;
}
.courses .course img {
  border-radius: 1em;
  margin-bottom: 1em;
}

.about {
  padding: 3em 0 0 0;
}
.about .title {
  font-weight: 700;
  font-size: 2.5em;
}
.about .extra {
  background: rgba(4, 166, 151, 0.1);
  border-radius: 0.5em;
  color: #04a697;
  display: inline-block;
  font-weight: 500;
  padding: 0.5em 1em;
  text-transform: uppercase;
}

.partners {
  padding: 3em 0;
  background: rgba(255, 133, 30, 0.2);
}
.partners .text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  padding: 0 0 1em 0;
  margin: 0;
}
.partners .title {
  margin: 0.5em 0 0 0;
}

.footer {
  padding: 3em 0;
  background: #1e1e1e;
  color: white;
}
.footer .title {
  font-size: 1.5em;
  color: white;
  margin: 0 0 1em 0;
}
.footer .description {
  font-weight: 300;
  padding-right: 1em;
  font-size: 0.9em;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer a {
  color: #04a697;
  text-decoration: none;
  padding: 0.3em 0;
  display: block;
}
.footer .copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  margin: 2em 0 0 0;
  text-align: center;
  padding: 1em 0 0 0;
}
.footer .copyright strong {
  color: white;
}

.page {
  padding: 3em 0;
  background: rgba(4, 166, 151, 0.1);
}
.page .title {
  font-weight: 700;
  font-size: 3.5em;
  margin: 0 0 0.5em 0;
}
.page .extra {
  background: rgba(4, 166, 151, 0.1);
  border-radius: 0.5em;
  color: #04a697;
  display: inline-block;
  font-size: 0.8em;
  margin: 0 0 em;
  padding: 0.5em 1em;
}
.page.faq {
  padding-bottom: 0;
}
.page.page-contact li {
  padding: 1em;
  background: rgba(4, 166, 151, 0.1);
}
.page.page-contact .data {
  display: flex;
  align-items: center;
}
.page.page-contact .data div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: white;
  margin: 0 1em 0 0;
  padding: 1em;
}
.page.page-contact .data div img {
  width: 100%;
}
.page.page-contact .data p {
  margin: 0;
  font-size: 1.5em;
  font-weight: 500;
}
.page.page-contact .data p span {
  font-size: 0.7em;
  display: block;
  font-weight: 300;
}
.page.page-sede iframe {
  border-radius: 0.5em;
}
.page.page-sede li {
  padding: 0.5em 1em;
}
.page.page-sede .subtitle {
  margin: 1em 0 0.5em 0;
}
.page.page-sede .card {
  padding: 1em;
  margin: 0.5em 0;
}
.page.page-sede .data {
  display: flex;
  align-items: center;
}
.page.page-sede .data-title {
  color: #04a697;
  font-size: 1.9em !important;
}
.page.page-sede .data div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: white;
  margin: 0 1em 0 0;
  padding: 1em;
}
.page.page-sede .data div img {
  width: 100%;
}
.page.page-sede .data p {
  margin: 0;
  font-size: 1.5em;
  font-weight: 500;
}
.page.page-sede .data p span {
  font-size: 0.7em;
  display: block;
  font-weight: 300;
}

/*# sourceMappingURL=main.css.map */