@font-face {
  font-family: 'icomoon';
  src: url("/themes/custom/cevtheme/ruta/img/fonts/iconos-transmedia/icomoon.eot?3cxtvr");
  src: url("/themes/custom/cevtheme/ruta/img/fonts/iconos-transmedia/icomoon.eot?3cxtvr#iefix") format("embedded-opentype"), url("/themes/custom/cevtheme/ruta/img/fonts/iconos-transmedia/icomoon.ttf?3cxtvr") format("truetype"), url("/themes/custom/cevtheme/ruta/img/fonts/iconos-transmedia/icomoon.woff?3cxtvr") format("woff"), url("/themes/custom/cevtheme/ruta/img/fonts/iconos-transmedia/icomoon.svg?3cxtvr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-flecha-doble-arriba:before {
  content: "\e900"; }

.icon-flecha-senc-arriba:before {
  content: "\e901"; }

.icon-a-viva-voz:before {
  content: "\e902"; }

.icon-accesibilidad:before {
  content: "\e903"; }

.icon-adelantar:before {
  content: "\e904"; }

.icon-animacion:before {
  content: "\e905"; }

.icon-anterior:before {
  content: "\e906"; }

.icon-archivo:before {
  content: "\e907"; }

.icon-audible:before {
  content: "\e908"; }

.icon-audio:before {
  content: "\e909"; }

.icon-biblioteca-sonora:before {
  content: "\e90a"; }

.icon-caja-de-herramientas:before {
  content: "\e90b"; }

.icon-caso-historia:before {
  content: "\e90c"; }

.icon-cerrar:before {
  content: "\e90d"; }

.icon-cev-amazonica:before {
  content: "\e90e"; }

.icon-cev-antioquia:before {
  content: "\e90f"; }

.icon-cev-cafetera:before {
  content: "\e910"; }

.icon-cev-caribe:before {
  content: "\e911"; }

.icon-cev-centro:before {
  content: "\e912"; }

.icon-cev-magdalena:before {
  content: "\e913"; }

.icon-cev-narino-cauca-sur:before {
  content: "\e914"; }

.icon-cev-nororiente:before {
  content: "\e915"; }

.icon-cev-orinoquia:before {
  content: "\e916"; }

.icon-cev-pacifica:before {
  content: "\e917"; }

.icon-cev-valle-cauca-norte:before {
  content: "\e918"; }

.icon-colecciones:before {
  content: "\e919"; }

.icon-compartir:before {
  content: "\e91a"; }

.icon-comunicaciones:before {
  content: "\e91b"; }

.icon-cont-animacion:before {
  content: "\e91c"; }

.icon-cont-cartografia:before {
  content: "\e91d"; }

.icon-cont-datos:before {
  content: "\e91e"; }

.icon-cont-galeria:before {
  content: "\e91f"; }

.icon-cont-imagen:before {
  content: "\e920"; }

.icon-cont-video:before {
  content: "\e921"; }

.icon-cumulo:before {
  content: "\e922"; }

.icon-descarga-offline:before {
  content: "\e923"; }

.icon-descarga-wifi:before {
  content: "\e924"; }

.icon-descarga:before {
  content: "\e925"; }

.icon-descarga2:before {
  content: "\e926"; }

.icon-descargables:before {
  content: "\e927"; }

.icon-Descargar-sin-conexion:before {
  content: "\e928"; }

.icon-descargar-pdf:before {
  content: "\e929"; }

.icon-flecha-doble-abajo:before {
  content: "\e92a"; }

.icon-flecha-doble-der:before {
  content: "\e92b"; }

.icon-flecha-doble-izq:before {
  content: "\e92c"; }

.icon-flecha-senc-abajo:before {
  content: "\e92d"; }

.icon-flecha-senc-der:before {
  content: "\e92e"; }

.icon-flecha-senc-izq:before {
  content: "\e92f"; }

.icon-fotoreportaje:before {
  content: "\e930"; }

.icon-guia-pedagogica:before {
  content: "\e931"; }

.icon-hp-c4-hablando:before {
  content: "\e932"; }

.icon-hp-c4-libro:before {
  content: "\e933"; }

.icon-hp-c4-literatura:before {
  content: "\e934"; }

.icon-hp-c4-nuestro:before {
  content: "\e935"; }

.icon-hp-c4-planeador:before {
  content: "\e936"; }

.icon-hp-c4-silosrios:before {
  content: "\e937"; }

.icon-hp-c5-6402:before {
  content: "\e938"; }

.icon-hp-c5-amuleto:before {
  content: "\e939"; }

.icon-hp-c5-carteles:before {
  content: "\e93a"; }

.icon-hp-c5-sihayverdad:before {
  content: "\e93b"; }

.icon-infografia:before {
  content: "\e93c"; }

.icon-libro:before {
  content: "\e93d"; }

.icon-like-off:before {
  content: "\e93e"; }

.icon-like-on:before {
  content: "\e93f"; }

.icon-linea-de-tiempo:before {
  content: "\e940"; }

.icon-lugar:before {
  content: "\e941"; }

.icon-nativos .path1:before {
  content: "\e942"; }

.icon-nativos .path2:before {
  content: "\e943";
  margin-left: -1em; }

.icon-nativos .path3:before {
  content: "\e944";
  margin-left: -1em; }

.icon-nativos .path4:before {
  content: "\e945";
  margin-left: -1em; }

.icon-otras-lenguas:before {
  content: "\e946"; }

.icon-paisaje-sonoro:before {
  content: "\e947"; }

.icon-pausar:before {
  content: "\e948"; }

.icon-playlist:before {
  content: "\e949"; }

.icon-quienes:before {
  content: "\e94a"; }

.icon-relacion:before {
  content: "\e94b"; }

.icon-relacionados:before {
  content: "\e94c"; }

.icon-reproducir:before {
  content: "\e94d"; }

.icon-retroceder:before {
  content: "\e94e"; }

.icon-ruta-metodologica .path1:before {
  content: "\e94f"; }

.icon-ruta-metodologica .path2:before {
  content: "\e950";
  margin-left: -1em; }

.icon-ruta-metodologica .path3:before {
  content: "\e951";
  margin-left: -1em; }

.icon-ruta-metodologica .path4:before {
  content: "\e952";
  margin-left: -1em; }

.icon-ruta-metodologica .path5:before {
  content: "\e953";
  margin-left: -1em; }

.icon-ruta-metodologica .path6:before {
  content: "\e954";
  margin-left: -1em; }

.icon-ruta-metodologica .path7:before {
  content: "\e955";
  margin-left: -1em; }

.icon-ruta-metodologica .path8:before {
  content: "\e956";
  margin-left: -1em; }

.icon-ruta-metodologica .path9:before {
  content: "\e957";
  margin-left: -1em; }

.icon-ruta-metodologica .path10:before {
  content: "\e958";
  margin-left: -1em; }

.icon-ruta-metodologica .path11:before {
  content: "\e959";
  margin-left: -1em; }

.icon-ruta-metodologica .path12:before {
  content: "\e95a";
  margin-left: -1em; }

.icon-ruta-metodologica .path13:before {
  content: "\e95b";
  margin-left: -1em; }

.icon-ruta-metodologica .path14:before {
  content: "\e95c";
  margin-left: -1em; }

.icon-ruta-metodologica .path15:before {
  content: "\e95d";
  margin-left: -1em; }

.icon-ruta-metodologica .path16:before {
  content: "\e95e";
  margin-left: -1em; }

.icon-ruta-metodologica .path17:before {
  content: "\e95f";
  margin-left: -1em; }

.icon-ruta-metodologica .path18:before {
  content: "\e960";
  margin-left: -1em; }

.icon-ruta-metodologica .path19:before {
  content: "\e961";
  margin-left: -1em; }

.icon-ruta-metodologica .path20:before {
  content: "\e962";
  margin-left: -1em; }

.icon-ruta-metodologica .path21:before {
  content: "\e963";
  margin-left: -1em; }

.icon-ruta-metodologica .path22:before {
  content: "\e964";
  margin-left: -1em; }

.icon-ruta-metodologica .path23:before {
  content: "\e965";
  margin-left: -1em; }

.icon-ruta-metodologica .path24:before {
  content: "\e966";
  margin-left: -1em; }

.icon-ruta-metodologica .path25:before {
  content: "\e967";
  margin-left: -1em; }

.icon-siguiente:before {
  content: "\e968"; }

.icon-sound-off:before {
  content: "\e969"; }

.icon-sound-on:before {
  content: "\e96a"; }

.icon-testimonio-audio:before {
  content: "\e96b"; }

.icon-testimonio:before {
  content: "\e96c"; }

.icon-texto:before {
  content: "\e96d"; }

.icon-traduccion:before {
  content: "\e96e"; }

.icon-video:before {
  content: "\e96f"; }

.icon-volumenes:before {
  content: "\e970"; }

@font-face {
  font-family: "Obliqua ITC Std";
  src: url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Regular.woff2") format("woff2"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Regular.woff") format("woff"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Obliqua ITC Std";
  src: url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Italic.woff2") format("woff2"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Italic.woff") format("woff"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Obliqua ITC Std";
  src: url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Bold.woff2") format("woff2"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Bold.woff") format("woff"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Obliqua ITC Std";
  src: url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-BoldItalic.woff2") format("woff2"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-BoldItalic.woff") format("woff"), url("/themes/custom/cevtheme/ruta/img/assets/fonts/ObliquaITCStd-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

.center-horizontal {
  display: flex;
  justify-content: center; }

.center-vertical {
  display: flex;
  align-items: center; }

.center-all {
  display: flex;
  align-items: center;
  justify-content: center; }

.img-fit {
  position: relative; }
  .img-fit img,
  .img-fit video {
    object-fit: cover;
    object-position: center;
    -o-object-fit: cover;
    -o-object-position: center;
    width: 100%;
    height: 100%; }

.img-contain {
  position: relative; }
  .img-contain img,
  .img-contain video {
    object-fit: contain;
    object-position: center;
    -o-object-fit: contain;
    -o-object-position: center;
    width: 100%;
    height: 100%; }

#section-home {
  background-image: url("/themes/custom/cevtheme/ruta/img/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #1d1d1d0a;
  background-blend-mode: multiply;
  position: relative;
  display: flex;
  align-items: center; }
  #section-home .container,
  #section-home .row {
    height: 100%; }
  #section-home .col-lg-12 {
    display: flex;
    flex-direction: column; }
  @media (max-width: 768px) {
    #section-home {
      align-items: flex-start;
      padding-top: 100px; 
    }
    #section-home .buttons-container .button-item p{
      color: #fff !important;
      font-size: 85%;
    }
    #section-home .button-principal .logo-paz{
      top: -40px;
      height: 100px !important;
      margin-bottom: -30px !important;
    }
  }

