/*
 * BRVTAL — Cromo home. Port of docs/design/cromo-prototype.html (the approved
 * artifact) scoped to #cromo-home, which js/public-cromo-home.js mounts only
 * after the public data loaded. Display type is Broken Glass (the installed
 * title font) and text is Barlow Condensed; every other value is the artifact's.
 * Without JS the previous Concept 05 home is what the visitor gets.
 */
html.cromo-home{background:#030303;overflow-x:clip}
html.cromo-home body{background:#030303;overflow-x:clip;cursor:crosshair}
/* The artifact replaces the legacy shell: hide it without removing it (SEO text and fallbacks stay in the DOM). */
html.cromo-home body>*:not(#cromo-home):not(#cromoGL):not(script):not(style):not(link):not(.brvtal-cookie-banner){display:none}

#cromo-home{
  --ink:#030303;--bone:#f2efe8;--red:#ff2a1a;--steel:#9fb2c2;
  --disp:"Broken Glass","Barlow Condensed",sans-serif;
  --body:"Barlow Condensed","Archivo",sans-serif;
  position:relative;z-index:2;color:var(--bone);font-family:var(--body);font-size:20px;overflow-x:clip;
}
/* ---------- Motion tokens (transitions.dev scale): every transition below reads from these ---------- */
#cromo-home{
  --duration-stagger:40ms;--duration-micro:80ms;--duration-quick:150ms;--duration-fast:250ms;
  --duration-medium:350ms;--duration-slow:400ms;--duration-very-slow:500ms;
  --ease-smooth-out:cubic-bezier(.22,1,.36,1);--ease-in-out:ease-in-out;--ease-out:ease-out;
  --distance-medium:12px;--blur-small:2px;--blur-medium:3px;
}
#cromo-home *{box-sizing:border-box}
#cromo-home a{color:inherit;text-decoration:none}
#cromo-home .cr-u{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.9}

#cromo-home .cr-top{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;color:#fff}
#cromo-home .cr-top>a,#cromo-home .cr-top nav,#cromo-home .cr-top .cr-snd{background:rgba(3,3,3,.88)}
#cromo-home .cr-top>a{padding:12px 16px}
#cromo-home .cr-top nav{padding:0 6px;display:flex;gap:4px}
#cromo-home .cr-top a,#cromo-home .cr-top button{font:700 18px/1 var(--body);letter-spacing:.02em;text-transform:uppercase;color:#fff;background:none;border:0;cursor:pointer;padding:14px;min-height:44px;display:inline-flex;align-items:center}
#cromo-home .cr-top>a.cr-u{font-size:30px;padding:12px 16px;background:rgba(3,3,3,.9);-webkit-text-stroke:0}
#cromo-home .cr-top nav a[aria-current="true"]{background:#f2efe8;color:#030303}
#cromo-home .cr-snd{display:inline-flex;align-items:center;gap:10px;border:2px solid #fff;border-radius:999px;padding:0 18px;background:rgba(3,3,3,.88)}
#cromo-home .cr-snd i{width:10px;height:10px;border-radius:50%;background:#fff;display:block}
#cromo-home .cr-snd.cr-on i{animation:cromo-pulse .46s steps(1) infinite}
@keyframes cromo-pulse{0%{transform:scale(1.7)}100%{transform:scale(1)}}
#cromo-home .cr-top .cr-tickets{background:var(--bone);color:#030303;border:3px solid #030303;box-shadow:5px 5px 0 #030303;display:inline-flex;align-items:center;padding:0 22px}

#cromo-home .cr-hero{position:relative;z-index:2;height:100vh;min-height:700px;display:grid;place-items:center;overflow:hidden}
#cromo-home .cr-core{position:relative;text-align:center;color:#fff;padding:0 3vw}
#cromo-home .cr-core h1{color:#fff;-webkit-text-stroke:.075em #030303;paint-order:stroke fill;text-shadow:0 .04em 0 #030303;font-size:min(24vw,420px);display:block;width:fit-content;margin:0 auto;will-change:transform}
#cromo-home .cr-core h1 span{display:inline-block;animation:cromo-rise var(--duration-very-slow) var(--ease-smooth-out) backwards}
#cromo-home .cr-core h1 span:nth-child(2){animation-delay:calc(var(--duration-stagger)*2)}
#cromo-home .cr-core h1 span:nth-child(3){animation-delay:calc(var(--duration-stagger)*3)}
#cromo-home .cr-core h1 span:nth-child(4){animation-delay:calc(var(--duration-stagger)*4)}
#cromo-home .cr-core h1 span:nth-child(5){animation-delay:calc(var(--duration-stagger)*5)}
#cromo-home .cr-core h1 span:nth-child(6){animation-delay:calc(var(--duration-stagger)*6)}
@keyframes cromo-rise{from{opacity:0;filter:blur(var(--blur-medium));transform:translateY(60%) rotate(8deg)}to{opacity:1;filter:blur(0);transform:none}}
#cromo-home .cr-core p{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:rgba(3,3,3,.9);color:#fff;padding:8px 16px;font:700 clamp(26px,3.2vw,50px)/1.05 var(--body);letter-spacing:-.005em;margin-top:2.4vh}
#cromo-home .cr-cta{position:absolute;left:0;right:0;bottom:7vh;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;z-index:4}
#cromo-home .cr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;font:700 22px/1 var(--body);letter-spacing:.02em;text-transform:uppercase;border:3px solid var(--bone);color:var(--bone);background:rgba(3,3,3,.55);transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),background var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out);cursor:pointer}
#cromo-home .cr-btn:hover{background:var(--bone);color:var(--ink);transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--red)}
#cromo-home .cr-btn.cr-r{background:var(--red);border-color:var(--red);color:#030303}
/* The entire next-night poster is a semantic event link; keep the CMS copy on a solid plate. */
#cromo-home .cr-next{position:absolute;right:28px;top:104px;z-index:4;width:min(280px,calc(100% - 56px));background:var(--ink);border:3px solid var(--bone);padding:16px 20px;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--red);color:var(--bone);overflow-wrap:anywhere}
#cromo-home .cr-next::before{content:"";position:absolute;top:0;right:0;width:90px;height:8px;background:var(--red)}
#cromo-home .cr-next-tag{display:block;font:700 13px/1.2 var(--body);letter-spacing:.17em;color:var(--bone);margin-bottom:8px}
#cromo-home .cr-next-count{display:block;font:800 clamp(18px,1.7vw,22px)/1.05 var(--body);letter-spacing:.02em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
#cromo-home .cr-next-date{display:block;font:400 clamp(34px,3.4vw,48px)/.9 var(--disp);text-transform:uppercase;margin-bottom:10px}
#cromo-home .cr-next-event{display:block;font:700 clamp(18px,1.5vw,21px)/1.05 var(--body);text-transform:uppercase;color:var(--bone);margin-bottom:6px}
#cromo-home .cr-next-details{display:block;font:600 clamp(14px,1.1vw,16px)/1.25 var(--body);color:var(--bone);margin-bottom:12px}
#cromo-home .cr-next-action{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:8px 14px;background:var(--red);color:var(--ink);font:800 17px/1 var(--body);letter-spacing:.05em;text-transform:uppercase}
#cromo-home .cr-next-arrow{display:inline-block;font:700 22px/1 var(--body);will-change:transform}
#cromo-home .cr-next-link{display:block;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-quick) var(--ease-in-out)}
@media(hover:hover){#cromo-home .cr-next-link:hover{transform:translateY(-5px) rotate(-1deg) scale(1.015);box-shadow:12px 12px 0 var(--red);border-color:#fff}}
#cromo-home .cr-next-link:focus-visible{outline:4px solid var(--red);outline-offset:5px}
@media(prefers-reduced-motion:reduce){#cromo-home .cr-next-link{transition:none}#cromo-home .cr-next-arrow{will-change:auto}}
#cromo-home .cr-band{position:relative;z-index:4;overflow:hidden;white-space:nowrap;background:var(--bone);color:var(--ink);transform:rotate(1.6deg);margin:0 -4vw;border-block:4px solid var(--ink)}
#cromo-home .cr-band div{display:inline-flex;gap:40px;padding:12px 0;font:400 clamp(38px,5vw,76px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;animation:cromo-roll 28s linear infinite}
@keyframes cromo-roll{to{transform:translateX(-50%)}}

#cromo-home .cr-sec{position:relative;z-index:3;padding:16vh 28px 8vh}
#cromo-home .cr-sec h2{font-size:min(19vw,330px);color:#fff;-webkit-text-stroke:.075em #030303;paint-order:stroke fill;text-shadow:0 .04em 0 #030303;margin-bottom:4vh}
#cromo-home .cr-night{display:grid;grid-template-columns:minmax(0,20vw) 1fr auto;gap:28px;align-items:center;padding:30px 0;border-top:3px solid var(--bone);background:rgba(3,3,3,.92);transition:background var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out),padding var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-night:last-of-type{border-bottom:3px solid var(--bone)}
#cromo-home .cr-night:hover{background:var(--bone);color:var(--ink);padding-left:22px;padding-right:22px}
#cromo-home .cr-night .cr-n{font-size:clamp(40px,4.6vw,76px)}
#cromo-home .cr-night .cr-t{font:400 clamp(44px,7vw,112px)/.9 var(--disp);letter-spacing:.005em;text-transform:uppercase;display:block}
#cromo-home .cr-night .cr-m{font:600 22px/1.35 var(--body);margin-top:10px;display:block}
#cromo-home .cr-night .cr-go{font:700 24px/1 var(--body);letter-spacing:.03em;text-transform:uppercase;border:3px solid currentColor;padding:18px 26px;white-space:nowrap}
#cromo-home .cr-sound{position:relative;z-index:3;padding:10vh 28px;min-height:80vh;display:flex;flex-direction:column;justify-content:center;gap:28px}
#cromo-home .cr-sound h2{font-size:min(15vw,280px);color:#fff;-webkit-text-stroke:.075em #030303;paint-order:stroke fill;text-shadow:0 .04em 0 #030303}
#cromo-home .cr-sound p{background:rgba(3,3,3,.9);padding:12px 16px;display:inline-block;font:700 clamp(26px,2.8vw,40px)/1.15 var(--body);max-width:24ch}
#cromo-home .cr-end{position:relative;z-index:3;padding:14vh 28px 6vh;text-align:center}
#cromo-home .cr-end>a{display:block;font-size:min(16vw,310px);color:#fff;-webkit-text-stroke:.075em #030303;paint-order:stroke fill;text-shadow:0 .04em 0 #030303}
#cromo-home footer{position:relative;z-index:3;padding:30px 28px 40px;display:flex;justify-content:space-between;font:700 19px/1.4 var(--body);background:#030303;color:#fff;flex-wrap:wrap;gap:12px}
#cromo-home footer button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-decoration:underline}


/* Public Social & Contact destinations, provided only by the allowlisted CMS payload. */
#cromo-home .cr-social{box-sizing:border-box;width:calc(100% - 8px);max-width:1100px;margin:clamp(36px,6vw,72px) auto 0;padding:clamp(18px,3vw,32px);background:rgba(3,3,3,.94);border:3px solid var(--bone);box-shadow:8px 8px 0 var(--red);text-align:left}
#cromo-home .cr-social-title{margin:0 0 24px;font:400 clamp(34px,5vw,72px)/.95 var(--disp);color:var(--bone);text-shadow:4px 4px 0 var(--red);overflow-wrap:anywhere}
#cromo-home .cr-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
#cromo-home .cr-social-link{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:52px;padding:12px 16px;border:2px solid var(--bone);background:#030303;color:var(--bone);font:700 clamp(17px,1.5vw,21px)/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;overflow-wrap:anywhere;transition:background-color var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out),box-shadow var(--duration-quick) var(--ease-in-out)}
#cromo-home .cr-social-link:hover{background:var(--red);color:var(--ink);box-shadow:4px 4px 0 var(--bone)}
#cromo-home .cr-social-link:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#cromo-home .cr-social-link{transition:none}}

/* ===== secciones completas ===== */
#cromo-home .cr-plate{background:rgba(3,3,3,.93)}
#cromo-home .cr-chrome-b{border:3px solid transparent;border-image:linear-gradient(135deg,#fff 0%,#5b6677 30%,#fff 50%,#ff3b1f 78%,#fff 100%) 1}
#cromo-home .cr-artists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#cromo-home .cr-ac{position:relative;overflow:hidden;min-height:380px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-ac:hover{transform:translateY(-10px)}
#cromo-home .cr-ac .cr-orb{position:absolute;right:-12%;top:-10%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 6%,#cfd8e6 14%,#3a4252 46%,#07080b 70%);box-shadow:0 0 0 2px rgba(255,255,255,.15),0 30px 60px rgba(255,59,31,.35);animation:cromo-float 7s ease-in-out infinite}
#cromo-home .cr-ac:nth-child(3n+2) .cr-orb{animation-delay:-2.3s;background:radial-gradient(circle at 60% 30%,#fff 0 5%,#ffd2c8 12%,#ff3b1f 44%,#120303 72%)}
#cromo-home .cr-ac:nth-child(3n) .cr-orb{animation-delay:-4.6s;border-radius:42% 58% 55% 45%/52% 40% 60% 48%}
#cromo-home .cr-ac .cr-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:0}
#cromo-home .cr-ac.cr-has-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16) 38%,rgba(0,0,0,.86) 100%);z-index:1;pointer-events:none}
#cromo-home .cr-ac .cr-nm,#cromo-home .cr-ac .cr-rl{z-index:2}
#cromo-home .cr-ac .cr-nm{position:relative;font:400 clamp(38px,3.8vw,60px)/.95 var(--disp);text-transform:uppercase;color:#fff;-webkit-text-stroke:.05em #030303;paint-order:stroke fill}
#cromo-home .cr-ac .cr-rl{position:relative;font:600 21px/1.35 var(--body);margin-top:8px;color:#d7dbe4}
@keyframes cromo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(14px) rotate(6deg)}}
#cromo-home .cr-sets{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:clamp(18px,2.3vw,30px);align-items:start;min-width:0;
}
#cromo-home .cr-feat{
  padding:clamp(24px,2.6vw,38px);display:block;
  min-height:0;min-width:0;align-self:start;position:relative;overflow:hidden;
}
#cromo-home .cr-feat .cr-disc{position:absolute;right:-60px;bottom:-60px;width:320px;height:320px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0e 0 3px,#222733 4px 5px);box-shadow:0 0 0 3px rgba(255,255,255,.12);animation:cromo-spin 8s linear infinite;opacity:.22;pointer-events:none}
#cromo-home .cr-feat .cr-disc::after{content:"";position:absolute;inset:34%;border-radius:50%;background:#ff3b1f;box-shadow:0 0 0 10px #030303 inset}
@keyframes cromo-spin{to{transform:rotate(360deg)}}
#cromo-home .cr-feat h3{font:400 clamp(38px,4.8vw,80px)/.95 var(--disp);margin:0;min-width:0;text-wrap:balance;overflow-wrap:anywhere;text-transform:uppercase;position:relative;-webkit-text-stroke:.04em #030303;paint-order:stroke fill}
#cromo-home .cr-feat p,#cromo-home .cr-sl p{font:600 22px/1.35 var(--body);color:#d7dbe4;position:relative}
#cromo-home .cr-sl{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,1.5vw,20px);align-items:stretch;min-width:0;
}
#cromo-home .cr-sets-catalog{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(12px,1.5vw,20px);align-items:center;min-width:0;
}
#cromo-home .cr-sets-catalog>.cr-sl{grid-column:1/-1}
#cromo-home .cr-sets-catalog>.cr-set-more{justify-self:end}
#cromo-home .cr-set-count{margin:0;color:#b3c6d5;font:700 17px/1.35 var(--body);letter-spacing:.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#cromo-home .cr-set-more{align-self:center;min-width:170px;min-height:48px;padding:12px 20px;border:3px solid var(--bone);background:#030303;color:var(--bone);font:700 20px/1.1 var(--body);text-transform:uppercase;cursor:pointer;transition:background var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out)}
#cromo-home .cr-set-more:hover{background:var(--bone);color:#030303}
#cromo-home .cr-set-more:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:820px){#cromo-home .cr-set-more{width:100%}}
@media(prefers-reduced-motion:reduce){#cromo-home .cr-set-more{transition:none}}
#cromo-home .cr-sl a{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out)}
#cromo-home .cr-sl a:hover{background:#f2efe8;color:#030303}
#cromo-home .cr-sl b{font:400 clamp(30px,2.4vw,38px)/1 var(--disp);text-transform:uppercase;text-wrap:balance;display:block}
#cromo-home .cr-sl small{display:block;font:600 19px/1.3 var(--body);margin-top:6px;text-wrap:pretty;opacity:.9}
#cromo-home .cr-sl .cr-pl{font:700 20px/1 var(--body);text-transform:uppercase;letter-spacing:.03em;border:3px solid currentColor;padding:12px 16px;white-space:nowrap}
#cromo-home .cr-mem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:14px}
#cromo-home .cr-mem .cr-t{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px;font:700 20px/1.2 var(--body);color:#fff;transition:transform var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-mem .cr-t:hover{transform:scale(1.04);z-index:3}
#cromo-home .cr-mem .cr-t::before{content:"";position:absolute;inset:0;background:conic-gradient(from var(--a,0deg) at 50% 50%,#07080b,#cfd8e6,#07080b,#ff3b1f,#07080b);filter:saturate(.9)}
#cromo-home .cr-mem .cr-t.cr-has-img::before{background:var(--img) center/contain no-repeat,#07080b;filter:none}
#cromo-home .cr-mem .cr-t::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,3,.85),transparent 55%)}
#cromo-home .cr-mem .cr-t span{position:relative;z-index:2}
#cromo-home .cr-mem .cr-t[hidden]{display:none}
#cromo-home .cr-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
#cromo-home .cr-chip{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;font:700 20px/1 var(--body);text-transform:uppercase;letter-spacing:.03em;border:3px solid #f2efe8;background:#030303;color:#f2efe8;cursor:pointer}
#cromo-home .cr-chip.cr-on{background:#f2efe8;color:#030303}
#cromo-home .cr-journal{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
#cromo-home .cr-jn{padding:34px;display:flex;flex-direction:column;gap:16px;min-height:340px;justify-content:space-between}
#cromo-home .cr-jn h3{font:400 clamp(46px,5.4vw,84px)/.95 var(--disp);text-transform:uppercase;-webkit-text-stroke:.04em #030303;paint-order:stroke fill}
#cromo-home .cr-jn p{font:600 23px/1.4 var(--body);color:#d7dbe4;max-width:40ch}
#cromo-home .cr-jn p.cr-k{font-weight:700;color:#ff3b1f;text-transform:uppercase;letter-spacing:.04em}
#cromo-home .cr-form{display:grid;gap:14px;max-width:720px;margin:28px auto 0;text-align:left;padding:28px}
#cromo-home .cr-form label{font:700 20px/1 var(--body);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:8px}
#cromo-home .cr-form input,#cromo-home .cr-form textarea{width:100%;min-height:56px;background:#07080b;border:3px solid #f2efe8;color:#fff;font:600 22px/1.4 var(--body);padding:14px 16px}
#cromo-home .cr-form .cr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#cromo-home .cr-form-status{font:700 20px/1.3 var(--body);min-height:1.3em}
#cromo-home .cr-form-status[data-state="error"]{color:#ff6a5c}
#cromo-home .cr-form-status[data-state="success"]{color:#f2efe8}
#cromo-home .cr-form-err{display:block;font:600 18px/1.3 var(--body);color:#ff6a5c;margin-top:6px}
#cromo-home input:focus-visible,#cromo-home textarea:focus-visible,#cromo-home .cr-btn:focus-visible,#cromo-home .cr-chip:focus-visible,#cromo-home a:focus-visible,#cromo-home button:focus-visible{outline:4px solid #ff3b1f;outline-offset:3px}

#cromo-home section[id]{scroll-margin-top:84px}
#cromo-home .cr-skip{position:fixed;left:12px;top:-60px;z-index:100;background:#f2efe8;color:#030303;font:700 20px/1 var(--body);padding:14px 18px;border:3px solid #030303;transition:top var(--duration-quick) var(--ease-smooth-out)}
#cromo-home .cr-skip:focus{top:12px}

@media (max-width:820px){
  #cromo-home .cr-artists,#cromo-home .cr-sets,#cromo-home .cr-journal{grid-template-columns:1fr}
  #cromo-home .cr-mem{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  #cromo-home .cr-ac{min-height:300px}
  #cromo-home .cr-feat .cr-disc{width:220px;height:220px}
  #cromo-home .cr-sec{padding:12vh 18px 6vh}
  #cromo-home .cr-sound,#cromo-home .cr-end{padding-left:18px;padding-right:18px}
  #cromo-home .cr-night{grid-template-columns:1fr;gap:14px}
  #cromo-home .cr-top{padding:12px 14px}
  #cromo-home .cr-snd span{display:none}
  #cromo-home .cr-top nav{display:none}
  #cromo-home .cr-hero{height:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:96px 18px 40px}
  #cromo-home .cr-next{position:static;transform:rotate(-2deg);max-width:none;margin:0 auto;width:min(340px,100%)}
  #cromo-home .cr-cta{position:static}
  #cromo-home .cr-core{padding:0}
  #cromo-home .cr-core h1{font-size:44vw}
  #cromo-home .cr-night .cr-go,#cromo-home .cr-btn{width:100%}
  #cromo-home .cr-sl .cr-pl{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){
  #cromo-home .cr-band div,#cromo-home .cr-snd.cr-on i,#cromo-home .cr-core h1 span,#cromo-home .cr-ac .cr-orb,#cromo-home .cr-feat .cr-disc{animation:none}
  #cromo-home .cr-ac,#cromo-home .cr-night,#cromo-home .cr-mem .cr-t{transition:none}
}

/* ---------- Experiencia (la próxima noche destacada) y Conectado (relaciones verificadas) ---------- */
#cromo-home .cr-xp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch}
#cromo-home .cr-xp.cr-xp-solo{grid-template-columns:1fr}
#cromo-home .cr-xp-fly{position:relative;display:block;min-height:420px;overflow:hidden;background:#07080b;box-shadow:12px 12px 0 var(--red)}
#cromo-home .cr-xp-fly img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth-out)}
#cromo-home .cr-xp-fly:hover img{transform:scale(1.04)}
#cromo-home .cr-xp-body{padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:18px}
#cromo-home .cr-xp-body .cr-k{font:700 18px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0}
#cromo-home .cr-xp-body h3{margin:0;font-size:min(10vw,150px);color:#fff;-webkit-text-stroke:.06em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 var(--red);overflow-wrap:anywhere}
#cromo-home .cr-xp-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin:0}
#cromo-home .cr-xp-facts dt{font:700 16px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
#cromo-home .cr-xp-facts dd{margin:6px 0 0;font:700 clamp(26px,2.6vw,38px)/1 var(--body);text-transform:uppercase}
#cromo-home .cr-xp-desc{margin:0;max-width:34em;font:500 clamp(21px,1.7vw,25px)/1.4 var(--body);color:#d7dbe4}
#cromo-home .cr-xp-line{margin:0;font:600 22px/1.3 var(--body)}
#cromo-home .cr-xp-line span{font:700 16px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-right:10px}
#cromo-home .cr-xp-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:6px}
@keyframes cromo-cn-in{from{opacity:0;filter:blur(var(--blur-medium));transform:translateY(var(--distance-medium))}to{opacity:1;filter:blur(0);transform:none}}

/* transitions.dev "text swap soft": both texts share one cell and cross-blur in place; the width eases. */
#cromo-home{--text-soft-dur:200ms;--text-soft-blur:2px;--text-soft-ease:ease-in-out;--text-soft-resize-dur:240ms;--text-soft-resize-ease:cubic-bezier(.22,1,.36,1)}
#cromo-home .t-text-soft{display:inline-grid;justify-items:start;transition:width var(--text-soft-resize-dur) var(--text-soft-resize-ease)}
#cromo-home .t-text-soft>span{grid-area:1/1;white-space:pre-wrap;transition:filter var(--text-soft-dur) var(--text-soft-ease),opacity var(--text-soft-dur) var(--text-soft-ease)}
#cromo-home .t-text-soft-new{opacity:0;filter:blur(var(--text-soft-blur))}
#cromo-home .t-text-soft.is-swapping .t-text-soft-old{opacity:0;filter:blur(var(--text-soft-blur))}
#cromo-home .t-text-soft.is-swapping .t-text-soft-new{opacity:1;filter:blur(0)}

/* #1520: preserve the approved Cromo desktop 5/7 composition, stack the
   same CMS elements at tablet/mobile widths instead of squeezing each card. */
@media(max-width:900px){
  /* The full desktop navigation does not fit a 900px top bar alongside sound and tickets. */
  #cromo-home .cr-top{padding:12px 14px}
  /* Preserve all section links between mobile and desktop, using compact labels. */
  #cromo-home .cr-top nav{min-width:0;flex:0 1 auto;padding:0 2px;gap:0}
  #cromo-home .cr-top nav a{font-size:13px;padding:10px 5px;min-height:44px;white-space:nowrap}
  #cromo-home #experiencia .cr-xp{grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
  #cromo-home #experiencia .cr-xp-fly{width:100%;min-width:0;min-height:0;aspect-ratio:4/3;box-shadow:none}
  #cromo-home #experiencia .cr-xp-body{min-width:0;padding:clamp(24px,5vw,40px);gap:clamp(16px,3vw,24px);overflow-wrap:anywhere}
  #cromo-home #experiencia .cr-xp-body h3{max-width:100%;font-size:clamp(40px,10vw,86px);line-height:1.05;overflow-wrap:anywhere}
  #cromo-home #experiencia .cr-xp-facts{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  #cromo-home #experiencia .cr-xp-facts>div{min-width:0}
  #cromo-home #experiencia .cr-xp-facts>div:nth-child(3){grid-column:1/-1}
  #cromo-home #experiencia .cr-xp-facts dd{font-size:clamp(22px,5vw,36px);overflow-wrap:anywhere}
  #cromo-home #experiencia .cr-xp-desc,#cromo-home #experiencia .cr-xp-line{overflow-wrap:anywhere}
  #cromo-home #experiencia .cr-xp-cta .cr-btn{min-height:44px}
  #cromo-home .cr-sec h2{font-size:clamp(40px,12vw,112px);overflow-wrap:anywhere}
  /* Keep the sound button's existing accessible name when its visible label collapses. */
  #cromo-home .cr-top .cr-snd span{display:block;position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
  /* Existing black editorial plates get consistent breathing room. */
  #cromo-home .cr-feat,#cromo-home .cr-jn{padding:clamp(24px,5vw,34px)}
  #cromo-home .cr-bn-body{padding:12px 16px}
  #cromo-home .cr-sound p,#cromo-home .cr-core p{padding:14px 18px}
}
@media(max-width:430px){
  #cromo-home .cr-top{padding:10px 12px;gap:8px}
  #cromo-home .cr-top>a.cr-u{font-size:clamp(22px,6vw,27px);padding:10px 8px;min-height:44px}
  #cromo-home .cr-top>div{min-width:0}
  #cromo-home .cr-top .cr-snd{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;border:2px solid var(--bone)}
  #cromo-home .cr-top .cr-tickets{min-height:44px;padding:0 10px;font-size:clamp(14px,4vw,17px)}
  #cromo-home #experiencia .cr-xp-cta{flex-direction:column;align-items:stretch}
  #cromo-home #experiencia .cr-xp-cta .cr-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  #cromo-home .cr-xp-fly img{transition:none}
  #cromo-home .cr-xp-fly:hover img{transform:none}
}

/* The hidden attribute must win over component display rules (e.g. the "Ver todo" button). */
#cromo-home [hidden]{display:none !important}

/* ---------- Glitch rojo de los títulos: dos capas con cortes anchos, desplazamientos grandes y sacudida del título ---------- */
@keyframes cromo-glitch-a{
  0%,89%,100%{transform:translate(-3px,0);clip-path:inset(47% 0 45% 0)}
  90%{transform:translate(-11px,-1px);clip-path:inset(16% 0 74% 0)}
  92%{transform:translate(9px,1px);clip-path:inset(64% 0 24% 0)}
  94%{transform:translate(-7px,0);clip-path:inset(36% 0 54% 0)}
  96%{transform:translate(-3px,0);clip-path:inset(47% 0 45% 0)}
}
@keyframes cromo-glitch-b{
  0%,90%,100%{transform:translate(3px,0);clip-path:inset(22% 0 72% 0)}
  91%{transform:translate(10px,1px);clip-path:inset(70% 0 18% 0)}
  93%{transform:translate(-8px,-1px);clip-path:inset(10% 0 80% 0)}
  95%{transform:translate(3px,0);clip-path:inset(22% 0 72% 0)}
}
#cromo-home .cr-glitch{position:relative}
#cromo-home .cr-glitch::before,
#cromo-home .cr-glitch::after{
  content:attr(data-text);
  position:absolute;inset:0;
  pointer-events:none;
  -webkit-text-stroke:0;
  text-shadow:none;
  white-space:inherit;
}
#cromo-home .cr-glitch::before{color:var(--red);opacity:1;transform:translate(-3px,0);clip-path:inset(47% 0 45% 0);animation:cromo-glitch-a 5.4s steps(1) infinite}
#cromo-home .cr-glitch::after{color:var(--bone);opacity:.55;transform:translate(3px,0);clip-path:inset(22% 0 72% 0);animation:cromo-glitch-b 5.4s steps(1) infinite}
@media(prefers-reduced-motion:reduce){
  #cromo-home .cr-glitch::before,#cromo-home .cr-glitch::after{animation:none}
}

