.animated-line {
  width: 0%; /* La línea comienza con un ancho de 0%, es decir, no se ve al principio */
  animation: expandLine 1s ease forwards; /* Se aplica una animación llamada 'expandLine' que dura 1 segundo y ocurre de manera suave (ease) */
}

/* Definición de la animación 'expandLine' */
@keyframes expandLine {
  from {
    width: 0%; /* El ancho inicial es 0%, lo que significa que la línea no es visible */
  }
  to {
    width: 100%; /* El ancho final será 100%, es decir, la línea se expandirá hasta ocupar todo su contenedor */
  }
}