a {
  text-decoration: none; }

#section-home .title-principal {
  position: absolute;
  top: 95px;
  width: 400px;
  left: 10%; }
  #section-home .title-principal.appear {
    left: 14%;
    transition: opacity .3s 3.6s, left 0.4s 3.6s; }
  @media (max-width: 578px) {
    #section-home .title-principal,
    #section-1 .title-antecedents {
      position: initial;
      width: 100%;
      line-height: 1.5rem;} }

[class*="title-"] {
  transition: opacity 0.3s;
  opacity: 0;
  margin-bottom: 0px; }

[class*="title-"].appear {
  opacity: 1 !important;
  transition: opacity 0.3s 0.4s; }

#section-home .title-principal p {
  color: #1e2635; }

#section-home .button-principal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 5;
  margin: auto; }
  #section-home .button-principal .logo-paz {
    height: 210px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    #section-home .button-principal .logo-paz img {
      position: absolute;
      height: 100%;
      opacity: 0;
      transform: scale(1.8);
      transform-origin: center;
      animation: logoanimation 3.5s 0.4s forwards ease; }

@keyframes logoanimation {
  0% {
    opacity: 0;
    transform: scale(1.8); }
  20% {
    opacity: 1; }
  80% {
    opacity: 1;
    transform: scale(1.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }
  #section-home .button-principal a {
    position: relative;
    opacity: 0;
    animation: btn-animation 0.4s 4.2s forwards ease; }

@keyframes btn-animation {
  from {
    opacity: 0;
    top: -10px; }
  to {
    opacity: 1;
    top: 0px; } }

#section-1 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center; }
  #section-1:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-image: url(/themes/custom/cevtheme/ruta/img/seccion-1/bg_clouds.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; }
    #section-1 .buttons-container {
      grid-template-columns: 1fr 1fr 1fr; }
  @media (max-width: 768px) {
    #section-1 {
      padding-top: 14rem; }
      #section-1:before {
        top: 0vw;
        background-size: 150% auto;
        background-position: top left; } }

