footer {
  display: flex;
  justify-content: center; 
  align-items: center;    
  background-color: var(--color-fondo);
  color: var(--color-texto);
  padding: 1rem;
  flex-wrap: wrap;
}

.contenedor {
  display: flex;
  align-items: center;     
  justify-content: center;  
  gap: 2.5rem;                
  max-width: 75rem;       
  margin: 0 auto;           
  flex-wrap: wrap;   
}  

.logo-relleno{
  width: 10rem;
  height: auto;
}

.contenido-footer{
  padding: 0 1.875rem;
  display: flex;
  flex-direction: column; 
  align-items: flex-start; 
}

.redes-sociales{
  display: flex;
  gap: 1.25rem;
  margin-top: 0.625rem;
}

.icono {
  width: 3.5rem;
  height: 3.5rem;
display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icono a {
  display: inline-flex;
}

.icono-redes {
  width: 2.5rem;
  height: 2.5rem;
  fill: var(--color-texto);
  transition: fill 0.3s ease;
  flex-shrink: 0;
}

.icono a:hover .icono-redes {
  fill: var(--color-principal);
  cursor: pointer;
}

.info-footer{
  display: flex 1;
  flex: colum;
}

#derecho {
  text-align: center;
  margin: 2rem 0;
}