/* Emerald League 2026 · Portada inspirada en la identidad oficial */
:root{--em-deep:#002f26;--em-forest:#00503d;--em-jade:#00b487}
body{background:#f8f8f5}
.identity-hero{position:relative;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;min-height:730px!important;isolation:isolate;background:#f7f7f4!important;border-bottom:3px solid #00543f;overflow:hidden}
.identity-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.89) 41%,rgba(255,255,255,.06) 83%),url('assets/swiss-marble-frame.webp') center/cover!important}
.identity-hero::after{content:"";position:absolute;inset:0;pointer-events:none;border:18px solid transparent;border-image:linear-gradient(135deg,#006448 0%,transparent 24%,transparent 74%,#006448 100%) 1;opacity:.22}
.identity-hero .hero-copy{position:relative;padding:105px 2vw 65px 7vw!important;z-index:3}
.identity-hero .eyebrow{display:inline-block;color:#004a38!important;font-size:11px;letter-spacing:.3em;background:#ffffffbd;border-left:4px solid #007b57;padding:12px 16px}
.identity-hero h1{font-family:Impact,'Arial Narrow',Montserrat,Arial,sans-serif;font-size:clamp(62px,7vw,116px)!important;line-height:.89!important;letter-spacing:-.035em!important;margin:35px 0 28px!important;text-transform:uppercase;color:#070d0a;text-shadow:0 4px 0 #ffffff85}
.identity-hero h1 em{display:block;font-style:normal;background:linear-gradient(180deg,#01140f 10%,#00644c 65%,#00a77d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.identity-hero .hero-copy>p{font-size:15px!important;color:#344d43!important;max-width:500px;line-height:1.75;background:#ffffffb8;padding:8px 12px 8px 0}
.identity-hero .hero-art{min-height:730px!important;background:url('assets/emerald-hero-crystals.webp') center/cover no-repeat!important;mix-blend-mode:normal!important;filter:contrast(1.05) saturate(1.1)!important;position:relative}
.identity-hero .hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f8f5 0%,#f8f8f500 38%),linear-gradient(0deg,#f8f8f555,transparent 25%)}
.identity-hero .hero-art::after{content:"";position:absolute;inset:8% 8% 8% 8%;border:1px solid #007a5855;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}
.identity-hero .actions{position:relative;z-index:4;flex-wrap:wrap}
.identity-hero .primary,.identity-hero .secondary{padding:18px 25px!important;font-size:11px!important;clip-path:polygon(0 0,94% 0,100% 20%,100% 100%,6% 100%,0 80%);transition:transform .2s}
.identity-hero .primary:hover,.identity-hero .secondary:hover{transform:translateY(-3px)}
.identity-hero .primary{background:linear-gradient(120deg,#003a2e,#007f5c)!important;color:white!important;box-shadow:0 12px 24px #00513b33}
.identity-hero .secondary{background:#fffffff0!important;border:1px solid #005640!important;color:#003a2e!important}
.identity-hero .mini{display:flex!important;gap:12px!important;align-items:center;flex-wrap:wrap;width:auto!important;border-top:1px solid #00523c44!important;max-width:490px;padding-top:22px!important;margin-top:34px!important}
.identity-hero .mini b{font-family:Impact,'Arial Narrow',sans-serif;font-size:32px!important;color:#003b2d!important}.identity-hero .mini span{font-size:9px!important;letter-spacing:.14em;color:#325348!important;margin-right:12px}
.identity-hero .hero-micro{color:#00513d!important;opacity:.75}
.em-stage-strip{padding:36px 7vw 44px;background:linear-gradient(180deg,#f8f8f5,#fff);border-bottom:1px solid #d5e5de}
.em-stage-heading{font-size:10px;letter-spacing:.33em;font-weight:900;color:#006149;text-align:center;margin:0 0 20px}
.em-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1320px;margin:auto}
.em-stage-card{position:relative;display:flex;align-items:center;gap:17px;min-height:132px;padding:23px 24px;background:linear-gradient(135deg,#001e19,#00513f 75%,#007454);color:white;text-decoration:none;border:1px solid #0c8b6c;clip-path:polygon(0 0,94% 0,100% 15%,100% 100%,6% 100%,0 85%);transition:transform .2s,filter .2s}
.em-stage-card:hover{transform:translateY(-4px);filter:brightness(1.13)}
.em-stage-num{font:44px Impact,'Arial Narrow',sans-serif;color:#40e4b2;opacity:.9}
.em-stage-info{display:flex;flex-direction:column;gap:7px}.em-stage-info strong{font:26px Impact,'Arial Narrow',sans-serif;letter-spacing:.02em}.em-stage-info small{font-size:10px;letter-spacing:.1em;color:#c4eee0;font-weight:700}
.em-stage-arrow{margin-left:auto;font-size:25px;color:#a8fbe1}
@media(max-width:900px){.identity-hero{grid-template-columns:1fr!important}.identity-hero .hero-copy{padding:65px 7vw 25px!important}.identity-hero h1{font-size:clamp(55px,11vw,90px)!important}.identity-hero .hero-art{min-height:360px!important;background-position:center 46%!important}.identity-hero .hero-art::before{background:linear-gradient(180deg,#f8f8f5 0%,transparent 45%)}.em-stage-grid{grid-template-columns:1fr}.em-stage-card{min-height:98px}.em-stage-info strong{font-size:23px}}
@media(max-width:480px){.identity-hero .hero-copy{padding:48px 6vw 20px!important}.identity-hero h1{font-size:clamp(48px,13vw,67px)!important}.identity-hero .hero-art{min-height:285px!important}.identity-hero .mini{gap:7px!important}.identity-hero .mini b{font-size:24px!important}.identity-hero .mini span{font-size:8px!important}.em-stage-strip{padding:30px 5vw}.em-stage-card{padding:16px}}