/* --- Hero artista (31-oct-2026) ---------------------------------------- */
.he{position:relative;isolation:isolate;overflow:hidden;background:#0a3a64;color:var(--mineral);min-height:min(100svh,900px);display:flex;flex-direction:column;justify-content:flex-end;padding:7rem var(--pad-x) 0}
.he__foto{position:absolute;left:0;right:0;top:92px;width:100%;height:calc(100% - 92px);object-fit:cover;object-position:80% 22%;z-index:-2;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%)}
.he picture{display:contents}
.he::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,47,95,.5) 0%,rgba(4,47,95,0) 55%),linear-gradient(0deg,rgba(4,47,95,.85) 0%,rgba(4,47,95,0) 34%)}
.he__contenido{max-width:1360px;margin:0 auto;width:100%}
.he__nombre{margin:0 0 1.2rem;font:400 clamp(3.4rem,10.6vw,9.8rem)/.84 'Krona One',sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.he__nombre span{display:block}.he__nombre span:first-child{color:transparent;-webkit-text-stroke:2px var(--mineral)}
.he__lema{font:700 clamp(1.2rem,2vw,1.7rem)/1.25 'Commissioner',sans-serif;margin:0 0 .5rem}
.he__linea{margin:0 0 1.4rem;font:600 12px 'Azeret Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,232,.88)}
.he__datos{list-style:none;margin:2rem auto 0;padding:1.1rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:1rem 3rem;max-width:1360px;width:100%;border-top:1px solid rgba(244,241,232,.28)}
.he__datos li{display:flex;flex-direction:column;gap:.25rem}.he__datos b{font-size:clamp(1.3rem,2.2vw,2rem);color:var(--mineral)}
.he__datos span{font:600 11px 'Azeret Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:rgba(244,241,232,.82)}
@media(max-width:900px){.he{min-height:0;padding-top:0;justify-content:flex-start}.he__foto{position:relative;top:auto;left:auto;right:auto;width:calc(100% + 2*var(--pad-x));max-width:none;margin:0 calc(var(--pad-x)*-1);-webkit-mask-image:none;mask-image:none;height:58svh;object-position:78% 30%;z-index:0}.he::before{display:none}
 .he__contenido{margin-top:-2.4rem;position:relative}.he__nombre{font-size:clamp(2.4rem,12.4vw,6rem)}.he__datos{display:grid;grid-template-columns:1fr 1fr}}

/* Lettering oficial como nombre del hero */
.he__nombre{font-size:0;line-height:0;margin:0 0 1.4rem}.he__nombre img{display:block;width:clamp(15rem,34vw,31rem);height:auto}
@media(max-width:900px){.he__nombre img{width:clamp(12rem,62vw,20rem)}}