/* TAI · Cabecera compartida. Un solo punto de control para las cinco páginas. */
/* No añadir desplazamientos de posición específicos por página. */
.tai-site-header,
.tai-site-header * { box-sizing:border-box; }

/* La Biblioteca conserva su estructura interna; solo se iguala el contenedor externo. */
.tai-header-container {
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:#555;
}

.tai-site-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:nowrap;
  margin:0 0 30px;
  padding:0;
  border:0;
  background:transparent;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.6;
}

.tai-site-header .tai-logo {
  display:block;
  flex:0 0 205px;
  width:205px;
  margin:0;
  padding:0;
  text-decoration:none;
  line-height:0;
}
.tai-site-header .tai-logo img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:425 / 422;
  margin:0;
  border:0;
  transform:none;
}
.tai-site-header .tai-nav { flex:0 1 auto; min-width:0; margin:0; padding:0; }
.tai-site-header .tai-nav ul {
  display:flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:nowrap;
  list-style:none;
  gap:20px;
  margin:0;
  padding:0;
}
.tai-site-header .tai-nav li { margin:0; padding:0; }
.tai-site-header .tai-nav a {
  display:block;
  margin:0;
  padding:0;
  color:#333;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.6;
  text-decoration:none;
  white-space:nowrap;
}
.tai-site-header .tai-nav a:hover,
.tai-site-header .tai-nav a:focus-visible,
.tai-site-header .tai-nav a.active { color:#CF0534; }

@media (max-width:900px) {
  .tai-site-header { align-items:flex-start; gap:12px; }
  .tai-site-header .tai-logo {
    width:min(170px,34vw);
    flex:0 0 min(170px,34vw);
  }
  .tai-site-header .tai-nav ul {
    flex-direction:column;
    align-items:flex-start;
    flex-wrap:nowrap;
    gap:10px;
    margin-top:10px;
  }
}
@media (max-width:360px) {
  .tai-site-header .tai-nav a { font-size:15px; }
}

/* Dimensión visual uniforme del logotipo para todas las páginas: 205 px escritorio,
   170 px máximo en móvil, sin ajustar cada página de forma independiente. */
@media (min-width:901px) {
 .tai-site-header > .tai-logo {width:205px !important;min-width:205px !important;max-width:205px !important;flex:0 0 205px !important;}
}
@media (max-width:900px) {
 .tai-site-header > .tai-logo {width:min(170px,34vw) !important;max-width:min(170px,34vw) !important;flex:0 0 min(170px,34vw) !important;min-width:0 !important;}
}
.tai-site-header > .tai-logo > img {width:100% !important;height:auto !important;max-width:100% !important;display:block !important;transform:none !important;}
