footer {
    /* position: absolute; */
    bottom: 0;
    font-size: 1rem;
    opacity: 0;
    background-color: rgb(252, 82, 4);
    background: linear-gradient(135deg, #0b0f1a, #1a2238);
    color: blanchedalmond;
    z-index: 1;
    width: 100%;

    position: relative;

    height: 9.5vh;
    min-height: 20px;
    max-height: 45px;

    overflow: hidden;

    animation: slideInDT 2s ease-out forwards;
    animation-delay: 1s;
    /* display: block; */

    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;


    backdrop-filter: blur(12px) saturate(250%);

    text-decoration: none;


    background: linear-gradient(90deg, #1a243d, #35497c, #1a243d);
    box-shadow:
      inset 0 15px 25px rgba(4, 85, 235, 0.7);
      
  }

  /* Define la animación de abajo hacia arriba */
  @keyframes slideInDT {
    0% {
      transform: translateY(100%);
      /* Empieza abajo */
      opacity: 0;
      /* Opcional: se puede desvanecer */
    }

    100% {
      transform: translateY(0);
      /* Llega a su posición original */
      opacity: 0.9;
    }
  }