*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#100d16;color:#fbefda;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff17;background:#100d16ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.logo{font-size:26px;font-weight:950;letter-spacing:-1.5px}.logo span,em{color:#d9ff53}.small-link{padding:10px 16px;border:1px solid #d5bc8266;border-radius:10px;font-size:12px;font-weight:bold}main{max-width:1280px;margin:auto;padding:0 28px}section{padding:72px 0;scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;background:radial-gradient(ellipse at 75% 40%,#75387525,transparent 65%)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#edc680}.hero h1{font-size:clamp(38px,4.8vw,70px);line-height:1;letter-spacing:-.055em;margin:24px 0}em{font-style:italic}.lead{font-size:18px;color:#d0c6d8;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;min-height:50px;border-radius:12px;font-size:12px;font-weight:850;letter-spacing:.025em}.primary{background:#d9ff53;color:#182008;box-shadow:0 4px 0 #697d26}.secondary{border:1px solid #b3a2bc55}.note{font-size:12px;color:#bcafc7;max-width:650px;margin-top:20px}.stage{border:1px solid #d9b87988;border-radius:24px;padding:28px;background:linear-gradient(145deg,#302036,#14121b);box-shadow:12px 14px 0 #0004;transform:rotate(1deg)}.stage-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid #ffffff25;padding:10px 0 20px}.live{color:#d9ff53}.versus{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0;font-size:30px;font-style:italic;line-height:1}.versus i{font-size:16px;color:#edc680}.vote-sample{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vote-sample span{border:1px solid #ffffff30;border-radius:12px;padding:12px;font-size:11px}.vote-sample b{display:block;color:#d9ff53;font-size:25px}.stage p{color:#ddcedf}.stage-strip{background:#efd397;color:#211827;padding:10px;font-size:12px;font-weight:900;transform:rotate(-2deg);text-align:center;margin:22px -12px}.stage small{font-size:10px;color:#c0b4c6}.section-links{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #aa91bf44;gap:12px;padding:20px 0}.section-links a{padding:8px;font-size:13px;font-weight:bold;color:#e9d7f4}h2{font-size:clamp(29px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:18px 0 30px}h3{font-size:21px;line-height:1.2;margin:20px 0 14px}p,li{color:#d0c5d7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article,.print-grid article{padding:24px;border:1px solid #ad91c03b;border-radius:20px;background:linear-gradient(140deg,#211928,#15121b)}.number{font-size:24px;font-weight:900;color:#d9ff53}.steps p{font-size:14px}.feature{padding:42px;border:1px solid #ac93bd44;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#37454840,transparent 60%),#19131f}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.columns article{min-width:0}.columns h3:first-child{margin-top:0}.columns p{font-size:16px}details{border-top:1px solid #b7a0c33a;padding:20px 0}summary{cursor:pointer;font-weight:800;color:#efd397}details p{max-width:900px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ticket,.lanyard{border:1px solid #d8ed77;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;margin:10px auto 34px;max-width:290px;min-height:170px;background:repeating-linear-gradient(125deg,transparent 0 35px,#b8db5415 36px 40px),#14191a;transform:rotate(-3deg);box-shadow:8px 8px 0 #0005}.ticket strong,.lanyard strong{font-size:30px;color:#d9ff53}.ticket span,.lanyard span,.ticket small,.lanyard small{font-size:10px;letter-spacing:.08em}.lanyard{border-color:#c89bec;transform:rotate(3deg);background:#291d33}.lanyard strong{color:#d8b4f0}.callout{padding:20px;border-left:3px solid #d8bb7e;background:#e3bd7210;font-size:14px}.closing{text-align:center}.closing .note{margin:24px auto 0}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:32px 20px;border-top:1px solid #ffffff20;font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #d9ff53;outline-offset:5px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px}.stage{max-width:550px;width:100%;margin:10px auto}.steps{grid-template-columns:1fr 1fr}.columns{gap:24px}}@media(max-width:550px){main{padding:0 18px}section{padding:45px 0}.hero h1{font-size:44px}.hero{padding-top:35px}.stage{padding:20px;transform:none}.section-links{grid-template-columns:1fr 1fr;gap:4px}.steps,.columns,.print-grid{grid-template-columns:1fr}.feature{padding:25px 18px}.actions>*{width:100%}.steps article{padding:20px}.print-grid article{padding:20px}.primary{max-width:100%;text-align:center}header{padding:14px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Street-poster identity, with readable type and controlled accents. */
.hero{position:relative}.hero h1{font-weight:950;font-size:clamp(39px,4.6vw,66px);text-transform:uppercase}.hero h1 em{display:inline-block;margin-top:10px;position:relative;isolation:isolate;line-height:1.08;text-shadow:3px 3px 0 #694578}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:6px;background:#bd83e4;transform:rotate(-2deg);z-index:-1}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-tags span{border:1px solid #dcc29a44;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:850;letter-spacing:.045em;color:#f1d7a3;background:#efd39708}.stage{background:repeating-linear-gradient(135deg,transparent 0 42px,#cb91f009 43px 45px),linear-gradient(145deg,#38233f,#14121b)}.stage-strip{font-size:17px;font-style:italic;letter-spacing:-.025em}.participation{padding:45px 30px;margin-top:38px;border:1px solid #d9ff5344;border-radius:22px;background:radial-gradient(ellipse at 0 0,#bed74715,transparent 65%),#15141b}.participation .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.participation .number{font-size:13px}.participation-line{margin:28px 0 0;padding-top:20px;border-top:1px solid #d9ff5333;color:#d9ff53;font-size:clamp(15px,2vw,23px);font-weight:900;font-style:italic}.participation h2 em{color:#edd194}summary:hover{color:#d9ff53}@media(max-width:550px){.hero h1{font-size:clamp(35px,10.4vw,50px)}.participation{padding:26px 18px}.participation .steps{grid-template-columns:1fr}.hero h1 em{margin-bottom:8px}.hero .lead{font-size:17px}.hero-tags{gap:6px}}
/* Battle cards in the hero: a small collectible moment, without hiding the vote. */
.battle-cards{display:flex;justify-content:center;gap:14px;margin:-4px 0 20px}.battle-card{position:relative;width:116px;min-height:152px;overflow:hidden;padding:9px;border:1px solid #e5c47d;border-radius:10px;background:#201629;box-shadow:5px 7px 0 #0007;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:flex-end}.battle-card:nth-child(2){transform:rotate(5deg);border-color:#bda0df;background:#211934}.battle-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.2)}.battle-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#120e1c 92%)}.battle-card span,.battle-card strong,.battle-card small{position:relative;z-index:1}.battle-card span{font-size:7px;color:#f0ca80;letter-spacing:.1em}.battle-card strong{font-size:13px;color:#fff3df;line-height:1.05;margin-top:5px}.battle-card small{font-size:6px;color:#d6c6db;margin-top:5px}.battle-card--gazir strong{color:#dfc7ff}
.primary,.secondary{position:relative;transition:transform .16s,box-shadow .16s}.primary{border-radius:7px 15px 7px 15px;box-shadow:4px 4px 0 #70832c;letter-spacing:.06em}.primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #70832c}.secondary{border:0;border-bottom:1px solid #d9ff5388;border-radius:0;padding-inline:3px;color:#d9ff53;background:transparent}.secondary:hover{color:#fff0dc;border-color:#fff0dc;transform:translateY(-2px)}
@media(max-width:550px){.battle-card{width:108px;min-height:145px}.battle-cards{gap:10px}}
/* Hero cards follow the Pro/Élite collectible language. */
.battle-card{width:128px;min-height:178px;padding:10px;border-radius:13px;border-width:2px;justify-content:flex-end;background:#15121d;box-shadow:4px 6px 0 #0009,0 0 18px #d4ae5b18}.battle-card:before{content:'';position:absolute;inset:4px;border:1px solid #f4d99055;border-radius:9px;z-index:1;pointer-events:none}.battle-card:nth-child(2){border-color:#d7b1ff;box-shadow:4px 6px 0 #0009,0 0 18px #b881e933}.battle-card--sweet:after,.battle-card--gazir:after{background:linear-gradient(180deg,#0000 18%,#100c18e8 78%,#100c18 100%)}.battle-card img{opacity:.75;filter:contrast(1.05) saturate(1.25)}.card-rarity{position:relative;z-index:2;align-self:flex-start;margin-bottom:auto;padding:3px 5px;border:1px solid #edd38c99;border-radius:4px;background:#17111cbb;color:#f5d995;font-size:6px;letter-spacing:.08em}.battle-card:nth-child(2) .card-rarity{border-color:#d7b1ff99;color:#dfc7ff}.battle-card span{font-size:7px;letter-spacing:.14em;color:#e8d1a0}.battle-card strong{font-size:16px;letter-spacing:-.03em;text-shadow:1px 1px #000}.battle-card small{font-size:6px;letter-spacing:.04em}.vote-sample span{min-height:64px;display:flex;flex-direction:column;justify-content:center}.vote-sample b{font-size:13px;letter-spacing:.05em;color:#d9ff53}.stage-strip{letter-spacing:.04em}.primary{font-size:11px;font-weight:950}
@media(max-width:550px){.battle-card{width:112px;min-height:164px}.battle-card strong{font-size:14px}}
.card-button{position:relative;z-index:2;display:inline-flex;align-self:stretch;justify-content:center;margin-top:7px;padding:4px 3px;border:1px solid #f3d98d88;border-radius:5px;background:#fff1bd12;color:#f5d995;font-size:6px;font-weight:900;letter-spacing:.08em}.battle-card:nth-child(2) .card-button{border-color:#d7b1ff88;color:#dfc7ff}.battle-card:after{z-index:1}.weights-note{display:inline-block;margin-top:8px;color:#d9ff53;font-size:11px;letter-spacing:.06em}.vote-sample{position:relative}.vote-sample:before{content:'CONFIGURACIÓN DEL EVENTO';position:absolute;top:-15px;left:0;color:#edc680;font-size:7px;letter-spacing:.12em;font-weight:800}
/* CTA treatment: rounded, generous and readable on the street and on mobile. */
.actions{justify-content:flex-start;align-items:center;gap:16px}.actions .primary{min-height:58px;padding:16px 25px;border-radius:999px;font-size:13px;letter-spacing:.045em;text-align:center}.actions .secondary{min-height:48px;padding:12px 4px;font-size:13px;font-weight:850}.hero .note{font-size:14px;line-height:1.55}.section-links a{font-size:15px;min-height:48px;display:flex;align-items:center}.participation h3,.steps h3{font-size:22px}.participation p,.steps p,.columns p,.print-grid p{font-size:16px;line-height:1.65}.feature .primary,.closing .primary{min-height:58px;padding:16px 28px;border-radius:999px;font-size:13px;text-align:center}.vote-sample span{font-size:12px}.stage small{font-size:11px;line-height:1.45}@media(max-width:550px){.actions{align-items:stretch;gap:12px}.actions .primary,.actions .secondary{width:100%;font-size:13px}.section-links a{font-size:14px}.participation p,.steps p,.columns p,.print-grid p{font-size:16px}.feature .primary,.closing .primary{width:100%;font-size:13px}}