.respuesta-animada {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.respuesta-animada.mostrar {
  opacity: 1;
}
.spinner {
  animation: spin 1s linear infinite;
  display: inline-block;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.skip-to-content {
  background: #e77e23;
  height: 30px;
  left: 50%;
  padding: 8px;
 /* position: absolute;*/
  transform: translateY(-100%);
  transition: transform 0.3s;
  z-index: 1;
}

/* "Saltar al contenido" para navegación con teclado */
.skip-link {
    position: absolute;
    top: -50px; /* Oculta el enlace fuera de la pantalla */
    left: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    z-index: 100;
}

.skip-link:focus {
    top: 10px; /* Hace visible el enlace cuando está enfocado */
}