@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Cardo:ital,wght@0,400;0,700;1,400&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
   --verde-principal: #2E6069;
   --verde-principal-op: #2e6069d0;
   --verde-secundario: #79D799;
   --verde-uru: #00A555;
   --celeste-cuadros: #86C1C4;
   --celeste-cuadros-op: #86C1C4d0;
   --arena: #ECE2C6;
   --azul-uru: #006BA0;
   --azul-uru-op: #006BA0d0;
}

* {
   margin: 0;
   padding: 0;
   list-style: none;
   text-decoration: none;
   box-sizing: border-box;
   font-family: "Questrial", sans-serif;
   line-height: normal;
   /* DIBUJA UN BORDE ROJO ALREDEDOR DE CADA ELEMENTO */
   /* outline: 1px solid red;  */
}

body {
   width: 100%;
   position: relative;

   & header {

      & .videoFondo {
         position: relative;

         & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
         }

         & .texto-sobre-img {
            position: absolute;
            top: 31.2vh;
            right: clamp(20px, 15vw, 350px);
            width: fit-content;
            /* height: fit-content; */
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: end;

            & h1 {
               font-size: 9.5vw;
               color: transparent;
               -webkit-text-stroke-width: 3px;
               -webkit-text-stroke-color: #fff;
               font-family: "Open Sans", sans-serif;
               font-weight: bold;
            }

            & h2 {
               width: fit-content;
               height: fit-content;
               padding: 10px 20px;
               /* background-color: rgba(255, 255, 255, 0.886); */
               background-color: var(--celeste-cuadros-op);
               font-size: 2.5vw;
               color: #fff;
               font-weight: 500;
               border-radius: 35px;
               font-family: "Caveat", cursive;
               margin-top: -20px;
            }
         }
      }
   }

   & .main {
      width: 100%;
      height: 200vh;
      height: fit-content;
      background-color: var(--verde-principal);
      display: flex;
      flex-direction: column;
      align-items: center;

      /* COMO COLABORAR */
      & .bloque-uno {
         width: 100%;
         height: fit-content;
         position: relative;

         & .bloque-uno-arr {
            width: 100%;
            height: 35vh;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: end;
            padding-right: 200px;

            & .textos {
               width: fit-content;
               text-align: center;

               & .titulo {
                  color: #fff;
                  font-size: 70px;
               }

               & .subtitulo {
                  color: var(--verde-secundario);
                  font-size: 27px;
               }
            }
         }

         & .divisor {
            width: 100%;
            height: 10vh;

            & img {
               width: 100%;
               height: 10vh;
            }
         }

         & .bloque-uno-aba {
            width: 100%;
            height: 35vh;
            background-color: var(--verde-secundario);

            & .texto {
               width: 70%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               padding: 0 0 20px 580px;

               & .frase {
                  color: #fff;
                  font-size: 34px;
               }

               & .frase-dos {
                  color: #fff;
                  font-size: 50px;
                  text-align: end;
                  font-family: "Caveat", cursive;
                  font-weight: 500;
                  padding-right: 180px;
                  margin-top: 20px;
               }
            }
         }

         & .boton-hacelo {
            width: 100%;
            height: 10vh;
            background-color: var(--verde-secundario);
            display: flex;
            justify-content: end;
            align-items: end;
            padding-right: 200px;

            & a {
               width: fit-content;
               height: fit-content;
               background-color: var(--verde-uru);
               border-radius: 50px;
               padding: 30px 60px;
               color: #fff;
               font-size: 25px;
            }
         }

         & .fotos {
            width: 100%;
            height: 100%;
            position: absolute;

            & .polaroid {
               width: 310px;
               height: 350px;
               background-color: #fff;
               display: flex;
               justify-content: center;
               padding-top: 15px;

               & img {
                  width: 280px;
                  height: 280px;
                  object-fit: cover;
                  background-color: var(--celeste-cuadros);
               }
            }

            & .polaroid-uno {
               margin: 140px 0 0 75px;
               transform: rotate(-8deg);
               position: absolute;
            }

            & .polaroid-dos {
               margin: 60px 0 0 115px;
            }
         }
      }

      /* DIVISOR */
      & .divisor-uno {
         width: 100%;
         height: 10vh;
         background-color: var(--verde-secundario);

         & img {
            width: 100%;
            height: 100%;
            transform: rotate(180deg);
            background-color: var(--verde-secundario);
         }
      }

      /* ANIMALES */
      & .bloque-dos {
         width: 100%;
         height: 100vh;
         display: flex;
         align-items: center;
         justify-content: center;
         background-color: var(--verde-principal);

         & .botones {
            width: 80%;
            height: 80%;
            display: flex;
            align-items: center;
            justify-content: space-around;

            & .boton {
               width: 350px;
               height: 500px;
               border-radius: 25px;
               background-color: var(--celeste-cuadros);
               display: flex;
               flex-direction: column;
               justify-content: space-between;
               align-items: center;
               padding: 20px 0;
               position: relative;

               & .animal {
                  position: absolute;
                  top: -26.5%;

                  & .lobo-marino {
                     height: 300px;
                     transform: translateY(-25px);
                  }

                  & .tortuga {
                     height: 300px;
                     transform: translateY(-25px);
                  }

                  & .delfin {
                     height: 300px;
                     transform: translateX(75px) translateY(-55px) rotate(15deg);
                  }
               }

               & .signo-mas {
                  position: absolute;
                  top: 30%;

                  & .fa-square-plus {
                     font-size: 180px;
                     color: var(--verde-principal);
                  }
               }

               & .nuevo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  /* align-items: center; */

                  & img {
                     width: 150px;
                     height: 150px;
                  }
               }

               & .texto {
                  position: absolute;
                  top: 68%;
                  text-align: center;
                  font-size: 35px;
                  color: var(--verde-principal);
               }
            }
         }
      }

      /* NUESTROS VOLUNTARIOS */
      & .bloque-tres {
         width: 100%;
         height: fit-content;
         background-color: var(--celeste-cuadros);
         display: flex;
         flex-direction: column;
         padding-bottom: 50px;

         & .bloque-tres-titulo {
            width: 100%;
            height: 15vh;

            & .textos {
               width: 60%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;

               & .titulo {
                  color: #fff;
                  font-size: 60px;
               }

               & .subtitulo {
                  color: var(--verde-principal);
                  font-size: 30px;

                  & span {
                     font-weight: 600;
                  }
               }
            }
         }

         & .bloque-tres-slide {
            width: 100%;
            height: 40vh;
            display: flex;
            justify-content: center;
            align-items: center;

            & .carrusel {
               width: 95%;
               height: 100%;
               display: flex;
               justify-content: center;

               & .img-content {
                  width: 100%;
                  height: auto;
                  margin: auto;
                  overflow: hidden;
                  /* margin-left: 5%; */

                  & .slider-inf {
                     display: flex;
                     column-gap: 20px;
                     animation: scroll 35s linear infinite;
                     -webkit-animation: scroll 15s linear infinite;
                     width: calc(350px * 4);

                     & .img-content-img {
                        width: fit-content;
                        height: 350px;
                        display: flex;
                        align-items: center;

                        & img {
                           /* width: 100%; */
                           height: 80%;
                        }
                     }
                  }
               }
            }
         }

         & .bloque-tres-texto {
            width: fit-content;
            height: 40vh;
            color: #fff;

            & .contenido {
               line-height: 40px;
               font-size: 26px;
               text-align: center;
            }

            & .enfasis {
               width: 100%;
               font-size: 60px;
               margin: auto;
               display: flex;
               justify-content: center;
               margin-top: 50px;
               font-family: "Caveat", cursive;
            }
         }

         & .bloque-tres-boton {
            width: 100%;
            height: 10vh;
            display: flex;
            justify-content: end;
            align-items: center;

            & a {
               width: fit-content;
               height: fit-content;
               margin-right: 300px;
               background-color: var(--verde-secundario);
               color: #fff;
               font-size: 40px;
               padding: 30px 50px;
               border-radius: 50px;
               /* letter-spacing: 2px; */
            }
         }
      }

      /* NUESTROS PATROCINADORES */
      & .bloque-cuatro {
         width: 100%;
         height: 100vh;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;
         margin-bottom: 50px;

         & .bloque-cuatro-titulo {
            width: 100%;
            height: 15vh;

            & .textos {
               width: 60%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;

               & .titulo {
                  color: #fff;
                  font-size: 60px;
               }
            }
         }

         & .bloque-cuatro-logos {
            width: 100%;
            height: 80vh;
            display: flex;
            justify-content: center;
            padding: 50px;

            & .logos {
               width: 60%;
               display: flex;
               justify-content: center;
               row-gap: 60px;
               column-gap: 70px;
               flex-wrap: wrap;

               & img {
                  height: 150px;
                  width: auto;
               }
            }
         }

         & .bloque-cuatro-agradece {
            width: 100%;
            height: 10vh;
            display: flex;
            justify-content: center;
            align-items: center;

            & .texto {
               color: #fff;
               font-size: 50px;
            }
         }
      }

      /* DIVISOR PATROCINADORES */
      & .divisor-patrocinadores {
         width: 100%;
         height: 20vh;
         background-color: #fff4;

         & .textos {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 45px;
         }
      }

      /* COMO AYUDAR */
      & .bloque-cinco {
         width: 100%;
         height: 40vh;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         margin-bottom: 30px;

         & .texto {
            width: 60%;
            color: #fff;
            font-size: 24px;

            & .content {
               line-height: 40px;
            }
         }

         & .cuentas {
            width: fit-content;
            height: fit-content;
            background-color: #fff4;
            margin-top: 50px;
            border-radius: 25px;

            & .content-cuentas {
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               padding: 20px;
               color: #fff;
               font-size: 20px;

               & .transferencias {
                  margin-bottom: 20px;
               }

               & .cuentas-numeros {
                  display: flex;
                  flex-direction: column;
                  align-items: center;

                  & .cuenta-uno,
                  .cuenta-dos {
                     margin-bottom: 10px;
                  }
               }
            }
         }
      }
   }
}

