/*FOOTER*/
.footer {
   width: 100%;
   height: 34vh;
   display: flex;
   justify-content: center;
   border-top: 2px solid #fff;

   & .piePagina {
      width: 100%;
      display: flex;
      justify-content: center;
   }

   & .footer-content {
      width: 100%;
      height: 100%;
      display: flex;

      & .izq {
         width: 37%;
         height: 100%;
         display: flex;
         justify-content: left;
         border-right: 2px solid #fff;

         & .izq-content {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 10px;
            align-items: end;
            margin-right: 40px;

            & img {
               width: 40%;
            }

            & .brands {
               width: 52%;
               display: flex;

               & a {
                  width: 33.33%;
                  display: flex;
                  justify-content: end;

                  & i {
                     color: #fff;
                     font-size: 40px;
                  }
               }
            }

            & .copy {
               color: #fff;
               font-size: 21px;
               letter-spacing: 0.4px;
            }
         }
      }

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

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

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

            & .contacto-formas {
               width: 100%;
               height: 100%;
               display: flex;
               flex-direction: column;
               gap: 10px;
               width: fit-content;

               & .direccion,
               .telefono,
               .correo {
                  width: 100%;
                  display: flex;
                  gap: 20px;

                  & a {
                     display: flex;
                     justify-content: center;
                     gap: 20px;


                     & .location,
                     .phone,
                     .mail {
                        width: 42px;
                        aspect-ratio: 1 / 1;
                        border-radius: 50%;
                        background-color: var(--azul-uru);
                        display: flex;
                        justify-content: center;
                        align-items: center;

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

                     & .texto {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #fff;
                        font-size: 20px;
                     }
                  }
               }
            }
         }
      }

      & .der {
         width: 37%;
         height: 100%;
         display: flex;
         justify-content: left;
         border-left: 2px solid #fff;

         & .der-content {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: center;
            padding: 0px 40px;
            gap: 20px;

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

            & .enlace-content {
               display: flex;
               flex-direction: column;
               gap: 10px;

               & .funda {
                  display: flex;
                  flex-direction: row;
                  gap: 10px;

                  & .vineta {
                     min-width: 20px;
                     width: 20px;
                     max-width: 20px;
                     min-height: 20px;
                     height: 20px;
                     max-height: 20px;
                     border-radius: 50%;
                     background-color: #fff;
                  }

                  & .texto {
                     width: 100%;

                     & a {
                        height: 100%;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        color: #fff;
                        font-size: 20px;
                     }
                  }
               }

               & .columnas {
                  display: flex;
                  gap: 30px;

                  & .columna-uno,
                  .columna-dos {
                     display: flex;
                     flex-direction: column;
                     gap: 10px;

                     & .grupo {
                        display: flex;
                        gap: 10px;

                        & .vineta {
                           width: 2vw;
                           aspect-ratio: 1 / 1;
                           border-radius: 50%;
                           background-color: #fff;
                        }

                        & .texto {
                           width: 100%;

                           & a {
                              height: 100%;
                              width: 100%;
                              display: flex;
                              align-items: center;
                              color: #fff;
                              font-size: 20px;
                           }
                        }
                     }
                  }

                  & .grupo {
                     display: flex;
                     gap: 10px;

                     & .vineta {
                        min-width: 20px;
                        width: 20px;
                        max-width: 20px;
                        min-height: 20px;
                        height: 20px;
                        max-height: 20px;
                        border-radius: 50%;
                        background-color: #fff;
                     }

                     & .texto {
                        width: 100%;

                        & a {
                           height: 100%;
                           width: 100%;
                           display: flex;
                           align-items: center;
                           color: #fff;
                           font-size: 14px;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (max-width: 425px) {
   .footer {
      width: 100%;
      max-width: 425px;
      height: 70vh;
      display: flex;
      justify-content: center;
      border-top: none;

      & .piePagina {
         width: 100%;
         height: 100%;
         display: flex;
         justify-content: center;
      }

      & .footer-content {
         width: 80%;
         height: 100%;
         display: flex;
         flex-direction: column;

         & .izq {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-right: none;
            border-bottom: 2px solid #fff;
            border-top: 0px solid #fff;

            & .izq-content {
               width: 80%;
               display: flex;
               flex-direction: column;
               justify-content: space-between;
               align-items: center;
               padding: 20px 0;
               gap: 15px;
               margin: 0;

               & img {
                  width: 50%;
               }

               & .brands {
                  width: 50%;
                  display: flex;
                  justify-content: center;
                  gap: 30px;

                  & a {
                     width: 33.33%;
                     display: flex;
                     justify-content: center;

                     & i {
                        color: #fff;
                        font-size: 40px;
                     }
                  }
               }

               & .copy {
                  color: #fff;
                  font-size: 17px;
               }
            }
         }

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

            & .cen-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 20px 0;
               gap: 20px;

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

               & .contacto-formas {
                  display: flex;
                  height: 100%;
                  flex-direction: column;
                  justify-content: space-around;
                  width: fit-content;
                  gap: 10px;

                  & .direccion,
                  .telefono,
                  .correo {
                     display: flex;
                     gap: 20px;

                     & .location,
                     .phone,
                     .mail {
                        min-width: 40px;
                        width: 40px;
                        height: 40px;
                        min-height: 40px;
                        border-radius: 50%;
                        background-color: var(--azul-uru);
                        display: flex;
                        justify-content: center;
                        align-items: center;

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

                     & .texto {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #fff;
                        font-size: 18px;
                     }
                  }
               }
            }
         }

         & .der {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-left: none;
            border-top: 2px solid #fff;

            & .der-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 30px 0;
               gap: 20px;

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

               & .enlace-content {
                  display: flex;
                  gap: 10px;

                  & .vineta {
                     min-width: 20px;
                     width: 20px;
                     max-width: 20px;
                     min-height: 20px;
                     height: 20px;
                     max-height: 20px;
                     border-radius: 50%;
                     background-color: #fff;
                  }

                  & .texto {
                     width: 100%;

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

@media screen and (min-width: 426px) and (max-width: 576px) {
   .footer {
      width: 100%;
      height: calc(100vh - 70px);
      display: flex;
      justify-content: center;
      border-top: none;

      & .piePagina {
         width: 100%;
         display: flex;
         justify-content: center;
      }

      & .footer-content {
         width: 90%;
         height: 100%;
         display: flex;
         flex-direction: column;

         & .izq {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-right: none;
            border-bottom: 2px solid #fff;
            border-top: 0px solid #fff;

            & .izq-content {
               width: 80%;
               display: flex;
               flex-direction: column;
               justify-content: space-between;
               align-items: center;
               padding: 20px 0;
               gap: 15px;
               margin: 0;

               & img {
                  width: 70%;
               }

               & .brands {
                  width: 75%;
                  display: flex;
                  justify-content: center;
                  gap: 30px;

                  & a {
                     width: 33.33%;
                     display: flex;
                     justify-content: center;

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

               & .copy {
                  color: #fff;
                  font-size: 22px;
               }
            }
         }

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

            & .cen-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 20px 0;
               gap: 20px;

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

               & .contacto-formas {
                  display: flex;
                  height: 100%;
                  flex-direction: column;
                  justify-content: space-around;
                  width: fit-content;
                  gap: 10px;

                  & .direccion,
                  .telefono,
                  .correo {
                     display: flex;
                     gap: 20px;

                     & .location,
                     .phone,
                     .mail {
                        min-width: 60px;
                        width: 60px;
                        height: 60px;
                        min-height: 60px;
                        border-radius: 50%;
                        background-color: var(--azul-uru);
                        display: flex;
                        justify-content: center;
                        align-items: center;

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

                     & .texto {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #fff;

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

         & .der {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-left: none;
            border-top: 2px solid #fff;

            & .der-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 30px 0;
               gap: 20px;

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

               & .enlace-content {
                  display: flex;
                  gap: 10px;

                  & .funda {

                     & .vineta {
                        min-width: 25px;
                        width: 25px;
                        max-width: 25px;
                        min-height: 25px;
                        height: 25px;
                        max-height: 25px;
                        border-radius: 50%;
                        background-color: #fff;
                     }

                     & .texto {
                        width: 100%;

                        & a {
                           height: 100%;
                           width: 100%;
                           display: flex;
                           align-items: center;
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }

                  & .columnas {
                     display: flex;
                     gap: 30px;

                     & .columna-uno,
                     .columna-dos {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;

                        & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              min-width: 25px;
                              width: 25px;
                              max-width: 25px;
                              min-height: 25px;
                              height: 25px;
                              max-height: 25px;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 25px;
                              }
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
   .footer {
      width: 100%;
      height: calc(100vh - 70px);
      display: flex;
      justify-content: center;
      border-top: none;

      & .piePagina {
         width: 100%;
         display: flex;
         justify-content: center;
      }

      & .footer-content {
         width: 90%;
         height: 100%;
         display: flex;
         flex-direction: column;

         & .izq {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-right: none;
            border-bottom: 2px solid #fff;
            border-top: 0px solid #fff;

            & .izq-content {
               width: 80%;
               display: flex;
               flex-direction: column;
               justify-content: space-between;
               align-items: center;
               padding: 20px 0;
               gap: 15px;
               margin: 0;

               & img {
                  width: 70%;
               }

               & .brands {
                  width: 75%;
                  display: flex;
                  justify-content: center;
                  gap: 30px;

                  & a {
                     width: 33.33%;
                     display: flex;
                     justify-content: center;

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

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

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

            & .cen-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 20px 0;
               gap: 20px;

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

               & .contacto-formas {
                  display: flex;
                  height: 100%;
                  flex-direction: column;
                  justify-content: space-around;
                  width: fit-content;
                  gap: 10px;

                  & .direccion,
                  .telefono,
                  .correo {
                     display: flex;
                     gap: 20px;

                     & .location,
                     .phone,
                     .mail {
                        min-width: 60px;
                        width: 60px;
                        height: 60px;
                        min-height: 60px;
                        border-radius: 50%;
                        background-color: var(--azul-uru);
                        display: flex;
                        justify-content: center;
                        align-items: center;

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

                     & .texto {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #fff;

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

         & .der {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-left: none;
            border-top: 2px solid #fff;

            & .der-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               padding: 30px 0;
               gap: 20px;

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

               & .enlace-content {
                  display: flex;
                  gap: 10px;

                  & .funda {

                     & .vineta {
                        min-width: 25px;
                        width: 25px;
                        max-width: 25px;
                        min-height: 25px;
                        height: 25px;
                        max-height: 25px;
                        border-radius: 50%;
                        background-color: #fff;
                     }

                     & .texto {
                        width: 100%;

                        & a {
                           height: 100%;
                           width: 100%;
                           display: flex;
                           align-items: center;
                           color: #fff;
                           font-size: 25px;
                        }
                     }
                  }

                  & .columnas {
                     display: flex;
                     gap: 30px;

                     & .columna-uno,
                     .columna-dos {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;

                        & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              min-width: 25px;
                              width: 25px;
                              max-width: 25px;
                              min-height: 25px;
                              height: 25px;
                              max-height: 25px;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 25px;
                              }
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
   .footer {
      width: 100%;
      height: fit-content;
      height: calc(100vh - 100px);
      display: flex;
      justify-content: center;

      & .piePagina {
         width: 100%;
         display: flex;
         justify-content: center;


         & .footer-content {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;

            & .izq {
               width: 100%;
               height: 33.33%;
               display: flex;
               align-items: center;
               justify-content: right;
               border-right: none;

               & .izq-content {
                  width: 100%;
                  height: 90%;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  align-items: center;
                  padding: 0;
                  margin: 0;

                  & img {
                     width: 40%;
                     max-width: 300px;
                  }

                  & .brands {
                     width: 50%;
                     max-width: 370px;
                     display: flex;
                     justify-content: center;
                     gap: 30px;

                     & a {
                        width: 33.33%;
                        display: flex;
                        justify-content: center;

                        & i {
                           color: #fff;
                           font-size: 40px;
                        }
                     }
                  }

                  & .copy {
                     color: #fff;
                     font-size: 27px;
                  }
               }
            }

            & .cen {
               width: 100%;
               height: 33.33%;
               display: flex;
               justify-content: center;
               border-top: 2px solid #fff;
               border-bottom: 2px solid #fff;

               & .cen-content {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  padding: 20px 0;
                  gap: 20px;

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

                  & .contacto-formas {
                     width: fit-content;
                     height: 100%;
                     display: flex;
                     flex-direction: column;
                     align-items: center;

                     & .direccion,
                     .telefono,
                     .correo {
                        display: flex;
                        gap: 20px;
                        justify-content: space-between;

                        & .location,
                        .phone,
                        .mail {
                           min-width: 50px;
                           width: 50px;
                           height: 50px;
                           border-radius: 50%;
                           background-color: var(--azul-uru);
                           display: flex;
                           justify-content: center;
                           align-items: center;

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

                        & .texto {
                           display: flex;
                           justify-content: center;
                           align-items: center;
                           color: #fff;
                           font-size: 35px;
                        }
                     }
                  }
               }
            }

            & .der {
               width: 100%;
               height: 33.33%;
               display: flex;
               flex-direction: column;
               align-items: start;
               justify-content: center;
               padding: 0 10px;
               gap: 20px;

               & .der-content {
                  width: 100%;
                  height: 90%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding: 0;
                  gap: 20px;

                  & .enlace-titulo {
                     color: #fff;

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

                  & .enlace-content {
                     display: flex;
                     flex-direction: column;
                     gap: 10px;

                     & .funda {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: 10px;

                        & .vineta {
                           min-width: 20px;
                           width: 20px;
                           max-width: 20px;
                           min-height: 20px;
                           height: 20px;
                           max-height: 20px;
                           border-radius: 50%;
                           background-color: #fff;
                        }

                        & .texto {
                           width: 100%;

                           & a {
                              height: 100%;
                              width: 100%;
                              display: flex;
                              align-items: center;
                              color: #fff;
                              font-size: 28px;
                           }
                        }
                     }

                     & .columnas {
                        display: flex;
                        gap: 30px;

                        & .columna-uno,
                        .columna-dos {
                           display: flex;
                           flex-direction: column;
                           gap: 10px;

                           & .grupo {
                              display: flex;
                              align-items: center;
                              gap: 10px;

                              & .vineta {
                                 min-width: 20px;
                                 width: 20px;
                                 max-width: 20px;
                                 min-height: 20px;
                                 height: 20px;
                                 max-height: 20px;
                                 border-radius: 50%;
                                 background-color: #fff;
                              }

                              & .texto {
                                 width: 100%;

                                 & a {
                                    height: 100%;
                                    width: 100%;
                                    display: flex;
                                    align-items: center;
                                    color: #fff;
                                    font-size: 28px;
                                 }
                              }
                           }
                        }

                        & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              min-width: 20px;
                              width: 20px;
                              max-width: 20px;
                              min-height: 20px;
                              height: 20px;
                              max-height: 20px;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 14px;
                              }
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 1025px) and (max-width: 1359px) {
   .footer {
      width: 100%;
      height: 40vh;
      display: flex;
      justify-content: center;

      & .piePagina {
         width: 100%;
         display: flex;
         justify-content: center;
      }

      & .footer-content {
         width: 100%;
         height: 100%;
         display: flex;

         & .izq {
            width: 33.33%;
            height: 100%;
            display: flex;
            justify-content: left;
            border-right: 2px solid #fff;

            & .izq-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               gap: 10px;
               align-items: center;
               margin-right: 0;

               & img {
                  width: 60%;
               }

               & .brands {
                  width: 60%;
                  display: flex;
                  gap: 0;
                  /* justify-content: space-around; */

                  & a {
                     width: 33.33%;
                     display: flex;
                     justify-content: center;

                     & i {
                        color: #fff;
                        font-size: 40px;
                     }
                  }
               }

               & .copy {
                  color: #fff;
                  font-size: 2vw;
                  letter-spacing: 0.4px;
               }
            }
         }

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

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

               & .contacto-titulo {
                  color: #fff;
                  font-size: 3.5vw;
               }

               & .contacto-formas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  gap: 10px;
                  width: fit-content;

                  & .direccion,
                  .telefono,
                  .correo {
                     width: 100%;
                     display: flex;
                     gap: 20px;

                     & a {
                        display: flex;
                        justify-content: center;
                        gap: 20px;


                        & .location,
                        .phone,
                        .mail {
                           width: 4vw;
                           aspect-ratio: 1 / 1;
                           border-radius: 50%;
                           background-color: var(--azul-uru);
                           display: flex;
                           justify-content: center;
                           align-items: center;

                           & i {
                              color: #fff;
                              font-size: 2.5vw;
                           }
                        }

                        & .texto {
                           display: flex;
                           justify-content: center;
                           align-items: center;
                           color: #fff;
                           font-size: 2.5vw;
                        }
                     }
                  }
               }
            }
         }

         & .der {
            width: 33.33%;
            height: 100%;
            display: flex;
            justify-content: center;
            border-left: 2px solid #fff;

            & .der-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;
               padding: 0;
               gap: 20px;

               & .enlace-titulo {
                  color: #fff;
                  font-size: 3.5vw;
               }

               & .enlace-content {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 10px;

                  & .funda {
                     display: flex;
                     flex-direction: row;
                     gap: 10px;

                     & .vineta {
                        width: 2.5vw;
                        aspect-ratio: 1 / 1;
                        border-radius: 50%;
                        background-color: #fff;
                     }

                     & .texto {
                        width: 100%;

                        & a {
                           height: 100%;
                           width: 100%;
                           display: flex;
                           align-items: center;
                           color: #fff;
                           font-size: 2.5vw;
                        }
                     }
                  }

                  & .columnas {
                     display: flex;
                     gap: 30px;

                     & .columna-uno,
                     .columna-dos {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;

                        & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              width: 2vw;
                              aspect-ratio: 1 / 1;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 2vw;
                              }
                           }
                        }
                     }

                     & .grupo {
                        display: flex;
                        gap: 10px;

                        & .vineta {
                           min-width: 20px;
                           width: 20px;
                           max-width: 20px;
                           min-height: 20px;
                           height: 20px;
                           max-height: 20px;
                           border-radius: 50%;
                           background-color: #fff;
                        }

                        & .texto {
                           width: 100%;

                           & a {
                              height: 100%;
                              width: 100%;
                              display: flex;
                              align-items: center;
                              color: #fff;
                              font-size: 14px;
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

@media screen and (min-width: 1360px) and (max-width: 1370px) {
   .footer {
      width: 100%;
      height: 43vh;
      display: flex;
      justify-content: center;

      & .piePagina {
         width: 100%;
         display: flex;
         justify-content: center;
      }

      & .footer-content {
         width: 100%;
         height: 100%;
         display: flex;

         & .izq {
            width: 33.33%;
            height: 100%;
            display: flex;
            justify-content: left;
            border-right: 2px solid #fff;

            & .izq-content {
               width: 100%;
               display: flex;
               flex-direction: column;
               justify-content: center;
               gap: 10px;
               align-items: center;
               margin-right: 0;

               & img {
                  width: 40%;
               }

               & .brands {
                  width: 50%;
                  display: flex;
                  gap: 0;
                  /* justify-content: space-around; */

                  & a {
                     width: 33.33%;
                     display: flex;
                     justify-content: center;

                     & i {
                        color: #fff;
                        font-size: 40px;
                     }
                  }
               }

               & .copy {
                  color: #fff;
                  font-size: 1vw;
                  letter-spacing: 0.4px;
               }
            }
         }

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

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

               & .contacto-titulo {
                  color: #fff;
                  font-size: 2vw;
               }

               & .contacto-formas {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  gap: 10px;
                  width: fit-content;

                  & .direccion,
                  .telefono,
                  .correo {
                     width: 100%;
                     display: flex;
                     gap: 20px;

                     & a {
                        display: flex;
                        justify-content: center;
                        gap: 20px;


                        & .location,
                        .phone,
                        .mail {
                           width: 2.5vw;
                           aspect-ratio: 1 / 1;
                           border-radius: 50%;
                           background-color: var(--azul-uru);
                           display: flex;
                           justify-content: center;
                           align-items: center;

                           & i {
                              color: #fff;
                              font-size: 1.5vw;
                           }
                        }

                        & .texto {
                           display: flex;
                           justify-content: center;
                           align-items: center;
                           color: #fff;
                           font-size: 1.5vw;
                        }
                     }
                  }
               }
            }
         }

         & .der {
            width: 33.33%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border-left: 2px solid #fff;

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

               & .enlace-titulo {
                  color: #fff;
                  font-size: 2vw;
               }

               & .enlace-content {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 10px;

                  & .funda {
                     display: flex;
                     align-items: center;
                     gap: 10px;

                     & .vineta {
                        width: 1.5vw;
                        aspect-ratio: 1 / 1;
                        border-radius: 50%;
                        background-color: #fff;
                     }

                     & .texto {
                        width: 100%;

                        & a {
                           height: 100%;
                           width: 100%;
                           display: flex;
                           align-items: center;
                           color: #fff;
                           font-size: 1vw;
                        }
                     }
                  }

                  & .columnas {
                     display: flex;
                     gap: 10px;

                     & .columna-uno,
                     .columna-dos {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;

                        & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              min-width: 20px;
                              width: 20px;
                              max-width: 20px;
                              min-height: 20px;
                              height: 20px;
                              max-height: 20px;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 1vw;
                              }
                           }
                        } 


                        /* & .grupo {
                           display: flex;
                           gap: 10px;

                           & .vineta {
                              min-width: 20px;
                              width: 20px;
                              max-width: 20px;
                              min-height: 20px;
                              height: 20px;
                              max-height: 20px;
                              border-radius: 50%;
                              background-color: #fff;
                           }

                           & .texto {
                              width: 100%;

                              & a {
                                 height: 100%;
                                 width: 100%;
                                 display: flex;
                                 align-items: center;
                                 color: #fff;
                                 font-size: 14px;
                              }
                           }
                        } */
                     }
                  }
               }
            }
         }
      }
   }
}