/* Estilos para mensajes de alerta */
.success-message, .error-message, .info-message {
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 16px;
}

.success-message {
  background-color: var(--success-bg, #E8F5E9);
  color: var(--success-color, #388E3C);
  border-left: 4px solid var(--success-color, #388E3C);
}

.error-message {
  background-color: var(--error-bg, #FFEBEE);
  color: var(--error-color, #D32F2F);
  border-left: 4px solid var(--error-color, #D32F2F);
}

.info-message {
  background-color: var(--info-bg, #E1F5FE);
  color: var(--info-color, #0288D1);
  border-left: 4px solid var(--info-color, #0288D1);
}

/* Estilos para páginas de última actualización */
.update-info {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 20px;
  margin-bottom: 20px;
}

.update-info h2 {
  margin-top: 0;
  color: #3F51B5;
  font-size: 22px;
  font-weight: 600;
}

.update-timestamp {
  font-size: 24px;
  font-weight: 500;
  color: #3F51B5;
  padding: 10px 15px;
  background-color: #E1F5FE;
  border-radius: 6px;
  margin: 20px 0;
  display: inline-block;
}

.navigation-links {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.button {
  display: inline-block;
  background-color: #3F51B5;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.button:hover {
  background-color: #7986CB;
  color: white;
  text-decoration: none;
}

@media (max-width: 768px) {
  .navigation-links {
    flex-direction: column;
  }
}