/* -------------------------------------
   ESTILO GERAL
-------------------------------------- */

body {
  font-family: Arial, sans-serif;
  background-color: #111;
  color: #eee;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

header {
  background: #222;
  padding: 10px;
  border-bottom: 2px solid #444;
  text-align: center;
}

/* main.main-biografia{} */

/* Navegação unificada */
nav.nav {
  text-align: center;
  margin-bottom: 10px;
}

nav.nav a {
  color: #eee;
  text-decoration: none;
  text-align: center;
  margin: 0 15px;
  font-weight:bold;
  font-size: 16px;
}

nav.nav a:hover {
  color: #f33;
}

nav.logo {
  text-align: center; /* ALTERADO: Mudado de left para center para ajudar na centralização */
}

.header {
    display: flex; /* CORRIGIDO: Era 'flexbox', o correto é 'flex' */
    flex-direction: column; /* ALTERADO: Empilha a logo e o menu verticalmente */
    align-items: center; /* ALTERADO: Centraliza a logo e o menu no meio da tela */
    justify-content: center;
    text-align: center;
    padding: 15px 20px;
}

/* 2. CSS Focado Apenas na Navegação da Logo (nav.Logo) */
.Logo {
    margin-right: 0; /* ALTERADO: Removido o margin-right de 30px que descentralizava a logo */
    margin-bottom: 15px; /* ALTERADO: Adicionado um espaço entre a logo centralizada e os links abaixo */
    padding: 0; /* Garante que não há padding extra atrapalhando */
}

/* Rodapé */
footer {
  text-align: center;
  font-size: 14px;
  color: #aaa;
  margin-top: 30px;
  border-top: 1px solid #333;
  padding: 15px;
}

/* -------------------------------------
   PÁGINA PRINCIPAL
-------------------------------------- */

.sobre {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.sobre h1 {
  color: #f55;
}

.sobre img {
  margin-top: 20px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/* -------------------------------------
   PÁGINA BIOGRAFIA
-------------------------------------- */

body.body-biografia{
  font-family: Arial, sans-serif;
  text-align: center;
}

header.headerb {
  background: #222;
  padding: 15px;
  border-bottom: 2px solid #444;
  text-align: center;
}

main.main-biografia {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.main-biografia h1 {
  color: #f33;
}

.main-biografia b {
  color: #f55;
}

.main-biografia h2 {
  color: #f33;
  margin-top: 30px;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}

.main-biografia ul {
  list-style-type: none; 
  padding: 0;           
  width: fit-content;  
  margin: 0 auto;       
}

.main-biografia li {
  margin-bottom: 8px;
}

.fotos-dime {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.fotos-dime img {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  transition: transform 0.3s;
}

.fotos-dime img:hover {
  transform: scale(1.05);
}

/* -------------------------------------
   PÁGINA RIG / EQUIPAMENTOS
-------------------------------------- */

body.body-biografia{ /* Nota: você repetiu essa classe aqui, considere mudar para body.body-equipamentos se for uma página diferente */
  font-family: Arial, sans-serif;
  text-align: center;
}

main.main-equipamentos {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

.main-equipamentos h1 {
  color: #f55;
}

.main-equipamentos h2 {
  color: #f33;
  margin-top: 30px;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}

.fotos-amps,
.fotos-rig {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.fotos-amps img,
.fotos-rig img {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  transition: transform 0.3s;
}

.fotos-amps img:hover,
.fotos-rig img:hover {
  transform: scale(1.05);
}