#section-1 .background-collage {
  position: relative;
  left: 25%;
}
    #section-1 .background-collage .background-img {
      position: relative;
      top: -20px;
      opacity: 0;
      transform: scale(0.85); }
      #section-1 .background-collage .background-img.appear {
        top: 34px;
        left: 22%;
        opacity: 1;
        transition: all 0.4s 1s; }
    #section-1 .background-collage .woman {
      bottom: 30%;
      right: 100px;
      max-height: 52%;
      height: 100%;
      opacity: 0;
      object-fit: contain;
      transition: all 0.12s 0s; }
      @media (min-width: 1200px) {
        #section-1 .background-collage .woman {
          right: 6%; } }
      @media (min-width: 1600px) {
        #section-1 .background-collage .woman {
          right: 15%; top:100px} 
          #section-1 .background-collage .cards {
            left: -7%;
          }
        }
      #section-1 .background-collage .woman.appear {
        bottom: 40%;
        opacity: 1;
        transition: bottom 0.5s 1.3s, opacity 0.5s 1.3s; }
        @media (max-width: 1200px) {
          #section-1 .background-collage .woman.appear {
            right: 24%; } }
        @media (max-width: 768px) {
          #section-1 .background-collage .woman.appear {
            right: 0%; } }
    #section-1 .background-collage .cards {
      bottom: 20%;
      left: -5%;
      max-height: 75%;
      opacity: 0;
      object-fit: contain;
      top: 120px; }
      @media (max-width: 768px) {
        #section-1 .background-collage .cards {
          top: 50px; } }
      #section-1 .background-collage .cards.appear {
        left: 15%;
        opacity: 1;
        transition: left 0.5s 1.5s, opacity 0.5s 1.5s; }
        @media (max-width: 578px) {
          #section-1 .background-collage .cards.appear {
            left: 18.5%;
            bottom: 15%; } }
    #section-1 .background-collage .woman,
    #section-1 .background-collage .cards {
      position: absolute; }
    @media (max-width: 991px) {
      #section-1 .background-collage {
        height: 80vw; }
        #section-1 .background-collage .background-img {
          height: 116%;
          width: auto; } }
    @media (max-width: 578px) {
      #section-1 .background-collage {
        left: -12%;
        margin-top: 0px;
        height: 90vw; }
        #section-1 .background-collage .background-img {
          height: 100%; }
          #section-1 .background-collage .background-img.appear {
            left: 30%; } }
  #section-1 .section-title {
    width: 60%; }
    @media (max-width: 768px) {
      #section-1 .section-title {
        width: 80%; } }
    @media (max-width: 578px) {
      #section-1 .section-title {
        width: 90%; } }

