.slmRed{
  text-decoration: underline wavy red;
}
span[title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
.opcions1 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

.boto-btn {
  background-color: #f2f4f8;
  color: #0b1e6b;
  border: 1px solid #c5cbe0;
  border-radius: 8px;
  padding: 0.8rem 1rem;
  font-size: 0.95rem;
}

.boto-btn:hover {
  background-color: #e0e4f2;
    transform: translateY(-2px);
}

.opcions2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}
.link-btn {
  color: #0b1e6b;
  text-decoration: underline;
  font-size: 0.95rem;
  margin: 0.4rem 0;
  transition: color 0.2s ease;
}

.link-btn:hover {
  color: #00154f;
}