html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  transition: background-color .8s;
  transition-timing-function: cubic-bezier(0.11, 0.89, 0.31, 0.99);
  overflow: auto;
  overflow-y: scroll; }

body {
  font-family: 'Raleway', sans-serif;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  font-feature-settings: "kern";
  font-kerning: normal;
  line-height: 1.6;
  height: 100%;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

*,
*:before,
*:after {
  box-sizing: inherit; }

::-webkit-scrollbar {
  width: 0.4em;
  height: 0.5em; }

::-webkit-scrollbar-thumb {
  background: rgba(18, 106, 185, 0.8); }

::-webkit-scrollbar-track {
  background: rgba(18, 106, 185, 0.2); }

a {
  text-decoration: none;
  outline: none; }

*:focus {
  outline: 0; }

a:hover,
a:focus {
  text-decoration: none;
  outline: none; }

input:-webkit-autofill {
  color: #FFFFFF !important; }

::-ms-clear {
  display: none; }

strong {
  font-weight: 700; }

article {
  margin: 8rem auto; }
  @media (max-width: 640px) {
    article {
      margin: 4rem auto; } }

.visible {
  overflow: visible !important; }

.scroll_top {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none; }
  .homepage .scroll_top {
    display: block; }

.content {
  position: relative;
  width: calc(100% - 60px);
  max-width: 1360px;
  margin: 0 auto;
  overflow: hidden; }
  @media (max-width: 640px) {
    .content {
      width: calc(100% - 40px); } }

.top_section {
  height: 115px;
  width: 100%; }
  @media (max-width: 1366px) {
    .top_section {
      height: 90px; } }
  @media (max-width: 960px) {
    .top_section {
      height: 75px; } }

.title {
  color: #126AB9;
  font-size: 3.4rem;
  margin: 0 0 2rem;
  font-weight: 300;
  line-height: 1.1;
  font-weight: 500; }
  .title.fantasy {
    font-family: 'OmTeloletOm', sans-serif;
    font-size: 7rem; }
    @media (max-width: 768px) {
      .title.fantasy {
        font-size: 5.5rem; } }
    @media (max-width: 350px) {
      .title.fantasy {
        font-size: 5rem; } }
    .title.fantasy.subtitle {
      font-size: 4rem; }
      @media (max-width: 768px) {
        .title.fantasy.subtitle {
          font-size: 3.5rem;
          margin: 0 auto 4rem; } }

@keyframes rotate360 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.full_widht {
  width: 100%;
  max-width: 1260px;
  margin: 4rem auto 0;
  display: block;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .full_widht img {
    width: 100%; }

@media (max-width: 767px) {
  .desktop {
    display: none; } }

.mb {
  display: none; }
  @media (max-width: 767px) {
    .mb {
      display: block; } }

.center {
  text-align: center; }

.button {
  font-size: 1.6rem;
  display: inline-block;
  border-radius: 25px;
  border: 2px solid #126AB9;
  color: #126AB9;
  padding: 10px 30px;
  margin: 20px 0 0;
  transition: 0.25s ease; }
  .button.white {
    border: 2px solid #FFFFFF;
    color: #FFFFFF; }
  @media (pointer: fine) {
    .button:hover {
      color: #FFFFFF;
      background: rgba(18, 106, 185, 0.75); }
      .button:hover.white {
        color: #126AB9;
        background: rgba(255, 255, 255, 0.7); } }

button {
  width: 100%;
  padding: 14px 30px !important;
  cursor: pointer;
  background: transparent; }

.menu {
  line-height: 1; }
  .menu .menu-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none; }
    .menu .menu-list .menu-item {
      display: block;
      overflow: hidden; }
      .menu .menu-list .menu-item .menu-link {
        text-decoration: none;
        font-size: 1.8rem;
        display: block;
        font-weight: 500;
        padding: 39.5px 30px; }
        @media (max-width: 1366px) {
          .menu .menu-list .menu-item .menu-link {
            padding: 27px 30px; } }
        @media (max-width: 960px) {
          .menu .menu-list .menu-item .menu-link {
            font-size: 3.5vw; } }
        @media (max-width: 768px) {
          .menu .menu-list .menu-item .menu-link {
            font-size: 4.5vw; } }
        @media (max-width: 640px) {
          .menu .menu-list .menu-item .menu-link {
            font-size: 7vw;
            padding: 40px 10px; } }
        @media (pointer: fine) {
          .menu .menu-list .menu-item .menu-link:hover {
            outline: none; }
            .menu .menu-list .menu-item .menu-link:hover path {
              stroke-dashoffset: 0; } }
        .menu .menu-list .menu-item .menu-link:focus {
          outline: none; }
        .menu .menu-list .menu-item .menu-link svg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          max-width: 258px;
          -ms-transform: translate(-50%, -54%);
          transform: translate(-50%, -54%); }
          @media (max-width: 960px) {
            .menu .menu-list .menu-item .menu-link svg {
              -ms-transform: translate(-50%, -54%) scale(2, 1.4);
              transform: translate(-50%, -54%) scale(2, 1.4); } }
          .menu .menu-list .menu-item .menu-link svg path {
            fill: none;
            stroke-width: 1.5px;
            stroke-linecap: round;
            stroke-dasharray: 720;
            stroke-dashoffset: 720;
            transition: stroke-dashoffset .5s linear; }

.menu-anim .menu-link {
  position: relative;
  text-align: center;
  color: #000;
  transition: color 0.3s; }
  .producir .menu-anim .menu-link.orange {
    color: #F27C00; }
  .promover .menu-anim .menu-link.violet {
    color: #81438D; }
  .preservar .menu-anim .menu-link.green {
    color: #227C26; }
  @media (max-width: 960px) {
    .menu-anim .menu-link.orange {
      color: #F27C00; }
    .menu-anim .menu-link.violet {
      color: #81438D; }
    .menu-anim .menu-link.green {
      color: #227C26; } }
  @media (pointer: fine) {
    .menu-anim .menu-link:hover.orange {
      color: #F27C00; }
    .menu-anim .menu-link:hover.violet {
      color: #81438D; }
    .menu-anim .menu-link:hover.green {
      color: #227C26; } }

.menu-desktop {
  position: fixed;
  width: 100%;
  z-index: 999;
  transition: top .3s ease-in-out;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .menu-desktop.nav-up {
    top: -150px; }
  .menu-desktop .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 1200px) {
      .menu-desktop .content {
        -ms-flex-pack: end;
        justify-content: end; } }
  .menu-desktop.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background: white; }
    @media (max-width: 960px) {
      .menu-desktop.menu {
        display: none; } }
  .menu-desktop .logo {
    margin: 0;
    width: 120px;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .menu-desktop .logo img {
      width: 100%; }
      @media (max-width: 1366px) {
        .menu-desktop .logo img {
          max-width: 90px; } }
  .menu-desktop .nav-item {
    padding: 5px 0;
    position: relative;
    margin: 0 10px; }
    .menu-desktop .nav-item:hover {
      color: black; }
      .menu-desktop .nav-item:hover:after {
        width: 100%; }
    .menu-desktop .nav-item:after {
      content: '';
      position: absolute;
      z-index: 1;
      bottom: -.15rem;
      left: 0;
      width: 0;
      height: 5px;
      background: black;
      transition: width 0.2s ease; }

.menu-mobile {
  display: block;
  background: white;
  width: 100%;
  height: 75px;
  display: none;
  position: fixed;
  z-index: 999;
  transition: top .3s ease-in-out;
  top: 0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .menu-mobile.nav-up {
    top: -100px; }
  .menu-mobile .logo {
    display: block;
    left: 20px;
    width: 80px;
    top: 10px;
    position: relative;
    z-index: 9; }
    .menu-mobile .logo img {
      width: 100%; }
  @media (max-width: 960px) {
    .menu-mobile {
      display: block; } }
  .menu-mobile .checkbox-toggle {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: 0;
    top: 17px;
    right: 20px;
    padding: 0;
    margin: 0; }
    .menu-mobile .checkbox-toggle:checked + .hamburger > div {
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
      .menu-mobile .checkbox-toggle:checked + .hamburger > div:before, .menu-mobile .checkbox-toggle:checked + .hamburger > div:after {
        top: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .menu-mobile .checkbox-toggle:checked + .hamburger > div:after {
        opacity: 0; }
    .menu-mobile .checkbox-toggle:checked ~ .menu {
      pointer-events: auto;
      visibility: visible; }
      .menu-mobile .checkbox-toggle:checked ~ .menu > div {
        transition-duration: .75s;
        background: rgba(255, 255, 255, 0.97);
        left: 0; }
        .menu-mobile .checkbox-toggle:checked ~ .menu > div > div {
          opacity: 1;
          transition: opacity 0.2s ease 0.2s; }
    .menu-mobile .checkbox-toggle:checked:hover + .hamburger > div {
      -ms-transform: rotate(225deg);
      transform: rotate(225deg); }
  .menu-mobile .hamburger {
    position: absolute;
    top: 17px;
    right: 20px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 0 1rem 1rem 0;
    cursor: pointer;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .menu-mobile .hamburger > div {
      position: relative;
      -ms-flex: none;
      flex: none;
      width: 100%;
      height: 2px;
      background: #126AB9;
      transition: all 0.2s ease;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .menu-mobile .hamburger > div:before, .menu-mobile .hamburger > div:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: -10px;
        left: 0;
        width: 100%;
        height: 2px;
        background: inherit;
        transition: all 0.2s ease; }
      .menu-mobile .hamburger > div:after {
        top: 10px; }
  .menu-mobile .menu {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 1024px) {
      .menu-mobile .menu {
        display: none; } }
    .menu-mobile .menu .menu-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      width: 100%;
      overflow: hidden; }
    .menu-mobile .menu > div {
      color: #126AB9;
      background: white;
      transition: all 0.2s ease;
      -ms-flex: none;
      flex: none;
      backface-visibility: hidden;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      left: 100%;
      position: fixed;
      top: 75px;
      height: calc(100vh - 75px);
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
      transition-duration: .5s; }
      .menu-mobile .menu > div > div {
        text-align: center;
        opacity: 0;
        transition: opacity 0.2s ease;
        overflow-y: auto;
        -ms-flex: none;
        flex: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        top: -7vw;
        position: relative; }

.footer .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #126ab9;
  padding: 3rem 0 6rem; }
  @media (max-width: 640px) {
    .footer .content {
      -ms-flex-direction: column;
      flex-direction: column; } }
  .footer .content .logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    max-width: 90px; }
    @media (max-width: 960px) {
      .footer .content .logo {
        max-width: 80px; } }
    @media (max-width: 640px) {
      .footer .content .logo {
        margin: 0 0 3rem; } }
    .footer .content .logo img {
      width: 100%; }
    .footer .content .logo a {
      display: inherit; }
    .footer .content .logo .scroll_top {
      display: none; }
      .homepage .footer .content .logo .scroll_top {
        display: block; }
  .footer .content .social {
    display: -ms-flexbox;
    display: flex; }
    .footer .content .social li {
      margin: 0 15px 0 0; }
      .footer .content .social li a {
        border-radius: 100%;
        border: 2px solid #126AB9;
        width: 50px;
        height: 50px;
        display: block;
        transition: .35s ease; }
        @media (pointer: fine) {
          .footer .content .social li a:hover {
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            background: rgba(18, 106, 185, 0.3); } }
        .footer .content .social li a svg {
          padding: 12px; }

.hero_home {
  overflow: hidden;
  margin: 3vw 0; }
  @media (max-width: 1660px) {
    .hero_home {
      margin: 0; } }
  @media (max-width: 640px) {
    .hero_home {
      margin: 4vw 0 15vw; } }
  .hero_home svg {
    width: 1920px;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: 0.3s; }
    @media (max-width: 1366px) {
      .hero_home svg {
        width: 120%; } }
    @media (max-width: 640px) {
      .hero_home svg {
        width: 250%;
        left: 70%; } }
    .hero_home svg #linea1 {
      animation: animatePhat1 20s ease-in-out infinite alternate; }
    .hero_home svg #linea2 {
      animation: animatePhat2 15s ease-in-out infinite alternate; }
    .hero_home svg #linea3 {
      animation: animatePhat3 10s ease-in-out infinite alternate; }

@keyframes animatePhat1 {
  from {
    d: path("M-60.272 455.068C50.026 635.451 245.667 565.007 320.503 504.87c50.574-40.64 126.466-160.702 206.688-156.935"); }
  to {
    d: path("M-78.272,413.706c104.17-105.702,195.069-121.162,291.064-122.553 c105.702-1.532,225.191,18.383,314.399,56.783"); } }

@keyframes animatePhat2 {
  from {
    d: path("M766.318 423.711c54.356 109.967 200.363 112.904 299.236 88.716 58.398-14.82 110.696-44.983 169.727-57.936 252.928-49.752 552.102 192.41 853.341 80.237"); }
  to {
    d: path("M766.318,423.711c54.356,109.967,161.891,133.944,226.219,126.335 c142.468-16.851,212.216-127.442,288-159.319c193.021-81.191,683.234-47.489,882.383,147.064"); } }

@keyframes animatePhat3 {
  from {
    d: path("M766.071 424.488c81.839-102.623 226.461-112.042 350.664-107.627 226.783 8.06 324.801-15.667 511.216-61.002 93.65-22.775 230.795-69.229 387.905-176.111"); }
  to {
    d: path("M766.071,424.488c70.202-107.336,170.75-163.932,290.807-131.804 c217.532,58.213,309.874,82.004,473.362-18.383c87.319-53.617,366.128-114.894,528.511,70.468"); } }
    .hero_home svg #title_vivir {
      transition: 0.3s; }
      @media (max-width: 640px) {
        .hero_home svg #title_vivir {
          -ms-transform: translate(338px, -660px);
          transform: translate(338px, -660px); } }

.hero {
  position: relative;
  overflow: hidden; }
  .hero .full_widht {
    max-width: none;
    margin: 0; }
    @media (max-width: 640px) {
      .hero .full_widht.desktop {
        display: none; } }
    .hero .full_widht.mobile {
      display: none; }
      @media (max-width: 640px) {
        .hero .full_widht.mobile {
          display: block; } }
      @media (max-width: 400px) {
        .hero .full_widht.mobile img {
          position: relative;
          left: 50%;
          -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
          height: calc(100vh - 10px);
          width: auto; } }
      @media (max-width: 360px) {
        .hero .full_widht.mobile img {
          height: calc(100vh - 75px); } }
    .hero .full_widht .mask {
      position: absolute;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: none; }
      @media (max-width: 640px) {
        .hero .full_widht .mask {
          display: block; } }
    .hero .full_widht .logo {
      position: absolute;
      top: 50px;
      right: 50px;
      max-width: 265px; }
    .hero .full_widht svg {
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 400px) {
        .hero .full_widht svg {
          top: 5rem; } }
      .hero .full_widht svg text {
        font-size: 6rem;
        fill: #fff;
        -ms-transform: translate(0, -40px);
        transform: translate(0, -40px);
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        animation: animTexto 8s ease-in-out infinite alternate; }
        .hero .full_widht svg text#text_mobile {
          -ms-transform: translate(25px, -50px) rotate(0deg);
          transform: translate(25px, -50px) rotate(0deg);
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          font-size: 4rem;
          animation: animTexto_mb 8s ease-in-out infinite alternate; }
          .promover .hero .full_widht svg text#text_mobile {
            font-size: 3.15rem; }
          .preservar .hero .full_widht svg text#text_mobile {
            font-size: 3.4rem; }
      .hero .full_widht svg #lineaTexto {
        animation: lineaTexto 8s ease-in-out infinite alternate; }
      .hero .full_widht svg #lineaTextoMb {
        animation: lineaTextoMb 8s ease-in-out infinite alternate; }

@keyframes animTexto {
  from {
    transform: translate(0, -40px); }
  to {
    transform: translate(5px, -40px); } }

@keyframes animTexto_mb {
  from {
    transform: translate(0, -40px); }
  to {
    transform: translate(5px, -40px); } }

@keyframes lineaTexto {
  from {
    d: path("M0,300.2c450.1-62.1,684.9,204.9,1165.9-18c51.5-24.4,111.9-50.4,177.3-50.7"); }
  to {
    d: path("M0,389.3C554.9,227,887,432.5,1165.9,282.2c85.9-46.3,113.5-57.8,177.3-50.7"); } }

@keyframes lineaTextoMb {
  from {
    d: path("M0.507,745.259 c255.984-49.026,395.068,61.848,641.534,15.281"); }
  to {
    d: path("M0.507,774.359 c298.558-90.571,424.175-13.21,641.233-28.339"); } }
      .hero .full_widht svg #linea-2 {
        animation: anim-linea-2 12s ease-in-out infinite alternate; }

@keyframes anim-linea-2 {
  from {
    d: path("M1920,328.8 c-272.7,77.4-388.6-62.9-453.1,17"); }
  to {
    d: path("M1920,298.8c-226,7.3-357.3-84.1-453.1,47"); } }
      .hero .full_widht svg #linea-3 {
        animation: anim-linea-3 8s ease-in-out infinite alternate; }

@keyframes anim-linea-3 {
  from {
    d: path("M1920,447.9c-136.5,26.4-397.1,32.7-453.2-103.1"); }
  to {
    d: path("M1920,477.9c-227.1-106.9-411.4,64.6-453.2-133.1"); } }
      .hero .full_widht svg #linea-1_mb {
        animation: anim-linea-1_mb 15s ease-in-out infinite alternate; }

@keyframes anim-linea-1_mb {
  from {
    d: path("M0,450.425c126.362-5.688,181.68-109.166,305.936-102.207"); }
  to {
    d: path("M0,341.666c134.822-54.368,163.783,9.682,305.936,6.553"); } }
      .hero .full_widht svg #linea-2_mb {
        animation: anim-linea-2_mb 12s ease-in-out infinite alternate; }

