/* Ten-language selectors, long translations and CJK font fallback. */
.sxe-language-switch{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center;max-width:100%;white-space:normal}
.sxe-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:34px;border:1px solid #f0b84b88;border-radius:999px;padding:7px 8px;font:700 11px Arial,sans-serif;text-decoration:none;color:inherit}
.sxe-language-switch a[aria-current=page]{background:#f0b84b;color:#2b1705}
.sxe-language-switch a:focus-visible{outline:3px solid #f0b84b;outline-offset:3px}
.site-header,.intl-header{height:auto!important;min-height:78px;flex-wrap:wrap!important}
.site-header>.sxe-language-switch,.intl-header>.sxe-language-switch{width:100%;order:5;padding:6px 0}
.desktop-nav{flex-wrap:wrap;gap:12px!important}.desktop-nav a,.desktop-nav summary{font-size:12px!important}
html[lang=de] h1,html[lang=ru] h1{overflow-wrap:anywhere}
html[lang=zh-Hans] body,html[lang=ja] body{font-family:Arial,'Noto Sans CJK SC','Noto Sans CJK JP','Microsoft YaHei','Yu Gothic',sans-serif}
html[lang=zh-Hans] h1,html[lang=ja] h1{letter-spacing:normal;line-height:1.18}
.button,.catalog-action{white-space:normal;text-align:center;max-width:100%}
.site-header details[open],.intl-header details[open]{z-index:100}
@media(max-width:900px){.site-header>.desktop-nav{display:none!important}.mobile-menu{display:block!important}.sxe-language-switch{gap:4px}.sxe-language-switch a{padding:6px;min-width:30px}.site-header{padding-bottom:6px!important}.intl-brand{max-width:100%}.intl-brand strong{overflow-wrap:anywhere}}
@media(min-width:901px){.site-header>.desktop-nav{display:flex!important}.mobile-menu{display:none!important}}
/* Keep the full header in normal flow so wrapped menus cannot overlap the hero. */
.site-header{position:relative!important;inset:auto!important;padding-top:18px!important;padding-bottom:18px!important;row-gap:18px!important;background:#120b0c}
.site-header+.hero{padding-top:48px!important}
.sxe-language-switch a:not([aria-current=page]){background:transparent!important;color:inherit!important}

.site-header+.inner-hero{padding-top:48px!important}

/* Korean text: readable Hangul and safe wrapping. */
html[lang=ko] body{font-family:Arial,"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{letter-spacing:normal;line-height:1.3}
html[lang=ko] .hero-copy,html[lang=ko] p{line-height:1.7}
@media(max-width:640px){html[lang=ko] #mundo-circense{grid-template-columns:1fr!important}}

/* Portadas: tamaño equilibrado en los diez idiomas — 2026-10-08. */
.hero h1,.inner-hero h1,.intl-hero h1{
  font-size:clamp(42px,5vw,76px)!important;
  line-height:1.08!important;
}
.hero .hero-copy,.inner-hero>div>p:last-child,.intl-hero p:last-child{
  font-size:17px!important;
  line-height:1.65!important;
}
.hero .eyebrow,.inner-hero .section-kicker,.intl-hero .eyebrow{
  font-size:11px!important;
  letter-spacing:.14em!important;
}
html[lang=ko] .hero h1,html[lang=ko] .inner-hero h1,
html[lang=ja] .hero h1,html[lang=ja] .inner-hero h1,
html[lang=zh-Hans] .hero h1,html[lang=zh-Hans] .inner-hero h1,
html[lang=zh] .hero h1,html[lang=zh] .inner-hero h1{
  line-height:1.2!important;
  letter-spacing:normal!important;
}
@media(max-width:620px){
  .hero h1,.inner-hero h1,.intl-hero h1{
    font-size:clamp(34px,8.5vw,44px)!important;
    line-height:1.12!important;
  }
  .hero .hero-copy,.inner-hero>div>p:last-child,.intl-hero p:last-child{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .hero .eyebrow,.inner-hero .section-kicker,.intl-hero .eyebrow{
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
}

/* Fotografías de portada más visibles; conservar contraste bajo el texto. */
.hero{
 background-image:linear-gradient(90deg,rgba(18,11,12,.68) 0%,rgba(34,8,12,.46) 46%,rgba(24,8,10,.18) 100%),url('/assets/comunidad-aniversario.jpg')!important;
}
.inner-hero{
 background-image:linear-gradient(105deg,rgba(12,7,8,.68),rgba(43,12,18,.22)),url('/assets/comunidad-aniversario.jpg')!important;
}
.music-history-hero{
 background-image:linear-gradient(105deg,rgba(12,7,8,.68),rgba(43,12,18,.18)),url('/assets/historia-comunidad.jpg')!important;
}
.hero h1,.hero .hero-copy,.hero .eyebrow,
.inner-hero h1,.inner-hero>div>p{
 text-shadow:0 2px 6px rgba(0,0,0,.5);
}
/* Subir el contenido de la portada en todos los idiomas */
.hero {
  align-items: flex-start !important;
  padding-top: 45px !important;
}

@media (max-width: 620px) {
  .hero {
    padding-top: 30px !important;
  }

  .hero h1 {
    font-size: clamp(38px, 10vw, 50px) !important;
  }
}/* Botones y cifras al pie de la portada */
.hero-content {
  display: flex;
  flex-direction: column;
  min-height: 655px;
  width: 100%;
}

.hero .hero-actions {
  margin-top: auto !important;
  padding-top: 60px;
}

.hero .hero-proof {
  margin-top: 24px !important;
}

@media (max-width: 620px) {
  .hero-content {
    min-height: 760px;
  }
}.hero .hero-seal {
  width: 130px !important;
  right: 20px !important;
  bottom: 20px !important;
}

.hero .hero-seal img {
  width: 115px !important;
  height: 115px !important;
}

.hero .hero-seal small {
  font-size: 8px !important;
}.hero .hero-seal {
  transform: none !important;
  width: 100px !important;
  right: 12px !important;
  bottom: 12px !important;
}

.hero .hero-seal img {
  width: 90px !important;
  height: 90px !important;
}

.hero .hero-seal small {
  font-size: 7px !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}.hero .hero-seal {
  right: 12% !important;
  bottom: 12% !important;
}

.hero h1 em {
  display: block;
}.hero h1 em {
  display: block;
}@media (min-width: 901px) {
  .hero .hero-seal {
    top: 30% !important;
    bottom: auto !important;
    right: 8% !important;
    width: 140px !important;
    transform: none !important;
  }

  .hero .hero-seal img {
    width: 125px !important;
    height: 125px !important;
  }

  .hero .hero-seal small {
    font-size: 9px !important;
  }
}@media (min-width: 901px) {
  .hero-content {
    max-width: 100% !important;
  }

  .hero h1 {
    font-size: clamp(42px, 4.4vw, 68px) !important;
  }

  .hero h1 em {
    display: inline !important;
  }
}@media (min-width: 901px) {
  .hero .hero-seal {
    top: 23% !important;
  }
}