#section-2 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center; }
  #section-2:before {
    content: "";
    width: 100%;
    height: 70vw;
    bottom: 0;
    position: absolute;
    background-image: url(/themes/custom/cevtheme/ruta/img/seccion-2/bg-3.png);
    background-position: bottom right;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: -1; }
  #section-2 .listen-collage {
    position: relative;
    bottom: -35px; }
    #section-2 .listen-collage > * {
      opacity: 0; }
      #section-2 .listen-collage > *.appear {
        opacity: 1; }
    #section-2 .listen-collage img:nth-child(1) {
      transition-property: all;
      transition-duration: 0.6s;
      transition-delay: 0.8s;
      transition-timing-function: ease; }
    #section-2 .listen-collage img:nth-child(2) {
      transition-property: all;
      transition-duration: 0.6s;
      transition-delay: 1s;
      transition-timing-function: ease; }
    #section-2 .listen-collage img:nth-child(3) {
      transition-property: all;
      transition-duration: 0.6s;
      transition-delay: 1.2s;
      transition-timing-function: ease; }
    #section-2 .listen-collage img:nth-child(4) {
      transition-property: all;
      transition-duration: 0.6s;
      transition-delay: 1.4s;
      transition-timing-function: ease; }
    #section-2 .listen-collage img:nth-child(5) {
      transition-property: all;
      transition-duration: 0.6s;
      transition-delay: 1.6s;
      transition-timing-function: ease; }
    #section-2 .listen-collage .sheets {
      position: absolute;
      top: -85px;
      right: 22%;
      height: 200px;
      transition-delay: 0s !important;
      transition-timing-function: initial !important;
      opacity: 1;
      transition-duration: 0s !important; }
    #section-2 .listen-collage .listen-img {
      width: 120%;
      left: -30%;
      top: -110px;
      position: relative;
      transform: scale(0.85); }
      #section-2 .listen-collage .listen-img.appear {
        transform: scale(1); }
        #section-2 .buttons-container {
          grid-template-columns: 1fr 1fr; }
        @media (max-width: 991px) {
          #section-2 .listen-collage .listen-img.appear {
            transform: scale(0.85);
            top: 0; } }
    #section-2 .listen-collage .campesina,
    #section-2 .listen-collage .kids {
      position: absolute; }
    #section-2 .listen-collage .campesina {
      top: -0%;
      left: 3%;
      height: 68%; }
      #section-2 .listen-collage .campesina.appear {
        top: -8%; }
        @media (max-width: 991px) {
          #section-2 .listen-collage .campesina.appear {
            top: 0; } }
    #section-2 .listen-collage .kids {
      height: 42%;
      left: 20px;
      top: 22%; }
      #section-2 .listen-collage .kids.appear {
        left: 0; }
  @media (max-width: 991px) {
    #section-2 .row {
      flex-direction: column-reverse; } }

#section-3 {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 4;
  margin-bottom: 4vw; }
  #section-3:before {
    content: "";
    position: absolute;
    top: 20%;
    height: 89%;
    width: 100%;
    background-image: url(/themes/custom/cevtheme/ruta/img/seccion-3/bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: -1;
    background-position: 112% 39%;
  }
    @media (max-width: 1200px) {
      #section-3:before {
        background-position: 25% 0;
        height: 114%; } }
    @media (min-height: 1079px) {
      #section-3:before {
        top: 3vw; } }
    @media (max-width: 991px) {
      #section-3:before {
        height: 100%; } }
    @media (max-width: 768px) {
      #section-3:before {
        background-position: 70% 100%;
        background-size: 150%; 
        top: 4%;} }
  #section-3 .section-title {
    width: 70%; }
  #section-3 .children {
    position: absolute;
    opacity: 0;
    bottom: -13%;
    height: 86%;
    right: 20%;
    transform: scale(0.85);
    transform-origin: bottom center; }
    #section-3 .children.appear {
      opacity: 1;
      transform: scale(1);
      transition: all 0.6s 1s ease;
      right: 3%; }
      @media (min-height: 1079px) {
        #section-3 .children.appear {
          height: 82%; } }
    @media (max-width: 991px) {
      #section-3 .children {
        height: 74vw; }
        #section-3 .children.appear {
          right: -28vw; } }
    @media (max-width: 768px) {
      #section-3 .children {
        height: 70vw; }
        #section-3 .children.appear {
          right: 6%;
          bottom: 0%; } }
  #section-3 .birds {
    position: absolute;
    height: 90px;
    left: 46%;
    top: 42%;
    opacity: 0; }
    #section-3 .birds.appear {
      opacity: 1;
      transition: opacity 0.3s 0.5s; }
  @media (max-width: 768px) {
    #section-3 {
      padding-bottom: 72vw; } }

