@font-face {
  font-family: "Helveticaneue";
  src: url("../fonts/HelveticaNeueMed.ttf") format("truetype");
  font-display: swap; }
html {
  overflow-x: hidden;
  font-family: "Montserrat"; }

body {
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  background-color: #f4f4f4;
  color: #2D135E; }

body.modal-open {
  overflow: hidden; }
  body.modal-open .private {
    filter: blur(15px); }

a {
  transition-duration: .5s;
  text-decoration: none; }

.site {
  color: white !important; }

.headerbar {
  background-color: #407bca;
  font-size: 12px;
  color: white;
  padding: 10px;
  font-family: 'Helveticaneue'; }
  .headerbar a {
    color: white; }

.digitales {
  color: #00c6d4; }

.banner {
  position: relative;
  max-width: 1053px;
  margin: auto;
  height: 400px; }

.headerbg {
  background-image: url(../img/header/header_textura.png), url(../img/header/header_back.png);
  background-position: left bottom;
  background-size: auto 100%, cover;
  background-repeat: no-repeat; }

@media (max-width: 768px) {
  .headerbg {
    background-size: 40% auto, cover; } }
.mano {
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 380px;
  position: unset; }

.funsaludlogo {
  max-width: 80px;
  margin: 12px;
  width: 100%; }

.centralmedialogo {
  width: 100%;
  max-width: 250px; }

.logos {
  width: 100%;
  max-width: 512px;
  margin: 20px; }

.imgtop {
  position: absolute; }

.top100 {
  bottom: -10px;
  right: -30px;
  width: 100%; }

.centrallogo {
  top: -20px !important;
  left: 29% !important;
  width: 190% !important; }

.patrocinadores {
  bottom: -50px;
  right: 0px;
  width: 100%;
  background: #2D135E;
  position: unset !important; }

.bg-morado {
  background-color: #4e308c; }

.bg-gris {
  background-color: #f4f4f4; }

.subbaner {
  background-color: #33bcc9;
  transition-duration: 500ms; }
  .subbaner#instagram, .subbaner#youtube, .subbaner#tiktok {
    background-color: white !important;
    color: #4e308c !important; }
    .subbaner#instagram p, .subbaner#youtube p, .subbaner#tiktok p {
      color: #4e308c !important; }

footer {
  background-color: #152941; }

.icon {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px; }
  .icon a {
    color: #959595; }
    .icon a:hover {
      color: #00c6d4; }
      .icon a:hover span {
        color: #000f94; }
  .icon .iconos {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px; }
    .icon .iconos img {
      margin-bottom: 5px;
      height: 50px;
      margin-right: 15px; }

.carouselimage {
  width: 100%;
  object-fit: contain;
  margin: 30px 0; }

.carousel h3 {
  font-family: "Helveticaneue", sans-serif;
  font-size: 35px;
  font-weight: bold;
  color: white; }
  .carousel h3 span {
    color: #19283e; }
.carousel p {
  font-family: 'Helveticaneue';
  font-size: 18px;
  color: #fff; }

main {
  padding-top: 50px;
  padding-bottom: 50px; }

footer {
  color: white;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase; }
  footer a {
    color: white; }
    footer a:hover {
      color: #5cf7d8; }
  footer .terminos {
    color: #00d9ac; }
    footer .terminos:hover {
      color: #44c8f5; }
  footer .gracias {
    font-weight: normal;
    max-width: 800px;
    margin: auto;
    hyphens: none; }

.navbar-nav {
  width: 100%; }

.metodologyShown {
  overflow: hidden; }

#metodology {
  cursor: pointer; }

#closeMetodology {
  position: fixed;
  right: 30px;
  top: 10px;
  background: #2D135E;
  color: #fff;
  z-index: 2000;
  display: block;
  padding: 10px 16px;
  border-radius: 50%;
  cursor: pointer; }

#iframe {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000; }

#metodologyContent {
  margin: 40px; }

.mContainer {
  max-width: 1000px;
  margin: auto; }

.small {
  font-size: 10px;
  text-align: center;
  max-width: 800px;
  margin: 60px auto 0; }

@media (min-width: 768px) {
  .top100 {
    top: 30px !important;
    bottom: unset !important;
    right: -120px !important;
    width: 110% !important; }

  .navbar {
    padding-top: unset !important; }

  .icon {
    width: 25% !important; }
    .icon .iconos {
      display: inline-block;
      font-size: 12px !important; }
      .icon .iconos img {
        margin-bottom: 15px !important;
        width: 4vw;
        height: auto;
        margin-right: unset;
        opacity: .4; }
    .icon::after {
      content: "";
      background-image: url("../img/Triangulo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 50px;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      opacity: 0;
      transition-duration: .5s; }
    .icon:hover::after {
      content: "";
      background-image: url("../img/Triangulo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 50px;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      opacity: .3; }
    .icon.active a {
      color: #2D135E !important; }
    .icon.active img {
      opacity: 1;
      filter: saturate(1); }
    .icon.active::after {
      content: "";
      background-image: url("../img/Triangulo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 50px;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      opacity: 1; }
    .icon.active img {
      opacity: 1; }

  .mano {
    position: absolute; }

  .centrallogo {
    top: 0px !important;
    left: 5% !important;
    width: 100% !important;
    right: unset !important; }

  .patrocinadores {
    background: unset !important;
    bottom: 10px !important;
    right: 30px !important;
    width: 70% !important;
    position: absolute !important; }

  .carousel h3 {
    font-size: 50px !important; }
  .carousel p {
    font-size: 23px !important; }

  .carouselimage {
    width: 100%; }

  .scrolled .icon {
    width: 25% !important;
    padding-top: 10px !important;
    padding-bottom: 0px !important; }
    .scrolled .icon .iconos {
      font-size: 9px !important; }
      .scrolled .icon .iconos img {
        margin-bottom: 5px !important;
        width: 2vw;
        height: auto;
        margin-right: unset;
        opacity: .4; }
  .scrolled .active .iconos img {
    opacity: 1; } }
h1 span {
  font-weight: normal;
  font-size: 10px; }

/*# sourceMappingURL=style.min.css.map */