:root{
  --bg:#000;
  --fg:#f4f4f4;
  --muted:#aaa;
  --line:#242424;
  --content:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.55;
}
a{color:var(--fg);text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  width:min(var(--content),calc(100% - 48px));
  margin:0 auto;
  padding:20px 0 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
}
.brand{font-size:14px;text-transform:capitalize}
.nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font-size:14px}
main{width:min(var(--content),calc(100% - 48px));margin:0 auto}


.home {
  min-height: calc(100vh - 70px);
  display: flex;
  flex-direction: column; /* Fuerza a que vayan uno debajo de otro */
  align-items: center;    /* Centra la imagen y la biografía horizontalmente */
  justify-content: center;
  padding: 40px 0 90px;
  gap: 32px;              /* Separa la foto del texto */
  text-align: center;     /* Si deseas centrar también los títulos/párrafos */
}


.home figure {
  margin: 0;
  text-align: center;
  width: 100%;
}

.home img {
  display: block;
  width: 100%;
  max-width: 500px;       /* Aumentado de 400px a 500px para que no salga tan pequeña */
  height: auto;
  margin: 0 auto;
}

.biography {
  max-width: 680px;       /* Controla el ancho del texto para una mejor lectura */
  text-align: left;       /* Mantiene el texto alineado a la izquierda */
}
figcaption{font-size:12px;color:var(--muted);margin-top:7px}
.page{
  padding:90px 0 120px;
  max-width:900px;
  margin:0 auto;
}
.page h1{
  font-size:24px;
  line-height:1.2;
  font-weight:400;
  margin:0 0 40px;
}
.page p{margin:0 0 24px}
.small{font-size:13px}
.verse{
  white-space:pre-wrap;
  font:inherit;
  font-size:13px;
  margin:0;
}
.audio-list{display:grid;gap:22px;margin-bottom:45px}
.track{padding-bottom:18px;border-bottom:1px solid var(--line)}
.track-title{display:block;margin-bottom:8px}
.track audio{width:100%;max-width:600px}
.archive{text-align:center;margin:40px 0}
.video-section{margin-bottom:60px}
.video-section h2{font-size:14px;font-weight:400;margin:0 0 18px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.video iframe{width:100%;aspect-ratio:16/9;border:0}
.press-list{display:grid;gap:20px}
.press-item{padding:12px 0;border-bottom:1px solid var(--line)}
.press-item a{font-size:14px}
.press-image{margin-top:40px;max-width:723px}
.press-image img{width:100%;height:auto;display:block}
.contact-note{color:var(--muted)}
footer {
  width: min(var(--content), calc(100% - 48px));
  margin: 0 auto;
  padding: 15px 0 45px; /* Reducido de 35px a 15px arriba */
  color: var(--muted);
  font-size: 12px;
  text-align: center; /* Centra el texto */
}
@media(max-width:700px){
  .site-header{align-items:flex-start;flex-direction:column}
  .nav{justify-content:flex-start;gap:10px 18px}
  .home{padding-top:25px}
  .video-grid{grid-template-columns:1fr}
  .page{padding-top:65px}
  
}