#section-4 {
  position: relative;
  z-index: 1; }
  #section-4 .buttons-container {
    grid-template-columns: 1fr 1fr; }
  @media (min-width: 1280px) {
    #section-4 {
      display: flex;
      align-items: center; } }
  @media (max-height: 700px) {
    #section-4 {
      height: 125vh; } }
  #section-4:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-image: url(/themes/custom/cevtheme/ruta/img/seccion-4/bg.png);
    background-position: 10% 95%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1; }
    @media (min-width: 1280px) {
      #section-4:before {
        background-size: 1282px;
        background-position: -95px -20px; } }
    @media (min-width: 1600px) {
      #section-4:before {
        background-size: 1586px; } }
  #section-4 .listen-collage > * {
    opacity: 0; }
    #section-4 .listen-collage > *.appear {
      opacity: 1; }
  #section-4 .listen-collage img:nth-child(1) {
    transition-property: all;
    transition-duration: 0.6s;
    transition-delay: 0.8s;
    transition-timing-function: ease; }
  #section-4 .listen-collage img:nth-child(2) {
    transition-property: all;
    transition-duration: 0.6s;
    transition-delay: 1s;
    transition-timing-function: ease; }
  #section-4 .listen-collage .listen-img {
    left: 0px;
    top: 2%;
    height: 80%;
    position: absolute;
    transform: scale(0.85); }
    #section-4 .listen-collage .listen-img.appear {
      transform: scale(1); }
      @media (max-width: 998px) {
        #section-4 .listen-collage .listen-img.appear {
          height: 40vh; } }
    @media (max-width: 998px) {
      #section-4 .listen-collage .listen-img {
        top: auto; } }
  #section-4 .listen-collage .verdad,
  #section-4 .listen-collage .young-girl,
  #section-4 .listen-collage .kids {
    position: absolute; }
  #section-4 .listen-collage .verdad {
    top: 100px;
    left: 5%;
    height: 58%; }
    #section-4 .listen-collage .verdad.appear {
      top: 40px; }
      @media (max-width: 998px) {
        #section-4 .listen-collage .verdad.appear {
          top: auto;
          bottom: 20%; } }
    @media (min-width: 1600px) {
      #section-4 .listen-collage .verdad {
        height: 68%;
        left: 14%;
        top: 9%; } 
      }
    @media (max-width: 998px) {
      #section-4 .listen-collage .verdad {
        height: 30%;
        top: auto;
        bottom: 10%; } }
  #section-4 .listen-collage .kids {
    height: 42%;
    left: 20px;
    top: 22%; }
    #section-4 .listen-collage .kids.appear {
      left: 0; }
  @media (max-width: 991px) {
    #section-4 .row {
      flex-direction: column-reverse; } }

#section-5 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  align-items: flex-end;
  background: url(/themes/custom/cevtheme/ruta/img/seccion-5/bg-6.png);
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: 50% 0; 
}
  @media (max-height: 700px) {
    #section-5 {
      height: 150vh; } }
  @media (max-width: 991px) {
    #section-5 {
      background-size: 150%;
      background-repeat: no-repeat;
      background-position: 50% 33%; } }
  #section-5 .title-report {
    margin-top: -80px;
    text-align: center; }
    @media (max-width: 991px) {
      #section-5 .title-report {
        margin-top: -50px;
        margin-bottom: 0; }
        #section-5 .title-report .section-subtitle {
          width: 100%; } }
    #section-5 .title-report .section-subtitle {
      margin-bottom: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  #section-5 .mech {
    height: 54vh;
    display: block;
    margin: 0 auto;
    position: relative;
    left: -2%;
    margin-top: -40px; }
    @media (max-width: 578px) {
      #section-5 .mech {
        height: 74vw; } }
  #section-5 .final-report-1 {
    height: 180px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    top: 200px;
    opacity: 0;
    transition: all 0.3s 0.5s; }
    #section-5 .final-report-1.appear {
      opacity: 1;
      top: 270px; }
      @media (min-width: 1600px) {
        #section-5 .final-report-1.appear {
          top: 370px; } }
      @media (max-width: 768px) {
        #section-5 .final-report-1.appear {
          top: 310px; } }
    @media (max-width: 768px) {
      #section-5 .final-report-1 {
        height: 130px; } }
  #section-5 .final-report-2 {
    height: 300px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    top: 20px;
    opacity: 0;
    transition: all 0.5s 0.7s; }
    #section-5 .final-report-2.appear {
      opacity: 1;
      bottom: 30px; }
      @media (min-width: 992px) {
        #section-5 .final-report-2.appear {
          top: 62px; } }
      @media (min-width: 1600px) {
        #section-5 .final-report-2.appear {
          top: 150px; } }
    @media (max-width: 768px) {
      #section-5 .final-report-2 {
        height: 30%; } }
  @media (min-width: 768px) {
    #section-5 .buttons-container {
      margin: 0 auto;
      grid-template-columns: repeat(3, 1fr); } }

