body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Menu lateral */
.menu-lateral {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;             
  width: 80px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px 0;
  border-right: 1px solid #ddd;
}

/* Ícones */
.menu-lateral a img {
  width: 40px;               
  transition: 0.3s;
  cursor: pointer;
}

/* Efeito hover */
.menu-lateral a img:hover {
  transform: scale(1.1);
  opacity: 0.7;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px; /* padding lateral direto no header */
  padding-left: 100px; /* reserve space for side menu width (80px) */
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2100;
}

header .text-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  font-size: 1.2rem;
  font-family: "Rowdies", sans-serif;
  font-weight: 700;
}

header div {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
}

.sign-up-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #53aa51;
  color: white;
  font-family: "Inter", sans-serif;
  border: none;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.9rem 2rem;
  border-radius: 100px;
  cursor: pointer;
  line-height: 1;
  text-decoration: none; 
}

.subscribe-button {
  font-family: "Inter", sans-serif;
  display: inline-flex;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #2b2d3185;
  border: 1px solid #d1d5db;
  padding: 0.9rem 2rem;
  border-radius: 100px;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
}

.logo {
  width: 3rem;
  height: 3rem;
  margin-right: 10px;
}

main {
  font-family: "Inter", sans-serif;
  font-weight: bold;
}

.sign-up-button:hover {
  background-color: #469246;
}

.subscribe-button:hover {
  background-color: #f9fafb;
  border-color: #d1d1c7;
}

.sign-up-button:focus,
.subscribe-button:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.button-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hockey-noticias {
  display: flex;
  justify-content: center; /* centraliza horizontalmente */
  align-items: center;     /* centraliza verticalmente */
  height: 100vh;
  margin-left: 80px;      /* espaço para o menu lateral */
}

.header-mid a {
    color: black;
    text-decoration: none;
}