/* General Footer Styles */
.contenedor-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: var(--blanco);
    
    
    gap: 10px;
  
    max-width: 1440px;  /* Ancho máximo del contenedor principal */
    margin: 0 auto;
    padding: 10% 150px; /* Padding de 150px a los lados izquierdo y derecho */
    justify-items: center;
  }
  .footer-separator {
    grid-column: 1 / 4;
    width: 100%;
    border-top: 0.5px solid var(--gris-border-footer); /* Línea de separación */
    padding-bottom: 70px;
  }
  
  .footer-logo-contenedor {
    display: flex;
    flex-direction: column;
    grid-column: 1 / 2;
    padding: 10px;
  }
  
  
  .social-icons {
    display: flex;
    align-items: center;
  
    padding-top: 20px;
    gap: 30px;
  }
  
  /* Menu Footer Styles */
  
  .contenedor-footer li a {
    color: var(--negro);
    font-family: "Helvetica";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .contenedor-footer .sub-menu li {
    margin: 0;
    padding: 0;
    
  }
  
  .menu-footer1 nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .contenedor-footer .sub-menu li a {
    color: var(--negro);
    font-family: "Helvetica";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
   .menus-del-footer {
    display: flex;
    grid-column: 2/4;
    gap: 150px;
    
  }
  .contenedor-footer .menus-del-footer .menu-footer2{
    grid-column: 3/4;
  }
  

  .contenedor-footer .menus-del-footer .sub-menu{
  margin-bottom: 20px;
}




  @media only screen and (max-width: 1040px) {
    .contenedor-footer {
      display: flex;
      flex-direction: column;
      padding: 5% 20px;
      max-width: 1440px;
    }
    .footer-logo-contenedor {
      flex-direction: row;
      justify-content: space-between;
      padding: 0 ;
    }
    .mobile-footer-img {
      width: 300px;
      height: 200px;
    }
    .menus-del-footer {
      display: flex;
      padding:  20px;
      justify-content: space-around;
    }
    
  }

  @media only screen and (max-width: 768px) {
    .contenedor-footer {
      
      padding: 5% 15px;
      grid-template-columns: repeat(2, 1fr);

    }
    .footer-logo-contenedor{
      padding: 0 5px;
      gap: 20px;
      align-items: center;
    }
    .mobile-footer-img  {
      display: flex;
      content: url('../img/mobile-foo.png');
      width: 147px;
      height: 36px;
  }
  .social-icons {
    padding-top: 0;
    gap: 10px;
    
  }
  .menus-del-footer {
    display: grid;
    grid-template-columns: 2;
    gap: 20px;
    padding: 20px;
  }
  }