@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;
   --arena: #ECE2C6;
   --azul-uru: #006BA0;
}

* {
   margin: 0;
   padding: 0;
   list-style: none;
   text-decoration: none;
   box-sizing: border-box;
   font-family: "Open Sans", sans-serif;
   line-height: normal;
}

body {
   width: 100%;
   position: relative;

   & header {

      & .fondo {
         position: relative;
         width: 100%;
         max-height: 100vh;
         overflow: hidden;

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

         & .texto-sobre-img {
            position: absolute;
            top: 31.2vh;
            left: 400px;
            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: fit-content;

      /* ACCIONES */
      & .bloque-uno {
         width: 100%;
         height: fit-content;
         background-color: var(--verde-principal);
         background-color: var(--celeste-cuadros);
         display: flex;
         flex-direction: column;
         align-items: center;
         color: #fff;
         font-size: 33px;
         padding: 30px;

         & .bloque-uno__arr {
            width: 60%;

            & p {}
         }

         & .bloque-uno__cen {
            width: 60%;
            margin-top: 30px;
         }

         & .bloque-uno__aba {
            margin-top: 50px;

            & ul {
               display: flex;
               flex-direction: column;
               gap: 30px;

               & li {
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  gap: 30px;

                  & img {
                     height: 40px;
                  }
               }
            }
         }

      }

      /* DIVISOR UNO */
      & .divisor-uno {
         width: 100%;
         height: 0vh;
         /* transform: rotate(180deg) translateY(5px); */

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

      /* ACTIVIDADES */
      & .bloque-dos {
         width: 100%;
         height: 50vh;
         background-color: var(--celeste-cuadros);
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 50px 0;

         & .bloque-dos__arr {
            color: #fff;
            font-size: 33px;
         }

         & .bloque-dos__aba {
            width: 100%;
            height: fit-content;
            display: flex;
            justify-content: center;
            margin-top: 30px;
            gap: 20px;
            position: relative;

            & .carousel {
               position: relative;
               width: 600px;
               height: 260px;
               overflow: hidden;
               border-radius: 12px;
               box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

               & .slides {
                  display: flex;
                  transition: transform 0.6s ease-in-out;
                  width: 100%;
                  height: 100%;
                  
                  & .slide {
                     width: 100%;
                     min-width: 100%;
                     min-height: 100%;
                     height: 100%;
                     display: flex;
                     background-color: #fff;

                     & .imagen {
                        width: 25%;
                        height: 100%;
                        overflow: hidden;

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

                     & .centro {
                        width: 55%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        padding-left: 25px;
                        color: var(--verde-principal);

                        & .centro__contenido {
                           font-size: 1.5vw;
                        }
                     }

                     & .centro__contenido-esc {
                        width: 75%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        padding-left: 25px;
                        color: var(--verde-principal);

                        & .centro__contenido {
                           font-size: 0.8vw;
                        }
                     }

                     & .fecha {
                        width: 20%;
                        height: 100%;

                        & .cartel {
                           width: 90%;
                           height: 45%;
                           background-color: var(--verde-principal);
                           display: flex;
                           flex-direction: column;
                           justify-content: center;
                           align-items: center;
                           color: #fff;
                           border-bottom-left-radius: 20px;
                           border-bottom-right-radius: 20px;

                           & .fecha__mes {
                              font-size: 1.5vw;
                           }

                           & .fecha__numero {
                              font-size: 1.5vw;
                           }
                        }
                     }
                  }
               }

               /* Botones de control */
               & .prev,
               .next {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  background: rgba(0, 0, 0, 0.5);
                  color: white;
                  border: none;
                  padding: 10px 15px;
                  cursor: pointer;
                  border-radius: 50%;
                  font-size: 18px;
                  display: none;
               }

               & .prev {
                  left: 15px;
               }

               & .next {
                  right: 15px;
               }

               /* Puntos indicadores */
               & .dots {
                  text-align: center;
                  position: absolute;
                  bottom: 10px;
                  width: 100%;
               }

               & .dot {
                  height: 12px;
                  width: 12px;
                  background-color: var(--celeste-cuadros);
                  border-radius: 50%;
                  display: inline-block;
                  cursor: pointer;
                  margin: 0 5px;
               }
               
               & .active {
                  background-color: var(--azul-uru);
               }
            }
         }
      }

      /* DIVISOR DOS */
      & .divisor-dos {
         width: 100%;
         height: 10vh;
         transform: translateY(-1vh) rotate(180deg);

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

      /* ACCIONES */
      & .bloque-tres {
         width: 100%;
         height: 70vh;
         /* background-color: var(--verde-principal); */
         display: flex;
         flex-direction: column;
         margin-bottom: 50px;

         & .bloque-tres-arr {
            width: 100%;
            height: calc(100%/6);

            & .titulo {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;

               & .acciones {
                  color: #fff;
                  font-size: 45px;
                  padding-left: 120px;
               }
            }
         }

         & .bloque-tres-cent {
            width: 100%;
            height: calc((100%/6)*4);

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

               & .accion {
                  width: 350px;
                  height: 350px;
                  background-color: var(--celeste-cuadros);
                  border-radius: 25px;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  transition: transform 0.3s ease-in-out;
                  position: relative;

                  & .accion-imagen {
                     width: 100%;
                     height: 85%;
                     display: flex;
                     justify-content: center;

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

                  & .titulo {
                     width: 70%;
                     height: 15%;
                     text-align: center;
                     bottom: 10px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     color: var(--azul-uru);
                     color: #fff;
                     font-weight: 600;
                  }

                  & .fecha {
                     position: absolute;
                     width: 25%;
                     height: 25%;
                     left: 0;
                     display: flex;
                     flex-direction: column;
                     align-items: center;
                     justify-content: center;
                     background-color: var(--celeste-cuadros);
                     border-bottom-right-radius: 0%;
                     color: var(--azul-uru);
                     color: #fff;

                     & .ano {
                        font-size: 22px;
                        order: 1;
                     }

                     & .mes {
                        font-size: 16px;
                        order: 2;
                     }
                  }
               }

               & .accion:hover {
                  transform: scale(1.1);
                  /* border: 10px solid var(--celeste-cuadros);
                  border-radius: 25px; */
               }
            }
         }

         & .bloque-tres-aba {
            width: 100%;
            height: calc(100%/6);

            & .boton-ver-mas {
               width: 100%;
               height: 100%;
               display: flex;
               justify-content: end;
               align-items: center;

               & a {
                  width: 200px;
                  height: 70px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 25px;
                  border-radius: 50px;
                  margin-right: 150px;
               }
            }
         }
      }

      /* DIVISOR TRES */
      & .divisor-tres {
         width: 100%;
         height: 10vh;
         /* transform: translateY(-1vh); */

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

      /* EDUCACION */
      & .bloque-cuatro {
         width: 100%;
         height: 70vh;
         background-color: var(--verde-secundario);
         display: flex;
         flex-direction: column;
         padding-bottom: 50px;

         & .bloque-cuatro-arr {
            width: 100%;
            height: calc(100%/6);

            & .titulo {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;

               & .acciones {
                  color: #fff;
                  font-size: 45px;
                  padding-left: 120px;
               }
            }
         }

         & .bloque-cuatro-cent {
            width: 100%;
            height: calc((100%/6)*4);

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

               & .accion {
                  width: 350px;
                  height: 350px;
                  background-color: var(--celeste-cuadros);
                  border-radius: 25px;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  transition: transform 0.3s ease-in-out;
                  position: relative;

                  & .accion-imagen {
                     width: 100%;
                     height: 85%;
                     display: flex;
                     justify-content: center;
                     overflow: hidden;

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

                  & .titulo {
                     width: 80%;
                     height: 15%;
                     text-align: center;
                     bottom: 10px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     color: var(--azul-uru);
                     font-weight: 600;
                  }

                  & .fecha {
                     position: absolute;
                     width: 25%;
                     height: 25%;
                     left: 0;
                     display: flex;
                     flex-direction: column;
                     align-items: center;
                     justify-content: center;
                     background-color: var(--celeste-cuadros);
                     border-bottom-right-radius: 0%;
                     color: var(--azul-uru);
                     color: #fff;

                     & .ano {
                        font-size: 22px;
                     }

                     & .mes {
                        font-size: 16px;
                     }
                  }
               }

               & .accion:hover {
                  transform: scale(1.1);
                  /* border: 10px solid var(--celeste-cuadros);
                  border-radius: 25px; */
               }
            }
         }

         & .bloque-cuatro-aba {
            width: 100%;
            height: calc(100%/6);

            & .boton-ver-mas {
               width: 100%;
               height: 100%;
               display: flex;
               justify-content: end;
               align-items: center;

               & a {
                  width: 200px;
                  height: 70px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  background-color: var(--verde-principal);
                  color: #fff;
                  font-size: 25px;
                  border-radius: 50px;
                  margin-right: 150px;
               }
            }
         }
      }

      /* DIVISOR CUATRO */
      & .divisor-cuatro {
         width: 100%;
         height: 10vh;
         transform: translateY(-52px) rotate(180deg);

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

      /* EVENTOS */
      & .bloque-cinco {
         width: 100%;
         height: 70vh;
         background-color: var(--verde-principal);
         display: flex;
         flex-direction: column;
         padding-bottom: 50px;

         & .bloque-cinco-arr {
            width: 100%;
            height: calc(100%/6);

            & .titulo {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;

               & .acciones {
                  color: #fff;
                  font-size: 45px;
                  padding-left: 120px;
               }
            }
         }

         & .bloque-cinco-cent {
            width: 100%;
            height: calc((100%/6)*4);

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

               & .accion {
                  width: 350px;
                  height: 350px;
                  background-color: var(--celeste-cuadros);
                  border-radius: 25px;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  position: relative;

                  & .accion-imagen {
                     width: 100%;
                     height: 85%;
                     display: flex;
                     justify-content: center;

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

                  & .titulo {
                     width: 80%;
                     height: 15%;
                     text-align: center;
                     bottom: 10px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     color: var(--azul-uru);
                     font-weight: 600;
                  }

                  & .fecha {
                     position: absolute;
                     width: 25%;
                     height: 25%;
                     left: 0;
                     display: flex;
                     flex-direction: column;
                     align-items: center;
                     justify-content: center;
                     background-color: var(--celeste-cuadros);
                     border-bottom-right-radius: 0%;
                     color: var(--azul-uru);
                     color: #fff;

                     & .ano {
                        font-size: 22px;
                     }

                     & .mes {
                        font-size: 16px;
                     }
                  }
               }
            }
         }

         & .bloque-cinco-aba {
            width: 100%;
            height: calc(100%/6);

            & .boton-ver-mas {
               width: 100%;
               height: 100%;
               display: flex;
               justify-content: end;
               align-items: center;

               & a {
                  width: 200px;
                  height: 70px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  background-color: var(--verde-secundario);
                  color: #fff;
                  font-size: 25px;
                  border-radius: 50px;
                  margin-right: 150px;
               }
            }
         }
      }

      /* NEWSLETTER */
      & .bloque-seis {
         width: 100%;
         height: 80vh;
         background-color: var(--celeste-cuadros);
         display: flex;
         flex-direction: column;

         & .bloque-seis-arr {
            width: 100%;
            height: calc((100%/10)*1);

            & .titulo {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;
               margin-left: 150px;

               & p {
                  font-size: 45px;
                  color: #fff;
               }
            }
         }

         & .bloque-seis-cent {
            width: 100%;
            height: calc((100% / 10) * 2);
            display: flex;
            justify-content: center;
            align-content: center;

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

               & p {
                  width: 80%;
                  color: #fff;
                  font-size: 35px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
               }
            }
         }

         & .bloque-seis-aba {
            width: 80%;
            height: calc((100%/10)*7);
            display: flex;
            margin: 20px;

            & .bloque-seis-aba__izq {
               width: 50%;
               height: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;

               & .newsletter {
                  width: 100%;
                  height: 90%;
                  display: flex;
                  justify-content: center;
                  gap: 50px;

                  & .bloque-seis-aba__izq-esp {
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     align-items: center;
                     gap: 20px;

                     & .imagen {
                        width: 300px;
                        height: 300px;
                        border-radius: 25px;
                        /* background-color: var(--verde-principal); */
                        overflow: hidden;

                        & img {
                           width: 100%;
                        }
                     }

                     & .idioma {
                        display: none;
                        color: #fff;
                        font-size: 25px;
                     }
                  }

                  & .bloque-seis-aba__izq-ing {
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     align-items: center;
                     gap: 20px;

                     & .imagen {
                        width: 300px;
                        height: 300px;
                        border-radius: 25px;
                        /* background-color: var(--verde-principal); */
                        overflow: hidden;

                        & img {
                           width: 100%;
                        }
                     }

                     & .idioma {
                        display: none;
                        color: #fff;
                        font-size: 25px;
                     }
                  }
               }

               & .year {
                  width: 100%;
                  height: 10%;
                  display: none;
                  justify-content: center;
                  color: #fff;
                  font-size: 35px;
               }
            }

            & .bloque-seis-aba__der {
               width: 50%;
               height: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;

               & .newsletter {
                  width: 100%;
                  height: 90%;
                  display: flex;
                  justify-content: center;
                  gap: 50px;

                  & .bloque-seis-aba__der-esp {
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     align-items: center;
                     gap: 20px;

                     & .imagen {
                        width: 300px;
                        height: 300px;
                        border-radius: 25px;
                        /* background-color: var(--verde-principal); */
                        overflow: hidden;

                        & img {
                           width: 100%;
                        }
                     }

                     & .idioma {
                        display: none;
                        color: #fff;
                        font-size: 25px;
                     }
                  }

                  & .bloque-seis-aba__der-ing {
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     align-items: center;
                     gap: 20px;

                     & .imagen {
                        width: 300px;
                        height: 300px;
                        border-radius: 25px;
                        /* background-color: var(--verde-principal); */
                        overflow: hidden;

                        & img {
                           width: 100%;
                        }
                     }

                     & .idioma {
                        display: none;
                        color: #fff;
                        font-size: 25px;
                     }
                  }
               }

               & .year {
                  width: 100%;
                  height: 10%;
                  display: none;
                  justify-content: center;
                  color: #fff;
                  font-size: 35px;
               }
            }
         }
      }
   }

   /* TALLERES/PROYECTOS */
   & .modal {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #111111bd;
      display: flex;
      opacity: 0;
      pointer-events: none;

      & .bloque-siete {
         margin: auto;
         width: 90%;
         max-width: 1200px;
         height: 600px;
         background-color: #fff;
         border-radius: 25px;
         display: flex;

         & .bloque-siete-izq {
            width: 40%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            & .carrusel {
               width: 90%;
               height: 100%;
               display: flex;
               flex-direction: column;
               justify-content: space-around;
               align-items: center;

               & .imagen-prin {
                  width: 100%;
                  height: 70%;
                  display: flex;
                  justify-content: center;
                  align-items: center;

                  & img {
                     /* display: flex; */
                     width: 400px;
                     height: 400px;
                     background-color: var(--verde-principal);
                  }
               }

               & .imagen-resto {
                  width: 100%;
                  height: 20%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  gap: 20px;

                  & i {
                     font-size: 35px;
                     color: var(--verde-principal);
                  }

                  & .imagen-sec {
                     width: calc((350px - 0px) / 3);
                     height: calc((350px - 0px) / 3);
                     background-color: var(--verde-principal);
                  }
               }
            }

         }

         & .bloque-siete-der {
            width: 60%;
            height: 100%;
            position: relative;

            & .cerrar {
               position: absolute;
               top: 10px;
               right: 50px;

               & i {
                  color: var(--celeste-cuadros);
                  background-color: #fff;
                  border-radius: 50%;
                  font-size: 40px;
               }
            }

            & .fecha {
               position: absolute;
               width: 100px;
               height: 100px;
               background-color: var(--celeste-cuadros);
               top: 0;
               right: 100px;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: var(--verde-principal);

               & .numero {
                  font-size: 50px;
               }

               & .mes {
                  font-size: 20px;
               }
            }

            & .content {
               width: 75%;
               height: 100%;
               padding-left: 50px;
               padding-top: 50px;
               color: var(--verde-principal);
               display: flex;
               flex-direction: column;
               gap: 50px;
               font-size: 25px;
            }
         }
      }
   }

   & .modal--show {
      opacity: 1;
      pointer-events: unset;
   }
}

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

   /* Basic Styling */
   body {
      width: 100%;
      height: fit-content;
      background-color: var(--verde-principal);

      & header {

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

            & video {
               width: 100%;
               height: auto;
               object-fit: contain;
            }

            & .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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: 32vh;
            min-height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            /* justify-content: space-around; */
            padding: 10px 0 0 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 6vw;
            }

            & .bloque-dos__aba {
               width: 100%;
               height: fit-content;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin-top: 10px;
               gap: 20px;

               & .carousel {
                  width: 300px;
                  height: 160px;
                  overflow: hidden;

                  & .slides {

                     & .slide {
                        background-color: #fff;
                        & .centro {

                           & .centro__contenido {
                              font-size: 4.5vw;
                           }
                        }

                        & .fecha {

                           & .cartel {
                              border-bottom-left-radius: 10px;
                              border-bottom-right-radius: 10px;

                              & .fecha__mes {
                                 font-size: 3.5vw;
                              }

                              & .fecha__numero {
                                 font-size: 3.5vw;
                              }
                           }
                        }
                     }
                  }
               }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-tres-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cuatro-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 25px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 300px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 18px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: column;
               gap: 20px;

               & .bloque-seis-aba__izq {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding-bottom: 20px;
                  border-bottom: 5px solid #fff;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

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

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }

      & footer {
         transform: translateY(35px);
      }
   }
}

@media screen and (min-width: 426px) and (max-width: 576px) {

   /* Basic Styling */
   body {
      width: 100%;
      height: fit-content;
      background-color: var(--verde-principal);

      & header {

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

            & video {
               width: 100%;
               height: auto;
               object-fit: contain;
            }

            & .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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 50px 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 23px;
               margin-top: 0px;
            }

            & .bloque-dos__aba {
               width: 100%;
               height: fit-content;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin-top: 10px;
               gap: 20px;

               & .carousel {
                  width: 90%;
                  height: 240px;
                  overflow: hidden;

                  & .slides {

                     & .slide {
                        background-color: #fff;

                        & .centro {

                           & .centro__contenido {
                              font-size: 4.5vw;
                           }
                        }

                        & .fecha {

                           & .cartel {
                              border-bottom-left-radius: 10px;
                              border-bottom-right-radius: 10px;

                              & .fecha__mes {
                                 font-size: 3.5vw;
                              }

                              & .fecha__numero {
                                 font-size: 3.5vw;
                              }
                           }
                        }
                     }
                  }
               }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-tres-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cuatro-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 75%;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 25px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 300px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 18px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: column;
               gap: 20px;

               & .bloque-seis-aba__izq {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding-bottom: 20px;
                  border-bottom: 5px solid #fff;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

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

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 577px) and (max-width: 768px) {

   /* Basic Styling */
   body {
      width: 100%;
      height: fit-content;
      background-color: var(--verde-principal);

      & header {

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

            & video {
               width: 100%;
               height: auto;
               object-fit: contain;
            }

            & .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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 50px 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 23px;
               margin-top: 0px;
            }

            & .bloque-dos__aba {
               width: 100%;
               height: fit-content;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin-top: 10px;
               gap: 20px;

               & .carousel {
                  width: 90%;
                  height: 240px;
                  overflow: hidden;

                  & .slides {

                     & .slide {
                        background-color: #fff;

                        & .centro {

                           & .centro__contenido {
                              font-size: 4.5vw;
                           }
                        }

                        & .fecha {

                           & .cartel {
                              border-bottom-left-radius: 10px;
                              border-bottom-right-radius: 10px;

                              & .fecha__mes {
                                 font-size: 3.5vw;
                              }

                              & .fecha__numero {
                                 font-size: 3.5vw;
                              }
                           }
                        }
                     }
                  }
               }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-tres-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

               & .content {
                  width: 85%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  gap: 15px;

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cuatro-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

               & .content {
                  width: 85%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  gap: 15px;

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 25px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 600px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 18px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     text-align: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: column;
               gap: 20px;

               & .bloque-seis-aba__izq {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding-bottom: 20px;
                  border-bottom: 10px solid #fff;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

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

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

   /* Basic Styling */
   body {
      width: 100%;
      height: fit-content;
      background-color: var(--verde-principal);

      & header {

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

            & video {
               width: 100%;
               height: auto;
               object-fit: contain;
            }

            & .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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 50px 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 23px;
               margin-top: 0px;
            }

            & .bloque-dos__aba {
               width: 100%;
               height: fit-content;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin-top: 30px;
               gap: 20px;

               & .carousel {
                  width: 90%;
                  height: 240px;
                  overflow: hidden;

                  & .slides {

                     & .slide {
                        background-color: #fff;

                        & .centro {

                           & .centro__contenido {
                              font-size: 3.5vw;
                           }
                        }

                        & .fecha {

                           & .cartel {
                              border-bottom-left-radius: 10px;
                              border-bottom-right-radius: 10px;

                              & .fecha__mes {
                                 font-size: 3.5vw;
                              }

                              & .fecha__numero {
                                 font-size: 3.5vw;
                              }
                           }
                        }
                     }
                  }
               }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

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

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-tres-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

               & .content {
                  width: 85%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  gap: 15px;

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cuatro-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 0px;
            padding: 20px 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 75%;
               display: flex;
               justify-content: center;

               & .content {
                  width: 85%;
                  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  justify-content: center;
                  align-items: center;
                  gap: 15px;

                  & .accion {
                     width: 200px;
                     height: 200px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 15%;
               padding: 10px;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 100%;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 28px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 600px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 22px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     text-align: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: column;
               gap: 20px;

               & .bloque-seis-aba__izq {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding-bottom: 20px;
                  border-bottom: 10px solid #fff;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 275px;
                           height: 275px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 275px;
                           height: 275px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

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

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 275px;
                           height: 275px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 275px;
                           height: 275px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 1025px) and (max-width: 1359px) {

   /* Basic Styling */
   body {
      width: 100%;
      height: fit-content;
      background-color: var(--verde-principal);

      & header {

         /*VIDEO FONDO*/
         & .videoFondo {
            max-height: none;

            & video {
               width: 100%;
               height: auto;
               object-fit: contain;
            }

            & .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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 50px 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 23px;
               margin-top: 0px;
            }

            & .bloque-dos__aba {
               width: 80%;
               height: fit-content;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin-top: 30px;
               gap: 20px;

               & .carousel {
                  width: 90%;
                  height: 240px;
                  overflow: hidden;

                  & .slides {

                     & .slide {
                        background-color: #fff;

                        & .centro {

                           & .centro__contenido {
                              font-size: 3vw;
                           }
                        }

                        & .fecha {

                           & .cartel {
                              border-bottom-left-radius: 10px;
                              border-bottom-right-radius: 10px;

                              & .fecha__mes {
                                 font-size: 3.5vw;
                              }

                              & .fecha__numero {
                                 font-size: 3.5vw;
                              }
                           }
                        }
                     }
                  }
               }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 80%;
               /* padding: 100px 0; */

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

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

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 80%;

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

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

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 80%;

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 10%;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 28px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 600px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 22px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     text-align: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: column;
               gap: 20px;

               & .bloque-seis-aba__izq {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding-bottom: 20px;
                  border-bottom: 10px solid #fff;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 350px;
                           height: 350px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 350px;
                           height: 350px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

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

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 350px;
                           height: 350px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 350px;
                           height: 350px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

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

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

      & header {

         & .fondo {
            position: relative;
            width: 100%;
            max-height: 100vh;
            overflow: hidden;

            & video {
               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 */
      & .main {
         width: 100%;
         height: fit-content;

         /* ACCIONES */
         & .bloque-uno {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            font-size: 20px;
            padding: 30px;

            & .bloque-uno__arr {
               width: 90%;

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

            & .bloque-uno__cen {
               width: 90%;
               margin-top: 30px;
            }

            & .bloque-uno__aba {
               margin-top: 50px;

               & ul {
                  display: flex;
                  flex-direction: column;
                  gap: 30px;

                  & li {
                     display: flex;
                     flex-direction: row;
                     align-items: center;
                     gap: 30px;

                     & img {
                        height: 20px;
                     }
                  }
               }
            }

         }

         /* DIVISOR UNO */
         & .divisor-uno {
            display: none;
         }

         /* ACTIVIDADES */
         & .bloque-dos {
            width: 100%;
            height: 50vh;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px 0 0 0;

            & .bloque-dos__arr {
               color: #fff;
               font-size: 2vw;
            }

            & .bloque-dos__aba {
               width: 100%;
               height: fit-content;
               display: flex;
               justify-content: center;
               margin-top: 30px;
               gap: 20px;

               & .carousel {
               position: relative;
               width: 600px;
               height: 260px;
               overflow: hidden;
               border-radius: 12px;
               box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

               & .slides {
                  display: flex;
                  transition: transform 0.6s ease-in-out;
                  width: 100%;
                  height: 100%;
                  
                  & .slide {
                     width: 100%;
                     min-width: 100%;
                     min-height: 100%;
                     height: 100%;
                     display: flex;
                     background-color: #fff;

                     & .imagen {
                        width: 25%;
                        height: 100%;
                        overflow: hidden;

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

                     & .centro {
                        width: 55%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        padding-left: 25px;
                        color: var(--verde-principal);

                        & .centro__contenido {
                           font-size: 1.5vw;
                        }
                     }

                     & .fecha {
                        width: 20%;
                        height: 100%;

                        & .cartel {
                           width: 90%;
                           height: 45%;
                           background-color: var(--verde-principal);
                           display: flex;
                           flex-direction: column;
                           justify-content: center;
                           align-items: center;
                           color: #fff;
                           border-bottom-left-radius: 20px;
                           border-bottom-right-radius: 20px;

                           & .fecha__mes {
                              font-size: 1.5vw;
                           }

                           & .fecha__numero {
                              font-size: 1.5vw;
                           }
                        }
                     }
                  }
               }

               /* Botones de control */
               & .prev,
               .next {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  background: rgba(0, 0, 0, 0.5);
                  color: white;
                  border: none;
                  padding: 10px 15px;
                  cursor: pointer;
                  border-radius: 50%;
                  font-size: 18px;
               }

               & .prev {
                  left: 15px;
               }

               & .next {
                  right: 15px;
               }

               /* Puntos indicadores */
               & .dots {
                  text-align: center;
                  position: absolute;
                  bottom: 15px;
                  width: 100%;
               }

               & .dot {
                  height: 12px;
                  width: 12px;
                  background-color: var(--celeste-cuadros);
                  border-radius: 50%;
                  display: inline-block;
                  cursor: pointer;
               }
               
               & .active {
                  background-color: var(--azul-uru);
               }
            }
            }

         }

         /* DIVISOR DOS */
         & .divisor-dos {
            display: none;
         }

         /* ACCIONES */
         & .bloque-tres {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-tres-cent {
               width: 100%;
               height: 80%;
               /* padding: 100px 0; */

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

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

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR TRES */
         & .divisor-tres {
            display: none;
         }

         /* EDUCACION */
         & .bloque-cuatro {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-secundario);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

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

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cuatro-cent {
               width: 100%;
               height: 80%;

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

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

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-principal);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* DIVISOR CUATRO */
         & .divisor-cuatro {
            display: none;
         }

         /* EVENTOS */
         & .bloque-cinco {
            width: 100%;
            height: fit-content;
            background-color: var(--verde-principal);
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 0px;
            padding: 20px 0;

            & .bloque-cinco-arr {
               width: 100%;
               height: 10%;

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

                  & .acciones {
                     color: #fff;
                     font-size: 25px;
                     padding-left: 0px;
                  }
               }
            }

            & .bloque-cinco-cent {
               width: 100%;
               height: 80%;

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

                  & .accion {
                     width: 300px;
                     height: 300px;
                     border-radius: 25px;
                     position: relative;

                     & .accion-imagen {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;

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

                     & .titulo {
                        position: absolute;
                        width: 90%;
                        height: fit-content;
                        text-align: center;
                        top: 10px;
                        display: flex;
                        background-color: #fff7;
                        color: var(--azul-uru);
                        font-weight: 600;
                     }

                     & .fecha {
                        position: absolute;
                        width: 100%;
                        height: 12%;
                        bottom: 0;
                        left: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--celeste-cuadros);
                        border-bottom-right-radius: 0%;
                        color: var(--azul-uru);
                        color: #fff;
                        column-gap: 5px;

                        & .ano {
                           font-size: 16px;
                           order: 2;
                        }

                        & .mes {
                           font-size: 16px;
                           order: 1;
                        }
                     }
                  }
               }
            }

            & .bloque-cinco-aba {
               width: 100%;
               height: 10%;

               & .boton-ver-mas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: end;
                  align-items: center;

                  & a {
                     width: 120px;
                     height: 50px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     background-color: var(--verde-secundario);
                     color: #fff;
                     font-size: 18px;
                     border-radius: 50px;
                     margin: auto;
                  }
               }
            }
         }

         /* NEWSLETTER */
         & .bloque-seis {
            width: 100%;
            height: fit-content;
            background-color: var(--celeste-cuadros);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 20px 0;

            & .bloque-seis-arr {
               width: 100%;
               height: 10%;

               & .titulo {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: auto;

                  & p {
                     font-size: 28px;
                     color: #fff;
                  }
               }
            }

            & .bloque-seis-cent {
               width: 100%;
               height: 15%;
               display: flex;
               justify-content: center;
               align-content: center;

               & .content {
                  width: 90%;
                  max-width: 600px;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-content: center;

                  & p {
                     width: 100%;
                     color: #fff;
                     font-size: 22px;
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     text-align: center;
                  }
               }
            }

            & .bloque-seis-aba {
               width: 100%;
               height: 70%;
               display: flex;
               flex-direction: row;
               justify-content: center;
               gap: 50px;

               & .bloque-seis-aba__izq {
                  width: fit-content;
                  height: 100%;
                  display: flex;
                  flex-direction: row;
                  justify-content: center;
                  align-items: center;
                  padding-bottom: 0;
                  border-bottom: none;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 20px;

                     & .bloque-seis-aba__izq-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__izq-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }

               & .bloque-seis-aba__der {
                  width: fit-content;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;

                  & .year {
                     width: 100%;
                     height: 10%;
                     display: none;
                     justify-content: center;
                     color: #fff;
                     font-size: 20px;
                  }

                  & .newsletter {
                     width: 100%;
                     height: 80%;
                     display: flex;
                     flex-direction: row;
                     justify-content: center;
                     gap: 10px;

                     & .bloque-seis-aba__der-esp {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }

                     & .bloque-seis-aba__der-ing {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 20px;

                        & .imagen {
                           width: 250px;
                           height: 250px;
                           border-radius: 25px;
                           background-color: var(--verde-principal);
                           background-color: var(--arena);
                        }

                        & .idioma {
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

/*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));
   }
}