@keyframes anim-linea-2_mb {
  from {
    d: path("M640,464.574 c-97.872,28.064-169.389-52.814-210.364-2.056"); }
  to {
    d: path("M640,396.24 c-90.826-10.946-154.869-9.665-210.364,66.278"); } }
      .hero .full_widht svg #linea-3_mb {
        animation: anim-linea-3_mb 8s ease-in-out infinite alternate; }

@keyframes anim-linea-3_mb {
  from {
    d: path("M640,575.735 c-88.68,1.158-180.845-42.521-210.464-114.217"); }
  to {
    d: path("M640,548.207 c-92.765,35.835-185.016,33.67-210.464-86.689"); } }

.pilares ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 640px) {
    .pilares ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .pilares ul li {
    position: relative;
    margin: 2vw;
    transition: .35s 0s ease-out; }

@media (pointer: coarse) and (max-width: 640px) {
  .pilares ul li {
    width: calc(50% - 4vw); } }
    .pilares ul li p {
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      text-align: center;
      width: 100%;
      -ms-transform: translate(-50%, -55%);
      transform: translate(-50%, -55%);
      color: #FFFFFF;
      font-size: 2.4rem;
      font-weight: 500;
      line-height: 1.1;
      padding: 0 20px;
      transition: .25s; }
      @media (max-width: 1024px) {
        .pilares ul li p {
          font-size: 2.4vw;
          padding: 0 10px; } }
      @media (max-width: 640px) {
        .pilares ul li p {
          font-size: 4vw; } }
      @media (max-width: 360px) {
        .pilares ul li p {
          font-size: 4.5vw; } }
    .pilares ul li img {
      width: 100%;
      max-width: 260px;
      animation: rotate360 50s linear infinite; }
      @media (max-width: 640px) {
        .pilares ul li img {
          max-width: 200px; } }
      @media (max-width: 360px) {
        .pilares ul li img {
          max-width: 145px; } }
      .pilares ul li img.border {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        animation: rotate360 25s linear infinite reverse; }
    .pilares ul li .arrow {
      animation: none;
      position: absolute;
      bottom: 50px;
      left: 50%;
      width: 100%;
      max-width: 50px;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: .35s 0s ease-out; }
      @media (max-width: 990px) {
        .pilares ul li .arrow {
          bottom: 3vw; } }
      @media (max-width: 640px) {
        .pilares ul li .arrow {
          bottom: 5vw; } }
    .pilares ul li a {
      -ms-transform: scale(1);
      transform: scale(1);
      display: block;
      transition: .35s 0s ease-out;
      will-change: transform; }
      .pilares ul li a:hover {
        -ms-transform: scale(1.05) !important;
        transform: scale(1.05) !important; }
        .pilares ul li a:hover .arrow {
          -ms-transform: translate(-50%, -50%) scale(1.3);
          transform: translate(-50%, -50%) scale(1.3); }

.ornament {
  width: 100%;
  max-width: 1200px;
  display: block; }
  .ornament svg #linea-o1 {
    animation: animateOrnament1 8s ease-in-out infinite alternate; }
  .ornament svg #linea-o2 {
    animation: animateOrnament2 4s ease-in-out infinite alternate; }
  .ornament svg #circulo-o3 {
    animation: animateOrnament3 15s ease-in-out infinite alternate; }
  @media (max-width: 768px) {
    .ornament svg #linea-o1, .ornament svg #linea-o2 {
      stroke-width: 2px; } }

