/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');*/
@font-face {
  font-family: "Poppins";
  font-weight: normal;
  src: url("https://moria.aurens.com/assets/Poppins-Regular.ttf");
}

@font-face {
  font-family: "Poppins";
  font-weight: bold;
  src: url("https://moria.aurens.com/assets/Poppins-Bold.ttf");
}

body {
  font-family: "Poppins", sans-serif;
}
a.active,
a:focus,
button:focus,
button.active {
  outline: none;
}
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
.btn:focus {
  box-shadow: none;
}
a:focus,
a:hover,
a:active {
  outline: 0;
  box-shadow: 0;
}
a:focus,
a:hover {
  text-decoration: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6 {
  margin-bottom: 0;
}
a {
  transition: all ease-in-out 0.5s;
  text-decoration: none;
}
button {
  transition: all ease-in-out 0.5s;
}
a:hover {
  text-decoration: none;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  list-style: none;
}
p {
  margin: 0;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
figure {
  margin: 0;
}
img {
  border-style: none;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.wrapper {
  padding: 0px 0 0 0;
}

.go-to-top {
  display: none;
  width: 65px;
  height: 65px;
  border-radius: 40px;
  line-height: 62px;
  transform: scale(0.8);
  text-align: center;
  position: fixed;
  bottom: 15px;
  right: 15px;
  transition: all 0.25s ease;
  background-image: radial-gradient(
    circle at 74% 1.2e2%,
    rgba(206, 228, 242, 0.85) 0%,
    rgba(223, 223, 247, 0.85) 44%,
    rgba(208, 220, 245, 0.85) 96%
  );
}
.go-to-top:hover {
  transform: scale(1);
}

.secondary-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  border-radius: 0;
  /*background: rgba(255,255,255,0.9);*/
  background-image: radial-gradient(
    circle at 74% 1.2e2%,
    rgba(206, 228, 242, 0.85) 0%,
    rgba(223, 223, 247, 0.85) 44%,
    rgba(208, 220, 245, 0.85) 96%
  );
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  /*box-shadow: 0 5px 9px 0 rgb(0 0 0 / 6%);*/
  height: 80px;
  z-index: 90;
}
.secondary-nav .navbar-brand {
  position: relative;
  top: 6px;
}
.secondary-nav div {
  max-width: 1120px;
  margin: 0 auto;
}

.secondary-nav h1 {
  display: inline-block;
  font-size: 25px;
  position: absolute;
  line-height: 56px;
  background: -webkit-linear-gradient(left, #003da5, #0095c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.secondary-nav a.btn {
  display: inline-block;
  border-radius: 22.5px;
  background-image: linear-gradient(
    to left,
    #f7bb22,
    #f9ac21,
    #f99c24,
    #f88d28,
    #f57d2e,
    #f37233,
    #f16837,
    #ee5d3c,
    #ed5540,
    #eb4d45,
    #e94549,
    #e63d4e
  );
  font-size: 14px;
  border: none;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.08px;
  color: #fff;
  padding: 10px 16px;
  margin-top: 23px !important;
  float: right;
}
.secondary-nav ul {
  padding: 0 40px;
  line-height: 78px;
  text-align: left;
  float: right;
  position: relative;
}
.secondary-nav li {
  display: inline-block;
  list-style: none;
  font-size: 13px;
  z-index: 10;
  position: relative;
}
.secondary-nav li A {
  color: #6e757b;
  padding: 10px;
}
.secondary-nav li:hover A {
  color: #0d3e75;
}

/* header start */
header {
  background: #fff;
  width: 100%;
  padding: 21px 0;
  top: 0;
  left: 0;
  z-index: 100;
}
header .navbar {
  margin: 0;
  padding: 0;
}
header .navbar-brand {
  margin: 0;
  padding: 0;
  margin-right: 57px;
}
header .brand {
  width: 91px;
}
header .navbar-expand-lg .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: normal;
  color: #6e757b;
  padding: 0;
  margin-right: 40px;
}
header .navbar-expand-lg .navbar-nav .nav-link.active {
  color: #0d3e75;
  font-weight: bold;
  position: relative;
}
header .navbar-expand-lg .navbar-nav .nav-link {
  position: relative;
  transition: all ease-in-out 0.5s;
}
header .navbar-expand-lg .navbar-nav .nav-link:after {
  content: "";
  position: absolute;
  width: 56px;
  height: 4px;
  background-image: linear-gradient(
    to left,
    #f7bb22,
    #f9ac21,
    #f99c24,
    #f88d28,
    #f57d2e,
    #f37233,
    #f16837,
    #ee5d3c,
    #ed5540,
    #eb4d45,
    #e94549,
    #e63d4e
  );
  bottom: -13px;
  left: 0;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all ease-in-out 0.5s;
  width: 100%;
}
header .navbar-expand-lg .navbar-nav li:last-child .nav-link {
  margin-right: 0;
}
header .navbar .navbar-nav .nav-link:hover:after {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
header .navbar .navbar-nav .nav-link.active:after {
  opacity: 1;
}
header .navbar .navbar-nav .nav-link:hover {
  color: #0d3e75;
  font-weight: bold;
}
header .header-wrapper {
  max-width: 1330px;
  margin: 0 auto;
}
header .header-btn .btn {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.07px;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 22px;
  background-image: linear-gradient(
    to left,
    #f7bb22,
    #f9ac21,
    #f99c24,
    #f88d28,
    #f57d2e,
    #f37233,
    #f16837,
    #ee5d3c,
    #ed5540,
    #eb4d45,
    #e94549,
    #e63d4e
  );
  width: 170px;
  line-height: 35px;
  padding: 0;
  text-transform: uppercase;
}
/* header end */
/* hero start */
.hero {
  background: url("../images/bg-hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 280px 0px 300px;
  position: relative;
}
.hero .hero-inner h1 {
  font-size: 32px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  letter-spacing: normal;
  color: #fff;
  text-shadow: 2px 2px 0 #4b57cb;
}

.title-stroke {
  color: #4b57cb;
  position: relative;
  z-index: 1;
}
.title-stroke:before {
  background: -webkit-linear-gradient(
    0deg,
    #9fcae5 5%,
    #d2d2f4 53%,
    #a7beec 91%
  );
  color: #fff;
  content: attr(data-before);
  /*padding: 3px 30px 30px 3px;*/
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  z-index: -1;
  -webkit-background-clip: text;
  -webkit-text-stroke: 3px transparent;
}

#content {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
/* .overlay .tab-content {
    scrollbar-width: none;
-ms-overflow-style: none;
    scrollbar-width: none;
-ms-overflow-style: none;
}
.overlay .tab-content::-webkit-scrollbar {
    width: 0;
    height: 0;
}*/
.overlay-side-options {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.overlay-side-options::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.hero .hero-inner h2 {
  font-size: 72px;
  color: #4b57cb;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  margin-top: -45px;
  margin-left: 45px;
  position: relative;
}
.hero .hero-inner h2:before {
  content: "para vos";
}
.hero .hero-wrapper {
  position: relative;
  max-width: 595px;
  /* -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    background-color: rgba(255, 255, 255, 0.62); */
  border-radius: 9px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 110px;
}
.hero .hero-vedio-sec {
  position: relative;
  z-index: 10;
  top: -30px;
  left: -28px;
  display: flex;
  align-items: center;
  padding-left: 31px;
  justify-content: space-around;
}
.hero .hero-vedio a > img {
  border-radius: 8px;
}
.hero .hero-wrapper:after {
  content: "";
  position: absolute;
  right: 0%;
  border-radius: 40px;
  top: 0;
  width: 250%;
  height: 100%;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.hero .hero-inner {
  position: relative;
  z-index: 10;
  top: -32px;
}
.hero .hero-vedio-sec p {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #082744;
  max-width: 366px;
}
.hero .hero-vedio-sec p span {
  font-weight: 600;
}
.hero .hero-vedio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.hero .hero-vedio a {
  position: relative;
}
.hero .hero-vedio-desc {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translate(0, -50%);
}
.hero .hero-vedio-desc h3 {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.hero .hero-vedio-desc .play-btn {
  cursor: pointer;
  margin-bottom: 8px;
}
.modal-body.image-holder iframe {
  width: 100%;
}
.hero .hero-btn {
  padding-left: 115px;
}
.hero .hero-btn .btn {
  border-radius: 22.5px;
  background-image: linear-gradient(
    to left,
    #f7bb22,
    #f9ac21,
    #f99c24,
    #f88d28,
    #f57d2e,
    #f37233,
    #f16837,
    #ee5d3c,
    #ed5540,
    #eb4d45,
    #e94549,
    #e63d4e
  );
  font-size: 16.9px;
  border: none;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.08px;
  color: #fff;
  padding: 14px 20px;
  margin-top: 21px;
}
.hero .hero-btn .btn span {
  margin-right: 7px;
}

/* hero end */
/* plataforma start */
.plataforma {
  padding-top: 160px;
  padding-bottom: 50px;
  position: relative;
}
.plataforma .plataforma-top h4 {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292965;
}
.plataforma .plataforma-top h5 {
  /*background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.plataforma .plataforma-top h5:before {
  content: "las habilidades del futuro";
}
.plataforma .plataforma-inner {
  padding: 0 80px;
}
.plataforma .plataforma-top p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #1f262d;
  text-align: center;
  max-width: 1021px;
  margin: auto;
}
.plataforma .plataforma-top span {
  font-weight: bold;
}
.plataforma .plataforma-inner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 65px;
}
.plataforma .plataforma-inner ul li {
  display: flex;
  align-items: flex-start;
}
.plataforma .plataforma-inner ul li h4 {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  color: #2a4155;
}
.plataforma .plataforma-inner .image-holder {
  margin-right: 22px;
}
.plataforma .plataforma-inner ul li p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  color: #082744;
  max-width: 112px;
}
.plataforma .plataforma-top {
  text-align: center;
}
.plataforma .plataforma-lines {
  position: absolute;
  right: 60px;
  bottom: -50px;
}
/* .plataforma end */
/* reinventarte start */
.reinventarte {
  padding: 80px 0;
  background: url("../images/reinventarte-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.reinventarte .reinventarte-left {
  padding-top: 123px;
}
.reinventarte .reinventarte-left h5 {
  font-size: 23px;
  font-weight: normal;
  color: #57ebb8;
  margin-bottom: -15px;
}
.reinventarte .reinventarte-left h6 {
  font-size: 66px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
}
.reinventarte .reinventarte-left h6:before {
  content: "reinventarte";
  color: #4b6a8e;
}
.reinventarte .reinventarte-bdr {
  border-radius: 15px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(
    to right,
    rgba(82, 195, 156, 0) -3%,
    #26ce94 94%
  );
  border-image-slice: 1;
  max-width: 418px;
  position: relative;
}
.reinventarte .reinventarte-bdr:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #52c39c;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  right: -5px;
}
.reinventarte .reinventarte-btn .btn {
  border-radius: 24px;
  border: solid 1px #95c95b;
}
.reinventarte .reinventarte-inner p:first-child {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin-top: 21px;
}
.reinventarte .reinventarte-inner p:last-child {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #fff;
  margin-top: 26px;
}
.reinventarte .reinventarte-btn .btn {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.09px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  padding: 15px 27px;
}
/* .reinventarte .image-holder{
    float: right;
} */
/* .reinventarte .image-holder figure img{
    max-width: inherit;
} */
.reinventarte-bottom {
  margin-top: -10px;
  padding-bottom: 128px;
}
.reinventarte-bottom .reinventarte-boxes {
  border-radius: 9px;
  border-style: solid;
  border-width: 1.5px;
  border-image-source: radial-gradient(
    circle at 54% 0,
    #5a5ad7,
    rgba(90, 90, 215, 0) 79%
  );
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #fff, #fff),
    radial-gradient(circle at 54% 0, #5a5ad7, rgba(90, 90, 215, 0) 79%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  padding: 6px 0 6px;
  width: 300px;
}
.reinventarte-bottom .reinventarte-boxes .boxes-inner h5 {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #292965;
  max-width: 231px;
  margin-top: 13px;
}
.reinventarte-bottom .reinventarte-boxes .boxes-inner p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #082744;
  max-width: 231px;
  margin-top: 5px;
}
.reinventarte-bottom .reinventarte-boxes .image-holder {
  padding-left: 36px;
  margin-top: -20px;
}
.reinventarte-bottom .reinventarte-boxes .boxes-inner {
  padding-left: 36px;
  padding-right: 33px;
}
/* .reinventarte end */
/* estas start */
.estas {
  padding-top: 82px;
  padding-bottom: 150px;
  background: url(../images/estas-bg.jpg) no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.estas .estas-left {
  padding-top: 0px;
}
.estas .estas-left h5 {
  font-size: 25px;
  font-weight: bold;
  color: #292965;
}
.estas .estas-left h6:nth-child(2) {
  /*background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
  font-size: 55px;
  font-weight: bold;
}
.estas .estas-left h6:nth-child(2):before {
  content: "4 pasos";
}
.estas .estas-left h6:nth-child(3) {
  font-size: 25px;
  font-weight: bold;
  color: #292965;
}
.estas .estas-left p {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #1f262d;
  margin-top: 16px;
  max-width: 305px;
  padding-bottom: 35px;
}
.estas .nav-pills.carousel-indicators .nav-link span.tab-3 {
  background: linear-gradient(to right, #bd8fff 0%, #f83232 100%);
}
.estas .nav-pills.carousel-indicators .nav-link span.tab-4 {
  background: linear-gradient(to right, #00ba32 0%, #eae719 100%);
}
.estas .nav-pills.carousel-indicators .nav-link p span {
  background: #26ce94;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-pills.carousel-indicators .nav-link {
  background-color: #fff !important;
  border: 4px solid rgba(218, 226, 242, 0.58);
  border-radius: 15px;
  width: 260px;
  height: 60px;
  background-image: none;
  color: #292965;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.5s ease-in-out;
  text-indent: 0;
  margin-right: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  padding: 0 22px;
  margin-bottom: 13px;
  justify-content: space-between;
  opacity: 1;
}

.nav-pills.carousel-indicators .nav-link p {
  display: flex;
  align-items: center;
}
.nav-pills.carousel-indicators .nav-link.active {
  background: linear-gradient(
    to right,
    #e63d4e 0%,
    #e63d4e 43.96%,
    #ef6836 100%
  );
  color: #fff;
  border: 1px solid transparent;
  width: 275px;
  transition: all 0.5s ease-in-out;
}
.nav-pills .nav-link.active span.arrow img {
  filter: brightness(10.5);
}
.estas .nav-pills .nav-link.active span:first-child {
  background-color: #fff;
  color: #f7bb22;
}
.estas .nav-pills .nav-link span.tab-3 {
  background-color: #bd8fff;
}
.estas .nav-pills .nav-link span.tab-4 {
  background-color: #00ba32;
}
.estas .estas-right .carousel .carousel-inner .inner-text {
  text-align: center;
}
.estas-right-box {
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.83);
  backdrop-filter: blur(15px);
}
.estas-right-box img {
  width: 100%;
  border-radius: 21px 21px 0 0;
}
.estas-right-box .inner-text {
  text-align: center;
  padding: 27px 0 30px;
}
.estas-right-box .inner-text h5 {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.79;
  letter-spacing: normal;
  text-align: center;
  color: #292965;
}
.estas-right-box .inner-text p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #1f262d;
  max-width: 305px;
  margin: auto;
  padding-top: 10px;
}
.carousel-indicators {
  margin: 0;
  max-width: 644px;
  position: static;
  display: block;
}
.carousel-indicators [data-bs-target] {
  opacity: 0.28;
  border-radius: 3px;
  box-shadow: 0 28px 16px -19px rgb(69, 101, 159, 0.3);
  background-image: radial-gradient(
      circle at 21% 23%,
      #c0c6d3,
      #b5b5ed 49%,
      #afccde 86%
    ),
    radial-gradient(circle at -68% -45%, #26ce94, rgba(36, 199, 255, 0) 82%),
    linear-gradient(102deg, #5a5ad7 -9%, #c53232 408%);
  width: 25px;
  height: 6px;
}
.carousel-control-next,
.carousel-control-prev {
  position: static;
}
.estas .estas-right .estas-right-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  margin-top: 15px;
}
.carousel-control-next,
.carousel-control-prev {
  box-shadow: 0 28px 16px -19px rgba(255, 255, 255, 0.92);
  background-image: radial-gradient(
      circle at 21% 23%,
      #c0c6d3,
      #b5b5ed 39%,
      #afccde 68%
    ),
    radial-gradient(circle at -68% -45%, #26ce94, rgba(36, 199, 255, 0) 93%),
    linear-gradient(131deg, #5a5ad7 17%, #c53232 410%);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.carousel-control-next-icon {
  background: url("../images/arrow-right.svg");
  background-repeat: no-repeat;
}
.carousel-control-prev-icon {
  background: url("../images/arrow-left.svg");
  background-repeat: no-repeat;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-position: 50% !important;
}
/* estas end */
/* future up start */
.future-up {
  padding-top: 120px;
  /*background: url('../images/future-up-bg.png');*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-bottom: 112px;
  position: relative;
}
.decor {
  position: absolute;
  display: block;
}
.decor01 {
  height: 242px;
  width: 92px;
  background: url("../images/decor01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  top: 100px;
}
.decor02 {
  height: 274px;
  width: 92px;
  background: url("../images/decor02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  top: 350px;
}
.future-up .future-up-left ul {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}
.future-up .future-up-left ul .image-holder {
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  transform: scale(1);
}
.future-up .future-up-left ul .image-holder:hover {
  transform: scale(1.05);
}
.future-up .future-up-left ul .image-holder img {
  width: 200px;
}
/* .future-up .future-up-left ul li .image-holder:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border: 1.5px solid #4b57cb;
    border-radius: 37px;
    left: 0;
    opacity: 0.5;
    top: 0;
    transform: skewY(-3deg);
}
.future-up .future-up-left ul li:nth-child(2) .image-holder:after
{
    border: 1.5px solid #ec6c60;
}
.future-up .future-up-left ul:nth-child(2) li .image-holder:after
{
    border: 1.5px solid #36bca4;
}
.future-up .future-up-left ul:nth-child(2) li:nth-child(2) .image-holder:after
{
    border: 1.5px solid #4b57cb;
} */
.future-up .future-up-left ul .image-holder:hover .image-holder-inner {
  /*filter: drop-shadow(-4px 4px 14px rgba(176, 89, 223, 0.3));*/
  /*top: -24px;*/
  /*transition: all .5s ease-in-out;*/
  /*left: 21px;*/
}
.future-up .future-up-left ul .image-holder:hover .future-text {
  opacity: 1;
  /*visibility: hidden;*/
  transition: all 0.5s ease-in-out;
}
.future-up .future-up-left ul .image-holder:hover .text-hover {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}
.image-holder-inner {
  position: relative;
  top: -11px;
  left: 10px;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.future-text {
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #eeeff7;
  width: 100%;
  transform: skewY(-2deg);
  max-width: 141px;
  padding: 12px 20px;
  border-radius: 0 27px 0 27px;
  transition: all 0.5s ease-in-out;
}
.future-text img {
  transform: skewY(2deg);
}
.text-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(
    to left,
    rgba(90, 90, 215, 0.5) 0%,
    #f0266c 122%,
    #f0266c 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 27px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.text-hover h4 img {
  margin-right: 5px;
  height: 14px;
}
.text-hover h4 {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.future-up .future-up-left ul:first-child {
  margin-bottom: 14px;
}
.future-up .future-up-left ul li {
  padding: 0 15px;
}

.future-up .future-up-left ul .image-holder.img-2 {
  margin-top: 34px;
}
.future-up .future-up-left ul .image-holder.img-5 {
  margin-top: 17px;
}
.future-up .future-up-left .left-bottom {
  margin-top: 28px;
}
.future-up .future-up-left .left-bottom h5 {
  font-size: 16px;
  text-align: center;
  color: #082744;
  max-width: 397px;
  margin: auto;
}
.future-up .future-up-right h5 {
  /*background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
  font-size: 45px;
  font-weight: bold;
  letter-spacing: normal;
  margin-top: 70px;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.future-up .future-up-right h5:before {
  content: "¿FutureUp?";
}
.future-up .future-up-right h6 {
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
  color: #292965;
}
.future-up .future-up-right p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #082744;
  max-width: 348px;
  padding-top: 40px;
}
.future-up .future-up-right p:last-child {
  padding-top: 20px;
}
.future-up .future-up-right p span {
  font-weight: bold;
}
.future-up .future-up-left {
  padding-top: 50px;
  padding-right: 60px;
}
.future-up-modal {
  display: flex;
  align-items: center;
  padding: 125px 100px;
  justify-content: space-between;
  padding-top: 55px;
}
.future-up-header {
  border: 0;
  padding-right: 70px;
  padding-top: 45px;
}
.future-up-detail h5 {
  font-size: 52px;
  font-weight: bold;
  margin-bottom: 30px;
}
.future-up-detail h6 {
  font-size: 26px;
  font-weight: bold;
  color: #082744;
}
.future-up-detail p {
  font-size: 16px;
  font-weight: bold;
  color: #082744;
  width: 322px;
  margin-top: 25px;
}
.future-up-content {
  width: 1216px;
  border: 0;
  background: #f6f6f8;
  border-radius: 22px;
}
.future-up-vedio iframe {
  border-radius: 20px;
}
.future-up-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: none;
  margin: auto;
}
.future-up .future-up-btn .btn {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.89;
  letter-spacing: 0.09px;
  text-align: center;
  color: #0d3e75;
  border-radius: 24px;
  border: solid 1px #082744;
  margin-top: 40px;
  padding: 15px 30px;
}
.btn:hover {
  background-color: #082744;
  color: #fff !important;
}
.future-up .future-up-left .image-holder {
  position: relative;
  z-index: 10;
}
.future-up-vedio .future-up-desc {
  display: flex;
  align-items: center;
  position: absolute;
  left: 59%;
  top: 43%;
  position: absolute;
  transform: translate(0, -43%);
}
.future-up-vedio .future-up-main {
  position: relative;
}
.future-up-vedio .future-up-desc h3 {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.future-up-vedio .future-up-desc .future-up-play {
  cursor: pointer;
  width: 16px;
  height: 14px;
  margin-right: 10px;
}
/* .future-up end */
/* abanico start */
.abanico {
  background-image: linear-gradient(
      to bottom,
      #fff 1%,
      rgba(255, 255, 255, 0) 50%
    ),
    linear-gradient(
      to top,
      rgba(208, 220, 245, 0.88) -49%,
      rgba(223, 223, 247, 0.79) 20%,
      rgba(206, 228, 242, 0.69) 78%
    );
  padding-top: 63px;
  position: relative;
  padding-bottom: 85px;
}
.abanico .line-1 {
  position: absolute;
  top: 0;
  left: 80px;
}
.abanico .line-2 {
  position: absolute;
  bottom: -90px;
  right: 80px;
}
.abanico .abanico-top .nav-pills {
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 0 -7.5px;
}
.abanico .abanico-top .nav-pills .nav-item {
  width: 33.3%;
  padding: 0 7.5px;
}
.abanico .abanico-top .nav-pills .nav-item .nav-link {
  padding: 0;
  border-radius: 25px;
  border-style: solid;
  border-width: 1.5px;
  border-image-source: linear-gradient(
    to bottom,
    #c0c6d373 -11%,
    #b5b5ed73 59%,
    #afccde73 111%
  );
  /*border-image-slice: 1;*/
  background-image: linear-gradient(to bottom, #ffffff73, #ffffff73),
    linear-gradient(to bottom, #c0c6d373 -11%, #b5b5ed73 59%, #afccde73 111%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-sizing: border-box;
}
.abanico .abanico-top .nav-pills .nav-item .nav-link:hover {
  box-shadow: 0 11px 20px 0 #d0d5eb;
  transition: all 0.5s ease-in-out;
}
.abanico .abanico-top .nav-pills .nav-item .nav-link.active {
  background-color: transparent;
  border-style: solid;
  border-width: 1.5px;
  border-image-source: linear-gradient(
    to left,
    #c1e7ff 103%,
    #d7d7ff 54%,
    #c6d9ff -6%
  );
  /*border-image-slice: 1;*/
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.abanico .abanico-top h5 {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: normal;
  color: #292965;
}
.abanico .abanico-top h6 {
  font-size: 55px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
}
.abanico .abanico-top h6:before {
  content: "personalizadas para vos";
  width: 100%;
}
.abanico .abanico-top p {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #1f262d;
  margin-bottom: 42px;
  margin-top: 32px;
}
.abanico .abanico-top h4 {
  background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%),
    linear-gradient(to bottom, #d8d8d8, #d8d8d8);
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 40px;
}
.abanico .abanico-top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.abanico_box {
  padding: 15px;
  display: flex;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 22px;
  align-items: center;
  transition: all 0.25s ease;
}
.abanico_box:hover {
  background-color: #fff;
}
.abanico .abanico-top .nav-pills .nav-item .nav-link.active .abanico_box {
  background-image: radial-gradient(
      circle at -274% 50%,
      #c0c6d3,
      #b5b5ed 56%,
      #afccde 97%
    ),
    linear-gradient(to left, #c1e7ff 103%, #d7d7ff 54%, #c6d9ff -6%);
}

.abanico_box img {
  width: 65px;
  height: 65px;
  margin-right: 20px;
  border-radius: 60px;
  box-shadow: 0 0 0 0 #c1e7ff;
  transition: all 0.25s ease;
}
.active .abanico_box img {
  box-shadow: 0 0 0 3px #c1e7ff;
}
.abanico_text h2 {
  background-image: linear-gradient(70deg, #6d54ca 0%, #aa4ebd 100%);
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pills-ignacio-tab .abanico_text h2 {
  background-image: linear-gradient(70deg, #e63d4e 0%, #f49a2a 100%);
}
.abanico_text h3 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #082744;
}
.tadas_wrepp {
  padding: 0px 0px 130px;
}
.tadas_wrepp .nav-tabs {
  border-bottom: solid 2px #c7cee1;
  margin-bottom: 45px;
  margin-top: -77px;
  justify-content: center;
}
.tadas_wrepp .nav-tabs .nav-link {
  margin-bottom: 0;
  border: none;
  position: relative;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  color: #6e757b;
  transition: all 0.5s ease-in-out;
}
.tadas_wrepp .nav-tabs .nav-item.show .nav-link,
.tadas_wrepp .nav-tabs .nav-link.active {
  font-size: 16px;
  font-weight: bold;
  color: #0d3e75;
  background: none;
  transition: all 0.5s ease-in-out;
}
.tadas_wrepp .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 10px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 34px 19px -23px rgba(255, 255, 255, 0.92);
  opacity: 0;
  background-image: linear-gradient(
      to right,
      #26ce94 -7%,
      rgba(36, 199, 255, 0) 55%
    ),
    radial-gradient(circle at 0 100%, #c0c6d3, #b5b5ed 63%, #afccde 109%);
}
.tadas_wrepp .nav-tabs .nav-link:hover:after,
.tadas_wrepp .nav-tabs .nav-link.active:after {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.tadas_wrepp .nav-tabs .nav-link:hover {
  font-size: 16px;
  /*font-weight: bold;*/
  transition: all 0.5s ease-in-out;
  color: #0d3e75;
}
.creative_mian {
  border-radius: 20px;
  box-shadow: 0 2px 15px 0 rgba(8, 39, 68, 0.08);
  border: solid 1px #ebeff2;
  background-color: #fff;
  padding: 10px 10px 25px 10px;
}
.creative_mian .creative_img {
  position: relative;
}
.creative_mian .creative_img .starimg {
  position: absolute;
  top: 10px;
  left: 10px;
}
.creative_mian h3 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-top: 30px;
  display: block;
  text-align: center;
  /*min-height: 60px;*/
  justify-content: space-between;
  text-transform: capitalize;
}
.creative_mian h3 img {
  width: 12px;
  height: 8px;
  display: none;
}
.creative_mian .checkbtn {
  text-align: right;
  display: none;
}
.reg_box {
  padding-top: 50px;
  text-align: center;
}
.reg_box h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #1f262d;
  margin-bottom: 30px;
}
.reg_box .btn-outline-dark {
  border-radius: 24px;
  border: solid 1px #082744;
  width: 305px;
  line-height: 48px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.09px;
  color: #0d3e75;
}
.conoce_wrepp {
  background-image: linear-gradient(
    to bottom,
    rgba(206, 228, 242, 0) 14%,
    #d0dcf5 91%
  );
  height: 525px;
  position: relative;
}
.conoce_wrepp:after {
  content: "";
  position: absolute;
  bottom: -16%;
  left: 100px;
  width: 217px;
  height: 216px;
  opacity: 0.67;
  border-radius: 42px;
  border-style: solid;
  border-width: 15px;
  /*border-image-source: linear-gradient(282deg, rgba(206, 228, 242, 0.69) 84%, rgba(223, 223, 247, 0.79) 48%, rgba(208, 220, 245, 0.88) 6%);*/
  border-image-slice: 1;
  border-color: #e8f2f8;
  z-index: 0;
}
.conoce_wrepp .como_main {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
  align-items: center;
}
.conoce_wrepp .como_main img {
  width: 135px;
  height: 145px;
  margin-right: 40px;
}
.conoce_wrepp .como_main .como_text h1 {
  font-size: 36.3px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292965;
}
.conoce_wrepp .como_main .como_text h2 {
  /*background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
  font-size: 46px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
  position: relative;
  padding-bottom: 12px;
}
.conoce_wrepp .como_main .como_text h2:before {
  content: "ha ayudado a otras personas";
  width: 100%;
}
.conoce-bdr {
  border-radius: 15px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(
    to right,
    rgba(82, 195, 156, 0) -3%,
    #26ce94 94%
  );
  border-image-slice: 1;
  max-width: 100%;
  position: relative;
}
.conoce-bdr:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #52c39c;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  right: -5px;
}

.conoce_wrepp .future_box {
  border-radius: 20px;
  box-shadow: 0 7px 12px 0 rgba(75, 81, 109, 0.26);
  background-color: #fff;
  padding: 10px 10px 0px 10px;
  position: relative;
}
.conoce_wrepp .future_box:after {
  content: "“";
  font-size: 62px;
  font-weight: bold;
  position: absolute;
  top: -39px;
  left: 20px;
  font-family: "Times New Roman";
}
.conoce_wrepp .future_box img {
  margin-bottom: 20px;
  width: 100%;
  border-radius: 14px;
}
.conoce_wrepp .future_box p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  padding-bottom: 20px;
  padding-left: 12px;
  letter-spacing: normal;
  color: #082744;
}
.conoce_wrepp .future_box h3 {
  font-size: 16px;
  padding-left: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0d3e75;
}
.conoce_wrepp .container {
  max-width: 920px;
  position: relative;
  z-index: 1;
}
.conoce_wrepp .containerBig {
  max-width: 1100px;
}
.conoce_wrepp .future_box.future_box2 {
  margin-top: 50px;
}
.empezaza_wrepp {
  padding-top: 250px;
  padding-bottom: 100px;
}
.empezaza_wrepp .container {
  max-width: 1130px;
  background: url("../images/empeza-hoy.jpg") no-repeat left top;
  background-size: cover;
  height: 360px;
  position: relative;
  border-radius: 28px;
  position: relative;
}
.empezaza_wrepp .empezaza_box {
  display: flex;
  width: 320px;
  margin-left: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
}
.modal-dialog {
  min-width: 800px;
}
.empezaza_wrepp h1 {
  /*background-image: linear-gradient(to left, #5a5ad8 109%, #2450a8 -10%);*/
  font-size: 48px;
  margin-bottom: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  /*-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.empezaza_wrepp h1:before {
  content: "Empezá hoy";
  color: #d9e2f2;
}

.empezaza_wrepp h2 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #082744;
}
.empezaza_wrepp p {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #082744;
  margin-bottom: 25px;
}
.empezaza_wrepp .btn-info {
  border: none;
  border-radius: 24px;
  box-shadow: 0 26px 14px -17px rgba(255, 255, 255, 0.92);
  background-image: linear-gradient(
    to right,
    #5a5ad7,
    #a13eb5,
    #c32089,
    #cd185c,
    #c53232
  );
  line-height: 48px;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.09px;
  text-align: center;
  color: #fff;
}
.con_container {
  max-width: 830px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  margin-top: 100px;
  text-align: center;
}
.con_container h3 {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292965;
  margin-bottom: 40px;
} /*
footer {
    padding: 65px 0px;
    background: #082744;
    position: relative;
}
footer:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background-image: linear-gradient(to left, #f7bb22, #f9ac21, #f99c24, #f88d28, #f57d2e, #f37233, #f16837, #ee5d3c, #ed5540, #eb4d45, #e94549, #e63d4e);
}
footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    height: 4px;
    background-image: linear-gradient(to left, #f7bb22, #f9ac21, #f99c24, #f88d28, #f57d2e, #f37233, #f16837, #ee5d3c, #ed5540, #eb4d45, #e94549, #e63d4e);
}
footer p{
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    max-width: 430px;
    margin-bottom: 20px;
}
footer h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}
footer ul li {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}
footer ul li a{
    color: #fff;
}
.copyright {
    padding: 40px 0px 0px;
    border-top: 1px solid rgba(255,255,255,0.30);
    display: flex;
    align-items: center;
    margin-top: 60px;
    justify-content: space-between;
}
.copyright p {
    text-align: right;
    color: rgba(255,255,255,0.30);
    font-size: 16px;
    margin: 0;
}*/
.estas-right-main .carousel-indicators .active {
  background-image: none !important;
  background-color: #3e3e3e !important;
}
.sticky {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 999;
  background: rgba(206, 228, 242, 1);
  padding: 10px 40px;
  border-radius: 12px;
}

.hero--empresa .hero-wrapper {
  max-width: 645px;
}
.hero.hero--empresa .hero-inner h2 {
  font-size: 55px;
  line-height: 2;
}
.hero.hero--empresa .hero-inner h2:before {
  content: "tu organización";
}

.reinventarte.reinventarte--empresa .reinventarte-left h6:before {
  content: "reinventar" !important;
}
.reinventarte.reinventarte--empresa .reinventarte-left h5 {
  margin-top: -10px !important;
  margin-bottom: 20px !important;
}
.reinventarte.reinventarte--empresa .reinventarte-left h6 {
  margin-top: -40px !important;
}

.estas-right--empresa .estas-right-box .inner-text p {
  max-width: 505px;
}

.empezaza_wrepp--empresa.empezaza_wrepp .empezaza_box {
  width: 420px;
}

@media (max-width: 575px) {
  .empezaza_wrepp--empresa.empezaza_wrepp .empezaza_box {
    width: 90% !important;
  }
}

.faq.faq--empresa {
  margin-bottom: 150px;
}
.faq--empresa h2 {
  margin: 60px auto 30px auto;
  font-weight: bold;
  color: #292966;
}

.hero.hero-rutas {
  background: #e9ecf8;
  background: url(../images/rutas/rutas-hero-bg.jpg) bottom;
  background-size: cover;
  padding: 50px 0 140px 0;
}
.rutas-wrapper {
  position: relative;
}
.rutas-titles {
  display: inline-block;
  padding: 0 50px;
}
.rutas-titles h1 {
  font-size: 62px;
  display: inline-block;
  color: #e9ecf8;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  margin: -30px 0;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(70deg, #2bbbb2 0%, #0a3d7e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rutas-titles h1:before {
  /* background: #CDC8EB;
        color: #d6dbf0;
        content: attr(data-before);
        margin-left: 4px;
        margin-top: 4px;
        position: absolute;
        z-index: -1;
        -webkit-background-clip: text;
        -webkit-text-stroke: 3px transparent;
        content: 'ruta de aprendizaje'; */
}
.rutas-titles h2 {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  letter-spacing: normal;
  color: #292965;
}
.rutas-text {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 25px;
  padding: 20px 30px;
  max-width: 520px;
  position: absolute;
  right: 40px;
  top: 150px;
  text-align: right;
  color: #1f262d;
}
.rutas-text span {
  font-weight: bold;
}

.rutas-text .hero-btn {
  position: absolute;
  bottom: -20px;
  padding: 0;
}

.rutas {
  padding: 30px 0;
  position: relative;
}

.rutas-top {
  text-align: center;
  padding-bottom: 30px;
}
.rutas-top h2 {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292965;
}
.rutas-top h3 {
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4b57cb;
}
.rutas-top h3:after {
  background: -webkit-linear-gradient(
    0deg,
    #9fcae5 5%,
    #d2d2f4 53%,
    #a7beec 91%
  );
  color: #fff;
  content: "empieza aquí";
  width: 100%;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  z-index: -1;
  left: 0;
  -webkit-background-clip: text;
  -webkit-text-stroke: 3px transparent;
}
.rutas-top p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #1f262d;
  text-align: center;
  max-width: 560px;
  margin: auto;
  margin-top: 30px;
}
.rutas-detail-legend {
  background-color: rgba(211, 214, 243, 0.3);
  color: #002846;
  font-size: 12px;
  border-radius: 10px;
  display: inline-block;
  padding: 2px 8px;
  margin-top: 30px;
}
.rutas-detail-legend figure {
  line-height: 1;
  margin-top: -3px;
  margin-right: 5px;
  display: inline-block;
}
.rutas-detail-legend figure i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0;
  background-color: #25c29e;
  display: inline-block;
  opacity: 0.35;
}
.rutas-detail-legend figure i.active {
  opacity: 1;
}
.rutas-inner {
  text-align: center;
}
.rutas-inner ul {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: left;
}

.rutas-inner ul li {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  width: 23%;
}

.rutas-block {
  background-image: linear-gradient(
    210deg,
    #f7bb22 0%,
    #ef6836 54%,
    #e63d4e 100%
  );
  border-radius: 22px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  transition: all 0.25s ease;
}
.rutas-block:hover {
  top: -4px;
}
.rutas-block.turquoise {
  background-image: linear-gradient(
    238deg,
    #5cbf9b 10%,
    #3a8ba7 38%,
    #1a4376 71%,
    #062844 100%
  );
}
.rutas-block.purple {
  background-image: linear-gradient(231deg, #1653dd 0%, #fa295d 100%);
}
.rutas-block.green {
  background-image: linear-gradient(237deg, #eae719 0%, #00ba32 100%);
}
.rutas-block.aqua {
  background-image: linear-gradient(234deg, #26ce94 30%, #24c7ff 100%);
}
.rutas-block.pastel {
  background-image: linear-gradient(230deg, #9971d1 0%, #c53232 100%);
}
.rutas-block.deep-turquoise {
  background-image: linear-gradient(33deg, #0d3e75 6%, #3a8ba7 100%);
}
.rutas-symbol {
  width: 65px;
  height: 65px;
  margin: 17px 0;
  margin-right: 10px;
}
.rutas-symbol figure {
  background-color: #fff;
  border-radius: 50px;
  line-height: 65px;
  text-align: center;
}
.rutas-symbol figure img {
  max-width: 50%;
}
.rutas-detail {
  color: #fff;
  width: 130px;
}
.rutas-detail figure {
  line-height: 1;
  margin-top: -3px;
  display: none;
}
.rutas-detail figure i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0;
  background-color: #fff;
  display: inline-block;
  opacity: 0.35;
}
.rutas-detail figure i.active {
  opacity: 1;
}
.rutas-detail span {
  font-size: 14px;
  opacity: 0.75;
  margin-top: -3px;
  display: block;
}
.rutas-detail h4 {
  font-size: 16px;
  font-weight: bold;
}
.rutas .cta-text {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
}
.rutas-inner .btn {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.89;
  letter-spacing: 0.09px;
  text-align: center;
  color: #0d3e75;
  border-radius: 24px;
  border: solid 1px #082744;
  margin-top: 20px;
  padding: 15px 30px;
}

.beneficios {
  margin-top: 60px;
}
.beneficios .estas-right-box {
  background: none;
  border: none;
  backdrop-filter: none;
  padding-bottom: 20px;
}
.beneficios .estas-left h2 {
  font-size: 55px;
  font-weight: bold;
}
.beneficios .estas-left h3 {
  font-size: 25px;
  font-weight: bold;
  color: #292965;
}
.beneficios .estas-right {
  position: relative;
}
.beneficios.estas .estas-right .estas-right-main {
  position: absolute;
  width: 100%;
  top: 30px;
}
.beneficios-legend {
  color: #8ea6c1;
  font-size: 12px;
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 20px;
}
.beneficios .estas-right-box .inner-text {
  padding: 27px 60px 20px 60px;
}
.beneficios .estas-right-box h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(70deg, #e63d4e 0%, #f49a2a 100%);
}
.beneficios .estas-right-box p {
  font-size: 16px;
  max-width: none;
}

.beneficios-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 575px) {
  .beneficios-grid ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 400px) {
  .beneficios-grid ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.beneficios-grid ul li {
  width: 100% !important;
}

.beneficios-grid ul li a {
  display: flex;
  width: 100%;
  height: 170px;
  min-width: 147px;
  padding: 11px;
  flex-direction: column;
  align-items: flex-start;
}

.beneficio-block {
  background: rgba(255, 255, 255, 0.45);
  border: 1.5px solid #dadfee;
  box-shadow: 0 11px 20px 0 #d0d5eb;
  border-radius: 22px;
  padding: 20px;
  align-items: center;
  position: relative;
  top: 0;
  transition: all 0.25s ease;
}
.beneficio-block:hover {
  top: -4px;
}
.beneficio-logo {
  align-self: stretch;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beneficio-logo img {
  object-fit: contain;
  width: 100%;
  height: 70px;
  border-radius: 0;
  max-height: 100%;
}
.beneficio-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.beneficio-text h5 {
  font-size: 16px;
  color: #0d3e75;
  font-weight: bold;
  letter-spacing: 0;
  display: block;
  min-height: 40px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(70deg, #e63d4e 0%, #f49a2a 100%);
}
.beneficio-text span {
  color: #082744;
  font-size: 14px;
}

#partners {
  text-align: center;
  padding: 60px 0 10px 0;
}
#partners h3 {
  background-image: linear-gradient(70deg, #2bbbb2 0%, #0a3d7e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  margin: 0 auto 30px auto;
}
#partners .owl-item figure {
  padding: 20px;
  height: 110px;
  text-align: center;
  display: flex;
}
#partners .owl-item figure img {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 100%;
}

#partners .owl-theme .owl-nav {
  margin-top: -50px;
  position: absolute;
  width: 105%;
  top: 50%;
  left: -2.5%;
}
#partners .owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  font-size: 50px;
  color: #ccc;
}
#partners .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
  color: #27b4af;
}
#partners .owl-prev {
  left: 0;
}
#partners .owl-next {
  right: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  z-index: 1001;
  transform: translateY(-100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: all 0.25s ease;
}
.overlay.active {
  opacity: 1;
  transform: translate(0);
}
.close {
  position: absolute;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: url(../images/rutas/equis.png);
  background-size: cover;
  top: 25px;
  right: 25px;
}
.overlay-content {
  background: rgba(246, 246, 248, 1);
  box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: 40px;
  padding: 50px;
  display: flex;
  width: 1000px;
  max-width: 95%;
  margin: 0 auto;
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-content.active {
  display: flex !important;
}
.overlay-main {
  width: 65%;
}
.overlay-header {
  display: flex;
  padding-bottom: 30px;
}
.overlay-ruta-symbol {
  background-image: linear-gradient(231deg, #1653dd 0%, #fa295d 100%);
  border-radius: 22px;
  width: 95px;
  height: 95px;
  padding: 15px;
}
.overlay-ruta-symbol.orange {
  background-image: linear-gradient(
    210deg,
    #f7bb22 0%,
    #ef6836 54%,
    #e63d4e 100%
  );
}
.overlay-ruta-symbol.pastel {
  background-image: linear-gradient(230deg, #9971d1 0%, #c53232 100%);
}
.overlay-ruta-symbol.turquoise {
  background-image: linear-gradient(
    238deg,
    #5cbf9b 10%,
    #3a8ba7 38%,
    #1a4376 71%,
    #062844 100%
  );
}
.overlay-ruta-symbol.deep-turquoise {
  background-image: linear-gradient(33deg, #0d3e75 6%, #3a8ba7 100%);
}
.overlay-ruta-symbol.green {
  background-image: linear-gradient(237deg, #eae719 0%, #00ba32 100%);
}
.overlay-ruta-symbol.aqua {
  background-image: linear-gradient(234deg, #26ce94 30%, #24c7ff 100%);
}
.overlay-ruta-symbol figure {
  background-color: #fff;
  border-radius: 50px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
}
.overlay-ruta-symbol figure img {
  max-width: 50%;
}
.overlay-beneficio-logo {
  padding-right: 30px;
  border-right: 2px solid #dfdff4;
  margin-right: 10px;
}
.overlay-beneficio-logo img {
  max-height: 95px;
}
.overlay-ruta-title {
  width: calc(100% - 210px);
  padding-left: 20px;
}
.overlay-ruta-title span {
  font-size: 18px;
  font-weight: bold;
  color: #082744;
  margin-top: 15px;
  display: block;
}
.overlay-ruta-title h4 {
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4b57cb;
  padding-bottom: 5px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(70deg, #5a5ad8 0%, #2450a8 100%);
}
.overlay-ruta-pwc {
  width: 115px;
  text-align: center;
  font-size: 12px;
  padding-left: 20px;
  border-left: 2px solid #dfdff4;
  display: none;
}
.overlay-ruta-pwc figure {
  line-height: 1;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 4px;
}
.overlay-ruta-pwc figure i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 1px;
  background-color: #25c29e;
  display: inline-block;
  opacity: 0.35;
}
.overlay-ruta-pwc figure i.active {
  opacity: 1;
}
.overlay-ruta-pwc p {
  color: #002846;
  margin-bottom: 8px;
}
.overlay-ruta-pwc span {
  color: #8ea6c1;
}
.overlay .tab-content {
  background: #ffffff;
  border: 1.5px solid #dadfee;
  padding: 30px;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
  border-radius: 14px;
}
.overlay-inner-content .tab-content ul {
  padding-left: 16px;
}
.overlay-inner-content .tab-content ul li {
  list-style-type: disc;
}
.overlay-inner-content .nav-tabs {
  border: none;
  margin-left: 20px;
}
.overlay-inner-content .nav-tabs li {
}
.overlay .nav-tabs .nav-link {
  background: none;
  border: none;
  position: relative;
  padding: 10px 30px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.63;
  color: #b4c2d5;
}
.overlay .nav-tabs .nav-link.active {
  color: #0d3e75;
}
.overlay .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 10px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 34px 19px -23px rgb(255 255 255 / 92%);
  opacity: 0;
  background-image: linear-gradient(
      to right,
      #26ce94 -7%,
      rgba(36, 199, 255, 0) 55%
    ),
    radial-gradient(circle at 0 100%, #c0c6d3, #b5b5ed 63%, #afccde 109%);
}
.overlay .nav-tabs .nav-link.active:after {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.overlay-main .tab-pane p {
  margin-bottom: 10px;
}
.overlay-main .tab-pane ul {
  font-size: 14px;
}
.overlay-cta {
  padding-top: 20px;
  position: relative;
  line-height: 1.75;
}
.overlay-cta strong {
  padding-bottom: 5px;
  font-size: 16px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    238deg,
    #5cbf9b 10%,
    #3a8ba7 38%,
    #1a4376 71%,
    #062844 100%
  );
}
.overlay-cta p {
  font-size: 14px;
  color: #6e757b;
  margin-bottom: -10px;
}
.overlay-cta .btn {
  position: absolute;
  right: 0;
  top: 28px;
  font-size: 16px;
  font-weight: bold;
  line-height: 0.89;
  letter-spacing: 0.09px;
  text-align: center;
  color: #0d3e75;
  border-radius: 24px;
  border: solid 1px #082744;
  padding: 12px 25px;
}
.overlay-side {
  width: 35%;
  padding-left: 90px;
  text-align: center;
  position: relative;
  margin-top: 20px;
  background: url("../images/rutas/divider.png");
  background-position: 30px 80px;
  background-repeat: no-repeat;
}
.overlay-side:after {
  position: absolute;
  width: 300px;
  content: "";
  right: 0;
  height: 50px;
  bottom: 0;
  background: #f7f9fc;
  background: linear-gradient(180deg, rgba(247, 249, 252, 0) 0%, #f6f6f8 55%);
}
.overlay-side::before {
  position: absolute;
  width: 300px;
  content: "";
  right: 0;
  height: 30px;
  top: 21px;
  z-index: 10;
  background: #f7f9fc;
  background: linear-gradient(0deg, rgba(247, 249, 252, 0) 0%, #f6f6f8 55%);
}
.overlay-beneficio .overlay-side:after,
.overlay-beneficio .overlay-side:before {
  display: none;
}
.overlay-side h4 {
  color: #0d3e75;
  font-size: 18px;
  font-weight: bold;
  /* margin-bottom: 30px; */
}
.overlay-side-options {
  max-height: 400px;
  overflow: auto;
  padding: 30px 20px 50px 20px;
}
.overlay-side-options li {
  margin-bottom: 20px;
}
.overlay-side-options li a {
  background: rgba(255, 255, 255, 0.45);
  border: 1.5px solid #dadfee;
  box-shadow: 0 11px 20px 0 #d0d5eb;
  border-radius: 22px;
  padding: 15px 20px;
  align-items: center;
  position: relative;
  left: 0;
  transition: all 0.25s ease;
  display: flex;
  min-height: 80px;
  justify-content: center;
}
.overlay-side-options li a:hover {
  border-color: #b8bed2;
}
.overlay-side-options li a img {
  max-height: 50px;
}
.overlay-side-steps {
  background: #2f4f68;
  box-shadow: 0 11px 20px 0 #d0d5eb;
  border-radius: 22px;
  padding: 35px 25px 25px 45px;
  color: #fff;
  text-align: left;
  font-size: 12px;
  line-height: 1.75;
  font-weight: 300;
  list-style: decimal;
  margin-top: 30px;
  position: relative;
}
.overlay-side-steps p,
.overlay-side-steps li {
  position: relative;
  z-index: 10;
}
.overlay-side-steps a {
  font-weight: bold;
  color: #5cbf9b;
}
.overlay-side-steps::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
  border: 1px solid #c23a82;
  content: "";
  border-radius: 15px 15px 28px 15px;
}
.overlay-side-steps li {
  margin-bottom: 12px;
}
.overlay-side-steps strong {
  font-weight: bold;
}
.overlay-beneficio .tab-content p {
  font-size: 14px;
}

.hero.hero-faq {
  background: #e9ecf8;
  background: url(../images/rutas/faq-hero-bg.jpg) bottom;
  background-size: cover;
  padding: 60px 0 120px 0;
  margin-bottom: 40px;
}
.hero.hero-faq img {
  height: 95px;
  margin-top: 10px;
}
.hero.hero-faq .rutas-titles {
  padding-left: 40px;
}
.faq-wrapper {
  display: flex;
}
.faq {
  text-align: center;
  margin-bottom: -80px;
}

.faq .container {
  max-width: 940px;
}
.faq .nav-tabs {
  margin-bottom: 45px;
  justify-content: center;
}
.faq .nav-tabs li {
}
.faq .nav-tabs .nav-link,
.rutas-inner .nav-tabs .nav-link {
  background: none;
  border: none;
  position: relative;
  padding: 10px 30px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.63;
  color: #b4c2d5;
}
.faq .nav-tabs .nav-link.active,
.rutas-inner .nav-tabs .nav-link.active {
  color: #0d3e75;
}
.faq .nav-tabs .nav-link:after,
.rutas-inner .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 10px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 34px 19px -23px rgb(255 255 255 / 92%);
  opacity: 0;
  background-image: linear-gradient(
    210deg,
    #f7bb22 0%,
    #ef6836 54%,
    #e63d4e 100%
  );
  border-radius: 5px;
}
.faq .nav-tabs .nav-link.active:after,
.rutas-inner .nav-tabs .nav-link.active:after {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.rutas-inner .nav-tabs .nav-item {
  width: auto;
  padding: 0;
}
.rutas-inner .tab-content {
  padding-top: 30px;
}

.wrap-collabsible {
  background: #fff;
  border: 1.5px solid #dadfee;
  box-shadow: 0 11px 20px 0 #d0d5eb;
  border-radius: 22px;
  position: relative;
  transition: all 0.25s ease;
  display: block;
  text-align: left;
  margin-bottom: 20px;
}
.wrap-collabsible input[type="checkbox"] {
  display: none;
}

.lbl-toggle {
  display: block;
  padding: 20px;
  color: #292965;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #e7464a;
}
.lbl-toggle::before {
  content: " ";
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: 0.7rem;
  margin-left: 5px;
  transform: translateY(-2px);

  transition: transform 0.2s ease-out;
}
.lbl-toggle::after {
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  background: url(../images/rutas/plus.svg);
  background-size: cover;
  right: 19px;
  top: 19px;
  transform: rotate(0deg);
  transition: transform 0.2s ease-out;
}

.collapsible-content .content-inner {
  font-size: 15px;
  padding: 10px 34px 20px 30px;
}
.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height 0.25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh;
}
.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}
.toggle:checked + .lbl-toggle::after {
  transform: rotate(45deg);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #e7464a;
}

footer#landingFooter {
  background: #082744;
  color: #fff;
  padding: 50px 0 20px 0;
  position: relative;
  font-size: 14px;
}
footer#landingFooter:before {
  content: "";
  width: 100%;
  height: 4px;
  background-image: linear-gradient(
    230deg,
    #f7bb22 0%,
    #ef6836 75%,
    #e63d4e 100%
  );
  position: absolute;
  top: 0;
}
footer#landingFooter > .container {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
footer h5 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
footer .link-list {
  margin-top: 12px;
  margin-bottom: 15px;
}
footer .link-list a {
  color: #fff;
  padding: 4px 0;
  display: inline-block;
}
.legal-footer {
  padding-top: 20px;
  border-top: 1px solid #617a94;
  color: #9ca8b4;
  font-size: 12px;
  margin-top: 40px !important;
}

.legal-footer img {
  max-height: 40px;
  margin-right: 20px;
}

footer .rrss {
  padding-top: 20px;
  margin-bottom: 30px;
}

footer .rrss li {
  display: inline-block;
  margin-right: 5px;
}

.footerContent {
  display: inline-block;
  width: 550px;
  margin-left: 30px;
}

.footerLogo {
  display: inline-block;
  width: 100px;
  vertical-align: top;
}

.lang {
  margin: 0 30px;
  font-size: 13px;
}

.lang a {
  display: inline-block;
  width: 54px;
  color: #aaa;
}

.lang a img {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
}

.lang a.active {
  font-weight: bold;
  color: #4b57cb;
}

#community {
  padding-top: 180px;
  margin-bottom: -80px;
}
#community .container {
  max-width: 1000px;
}
.community__text {
}
.community__text h2 {
  font-size: 25px;
  font-weight: bold;
  color: #292965;
}
.community__text h3 {
  font-size: 55px;
  font-weight: bold;
}
.community__text h3:nth-child(2):before {
  content: "comunidad";
}

#community h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.community__rrss {
  text-align: right;
}
.community__rrss .rrss {
  display: inline-block;
  width: 100px;
}
.community__rrss .rrss li {
  display: inline-block;
}
.featuredArticle {
  margin-top: 40px;
}
.featuredArticle .card {
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 20px;
  box-shadow: 0 2px 15px 0 rgb(8 39 68 / 8%);
  background: #ffffff;
  transition: all 0.25s ease;
}
.featuredArticle .card:hover {
  border-color: #62d29f;
  box-shadow: 0 10px 20px 0 #9de5cf;
}
.cardCover {
  height: 160px;
  width: 100%;
  background-size: cover;
  border-radius: 12px;
}
.cardContent {
  padding: 20px;
}
.cardCategory {
  color: #398aa6;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.cardContent h3 {
  color: #484d51;
  font-weight: bold;
  font-size: 18px;
}

.nextEvents {
  margin-top: 40px;
  padding-left: 60px;
}
.nextEvents ul {
}
.nextEvents ul li {
  border-bottom: 2px solid #e4e6e7;
}
.nextEvents ul li a {
  padding: 24px 0;
  color: #082744;
  display: block;
  position: relative;
}
.nextEvents ul li a span {
  font-weight: bold;
}
.nextEvents ul li a img {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
}
.nextEvents ul li a:hover {
  color: #eb5144;
}

.nextEventsCTA {
  width: auto;
  height: 65px;
  border-radius: 40px;
  line-height: 65px;
  transform: scale(0.8);
  text-align: center;
  position: fixed;
  bottom: 15px;
  left: 15px;
  transition: all 0.25s ease;
  background-image: radial-gradient(
    circle at 74% 1.2e2%,
    rgba(206, 228, 242, 0.85) 0%,
    rgba(223, 223, 247, 0.85) 44%,
    rgba(208, 220, 245, 0.85) 96%
  );
  font-weight: bold;
  padding: 0 25px 0 20px;
  color: #082744;
  z-index: 100;
  background: rgb(224 229 246 / 88%);
  backdrop-filter: blur(3px);
  box-shadow: 0 16px 15px -9px rgb(69 101 159 / 30%);
}
.nextEventsCTA:hover {
  color: #eb4d45;
}
.nextEventsCTA img {
  margin-right: 10px;
}