#section-6 {
  display: flex;
  align-items: center;
  position: relative;
  background-image: url(/themes/custom/cevtheme/ruta/img/seccion-6/bg-7.png);
  background-color: #fff;
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 12vw;
  z-index: 1; }
  #section-6 .title-recommendations .section-subtitle {
    width: 70%; }
  #section-6 .buttons-container {
    grid-template-columns: 1fr 1fr 1fr; }
  #section-6 .recommendations-collage {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: -1;
    right: 200px;
    top: 20px;
    height: 50vw;
    max-height: 500px; }
    #section-6 .recommendations-collage .photo-1,
    #section-6 .recommendations-collage .photo-3 {
      position: absolute;
      z-index: 1;
      opacity: 0;
      mix-blend-mode: multiply;
      object-fit: contain; }
    #section-6 .recommendations-collage .photo-1 {
      left: 0;
      bottom: 20px;
      width: 56%;
      height: 90%;
      left: 50%; }
      #section-6 .recommendations-collage .photo-1.appear {
        opacity: 1;
        bottom: -22px;
        transition: all 0.5s 0.8s; }
        @media (min-width: 1600px) {
          #section-6 .recommendations-collage .photo-1.appear {
            bottom: -52px; } }
    #section-6 .recommendations-collage .photo-3 {
      position: relative;
      bottom: -180px;
      height: 88%; }
      #section-6 .recommendations-collage .photo-3.appear {
        opacity: 1;
        transition: all 0.4s 0.6s; }
      @media (min-width: 1600px) {
        #section-6 .recommendations-collage .photo-3 {
          bottom: -220px;
          height: auto; } }
    @media (max-width: 1200px) {
      #section-6 .recommendations-collage {
        height: 32vw; } }
    @media (max-width: 991px) {
      #section-6 .recommendations-collage .photo-3 {
        height: 100%;
        bottom: -150px; }
        #section-6 .recommendations-collage .photo-3.appear {
          right: initial;
          bottom: -16%; }
      #section-6 .recommendations-collage .photo-1.appear {
        left: initial;
        right: 0px;
        bottom: 42px; } }
    @media (max-width: 768px) {
      #section-6 .recommendations-collage {
        height: 56vw; } }
    @media (max-width: 768px) {
      #section-6 .recommendations-collage {
        height: 62vw;
        margin-top: 30px; } }
    @media (max-width: 578px) {
      #section-6 .recommendations-collage {
        height: 70vw; } }

body {
  font-family: "Obliqua ITC Std";
  font-size: 15px; }

.img-fit {
  position: relative; }

.img-fit img,
.img-fit video {
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
  height: 100%; }

main {
  overflow: hidden; }

section {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow: hidden;
  padding: 72px 0 40px;
  margin-left: auto;
  margin-right: auto;
  }
  @media (max-width: 991px) {
    section {
      padding: 65px 0 40px; } }
  @media (max-width: 991px) {
    section .container {
      max-width: 100%;
      padding: 0 24px; } }

.rdi-btn {
  border-radius: 24px;
  padding: 14px 25px;
  background: #fff;
  font-weight: 600;
  line-height: 1;
  color: #1e2635;
  min-height: 38px;
  font-size: 16px;
  border: none; }

.section-title {
  font-size: 30px;
  font-weight: 700;
  color: #1e2635;
  border-bottom: 2px solid rgba(49, 53, 52, 0.5);
  padding: 12px 0;
  line-height: 1.1;
  margin-bottom: 20px; }
  .section-title span {
    font-weight: 700;
    color: #129483; }
    @media (min-width: 578px) {
      .section-title span {
        display: block; } }
  @media (max-width: 991px) {
    .section-title {
      font-size: 35px; } }
  @media (max-width: 768px) {
    .section-title {
      font-size: 30px; } }
  @media (max-width: 578px) {
    .section-title {
      font-size: 26px; } }

/* @media (max-width:600px){
    section{
      margin-bottom: 20px;
    }
  } */
.buttons-container {
  display: grid;
  width: 100%;
  justify-content: center;
  grid-gap: 5px 10px;
  grid-template-columns: 1fr 1fr 1fr; }
  @media (max-width: 768px) {
    .buttons-container {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (max-width: 578px) {
    .buttons-container {
      grid-template-columns: 1fr 1fr; } }
  .buttons-container .button-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    opacity: 0;
    top: 8px;
    text-align: center; 
    transition: all 0.7s ease;
  }
    .buttons-container .button-item i {
      color: white;
      font-size: 20px;
      line-height: 20px; }
    .buttons-container .button-item p {
      margin-bottom: 0px;
      line-height: 1;
      font-weight: 700; }
  .buttons-container.buttons-appear .button-item {
    opacity: 1;
    top: 0px; }
  .buttons-container.buttons-appear .button-item:nth-child(1) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1s;
    transition-timing-function: ease; }
  .buttons-container.buttons-appear .button-item:nth-child(2) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1.2s;
    transition-timing-function: ease; }
  .buttons-container.buttons-appear .button-item:nth-child(3) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1.4s;
    transition-timing-function: ease; }
  .buttons-container.buttons-appear .button-item:nth-child(4) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1.6s;
    transition-timing-function: ease; }
  .buttons-container.buttons-appear .button-item:nth-child(5) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1.8s;
    transition-timing-function: ease; }
  .buttons-container.buttons-appear .button-item:nth-child(6) {
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 2s;
    transition-timing-function: ease; }

.buttons-container .main-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: none;
  margin-bottom: 10px; }

