  <style>
    /* Estilo para el cuerpo de la página */
    body {
      display: flex;
      flex-direction: column;
      min-height: 100vh;  /* Asegura que el body ocupe toda la altura de la pantalla */
      margin: 0;
    }

    /* Contenido principal de la página */
    .content {
      flex-grow: 1;  /* Esto hace que el contenido ocupe todo el espacio disponible */
      padding: 20px;
    }

    /* Estilo para el footer */
    .footer {
      background-color: #642B73;  /* Fondo del footer */
      color: white;  /* Color del texto */
      text-align: center;  /* Centra el texto */
      padding: 10px 0;  /* Espaciado arriba y abajo */
      font-size: 14px;  /* Tamaño de fuente */
      width: 100%;  /* Asegura que el footer ocupe todo el ancho */
    }
  </style>