@keyframes animateOrnament1 {
  from {
    d: path("M169.063 46.113c168.266-76.962 238.539 147.931 370.683 83.717"); }
  to {
    d: path("M169.063 46.113C340.506 68.07 276.9 246.675 539.746 129.83"); } }

@keyframes animateOrnament2 {
  from {
    d: path("M921.172 119.7c-53.002-37.129-142.585 60.819-195.293 20.996"); }
  to {
    d: path("M921.172,119.7c-73.543-67.026-124.641,98.568-195.293,20.996"); } }

@keyframes animateOrnament3 {
  from {
    d: path("M1035.011,129.891c-20.994,10.917-48.278,15.548-68.898,10.552	c-16.964-3.887-28.858-12.986-33.491-25.625c-10.51-32.504,23.848-62.643,54.955-73.655 C1072.177,9.39,1117.435,87.406,1035.011,129.891z"); }
  to {
    d: path("M1042.131,106.16c-15.995,17.438-40.051,31.12-61.136,33.477	c-17.27,2.149-31.56-2.335-40.235-12.627c-20.992-26.95,0.987-67.022,26.453-88.007 C1035.848-19.786,1105.057,38.048,1042.131,106.16z"); } }

.highlight .subtitle {
  width: 100%;
  max-width: 560px;
  margin: 6rem auto 5rem; }