.color-brown {
  background: #b68751; }

.color-aquamarine {
  background: #129483; }
  .buttons-container .main-buttons.color-aquamarine.modal_cev:hover{
    background: #14c9b1;
  }
.icon-infografia {
  font-size: 35px;
  color: white; }

.icon-sound-on {
  font-size: 34px;
  color: white; }

.icon-cont-galeria {
  font-size: 45px;
  color: white; }

.vertical-menu {
  position: fixed;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  right: 0px;
  opacity: 0;
  animation: menu-animation 0.3s 3.6s forwards ease; }

@keyframes menu-animation {
  from {
    right: 0px;
    opacity: 0; }
  to {
    right: 50px;
    opacity: 1; } }
  .vertical-menu:before {
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 100%;
    width: 2px;
    border: 1px dashed #CCCCCC;
    z-index: -1; }
  .vertical-menu .section-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    width: 40px;
    height: 40px; }
    .vertical-menu .section-link i {
      background: #1e2635;
      width: 14px;
      height: 14px;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0;
      color: #fff;
      transition: all 0.2s ease; }
    .vertical-menu .section-link p {
      position: absolute;
      opacity: 0;
      top: 100%;
      width: max-content;
      margin-bottom: 0;
      font-weight: 600;
      color: #1e2635; }
    .vertical-menu .section-link.active i {
      width: 40px;
      height: 40px;
      font-size: 26px; }
    .vertical-menu .section-link.active p {
      opacity: 1; }
    .vertical-menu .section-link:first-child {
      margin-top: -20px; }
    .vertical-menu .section-link:last-child {
      margin-bottom: -20px; }
  @media (max-width: 991px) {
    .vertical-menu {
      display: none; } }

.seccion-Activa .container .title-recommendations,
.seccion-Activa .container .button-item,
.seccion-Activa .container .title-antecedents,
.seccion-Activa .container .background-collage img,
.seccion-Activa .container .listen-collage img,
.seccion-Activa .container .title-listen,
.seccion-Activa .children,
.seccion-Activa .container .final-report-2,
.seccion-Activa .container .final-report-1,
.seccion-Activa .container .recommendations-collage .photo-1,
.seccion-Activa .container .recommendations-collage .photo-3,
.seccion-Activa .container .title-contrasting,
.seccion-Activa .container .title-report,
.seccion-Activa .container .title-principal{
  transition: all 1s ease;
  opacity: 1 !important;
}

.ru-breadcrumb a{
  text-decoration: none;
  color: #1e2635;
  font-size: 14px;
  position: absolute;
  top:10%;
  left:2%;
}

.ru-breadcrumb a:hover{
  color: #128483;
}

@media (min-width: 1600px){
  #section-3 .children {
    right: 1%;
  }
  #section-5 .final-report-1 {
    height: 200px;
    left: 51%;
    top: 32%;
  }
  #section-6 .recommendations-collage .photo-1 {
    bottom: -26px;
  }
}

.contenedorSec {
  width: 100%;
}
@media all and (max-width:765px){
  .ru-breadcrumb a{
    font-size: 12px;
    top: 88px;
  }

  #section-home .button-principal .logo-paz {
    top: -40px;
    height: 100px !important;
    margin-bottom: -30px !important;
}
  .buttons-container .button-item p{
    color: #1e2635;
    font-size: 12px;
  }
  #section-1,
  #section-2,
  #section-3,
  #section-4,
  #section-5,
  #section-6 {
    padding-top: 5rem;
  }
  #section-1 .container {
    position: relative;
  }
  .contenedorSec {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
  }
  section{
    height: auto;
    min-height: 100vh;
  }
  [class*="title-"]{
    margin-bottom: 5px;
  }
  .buttons-container {
    display: grid;
    width: 100%;
    justify-content: space-around;
    grid-gap: 28px 15px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
  }
  .buttons-container .button-item i {
    color: white;
    font-size: 16px;
    line-height: 14px;
  }
  .buttons-container .main-buttons{
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
  }
  .title-antecedents p,
  .title-listen p,
  .title-contrasting p,
  .title-report p,
  .title-recommendations p{
    font-size: 14px;
    line-height: 1.2rem;
  }
  #section-1 .background-collage {
    left: 12%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: -1;
    top: 10px;
    height: 300px;
  }
  #section-1 .background-collage .cards {
    top: 30px;
    left: -15px;
  }
  #section-1 .background-collage .woman {
    right: 100px;
    bottom: 44%;
  }
  #section-2 .listen-collage {
    position: relative;
    bottom: -145px;
  }
  #section-2 .listen-collage .campesina {
    top: -20%;
    left: 3%;
    height: 68%;
  }
  #section-3 .children{
    bottom: 3%;
  }
  #section-4 .listen-collage .listen-img{
    transform: scale(0.45);
    left: -60%;
    top: 32%;
  }
  #section-4 .listen-collage .verdad{
    top: 56%;
  }
  #section-4:before{
    background-size: 140%;
  }
  #section-5 .final-report-1{
    top: 36%;
  }
  #section-5 .final-report-2{
    height: 24%;
    left: 46%;
    top: 222px;
  }
  #section-6 .recommendations-collage .photo-3{
    bottom: -20px;
  }
  #section-6 .recommendations-collage .photo-1{
    left: 0;
    bottom: 67px;
    width: 56%;
    height: 90%;
    left: 39%;
  }
  #section-6{
    background-position: 0px 94%;
  }

}

