.pie {
  font-family: 'Sk-Modernist';
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  background: rgb(7,43,77);
  background: linear-gradient(90deg, rgba(7,43,77,1) 0%, #CD2CD5 100%);
  color: white;
}

.titulo {
  border-bottom: 4px solid;
  border-image-slice: 1;
  background: linear-gradient(90deg, rgba(7,43,77,1) 0%, #CD2CD5 100%);
}

.botonVer {
  color: white;
  font-family: 'Sk-Modernist';
  background: rgb(58,0,85);
  background: linear-gradient(90deg, rgba(7,43,77,1) 0%, #CD2CD5 100%);
  border: none;
  width: 70px;
}

.btn {
  color: white;
  font-family: 'Sk-Modernist';
  background: rgb(58,0,85);
  background: linear-gradient(90deg, rgba(7,43,77,1) 0%, #CD2CD5 100%);
  border: none;
  width: 120px;
}

.titulo {
  border-bottom: 4px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, rgba(7,43,77,1) 0%, #CD2CD5 100%);
}

.header {
    position: relative;
    width: 100%;
}

.header img {
    width: 100%;
    height: auto;
    display: block;
}

.menu {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    display: flex;
    gap: 40px;
}

.menu .item {
    color: white;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.menu .item:hover {
    text-decoration: underline;
}

.main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.footer {
    background-color: #6a1b6a;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    font-size: 14px;
}

.footer a {
    color: #fff;
}