/* ---------- Destacados: los banners de DISCADMIN como pósters a todo el ancho, en duotono rojo y negro ---------- */
#cromo-home .cr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#cromo-home .cr-bn{padding:0}
#cromo-home .cr-bn-stage{position:relative;height:clamp(520px,92vh,860px);overflow:hidden;background:#030303;border-top:3px solid var(--bone);border-bottom:10px solid var(--red)}
/* The outgoing slide leaves quickly and the incoming one arrives right after, so two titles never overlap. */
#cromo-home .cr-bn-slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity var(--duration-quick) var(--ease-in-out),transform var(--duration-slow) var(--ease-smooth-out),visibility 0s linear var(--duration-quick)}
#cromo-home .cr-bn-slide.cr-bn-t-slide{transform:translateX(3%)}
#cromo-home .cr-bn-slide.cr-bn-t-zoom{transform:scale(1.04)}
#cromo-home .cr-bn-slide.cr-is-active{opacity:1;visibility:visible;transform:none;transition:opacity var(--duration-slow) var(--ease-in-out) var(--duration-quick),transform var(--duration-slow) var(--ease-smooth-out) var(--duration-quick),visibility 0s}
#cromo-home .cr-bn-slide picture{display:contents}
/* Duotone: whatever colors the artwork has, it lands in the site's palette. The real colors come back on hover/focus. */
#cromo-home .cr-bn-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.3) brightness(1.05);transition:filter var(--duration-slow) var(--ease-smooth-out)}
#cromo-home .cr-bn-tint{position:absolute;inset:0;background:var(--red);mix-blend-mode:multiply;opacity:.5;transition:opacity var(--duration-slow) var(--ease-smooth-out)}
#cromo-home .cr-bn-stage:hover .cr-bn-media,#cromo-home .cr-bn-stage:focus-within .cr-bn-media{filter:none}
#cromo-home .cr-bn-stage:hover .cr-bn-tint,#cromo-home .cr-bn-stage:focus-within .cr-bn-tint{opacity:0}
#cromo-home .cr-bn-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,calc(var(--ov,.35) + .45)) 0%,rgba(3,3,3,calc(var(--ov,.35) + .1)) 55%,rgba(3,3,3,.15) 100%),linear-gradient(0deg,rgba(3,3,3,.85),transparent 45%)}