@media all and (min-width:766px) and (max-width:820px){
  .ru-breadcrumb a{
    top: 85px;
    left: 78px;
  } 

  #section-home .button-principal .logo-paz {
    top: 180px;
    height: 135px !important;
    margin-bottom: 190px !important;
  }
  [class*="title-"] {
    margin-bottom: 10px;
  }
  #section-1 {
    padding-top: 10rem;
  }
  #section-1:before {
    top: 0vw;
    background-size: 150% auto;
    background-position: top left;
  }
  #section-1 .background-collage {
    height: 49vw;
    left: 1%;
  }
  #section-1 .background-collage .background-img {
    height: 132%;
    width: auto;
    left: 28%;
  }
  #section-1 .background-collage .cards {
    top: 93px;
    left: 29%;
  }
  #section-1 .background-collage .woman{
    z-index: 0;
    bottom: 21%;
    right: 197px;
  }
  #section-2 {
    padding-top: 17rem;
  }
  #section-2 .listen-collage .listen-img{
    width: 70%;
    left: 12%;
    top: 40px;
  }
  #section-2 .listen-collage{
    bottom: 60px;
  }
  #section-2 .listen-collage .campesina{
    top: 19%;
    left: 35%;
  }
  #section-2:before{
    background-position: 0 160%;
  }
  #section-3 {
    padding-bottom: 45vw;
  }
  #section-3:before {
    height: 115%;
  }
  #section-3 .children {
    height: 66vw;
    top: 60%;
  }
  #section-4:before{
    background-size: 79%;
    background-position: 100% 77%;
  }
  #section-4 .listen-collage .verdad{
    left: 33%;
    top: 46%;
  }
  #section-4 .listen-collage .listen-img{
    transform: scale(0.45);
    top: 20%;
    left: -14%;
  }
  #section-5 .final-report-1{
    top: 50%;
  }
  #section-5 .final-report-2{
    height: 24%;
    top: 37%;
    left: 48%;
  }
  #section-5{
    background-size: 110%;
    background-position: 50% 42%;
  }
  section#section-6 {
    padding-top: 14rem;
  }
  #section-6 .recommendations-collage .photo-3{
    height: 84%;
    bottom: -10px;
  }
  #section-6 .recommendations-collage .photo-1{
    bottom: 114px;
    width: 35%;
  }
  #section-6{
    background-position: 0 95%;
  }
}
@media all and (min-width:820px) and (max-width:910px){
  #section-6 .recommendations-collage .photo-3 {
    height: 200%;
    bottom: -39px;
  }
  #section-6 .recommendations-collage .photo-1 {
    bottom: 77px;
    width: 35%;
    left: 59%;
  }
  #section-4:before {
    background-size: 90%;
    background-position: 100% 77%;
  }
  #section-4 .listen-collage .verdad {
    left: 26%;
    top: 47%;
  }
  #section-4 .listen-collage .listen-img {
    transform: scale(0.45);
    top: 23%;
    left: -23%;
  }
  #section-3:before{
    background-size: 130%;
  }
  #section-3:before {
    height: 62%;
    left: -17%;
    top: 51%;
  }
  #section-3 .children {
    height: 66vw;
    top: 53%;
  }
  #section-2:before {
    background-position: 0 63%;
  }
  #section-1 .background-collage .background-img {
    height: 125%;
    width: 51%;
    left: 28%;
    top: 8%;
  }
  #section-1 .background-collage .cards {
    top: 134px;
    left: 30%;
  }
  #section-1 .background-collage .woman {
    z-index: 0;
    bottom: 13%;
    right: 210px;
  }
  #section-5 {
    background-size: 110%;
    background-position: 50% 51%;
  }
 
}

@media (min-width: 1300px) and (max-width:1366px){
  .ru-breadcrumb a{
    top: 88px;
    left: 135px;
  }

  #section-3 .buttons-container{
    grid-template-columns: 1fr 1fr 1fr;
  }

  #section-1 .background-collage .woman {
    bottom: 33%;
    max-height: 52%;
    height: 100%;
  } 

  #section-2 .button-item p{
    color:white;
  }

  #section-3 .children {
    bottom: -13%;
    height: 87%;
    left: 41%;
    transform: scale(0.85);
  }
  #section-5 {
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 50% 78px;
  }
  #section-5 .final-report-1 {
    height: 182px;
    left: 50%;
    top: 249px;
 }
 #section-5 .final-report-2 {
  height: 284px;
  left: 49%;
  bottom: 80px;
  top: 120px;
 }
}

@media (min-width: 912px) and (max-width:1024px){
  .ru-breadcrumb a{
    top: 88px;
    left: 100px;
  }
 
  #section-1 .background-collage {
    left: -8%;
  }
  #section-1 .background-collage .woman {
    bottom: 39%;
    right: 12px;
  }
  #section-2 .listen-collage .listen-img {
    top: 289px;
  }
  #section-2 .listen-collage .campesina {
    top: 64%;
  }
  
  #section-3 .children {
    height: 52%;
    top: 68vw;
  }

  #section-3:before {
    top: 67vw;
    left: -11%;
    height: 52%;
  }

  #section-4 .listen-collage .listen-img {
    height: 32%;
  }

  #section-4 .listen-collage .verdad {
    left: 0%;
    height: 32%;
  }

  #section-4:before {
    background-position: -115% 10%;
  }

  #section-5 .final-report-1 {
    height: 200px;
    top: 140px;
  }

  #section-5 {
    background-size: 100%;
  }

  #section-6 .recommendations-collage .photo-3 {
    bottom: -489px;
    height: 142%;
  }
  #section-6 .recommendations-collage .photo-1 {
    bottom: 20px;
    width: 56%;
    height: 90%;
    left: 29%;
    top: 114%;
   }
  
}

@media (min-width: 1600px){
  .ru-breadcrumb a {
    top: 88px;
    left: 190px;
  }
}