@media screen and (max-width: 425px) {

   body {
      width: 100%;
      position: absolute;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            padding-top: 70px;
            position: relative;
            max-height: 300px;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 70px;
               left: 0;
               width: 100%;
               height: 200px;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: center;

               & h1 {
                  /* font-size: 35px; */
                  font-weight: 100;
                  color: var(--verde-principal);
                  margin-top: 18%;
                  letter-spacing: 4px;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 5px 10px;
                  background-color: rgba(255, 255, 255, 0.486);
                  /* font-size: 17px; */
                  color: #fff;
                  font-weight: 100;
                  border-radius: 35px;
                  margin-top: -5px;

                  & strong {
                     font-size: 22px;
                  }
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column;

            & .bloque-uno-arr {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 15px 0;
               

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 17px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-secundario);
               padding: 15px 0;
               & .texto {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 18px;
                     text-align: left;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 22px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR */
         /* NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 20px 0 20px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: space-around;
               gap: 20px;

               & .boton {
                  width: 200px;
                  height: 200px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: static;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 100%;
                        width: auto;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 80%;
                        width: auto;
                        transform: translateY(0);
                     }

                     & .delfin {
                        height: 65%;
                        width: auto;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  /* & .signo-mas {
                  position: absolute;
                  top: 10%;

                  & .fa-square-plus {
                     font-size: 100px;
                     color: var(--verde-principal);
                  }
               } */

                  & .nuevo {
                     & img {
                        width: 50%;
                        height: 50%;
                        transform: translateY(-50px);
                     }
                  }

                  & .texto {
                     position: absolute;
                     top: 65%;
                     text-align: center;
                     font-size: 17px;
                     font-weight: 600;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: calc(100vh - 70px);
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;

            & .bloque-tres-titulo {
               width: 100%;
               height: 10%;
               padding: 0;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding-top: 10px;

                  & .titulo {
                     color: #fff;
                     font-size: 6vw;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 4.5vw;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 40%;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: 38%;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;

               & .contenido {
                  width: 90%;
                  /* height: 100%; */
                  line-height: 4.5vw;
                  font-size: 4.5vw;
                  text-align: justify;
                  transform: translateY(0);
               }

               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 15px;
                  
               }
            }

            & .bloque-tres-boton {
               width: 100%;
               height: 12%;
               display: flex;
               justify-content: center;
               align-items: center;
               padding: 0;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 80%;
                  /* height: 100%; */
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 30px;
                  column-gap: 30px;

                  & img {
                     height: auto;
                     width: 25%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;
               margin-top: 15px;

               & .texto {
                  color: #fff;
                  font-size: 5vw;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: fit-content;
            background-color: #fff4;
            padding: 15px 0;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 90%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }

}

@media screen and (min-width: 426px) and (max-width: 576px) {
   body {
      width: 100%;
      position: absolute;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            padding-top: 70px;
            position: relative;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 70px;
               left: 0;
               width: 100%;
               height: 200px;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: center;

               & h1 {
                  /* font-size: 35px; */
                  font-weight: 100;
                  color: var(--verde-principal);
                  margin-top: 18%;
                  letter-spacing: 4px;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 5px 10px;
                  background-color: rgba(255, 255, 255, 0.486);
                  /* font-size: 17px; */
                  color: #fff;
                  font-weight: 100;
                  border-radius: 35px;
                  margin-top: -5px;

                  & strong {
                     font-size: 22px;
                  }
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column;

            & .bloque-uno-arr {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 10px 0;

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 17px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: 15vh;
               background-color: var(--verde-secundario);

               & .texto {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 18px;
                     text-align: left;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 22px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR */
         /* NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 20px 0 20px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: space-around;
               gap: 20px;

               & .boton {
                  width: 280px;
                  height: 280px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: static;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 90%;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 60%;
                        transform: translateY(0);
                     }

                     & .delfin {
                        height: 70%;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  /* & .signo-mas {
                  position: absolute;
                  top: 10%;

                  & .fa-square-plus {
                     font-size: 100px;
                     color: var(--verde-principal);
                  }
               } */

                  & .nuevo {
                     & img {
                        width: 50%;
                        height: 50%;
                        transform: translateY(-50px);
                     }
                  }

                  & .texto {
                     position: absolute;
                     top: 65%;
                     text-align: center;
                     font-size: 17px;
                     font-weight: 600;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;

            & .bloque-tres-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 20px;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 25vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: fit-content;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;

               & .contenido {
                  width: 90%;
                  line-height: 18px;
                  font-size: 17px;
                  text-align: justify;
               }

               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 10px;
               }
            }

            & .bloque-tres-boton {
               width: 100%;
               height: 10vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 80%;
                  /* height: 100%; */
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 30px;
                  column-gap: 30px;

                  & img {
                     height: auto;
                     width: 25%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;
               margin-top: 15px;

               & .texto {
                  color: #fff;
                  font-size: 5vw;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: 15vh;
            background-color: #fff4;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 90%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
   body {
      width: 100%;
      position: absolute;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            padding-top: 70px;
            position: relative;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 70px;
               left: 0;
               width: 100%;
               height: 200px;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: center;

               & h1 {
                  /* font-size: 35px; */
                  font-weight: 100;
                  color: var(--verde-principal);
                  margin-top: 18%;
                  letter-spacing: 4px;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 5px 10px;
                  background-color: rgba(255, 255, 255, 0.486);
                  /* font-size: 17px; */
                  color: #fff;
                  font-weight: 100;
                  border-radius: 35px;
                  margin-top: -5px;

                  & strong {
                     font-size: 22px;
                  }
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column;

            & .bloque-uno-arr {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 10px 0;

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 17px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: 15vh;
               background-color: var(--verde-secundario);

               & .texto {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 18px;
                     text-align: left;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 22px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR */
         /* NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 20px 0 20px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: space-around;
               gap: 20px;

               & .boton {
                  width: 280px;
                  height: 280px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: static;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 90%;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 60%;
                        transform: translateY(0);
                     }

                     & .delfin {
                        height: 70%;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  /* & .signo-mas {
                  position: absolute;
                  top: 10%;

                  & .fa-square-plus {
                     font-size: 100px;
                     color: var(--verde-principal);
                  }
               } */

                  & .nuevo {
                     & img {
                        width: 50%;
                        height: 50%;
                        transform: translateY(-50px);
                     }
                  }

                  & .texto {
                     position: absolute;
                     top: 65%;
                     text-align: center;
                     font-size: 17px;
                     font-weight: 600;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;

            & .bloque-tres-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 20px;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 25vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: fit-content;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;

               & .contenido {
                  width: 90%;
                  line-height: 18px;
                  font-size: 17px;
                  text-align: justify;
               }

               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 10px;
               }
            }

            & .bloque-tres-boton {
               width: 100%;
               height: 10vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 50px;
                  column-gap: 50px;

                  & img {
                     height: auto;
                     width: 40%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;

               & .texto {
                  color: #fff;
                  font-size: 30px;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: 15vh;
            background-color: #fff4;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 90%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
   body {
      width: 100%;
      position: absolute;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            padding-top: 70px;
            position: relative;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 70px;
               left: 0;
               width: 100%;
               height: 200px;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: center;

               & h1 {
                  /* font-size: 35px; */
                  font-weight: 100;
                  color: var(--verde-principal);
                  margin-top: 18%;
                  letter-spacing: 4px;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 5px 10px;
                  background-color: rgba(255, 255, 255, 0.486);
                  /* font-size: 17px; */
                  color: #fff;
                  font-weight: 100;
                  border-radius: 35px;
                  margin-top: -5px;

                  & strong {
                     font-size: 22px;
                  }
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column;

            & .bloque-uno-arr {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 10px 0;

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 17px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: 15vh;
               background-color: var(--verde-secundario);

               & .texto {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 18px;
                     text-align: left;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 22px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR */
         /* NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 20px 0 20px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: row;
               flex-wrap: wrap;
               align-items: center;
               justify-content: center;
               gap: 20px;

               & .boton {
                  width: 280px;
                  height: 280px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: static;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 90%;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 60%;
                        transform: translateY(0);
                     }

                     & .delfin {
                        height: 70%;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  /* & .signo-mas {
                  position: absolute;
                  top: 10%;

                  & .fa-square-plus {
                     font-size: 100px;
                     color: var(--verde-principal);
                  }
               } */

                  & .nuevo {
                     & img {
                        width: 50%;
                        height: 50%;
                        transform: translateY(-50px);
                     }
                  }

                  & .texto {
                     position: absolute;
                     top: 65%;
                     text-align: center;
                     font-size: 17px;
                     font-weight: 600;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;

            & .bloque-tres-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 20px;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 25vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: fit-content;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;

               & .contenido {
                  width: 90%;
                  line-height: 18px;
                  font-size: 17px;
                  text-align: justify;
               }

               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 10px;
               }
            }

            & .bloque-tres-boton {
               width: 100%;
               height: 10vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 50px;
                  column-gap: 50px;

                  & img {
                     height: auto;
                     width: 25%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;

               & .texto {
                  color: #fff;
                  font-size: 30px;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: 15vh;
            background-color: #fff4;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 90%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 1025px) and (max-width: 1359px) {
   body {
      width: 100%;
      position: absolute;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            padding-top: 70px;
            position: relative;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 70px;
               left: 0;
               width: 100%;
               height: 200px;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: center;

               & h1 {
                  /* font-size: 35px; */
                  font-weight: 100;
                  color: var(--verde-principal);
                  margin-top: 18%;
                  letter-spacing: 4px;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 5px 10px;
                  background-color: rgba(255, 255, 255, 0.486);
                  /* font-size: 17px; */
                  color: #fff;
                  font-weight: 100;
                  border-radius: 35px;
                  margin-top: -5px;

                  & strong {
                     font-size: 22px;
                  }
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            position: relative;
            display: flex;
            flex-direction: column;
            

            & .bloque-uno-arr {
               width: 100%;
               height: fit-content;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 15px 0;

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 35px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 22px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: 15vh;
               background-color: var(--verde-secundario);
               display: flex;
               flex-direction: column;
               align-items: center;

               & .texto {
                  width: 70%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 20px;
                     text-align: center;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 25px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR */
         /* NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 20px 0 20px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: row;
               flex-wrap: wrap;
               align-items: center;
               justify-content: center;
               gap: 20px;

               & .boton {
                  width: 250px;
                  height: 250px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  /* justify-content: center; */
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .nuevo {
                     width: 100%;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     order: 1;

                     & img {
                        width: 130px;
                        height: 130px;
                        /* height: 100px; */
                     }
                  }

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: absolute;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     padding: 0;
                     order: 2;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 90%;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 60%;
                        transform: translateY(0);
                     }

                     & .delfin {
                        height: 70%;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  

                  & .texto {
                     position: absolute;
                     top: 65%;
                     text-align: center;
                     font-size: 20px;
                     font-weight: 600;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            padding-bottom: 20px;
            transform: translateY(0);

            & .bloque-tres-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 20px;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 25vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: fit-content;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;

               & .contenido {
                  width: 90%;
                  line-height: 18px;
                  font-size: 17px;
                  text-align: justify;
               }

               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 10px;
               }
            }

            & .bloque-tres-boton {
               width: 100%;
               height: 10vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 50px;
                  column-gap: 50px;

                  & img {
                     height: auto;
                     width: 25%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;
               padding-top: 20px;

               & .texto {
                  color: #fff;
                  font-size: 30px;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: 15vh;
            background-color: #fff4;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 90%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 1360px) and (max-width: 1370px) {

   html {
      width: 100%;
   }

   body {
      width: 100%;
      background-color: var(--verde-principal);
      position: relative;

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            position: relative;
            width: 100%;
            max-height: 100vh;
            overflow: hidden;

            & img {
               width: 100%;
               height: auto;
               display: block;
               object-fit: cover;
            }

            & .texto-sobre-img {
               position: absolute;
               top: 31.2vh;
               right: 200px;
               /* transform: translateX(-120px); */
               width: fit-content;
               height: fit-content;
               display: flex;
               flex-direction: column;
               text-align: center;
               align-items: end;

               & h1 {
                  /* font-size: 160px; */
                  font-size: clamp(120px, 5vw, 160px);
                  color: transparent;
                  -webkit-text-stroke-width: 3px;
                  -webkit-text-stroke-color: #fff;
                  font-family: "Open Sans", sans-serif;
                  font-weight: bold;
               }

               & h2 {
                  width: fit-content;
                  height: fit-content;
                  padding: 10px 20px;
                  /* background-color: rgba(255, 255, 255, 0.886); */
                  background-color: var(--celeste-cuadros-op);
                  font-size: 2vw;
                  color: #fff;
                  font-weight: 500;
                  border-radius: 35px;
                  font-family: "Caveat", cursive;
                  margin-top: -10px;
               }
            }
         }
      }

      & .main {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         align-items: center;

         /* COMO COLABORAR */
         & .bloque-uno {
            width: 100%;
            height: 40vh;
            position: relative;
            display: flex;
            flex-direction: column;

            & .bloque-uno-arr {
               width: 100%;
               height: 40%;
               background-color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               justify-content: start;
               align-items: center;
               padding: 15px 0;

               & .textos {
                  width: fit-content;
                  text-align: center;

                  & .titulo {
                     color: #fff;
                     font-size: 35px;
                  }

                  & .subtitulo {
                     color: var(--verde-secundario);
                     font-size: 22px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .divisor {
               width: 100%;
               height: 0vh;

               & img {
                  width: 100%;
                  height: 0vh;
               }
            }

            & .bloque-uno-aba {
               width: 100%;
               height: 60%;
               background-color: var(--verde-secundario);
               display: flex;
               flex-direction: column;
               align-items: center;

               & .texto {
                  width: 70%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  padding: 0 20px;

                  & .frase {
                     color: #fff;
                     font-size: 20px;
                     text-align: center;
                     letter-spacing: 0.03em;
                     padding-top: 10px;
                  }

                  & .frase-dos {
                     color: #fff;
                     font-size: 25px;
                     text-align: end;
                     font-family: "Caveat", cursive;
                     font-weight: 500;
                     padding-right: 0;
                     margin-top: 20px;
                  }
               }
            }

            /* NO SE MUESTRA EN MOBILE */
            & .fotos {
               width: 100%;
               height: 100%;
               position: absolute;
               display: none;

               & .polaroid {
                  width: 310px;
                  height: 350px;
                  background-color: #fff;
                  display: flex;
                  justify-content: center;
                  padding-top: 15px;

                  & img {
                     width: 280px;
                     height: 280px;
                     background-color: yellow;
                  }
               }

               & .polaroid-uno {
                  margin: 140px 0 0 75px;
                  transform: rotate(-8deg);
                  position: absolute;
               }

               & .polaroid-dos {
                  margin: 60px 0 0 115px;
               }
            }
         }

         /* DIVISOR - NO SE MUESTRA EN MOBILE */
         & .divisor-uno {
            width: 100%;
            height: 0vh;
            background-color: var(--verde-secundario);

            & img {
               width: 100%;
               height: 100%;
               transform: rotate(180deg);
               background-color: var(--verde-secundario);
            }
         }

         /* ANIMALES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--verde-principal);
            padding: 40px 0;

            & .botones {
               width: 90%;
               height: 80%;
               display: flex;
               flex-direction: row;
               flex-wrap: wrap;
               align-items: center;
               justify-content: center;
               gap: 20px;

               & .boton {
                  width: 250px;
                  height: 250px;
                  border-radius: 25px;
                  background-color: var(--celeste-cuadros);
                  display: flex;
                  flex-direction: column;
                  /* justify-content: center; */
                  align-items: center;
                  padding: 20px 0;
                  position: relative;

                  & .nuevo {
                     width: 100%;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     order: 1;
                     top: 15%;

                     & img {
                        width: 100px;
                        height: 100px;
                     }
                  }

                  & .animal {
                     width: 100%;
                     height: 100%;
                     position: absolute;
                     top: 0;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     padding: 0;
                     order: 2;

                     & img {
                        width: 90%;
                        opacity: .3;
                     }

                     & .lobo-marino {
                        height: 90%;
                        transform: translateY(0);
                     }

                     & .tortuga {
                        height: 60%;
                        transform: translateY(0);
                     }

                     & .delfin {
                        width: 110%;
                        height: auto;
                        transform: translateX(20px) translateY(-20px) rotate(35deg);
                     }
                  }

                  & .texto {
                     position: absolute;
                     top: 60%;
                     text-align: center;
                     font-size: 20px;
                     font-weight: 100;
                     color: var(--verde-principal);
                  }
               }
            }
         }

         /* NUESTROS VOLUNTARIOS */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            transform: translateY(0);
            margin: 0;

            & .bloque-tres-titulo {
               width: 100%;
               height: 15vh;
               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }

                  & .subtitulo {
                     color: var(--verde-principal);
                     font-size: 20px;
                     padding-top: 10px;

                     & span {
                        font-weight: 600;
                     }
                  }
               }
            }

            & .bloque-tres-slide {
               width: 100%;
               height: 55vh;
               display: flex;
               justify-content: center;
               align-items: center;

               & .carrusel {
                  width: 95%;
                  height: 100%;
                  display: flex;
                  justify-content: center;

                  & .img-content {
                     width: 100%;
                     height: auto;
                     margin: auto;
                     overflow: hidden;
                     /* margin-left: 5%; */

                     & .slider-inf {
                        display: flex;
                        column-gap: 20px;
                        animation: scroll 35s linear infinite;
                        -webkit-animation: scroll 15s linear infinite;
                        width: calc(250px * 4);

                        & .img-content-img {
                           width: fit-content;
                           height: 250px;
                           display: flex;
                           align-items: center;

                           & img {
                              /* width: 100%; */
                              height: 90%;
                           }
                        }
                     }
                  }
               }
            }

            & .bloque-tres-texto {
               width: 100%;
               height: 22vh;
               color: #fff;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;
               
               & .contenido {
                  width: 90%;
                  line-height: 18px;
                  font-size: 17px;
                  text-align: center;
               }
               
               & .enfasis {
                  width: 100%;
                  font-size: 28px;
                  margin: auto;
                  display: flex;
                  justify-content: center;
                  margin-top: 10px;
               }
            }
            
            & .bloque-tres-boton {
               width: 100%;
               height: 15vh;
               display: flex;
               justify-content: center;
               align-items: end;

               & a {
                  width: fit-content;
                  height: fit-content;
                  margin-right: 0px;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 30px;
                  padding: 15px 25px;
                  border-radius: 50px;
                  /* letter-spacing: 2px; */
               }
            }
         }

         /* NUESTROS PATROCINADORES */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;

            & .bloque-cuatro-titulo {
               width: 100%;
               height: 10vh;

               & .textos {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;

                  & .titulo {
                     color: #fff;
                     font-size: 30px;
                     text-align: center;
                  }
               }
            }

            & .bloque-cuatro-logos {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               padding: 0;

               & .logos {
                  width: 80%;
                  height: calc(80vh - 100px);
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  row-gap: 50px;
                  column-gap: 50px;

                  & img {
                     height: auto;
                     width: 15%;
                     /* object-fit: cover; */
                  }
               }
            }

            & .bloque-cuatro-agradece {
               width: 80%;
               height: fit-content;
               display: flex;
               justify-content: center;
               align-items: center;
               padding-top: 20px;

               & .texto {
                  color: #fff;
                  font-size: 1.5vw;
                  text-align: center;
               }
            }
         }

         /* DIVISOR PATROCINADORES */
         & .divisor-patrocinadores {
            width: 100%;
            height: 15vh;
            background-color: #fff4;

            & .textos {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #fff;
               font-size: 30px;
               text-align: center;
            }
         }

         /* COMO AYUDAR */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px 0;
            margin-bottom: 30px;

            & .texto {
               width: 70%;

               & .content {
                  color: #fff;
                  font-size: 20px;
                  line-height: 20px;
                  text-align: justify;
                  letter-spacing: 0.04em;
               }
            }

            & .cuentas {
               width: 90%;
               height: fit-content;
               background-color: #fff4;
               margin-top: 50px;
               border-radius: 25px;

               & .content-cuentas {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  padding: 20px;
                  color: #fff;
                  font-size: 20px;

                  & .transferencias {
                     margin-bottom: 20px;
                  }

                  & .cuentas-numeros {
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .cuenta-uno,
                     .cuenta-dos {
                        margin-bottom: 10px;
                     }
                  }
               }
            }
         }
      }
   }
}


/*esta parte del código define el movimiento de las imágenes a la izquierda*/
@keyframes slidy {
   0% {
      left: 0%;
   }

   10% {
      left: -100%;
   }

   20% {
      left: -200%;
   }

   30% {
      left: -300%;
   }

   40% {
      left: -400%;
   }

   50% {
      left: -500%;
   }

   60% {
      left: -600%;
   }

   70% {
      left: -700%;
   }

   80% {
      left: -800%;
   }

   90% {
      left: -900%;
   }

   100% {
      left: 0%;
   }
}

/* CARRUSEL */
@keyframes scroll {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }

   100% {
      -webkit-transform: translateX(calc(-200px * 4));
      transform: translateX(calc(-200px *4));
   }
}