/* El encuadre oculta solo los márgenes blancos; conserva el archivo original. */
header.site-header{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:auto;
  min-height:0;
  gap:18px;
  padding:22px 20px 20px;
  background:#fff;
  border-bottom:2px solid #9c1023;
}
.site-header .brand{
  position:relative;
  display:block;
  width:min(360px,100%);
  aspect-ratio:1.5;
  overflow:hidden;
  flex:none;
}
.site-header .brand-logo{
  position:absolute;
  top:-25%;
  left:0;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  border:0;
  background:#fff;
}
.site-header .brand:focus-visible{outline:3px solid #9c1023;outline-offset:4px}
.site-header nav{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 32px;
  margin:0;
}
.site-header nav a{padding:7px 0}
@media(max-width:600px){
  header.site-header{gap:12px;padding:16px 16px 14px}
  .site-header .brand{width:min(290px,100%)}
  .site-header nav{gap:8px 22px;margin:0}
  .site-header nav a{font-size:13px}
}