/* Layers: positioned from the center point the editor defines (percent of the stage), mobile overrides included. */
#cromo-home .cr-bn-layer{position:absolute;left:var(--x,12%);top:var(--y,50%);width:var(--w,50%);transform:translate(-50%,-50%);color:#fff;z-index:2;overflow-wrap:anywhere}
#cromo-home .cr-bn-al-left{text-align:left}
#cromo-home .cr-bn-al-center{text-align:center}
#cromo-home .cr-bn-al-right{text-align:right}
#cromo-home .cr-bn-text{font:400 clamp(30px,6vw,110px)/1.08 var(--disp);text-transform:uppercase}
#cromo-home .cr-bn-t{padding:.04em .26em;background:rgba(3,3,3,.92);color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#cromo-home .cr-bn-image img,#cromo-home .cr-bn-logo img{display:block;width:100%;height:auto;object-fit:contain}
#cromo-home .cr-bn-cta{width:auto;white-space:nowrap}
#cromo-home .cr-bn-layer.cr-btn{min-height:52px}
@keyframes cromo-bn-fade{from{opacity:0;filter:blur(var(--blur-medium))}to{opacity:1;filter:blur(0)}}
@keyframes cromo-bn-up{from{opacity:0;filter:blur(var(--blur-medium));transform:translate(-50%,calc(-50% + var(--distance-medium)*2))}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}
@keyframes cromo-bn-left{from{opacity:0;filter:blur(var(--blur-medium));transform:translate(calc(-50% - var(--distance-medium)*2),-50%)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}
@keyframes cromo-bn-zoom{from{opacity:0;filter:blur(var(--blur-medium));transform:translate(-50%,-50%) scale(.88)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}
#cromo-home .cr-bn-slide.cr-is-active .cr-bn-a-fade{animation:cromo-bn-fade var(--t,650ms) var(--ease-in-out) both;animation-delay:var(--d,0ms)}
#cromo-home .cr-bn-slide.cr-is-active .cr-bn-a-slide-up{animation:cromo-bn-up var(--t,650ms) var(--ease-smooth-out) both;animation-delay:var(--d,0ms)}
#cromo-home .cr-bn-slide.cr-is-active .cr-bn-a-slide-left{animation:cromo-bn-left var(--t,650ms) var(--ease-smooth-out) both;animation-delay:var(--d,0ms)}
#cromo-home .cr-bn-slide.cr-is-active .cr-bn-a-zoom{animation:cromo-bn-zoom var(--t,650ms) var(--ease-smooth-out) both;animation-delay:var(--d,0ms)}

/* Slides without layers: giant display title like the home wordmark, plate for the details. */
#cromo-home .cr-bn-copy{position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,34vw,520px);bottom:clamp(110px,16vh,150px);z-index:2;display:grid;gap:16px;justify-items:start}
#cromo-home .cr-bn-copy.cr-bn-al-center{margin:0 auto;justify-items:center;left:0;right:0;text-align:center}
#cromo-home .cr-bn-copy.cr-bn-al-right{justify-items:end;text-align:right;left:clamp(20px,34vw,520px);right:clamp(20px,4vw,64px)}
#cromo-home .cr-bn-copy .cr-k{margin:0;padding:8px 14px;background:var(--red);color:#fff;font:700 20px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
#cromo-home .cr-bn-copy h3{margin:0;font-size:min(13vw,200px);line-height:.88;color:#fff;-webkit-text-stroke:.06em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 #030303;overflow-wrap:anywhere}
#cromo-home .cr-bn-body{margin:0;padding:8px 14px;max-width:30em;background:rgba(3,3,3,.92);font:500 clamp(21px,1.8vw,26px)/1.35 var(--body);color:#f2efe8}

/* Counter and controls: the display face for the number, the site's own buttons for the rest. */
#cromo-home .cr-bn-count{position:absolute;right:clamp(20px,4vw,64px);top:clamp(20px,5vh,56px);z-index:5;margin:0;display:flex;align-items:baseline;gap:10px;color:#fff;-webkit-text-stroke:.04em #030303;paint-order:stroke fill}
#cromo-home .cr-bn-count b{font-size:clamp(64px,9vw,150px);font-weight:400;line-height:.9;text-shadow:0 .05em 0 var(--red)}
#cromo-home .cr-bn-count span{font-size:clamp(24px,2.6vw,40px);color:var(--bone);-webkit-text-stroke:0}
#cromo-home .cr-bn-ctl{position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:clamp(20px,4vh,44px);z-index:5;display:flex;align-items:center;gap:10px}
#cromo-home .cr-bn-dots{display:flex;flex:1;gap:10px;margin-right:10px}
#cromo-home .cr-bn-dot{position:relative;flex:1;max-width:200px;height:44px;background:none;border:0;cursor:pointer}
#cromo-home .cr-bn-dot::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:rgba(242,239,232,.35)}
#cromo-home .cr-bn-dot::after{content:"";position:absolute;left:0;top:50%;height:6px;margin-top:-3px;width:0;background:var(--red)}
#cromo-home .cr-bn-dot[aria-current="true"]::after{width:100%;animation:cromo-bn-run var(--bn-ms,7000ms) linear both}
#cromo-home .cr-bn-stage.cr-is-held .cr-bn-dot[aria-current="true"]::after,#cromo-home .cr-bn-stage.cr-is-paused .cr-bn-dot[aria-current="true"]::after{animation-play-state:paused}
@keyframes cromo-bn-run{from{width:0}to{width:100%}}
#cromo-home .cr-bn-nav,#cromo-home .cr-bn-pp{min-width:52px;min-height:52px;padding:0 16px;background:rgba(3,3,3,.9);color:var(--bone);border:3px solid var(--bone);cursor:pointer;font:700 22px/1 var(--body);text-transform:uppercase;letter-spacing:.04em;
  transition:transform var(--duration-fast) var(--ease-smooth-out),background-color var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-bn-nav:hover,#cromo-home .cr-bn-pp:hover{background:var(--bone);color:var(--ink);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--red)}
#cromo-home .cr-bn-pp[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#cromo-home .cr-bn-dot:focus-visible,#cromo-home .cr-bn-nav:focus-visible,#cromo-home .cr-bn-pp:focus-visible{outline:3px solid var(--red);outline-offset:3px}

@media(max-width:700px){
  #cromo-home .cr-bn-stage{height:clamp(560px,86vh,760px)}
  #cromo-home .cr-bn-layer{left:var(--mx,var(--x,12%));top:var(--my,var(--y,50%));width:var(--mw,var(--w,50%))}
  #cromo-home .cr-bn-layer.cr-bn-hm{display:none}
  #cromo-home .cr-bn-text{font-size:clamp(26px,10vw,56px)}
  #cromo-home .cr-bn-copy,#cromo-home .cr-bn-copy.cr-bn-al-right{left:16px;right:16px;bottom:150px}
  #cromo-home .cr-bn-copy h3{font-size:min(17vw,96px)}
  #cromo-home .cr-bn-ctl{left:16px;right:16px;flex-wrap:wrap}
  #cromo-home .cr-bn-dots{flex-basis:100%;order:-1;margin:0 0 4px}
  #cromo-home .cr-bn-nav,#cromo-home .cr-bn-pp{flex:1}
}
@media(prefers-reduced-motion:reduce){
  #cromo-home .cr-bn-slide,#cromo-home .cr-bn-media,#cromo-home .cr-bn-tint,#cromo-home .cr-bn-nav,#cromo-home .cr-bn-pp{transition:none !important}
  #cromo-home .cr-bn-slide.cr-bn-t-slide,#cromo-home .cr-bn-slide.cr-bn-t-zoom{transform:none}
  #cromo-home .cr-bn-layer{animation:none !important}
  #cromo-home .cr-bn-dot[aria-current="true"]::after{animation:none}
  #cromo-home .cr-bn-nav:hover,#cromo-home .cr-bn-pp:hover{transform:none;box-shadow:none}
}


/* ---------- Conectado como grafo: círculos (tamaño = elementos) y líneas (grosor = vínculos) ---------- */
@keyframes cromo-cn-pop{from{opacity:0;filter:blur(var(--blur-medium));transform:translate(-50%,-50%) scale(.82)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}

/* Elementos reales de la categoría elegida (los artistas, las noches, los sets...). */


/* ---------- Conectado: explorador de conexiones reales (noches, artistas, sonido) ---------- */
#cromo-home .cr-cn2-intro{margin:0 0 20px;width:fit-content;max-width:34em;padding:8px 14px;background:rgba(3,3,3,.92);font:600 clamp(22px,2vw,28px)/1.3 var(--body);color:#f2efe8}
#cromo-home .cr-cn2-board{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,8vw,120px);padding:clamp(18px,2.4vw,32px);background:rgba(3,3,3,.9);border:1px solid rgba(242,239,232,.22);border-top:3px solid var(--red)}
#cromo-home .cr-cn2-board.cr-has-memories{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,44px)}
#cromo-home .cr-cn2-lines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:1}
#cromo-home .cr-cn2-path{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
#cromo-home .cr-cn2-board.cr-is-in .cr-cn2-path{stroke-dashoffset:0;transition:stroke-dashoffset var(--duration-slow) var(--ease-smooth-out);transition-delay:calc(var(--i,0)*var(--duration-stagger))}
#cromo-home .cr-cn2-col{position:relative;z-index:2;display:grid;align-content:start;gap:14px;min-width:0}
#cromo-home .cr-cn2-col h3{margin:0;font-size:clamp(34px,3.4vw,54px);color:#fff;-webkit-text-stroke:.05em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 var(--red)}
#cromo-home .cr-cn2-board.cr-has-memories .cr-cn2-col h3{font-size:clamp(28px,2.8vw,42px);overflow-wrap:anywhere}
#cromo-home .cr-cn2-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#cromo-home .cr-cn2-item{position:relative;display:grid;gap:3px;width:100%;min-height:56px;padding:10px 14px;text-align:left;cursor:pointer;color:var(--bone);background:#030303;border:2px solid rgba(242,239,232,.5);font:inherit;
  transition:transform var(--duration-fast) var(--ease-smooth-out),background-color var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out),border-color var(--duration-quick) var(--ease-in-out),opacity var(--duration-fast) var(--ease-in-out)}
#cromo-home .cr-cn2-item strong{font:700 clamp(20px,1.7vw,24px)/1.05 var(--body);text-transform:uppercase;overflow-wrap:anywhere}
#cromo-home .cr-cn2-item small{font:500 17px/1.1 var(--body);color:#c3c9d4;transition:color var(--duration-quick) var(--ease-in-out)}
#cromo-home .cr-cn2-item:hover{transform:translate(-3px,-3px);border-color:var(--bone)}
#cromo-home .cr-cn2-item[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#cromo-home .cr-cn2-item[aria-pressed="true"] small{color:#fff}
#cromo-home .cr-cn2-item.cr-is-linked{border-color:var(--red);background:#14090a}
#cromo-home .cr-cn2-item.cr-is-dim{opacity:.38}
#cromo-home .cr-cn2-item:focus-visible{outline:3px solid var(--bone);outline-offset:3px}
#cromo-home .cr-cn2-item.cr-is-extra{display:none}
#cromo-home .cr-cn2-col.cr-is-open .cr-cn2-item.cr-is-extra{display:grid}
#cromo-home .cr-cn2-more{justify-self:start;min-height:44px;padding:0 4px;background:none;border:0;color:var(--steel);cursor:pointer;font:700 18px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25em;transition:color var(--duration-quick) var(--ease-in-out)}
#cromo-home .cr-cn2-more:hover,#cromo-home .cr-cn2-more:focus-visible{color:var(--bone)}
#cromo-home .cr-cn2-sum{margin-top:20px;padding:clamp(20px,2.4vw,34px);display:grid;gap:14px}
#cromo-home .cr-cn2-sel{margin:0;font-size:clamp(40px,4.4vw,72px);color:#fff;-webkit-text-stroke:.05em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 var(--red);overflow-wrap:anywhere}
#cromo-home .cr-cn2-sentence{margin:0;max-width:44em;font:500 clamp(22px,1.9vw,27px)/1.4 var(--body);color:#e6e9f0;min-height:2.8em}
#cromo-home .cr-cn2-actions{display:flex;flex-wrap:wrap;gap:14px}

@media(max-width:1050px){
  #cromo-home .cr-cn2-board.cr-has-memories{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #cromo-home .cr-cn2-board{grid-template-columns:1fr;gap:26px}
  #cromo-home .cr-cn2-board.cr-has-memories{grid-template-columns:1fr}
  #cromo-home .cr-cn2-lines{display:none}
}
@media(prefers-reduced-motion:reduce){
  #cromo-home .cr-cn2-item,#cromo-home .cr-cn2-more,#cromo-home .cr-cn2-path,#cromo-home .t-text-soft,#cromo-home .t-text-soft>span{transition:none !important}
  #cromo-home .cr-cn2-path{stroke-dashoffset:0}
  #cromo-home .cr-cn2-item:hover{transform:none}
}


/* ---------- Últimas noches: el archivo como pósters (los enlaces #events y #archive aterrizan aquí) ---------- */
#cromo-home .cr-arch{margin-top:clamp(56px,10vh,120px);scroll-margin-top:96px}
#cromo-home .cr-sec{scroll-margin-top:60px}
#cromo-home .cr-arch h3{margin:0 0 clamp(18px,3vh,32px);width:fit-content;font-size:clamp(46px,7vw,120px);color:#fff;-webkit-text-stroke:.05em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 var(--red)}
#cromo-home .cr-pst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
#cromo-home .cr-pst{position:relative;display:grid;align-content:end;gap:6px;min-height:380px;padding:0 20px 20px;overflow:hidden;background:#030303;color:#fff;
  transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-pst img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3) brightness(1.05);transition:filter var(--duration-slow) var(--ease-smooth-out)}