.highlight .button {
  max-width: 200px;
  display: block;
  text-align: center;
  margin: 0 auto; }

.highlight .box {
  font-size: 2.2rem;
  line-height: 1.4;
  background: #126AB9;
  border-radius: 25px;
  padding: 30px;
  color: #FFFFFF;
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .highlight .box {
      font-size: 1.9rem;
      margin: 0 auto 5rem; } }
  .highlight .box p {
    margin: 0.75rem 0 0; }

.highlight .link {
  border: 2px solid;
  border-radius: 25px;
  padding: 30px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-color: #126AB9;
  color: #126AB9;
  max-width: 250px;
  margin: 0 auto;
  text-align: center;
  transition: .4s ease-out; }
  @media (pointer: fine) {
    .highlight .link:hover {
      background: rgba(18, 106, 185, 0.12); }
      .highlight .link:hover .button {
        color: #FFFFFF;
        background: rgba(18, 106, 185, 0.6);
        left: calc(50% - 25px); }
        .highlight .link:hover .button path {
          fill: #FFFFFF; } }
  @media (max-width: 990px) {
    .highlight .link {
      height: auto;
      width: 70%; } }
  @media (max-width: 640px) {
    .highlight .link {
      width: 100%; } }
  .highlight .link .button {
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 100%;
    position: relative;
    transition: 0.4s ease-out;
    left: 0; }
    .highlight .link .button svg {
      width: 100%; }
      .highlight .link .button svg path {
        fill: #126AB9; }

.videos_yt {
  background: #E8F5FB;
  padding: 8rem 0; }
  .producir .videos_yt {
    background: rgba(242, 124, 0, 0.15); }
    .producir .videos_yt .title {
      color: #F27C00; }
    .producir .videos_yt .text {
      color: #F27C00; }
  .promover .videos_yt {
    background: rgba(129, 67, 141, 0.15); }
    .promover .videos_yt .title {
      color: #81438D; }
    .promover .videos_yt .text {
      color: #81438D; }
  .preservar .videos_yt {
    background: rgba(140, 179, 12, 0.15); }
    .preservar .videos_yt .title {
      color: #8CB30C; }
    .preservar .videos_yt .text {
      color: #8CB30C; }
  .videos_yt .content .video_wrapper {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto; }
    @media (max-width: 1660px) {
      .videos_yt .content .video_wrapper {
        max-width: 1020px; } }
    @media (max-width: 1366px) {
      .videos_yt .content .video_wrapper {
        max-width: 840px; } }
    .videos_yt .content .video_wrapper .video-responsive {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative; }
      .videos_yt .content .video_wrapper .video-responsive iframe, .videos_yt .content .video_wrapper .video-responsive object, .videos_yt .content .video_wrapper .video-responsive embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
  .videos_yt .content .text,
  .videos_yt .content .subtitle {
    font-size: 3rem;
    line-height: 1.3;
    width: 100%;
    margin: 4rem auto;
    max-width: 1260px; }
    @media (max-width: 1660px) {
      .videos_yt .content .text,
      .videos_yt .content .subtitle {
        max-width: 1020px; } }
    @media (max-width: 1366px) {
      .videos_yt .content .text,
      .videos_yt .content .subtitle {
        max-width: 840px; } }
    @media (max-width: 768px) {
      .videos_yt .content .text,
      .videos_yt .content .subtitle {
        font-size: 2.4rem; } }
    .videos_yt .content .text p,
    .videos_yt .content .subtitle p {
      padding: 0 10vw 1rem 0; }
  .videos_yt .content .subtitle {
    max-width: none; }

.logros {
  margin-bottom: 12rem; }
  @media (max-width: 990px) {
    .logros {
      margin-bottom: 8rem; } }
  .logros ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 990px) {
      .logros ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .logros ul li {
      position: relative;
      width: 100%;
      overflow: hidden; }
      @media (max-width: 990px) {
        .logros ul li {
          max-width: 320px; } }
      @media (max-width: 768px) {
        .logros ul li {
          width: 50%; } }
      @media (max-width: 640px) {
        .logros ul li {
          width: 100%; } }
      .logros ul li:nth-child(2n) img {
        animation: rotate360 25s linear infinite reverse; }
      .logros ul li img {
        width: 100%;
        height: auto;
        animation: rotate360 25s linear infinite; }
      .logros ul li .data {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 3.5vw;
        line-height: 1.3;
        color: #126AB9;
        text-align: center; }
        @media (max-width: 1366px) {
          .logros ul li .data {
            font-size: 1.2vw;
            padding: 0 4vw; } }
        @media (max-width: 990px) {
          .logros ul li .data {
            font-size: 1.6rem;
            padding: 0 6rem; } }
        @media (max-width: 360px) {
          .logros ul li .data {
            font-size: 4.5vw;
            padding: 0 16vw; } }
        .logros ul li .data .title {
          margin: -1vw 0 0;
          text-align: center;
          font-size: 5rem; }
          @media (max-width: 1366px) {
            .logros ul li .data .title {
              font-size: 4vw; } }
          @media (max-width: 990px) {
            .logros ul li .data .title {
              font-size: 5rem; } }
          @media (max-width: 360px) {
            .logros ul li .data .title {
              font-size: 14vw; } }
          .logros ul li .data .title span {
            font-size: 32px; }
        .logros ul li .data.white {
          color: #FFFFFF; }
          .logros ul li .data.white .title {
            color: #FFFFFF; }

.descargas {
  margin-bottom: 12rem; }
  @media (max-width: 990px) {
    .descargas {
      margin-bottom: 6rem; } }
  @media (max-width: 640px) {
    .descargas {
      margin-bottom: 3rem; } }
  .descargas ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1rem auto 8rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .descargas ul li {
      position: relative;
      width: calc(33.33% - 20px);
      overflow: hidden;
      margin: 0 1rem; }
      @media (max-width: 1024px) {
        .descargas ul li {
          width: calc(50% - 20px); }
          .descargas ul li:nth-child(3) {
            -ms-flex-order: 4;
            order: 4; }
          .descargas ul li:nth-child(4) {
            -ms-flex-order: 3;
            order: 3; } }
      @media (max-width: 640px) {
        .descargas ul li {
          width: 100%;
          margin: 0; }
          .descargas ul li:nth-child(2) {
            -ms-flex-order: 3;
            order: 3; }
          .descargas ul li:nth-child(3) {
            -ms-flex-order: 4;
            order: 4; }
          .descargas ul li:nth-child(4) {
            -ms-flex-order: 2;
            order: 2; } }
      .descargas ul li .button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 2px 25px 2px 0;
        line-height: 1.2;
        font-weight: 500;
        background: #FFFFFF;
        z-index: 1;
        margin: 1rem auto;
        border: none;
        box-shadow: inset 0 0 0 2px #126AB9; }
        @media (pointer: fine) {
          .descargas ul li .button:hover {
            background: rgba(18, 106, 185, 0.25);
            color: #126AB9; }
            .descargas ul li .button:hover .arrow {
              animation: arrow 0.25s ease-in alternate 4; }
          @keyframes arrow {
            from {
              transform: translateY(0); }
            to {
              transform: translateY(10px); } } }
      .descargas ul li img {
        width: 100%;
        height: auto;
        max-width: 100px; }
        @media (max-width: 768px) {
          .descargas ul li img {
            margin: 0 -10px 0 -10px; } }

.producir .info {
  color: #F27C00; }
  .producir .info .title {
    color: inherit; }
  .producir .info .link {
    border-color: #F27C00;
    color: #F27C00;
    transition: .4s ease-out; }
    @media (pointer: fine) {
      .producir .info .link:hover {
        background: rgba(242, 124, 0, 0.12); }
        .producir .info .link:hover .button {
          color: #FFFFFF;
          background: rgba(242, 124, 0, 0.6);
          left: calc(50% - 25px); }
          .producir .info .link:hover .button path {
            fill: #FFFFFF; } }
  .producir .info .button {
    border: 2px solid #F27C00;
    color: #F27C00; }
    .producir .info .button path {
      fill: #F27C00; }

.promover .info {
  color: #81438D; }
  .promover .info .title {
    color: inherit; }
  .promover .info .link {
    border-color: #81438D;
    color: #81438D;
    transition: .4s ease-out; }
    @media (pointer: fine) {
      .promover .info .link:hover {
        background: rgba(129, 67, 141, 0.12); }
        .promover .info .link:hover .button {
          color: #FFFFFF;
          background: rgba(129, 67, 141, 0.6);
          left: calc(50% - 25px); }
          .promover .info .link:hover .button path {
            fill: #FFFFFF; } }
  .promover .info .button {
    border: 2px solid #81438D;
    color: #81438D; }
    .promover .info .button path {
      fill: #81438D; }

.preservar .info {
  color: #227C26; }
  .preservar .info .title {
    color: inherit; }
    .preservar .info .title.fantasy {
      color: #8CB30C; }
  .preservar .info .link {
    border-color: #227C26;
    color: #227C26;
    transition: .4s ease-out; }
    @media (pointer: fine) {
      .preservar .info .link:hover {
        background: rgba(34, 124, 38, 0.12); }
        .preservar .info .link:hover .button {
          color: #FFFFFF;
          background: rgba(34, 124, 38, 0.6);
          left: calc(50% - 25px); }
          .preservar .info .link:hover .button path {
            fill: #FFFFFF; } }
  .preservar .info .button {
    border: 2px solid #227C26;
    color: #227C26; }
    .preservar .info .button path {
      fill: #227C26; }

.info .text {
  font-size: 3.5rem;
  line-height: 1.3;
  width: 100%;
  max-width: 900px;
  color: #8C8C8C; }
  @media (max-width: 768px) {
    .info .text {
      font-size: 2.5rem; } }

.info ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 8rem auto 0; }
  @media (max-width: 990px) {
    .info ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .info ul li {
    position: relative;
    margin: 0 2vw;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 990px) {
      .info ul li {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 0 6rem;
        -ms-flex-align: initial;
        align-items: initial; } }
    @media (max-width: 640px) {
      .info ul li {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center; } }
    .info ul li .box {
      position: relative;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
      @media (max-width: 990px) {
        .info ul li .box {
          max-width: 200px;
          margin: 0 4rem 0 0;
          width: 30%; } }
      @media (max-width: 640px) {
        .info ul li .box {
          width: 100%;
          max-width: none;
          margin: 0; } }
      .info ul li .box img {
        width: 100%;
        height: auto;
        max-width: 200px; }
        @media (max-width: 360px) {
          .info ul li .box img {
            max-width: 145px; } }
        @media (max-width: 990px) {
          .info ul li .box img {
            max-width: 150px; } }
      .info ul li .box .border {
        width: 100%;
        max-width: 200px;
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        .info ul li .box .border img {
          animation: rotate360 25s linear infinite;
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }
        @media (max-width: 990px) {
          .info ul li .box .border {
            max-width: 150px; } }
      .info ul li .box .title {
        font-size: 2.4rem;
        line-height: 1.2;
        text-align: center;
        margin: 3rem 0 4rem; }
        @media (max-width: 640px) {
          .info ul li .box .title {
            margin: 2rem 0 3rem; } }
    .info ul li:nth-child(2n) .border img {
      animation: rotate360 25s linear infinite reverse; }
    .info ul li .link {
      border: 2px solid;
      border-radius: 25px;
      padding: 30px !important;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 16px;
      line-height: 1.6;
      text-align: left;
      font-family: 'Raleway', sans-serif; }
      @media (max-width: 990px) {
        .info ul li .link {
          height: auto;
          width: 70%; } }
      @media (max-width: 640px) {
        .info ul li .link {
          width: 100%; } }
      .info ul li .link .button {
        width: 48px;
        height: 48px;
        padding: 0;
        border-radius: 100%;
        position: relative;
        transition: 0.4s ease-out;
        left: 0; }
        .info ul li .link .button svg {
          width: 100%; }