.footer-icons{
       margin-bottom: 32px;
}

.footer-icons div:nth-child(2) {
    min-width: 100%;
}

.dynamicform:has(.footer-down){
    border-top: 1px solid #423f3f;
    background-color: #1d1d1f;
    overflow: hidden;
    min-width: 100%;
}

/* 1. Contenedor de los iconos: los ponemos en fila y los centramos */
.footer-icons {
  display: flex;
  flex-direction: row;   /* Alineación horizontal */
  align-items: center;
  gap: 30px;            /* Espacio entre cada icono */
  flex-wrap: wrap;      /* Por si no caben en móviles, que bajen */
}

/* 2. Estilo para los enlaces que contienen las imágenes */
.footer-icons a {
  display: inline-block;
  width: 32px;           /* Ajusta el tamaño que desees */
  height: 32px;
  transition: transform 0.3s ease, opacity 0.3s ease; /* Transición suave */
}

/* 3. Aseguramos que la imagen ocupe todo el enlace */
.footer-icons img {
  width: 100%;
  height: auto;
  display: block;
}

/* 4. Efecto Hover: los iconos se aclaran y suben un poco */
.footer-icons a:hover {
  opacity: 0.8;          /* Efecto de cambio de tono */
  transform: translateY(-5px); /* Pequeño salto hacia arriba */
}

.footer-icons p{
  margin: 0;
}