#cromo-home .cr-pst::before{content:"";position:absolute;inset:0;background:var(--red);mix-blend-mode:multiply;opacity:.5;transition:opacity var(--duration-slow) var(--ease-smooth-out)}
#cromo-home .cr-pst::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,3,.92),rgba(3,3,3,.2) 62%,transparent)}
#cromo-home .cr-pst .cr-orb{position:absolute;right:-12%;top:-8%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 6%,#cfd8e6 14%,#3a4252 46%,#07080b 70%)}
#cromo-home .cr-pst-t,#cromo-home .cr-pst-m{position:relative;z-index:2}
#cromo-home .cr-pst-t{font-size:clamp(34px,3vw,48px);line-height:.95;color:#fff;-webkit-text-stroke:.05em #030303;paint-order:stroke fill;text-shadow:0 .05em 0 var(--red);overflow-wrap:anywhere}
#cromo-home .cr-pst-m{font:700 20px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--bone)}
#cromo-home .cr-pst:hover,#cromo-home .cr-pst:focus-visible{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--red)}
#cromo-home .cr-pst:hover img,#cromo-home .cr-pst:focus-visible img{filter:none}
#cromo-home .cr-pst:hover::before,#cromo-home .cr-pst:focus-visible::before{opacity:0}
#cromo-home .cr-pst:focus-visible{outline:3px solid var(--bone);outline-offset:3px}
#cromo-home .cr-pst.cr-is-extra{display:none}
#cromo-home .cr-arch.cr-is-open .cr-pst.cr-is-extra{display:grid}
#cromo-home .cr-pst-more{margin-top:20px;min-height:52px;padding:0 24px;background:rgba(3,3,3,.9);color:var(--bone);border:3px solid var(--bone);cursor:pointer;font:700 22px/1 var(--body);text-transform:uppercase;letter-spacing:.04em;
  transition:transform var(--duration-fast) var(--ease-smooth-out),background-color var(--duration-quick) var(--ease-in-out),color var(--duration-quick) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}
#cromo-home .cr-pst-more:hover{background:var(--bone);color:var(--ink);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--red)}
#cromo-home .cr-pst-more:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  #cromo-home .cr-pst,#cromo-home .cr-pst img,#cromo-home .cr-pst::before,#cromo-home .cr-pst-more{transition:none !important}
  #cromo-home .cr-pst:hover,#cromo-home .cr-pst-more:hover{transform:none;box-shadow:none}
}

/* A single Memory is given a portrait-friendly frame on small screens.
 * Keep the entire CMS image visible; never use cover on curated photos. */
@media(max-width:820px){
  #cromo-home .cr-mem .cr-t.cr-has-img:only-child{
    min-height:clamp(380px,125vw,640px);
  }
}

/* Cromo listening library — artwork remains visible before optional audio embed. */
#cromo-home .cr-set-art{
  display:block;position:relative;flex:none;overflow:hidden;
  width:76px;height:76px;aspect-ratio:1;border:2px solid #f2efe8;
  background:repeating-radial-gradient(circle,#0b0b0e 0 3px,#24252b 4px 5px);
}
#cromo-home .cr-set-art img{display:block;width:100%;height:100%;object-fit:contain}
#cromo-home .cr-set-art.cr-is-empty img{display:none}
#cromo-home .cr-set-art.cr-is-empty::after{
  content:"BRVTAL / SOUND";position:absolute;inset:auto 4px 4px;
  color:#f2efe8;font:700 12px/1.1 var(--body);text-align:center;
}
/* The feature follows its own content instead of inheriting the taller Sets list. */
#cromo-home .cr-feat .cr-sound-feature-meta{
  position:relative;z-index:2;min-width:0;display:grid;
  grid-template-columns:clamp(216px,24vw,336px) minmax(0,1fr);
  grid-template-areas:"kicker kicker" "artwork copy";
  align-items:center;gap:clamp(12px,1.5vw,18px) clamp(20px,2.6vw,38px);
}
#cromo-home .cr-feat .cr-sound-feature-kicker{grid-area:kicker;margin:0 0 4px}
#cromo-home .cr-feat .cr-sound-feature-copy{
  grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:clamp(10px,1.3vw,18px);min-width:0;
}
#cromo-home .cr-feat .cr-sound-feature-copy>p{
  margin:0;max-width:58ch;text-wrap:pretty;overflow-wrap:anywhere;
}
#cromo-home .cr-feat .cr-set-art-featured{
  grid-area:artwork;width:100%;height:auto;aspect-ratio:1;margin:0;border-color:var(--red,#ff2a1a);
}
#cromo-home .cr-feat .cr-sound-actions{
  position:relative;z-index:3;margin-top:clamp(8px,1.2vw,16px);
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
  justify-content:flex-start;gap:10px;width:auto;max-width:100%;
}
#cromo-home .cr-feat .cr-sound-actions a.cr-sound-external{width:auto}
#cromo-home .cr-feat>.cr-set-player{margin-top:clamp(16px,2vw,28px)}
#cromo-home .cr-sound-row{
  display:grid;grid-template-columns:76px minmax(0,1fr);
  align-items:center;gap:12px;padding:14px 16px;min-width:0;
  transition:border-color var(--duration-quick) var(--ease-in-out),transform var(--duration-fast) var(--ease-smooth-out);
}
#cromo-home .cr-sound-row.cr-is-playing{border-color:var(--red,#ff2a1a)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  #cromo-home .cr-sound-row:hover{transform:translateY(-2px)}
}
#cromo-home .cr-sound-row-meta{display:block;min-width:0;overflow-wrap:anywhere}
#cromo-home .cr-sound-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;
  min-width:0;
}
#cromo-home .cr-sound-row .cr-sound-actions{grid-column:1/-1}
#cromo-home .cr-sound-listen{
  min-height:44px;min-width:100px;padding:10px 14px;
  border:3px solid #f2efe8;background:#030303;color:#f2efe8;
  font:700 20px/1.2 var(--body);cursor:pointer;text-transform:uppercase;
}
#cromo-home .cr-feat .cr-sound-listen{
  border-color:var(--red,#ff2a1a);
  background:var(--red,#ff2a1a);color:#030303;
}
#cromo-home .cr-sound-listen[disabled]{opacity:.7;cursor:not-allowed}
#cromo-home .cr-sl a.cr-sound-external,
#cromo-home .cr-feat a.cr-sound-external{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;width:auto;padding:8px 10px;
  border:1px solid #9fb2c2;color:#f2efe8;background:rgba(3,3,3,.9);
  font:700 15px/1.2 var(--body);text-transform:uppercase;overflow-wrap:anywhere;
}
#cromo-home .cr-sl a.cr-sound-external:hover{background:#f2efe8;color:#030303}
#cromo-home .cr-set-player{
  position:relative;z-index:4;min-width:0;width:100%;margin-top:4px;
  background:#030303;border:1px solid var(--red,#ff2a1a);padding:8px;
}
#cromo-home .cr-sound-row .cr-set-player{grid-column:1/-1}
#cromo-home .cr-set-player iframe{display:block;width:100%;height:166px;border:0;background:#050505}
@media(max-width:820px){
  #cromo-home .cr-sound-row{grid-template-columns:64px minmax(0,1fr)}
  #cromo-home .cr-sound-row .cr-set-art{width:64px;height:64px}
  #cromo-home .cr-feat .cr-set-art-featured{width:100%;height:auto}
  #cromo-home .cr-feat .cr-disc{opacity:.5}
}


/* Cromo Sets mosaic: one full-width editorial feature, then a responsive
   catalog grid. The list spans the full section even after VER MÁS batches. */
@media(max-width:900px){
  #cromo-home #discos .cr-sound-feature-meta{
    grid-template-columns:clamp(184px,28vw,256px) minmax(0,1fr);
  }
}
@media(max-width:640px){
  #cromo-home #discos .cr-sl{grid-template-columns:minmax(0,1fr)}
  #cromo-home #discos .cr-sets-catalog{grid-template-columns:minmax(0,1fr)}
  #cromo-home #discos .cr-sets-catalog>.cr-set-more{grid-column:1/-1;justify-self:stretch;width:100%}
  #cromo-home #discos .cr-sound-feature-meta{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"kicker" "artwork" "copy";
  }
  #cromo-home #discos .cr-feat .cr-set-art-featured{
    width:min(100%,320px);justify-self:start;
  }
  #cromo-home #discos .cr-feat .cr-sound-actions{width:100%}
}
@media(prefers-reduced-motion:reduce){
  #cromo-home #discos .cr-sound-row{transition:none;transform:none}
}

/* The secondary cards earn a horizontal action zone only when each
   mosaic column can accommodate both buttons without crushing titles. */
@media(min-width:1260px){
  #cromo-home #discos .cr-sound-row{
    grid-template-columns:86px minmax(0,1fr) auto;
    column-gap:12px;
  }
  #cromo-home #discos .cr-sound-row>.cr-set-art{width:86px;height:86px}
  #cromo-home #discos .cr-sound-row .cr-sound-actions{
    grid-column:3;grid-row:1;justify-self:end;align-self:center;
    justify-content:flex-end;flex-wrap:nowrap;gap:8px;
  }
  #cromo-home #discos .cr-sound-row .cr-sound-listen{
    min-width:100px;padding:9px 12px;font-size:18px;white-space:nowrap;
  }
  #cromo-home #discos .cr-sound-row a.cr-sound-external{
    padding:8px 9px;font-size:13px;white-space:nowrap;
  }
}
#cromo-home #discos .cr-sound-listen:focus-visible,
#cromo-home #discos a.cr-sound-external:focus-visible{
  outline:3px solid var(--red,#ff2a1a);outline-offset:3px;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  #cromo-home #discos .cr-sound-listen,
  #cromo-home #discos a.cr-sound-external{
    transition:transform var(--duration-quick) var(--ease-smooth-out),
      background-color var(--duration-quick) var(--ease-in-out),
      color var(--duration-quick) var(--ease-in-out);
  }
  #cromo-home #discos .cr-sound-listen:active,
  #cromo-home #discos a.cr-sound-external:active{transform:scale(.96)}
}


/* #1649: SoundCloud's official player is inside the clicked Set card.
   No popup, floating dock, fixed/absolute panel or duplicate cover/title. */
#cromo-home #discos .cr-sound-actions>.cr-inline-player{
  display:block;position:relative;z-index:2;box-sizing:border-box;
  flex:0 0 100%;width:100%;max-width:100%;min-width:0;
  margin:3px 0 0;padding:9px;
  background:linear-gradient(115deg,rgba(84,9,12,.4),transparent 60%),#030303;
  border:1px solid var(--red,#ff2a1a);
  box-shadow:inset 0 1px 0 rgba(242,239,232,.15);
  color:var(--bone,#f2efe8);
}
#cromo-home #discos .cr-inline-player-label{
  margin:0 0 9px;padding:0;color:var(--red,#ff2a1a);
  font:700 12px/1.3 var(--body);letter-spacing:.1em;
}
#cromo-home #discos .cr-inline-player-body{
  display:block;width:100%;min-width:0;overflow:hidden;background:#101010;
}
#cromo-home #discos .cr-inline-player-body iframe{
  display:block;width:100%;height:166px;border:0;background:#fff;
  /* Compositing filter only; SoundCloud controls remain cross-origin. */
  filter:invert(1) hue-rotate(180deg) saturate(.78) contrast(1.04);
}
#cromo-home #discos .cr-inline-player-help{
  margin:8px 0 0;color:rgba(242,239,232,.7);
  font:600 12px/1.35 var(--body);overflow-wrap:anywhere;
}
#cromo-home #discos .cr-feat .cr-sound-actions{
  width:100%;max-width:100%;
}
#cromo-home #discos .cr-sound-row.cr-is-playing .cr-sound-actions{
  width:100%;min-width:0;
}
@media(min-width:1260px){
  /* Open cards reclaim the narrow right-side button column, so the full
     native player can display below those buttons without clipping. */
  #cromo-home #discos .cr-sound-row.cr-is-playing{
    grid-template-columns:86px minmax(0,1fr);
  }
  #cromo-home #discos .cr-sound-row.cr-is-playing .cr-sound-actions{
    grid-column:1/-1;grid-row:2;justify-self:stretch;
    justify-content:flex-start;flex-wrap:wrap;
  }
}
@media(prefers-reduced-motion:reduce){
  #cromo-home #discos .cr-sound-actions>.cr-inline-player{scroll-behavior:auto}
}