:root{color-scheme:dark;--bg:#080a0c;--ink:#f0f2ef;--muted:#acb4b3;--signal:#b8ff42;--line:#303636;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5;background-image:linear-gradient(90deg,transparent calc(50% - 251px),#ffffff05 calc(50% - 250px),transparent calc(50% - 249px),transparent calc(50% + 249px),#ffffff05 calc(50% + 250px),transparent calc(50% + 251px))}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:5px}button:disabled{cursor:default}.page{max-width:500px;margin:auto;padding:28px 24px 32px}.masthead{display:flex;gap:10px;align-items:center;font-size:.875rem}.masthead img{object-fit:contain}.masthead .city{margin-left:auto;color:var(--muted);font-family:monospace;text-transform:uppercase;letter-spacing:.1em}.identity{padding:30px 0 24px;position:relative}.frequency{height:48px;display:flex;align-items:center;gap:7px;margin-bottom:18px;border-top:1px solid var(--line);padding-top:16px}.frequency span{display:block;height:5px;width:4px;background:var(--signal)}.frequency span:nth-child(3n){height:19px}.frequency span:nth-child(4n){height:30px}.frequency span:nth-child(5n){height:10px}.frequency span:nth-child(7n){height:38px}.edition{font-family:monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:.875rem;margin:16px 0 14px}h1{font-size:clamp(4.15rem,17vw,6.4rem);font-weight:900;line-height:.94;letter-spacing:-.06em;margin:0 0 22px;position:relative}h1 span{color:var(--signal)}h1 i{font-style:normal;color:var(--ink)}.intro{margin:0;color:var(--muted);font-size:1.0625rem}#links{display:grid;gap:12px}.link{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);text-decoration:none;background:#111617;min-height:88px;transition:border-color .2s,background .2s}.link .number{font-family:monospace;font-size:.875rem;color:var(--muted)}.link .text{display:grid;gap:3px}.link strong{font-size:1.125rem;line-height:1.3}.link small{font-size:.875rem;color:var(--muted)}.link:hover{border-color:var(--signal);background:#172019}.link.primary{background:var(--signal);border-color:var(--signal);color:#11190c}.link.primary small,.link.primary .number{color:#334324}.link.primary:hover{background:#d0ff87}footer{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}footer>div{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}footer a,footer button{font-size:.875rem}footer button{border:0;background:none;padding:0;text-decoration:underline}.consent{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 24px));padding:22px;background:#1a2021;border:1px solid #586362;box-shadow:0 8px 70px #000b;z-index:10}.consent[hidden]{display:none}.consent h2{font-size:1.0625rem;line-height:1.3;margin:0 0 8px}.consent p{font-size:.875rem;line-height:1.5;color:#d3d9d8;margin:0}.choices{display:flex;gap:10px;margin-top:18px}.choices button{flex:1;border:1px solid #9eb0ad;background:#20292a;padding:10px 18px;min-height:44px}.choices button:hover{background:#354243}.legal h1{font-size:clamp(2.3rem,8vw,3.5rem);letter-spacing:-.035em;line-height:1.05;margin:30px 0}.legal h2{font-size:1.15rem;margin-top:28px}.legal p,.legal li{color:#c8d0ce}.legal table{width:100%;border-collapse:collapse;font-size:.875rem}.legal td,.legal th{padding:10px 6px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.legal a{overflow-wrap:anywhere}@media(max-width:360px){.page{padding:20px 18px}h1{font-size:3.9rem}.link{padding:16px}.consent{padding:16px}.edition{letter-spacing:.05em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Lost Signal / identidad del cartel del 16.10.26 */
:root{--bg:#050006;--ink:#f6e8ff;--muted:#d8b7e5;--signal:#dc21ff;--line:#7d199354;color-scheme:dark}
body{background:#050006;background-image:none;isolation:isolate}
body::before{content:"";position:fixed;inset:-40px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 85% 15%,#25083055,transparent 55%),radial-gradient(ellipse at 10% 85%,#1c072c44,transparent 52%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c324f5%22%20stroke-width%3D%221.4%22%20opacity%3D%220.14%22%3E%3Cpath%20d%3D%22M-80%20335%20C190%20135%20280%20565%20545%20340%20S930%20145%201180%20380%20S1460%20535%201700%20310%22%2F%3E%3Cpath%20d%3D%22M-80%20352%20C190%20160%20280%20580%20545%20357%20S930%20165%201180%20397%20S1460%20545%201700%20327%22%2F%3E%3Cpath%20d%3D%22M-80%20369%20C190%20185%20280%20595%20545%20374%20S930%20185%201180%20414%20S1460%20555%201700%20344%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238528c9%22%20stroke-width%3D%221%22%20opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M-100%20730%20C230%201010%20435%20430%20760%20680%20S1190%20990%201690%20650%22%2F%3E%3Cpath%20d%3D%22M-100%20744%20C230%201024%20435%20444%20760%20694%20S1190%201004%201690%20664%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/cover no-repeat;transform:translate3d(var(--wave-x,0px),var(--wave-y,0px),0);transition:transform .18s ease-out}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#05000688 0%,#05000655 45%,transparent 85%)}
.page{max-width:500px;padding:24px 28px 28px;position:relative}.masthead{color:#eacdf5;font-family:monospace;letter-spacing:.03em}.masthead img{filter:brightness(0) saturate(100%) invert(31%) sepia(99%) saturate(3548%) hue-rotate(273deg) brightness(110%) contrast(119%)}
.identity{padding:38px 0 24px;position:relative}.edition{font-size:.75rem;letter-spacing:.12em;margin:0 0 22px;color:#dfb2ea}.target{position:absolute;width:310px;height:310px;border:1px solid #d021ff38;border-radius:50%;top:75px;left:50%;transform:translateX(-50%);z-index:-1}.target::after{content:"";position:absolute;width:66px;height:66px;border:1px solid #d021ff38;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(4.3rem,20vw,6rem);line-height:.95;letter-spacing:.01em;margin:0 0 26px;color:transparent;-webkit-text-stroke:1.5px #e022ff;text-shadow:0 0 22px #c414ff29}h1 span{color:transparent}.event,.hours{display:flex;justify-content:space-between;color:#e324ff;font-weight:600;gap:12px;font-family:Arial,Helvetica,sans-serif}.event{font-size:clamp(1.6rem,7vw,2.2rem);letter-spacing:-.03em;line-height:1.1}.hours{font-size:1.0625rem;letter-spacing:.02em;margin-top:8px}.lineup{color:transparent;-webkit-text-stroke:1px #e83aff;font-size:1.75rem;line-height:1.15;font-weight:600;letter-spacing:.02em;margin:30px 0 16px}.address{font-size:.8125rem;font-family:monospace;letter-spacing:.025em;color:#ecc5fa;margin:0}
#links{gap:12px}.link{background:#14051cdd;border:1px solid #b82dde;min-height:80px;padding:18px 20px}.link.primary{background:#230830e8;border:1px solid #e636ff;color:#fae8ff;box-shadow:0 0 24px #b319e02a,inset 0 0 28px #a415bf13}.link.primary .number{color:#f37aff;font-size:1rem}.link.primary small{color:#e1b6ed}.link.primary:hover{background:#3d104b;border-color:#f390ff}.link strong{font-size:1.125rem}.genres{font-size:.75rem;line-height:1.65;letter-spacing:.04em;text-align:right;color:#e83bff;margin:26px 0 0}.no-phones{color:#e83bff;font-size:.875rem;letter-spacing:.08em;margin:18px 0 0;font-family:monospace}footer{margin-top:22px;color:#ceb1d8;border-color:#7b3286;font-size:.8125rem}footer a,footer button{font-size:.8125rem}.consent{background:#16091eeF;border:1px solid #d341ee;box-shadow:0 8px 70px #000c}.consent p{color:#e4d3e9}.choices button{background:#291033;border:1px solid #d678e8;color:#fae8ff}.choices button:hover{background:#4c1c5a}.legal h1{color:#e52dff;-webkit-text-stroke:0;text-shadow:none}.legal p,.legal li{color:#e0cde8}
@media(max-width:360px){.page{padding:20px}.identity{padding-top:30px}h1{font-size:4.3rem}.lineup{font-size:1.6rem}.event{font-size:1.65rem}.address{font-size:.75rem}}
@supports not (-webkit-text-stroke:1px red){h1,h1 span,.lineup{color:#e324ff}}

/* El fondo solo acompaña: sin cartel ni reticula detras del texto. */
.target{display:none}
@media(prefers-reduced-motion:reduce){body::before{transform:none;transition:none}}

/* Tipografia movil: relleno legible y lineas separadas, sin contornos superpuestos. */
@media(max-width:600px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .identity h1,.identity h1 span,.lineup{
    color:#e324ff;
    -webkit-text-fill-color:#e324ff;
    -webkit-text-stroke:0;
    text-shadow:none;
  }
  .identity h1{
    font-size:clamp(3.125rem,17vw,5.125rem);
    line-height:1.12;
    font-weight:600;
    letter-spacing:.015em;
  }
  .identity h1 br{display:none}
  .identity h1 span{display:block}
  .lineup{
    font-size:clamp(1.35rem,6vw,1.6rem);
    line-height:1.4;
    font-weight:600;
    letter-spacing:.025em;
  }
}

/* Tarjetas de enlaces: identidad violeta, icono y tipografia del sistema. */
#links .link{
  gap:14px;
  min-height:96px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(115deg,#21082f 0%,#321040 65%,#240b32 100%);
  border:1px solid #cc4be6;
  box-shadow:inset 0 1px 0 #f6bfff20,0 6px 24px #0005;
  color:#fff3ff;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#links .link .text{flex:1;min-width:0;gap:4px}
#links .link strong{font-size:1.25rem;font-weight:650;line-height:1.2;letter-spacing:-.025em}
#links .link small{color:#ddb9e8;font-size:.875rem;line-height:1.35;letter-spacing:.01em}
#links .link::after{
  content:"↗";
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#efc6fc;
  border-radius:50%;
  background:#f0bdff0d;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.3rem;
  line-height:1;
}
#links .link[href*="fourvenues"] .number,
#links .link[href*="senal"] .number,
#links .link[href*="1610"] .number,
#links .link[href^="https://www.instagram.com/"] .number{
  display:block;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:14px;
  font-size:0;
  border:1px solid #ef91ff40;
  background-color:#a02ac32b;
  background-position:center;
  background-repeat:no-repeat;
  background-size:28px 28px;
  box-shadow:inset 0 1px 0 #ffcfff12;
}
#links .link[href*="senal"] .number,
#links .link[href*="1610"] .number{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f4c9ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M6%2012h4M8%2010v4%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2213%22%20r%3D%221.1%22%20fill%3D%22%23f4c9ff%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2211%22%20r%3D%221.1%22%20fill%3D%22%23f4c9ff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}
#links .link[href*="fourvenues"] .number{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f4c9ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%2F%3E%3Cpath%20d%3D%22M13%205v2M13%2011v2M13%2017v2%22%2F%3E%3C%2Fsvg%3E");
}
#links .link[href^="https://www.instagram.com/"] .number{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f4c9ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%22.8%22%20fill%3D%22%23f4c9ff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}
@media(hover:hover){
  #links .link:hover{transform:translateY(-2px);border-color:#f6a0ff;background:linear-gradient(115deg,#2c0c3d,#471554 65%,#30103e);box-shadow:inset 0 1px 0 #f6bfff30,0 8px 30px #c423ee22}
}
#links .link:active{transform:translateY(1px);box-shadow:inset 0 1px 0 #f6bfff20,0 3px 12px #0005}
@media(max-width:360px){
  #links .link{padding:16px;gap:12px;border-radius:16px}
  #links .link[href*="fourvenues"] .number,
  #links .link[href*="senal"] .number,
  #links .link[href*="1610"] .number,
  #links .link[href^="https://www.instagram.com/"] .number{flex-basis:44px;width:44px;height:44px;border-radius:12px}
  #links .link::after{flex-basis:24px;width:24px;height:24px}
  #links .link strong{font-size:1.1875rem}
  #links .link small{font-size:.8125rem}
}

/* Tipografía del cartel (01/10/2026). Antes era Arial y la monoespaciada del sistema, que no casaban con el cartel
   ni con la web. Michroma (ancha, como el cartel) y Space Mono (la de la web), servidas desde el propio dominio. */
.masthead,.masthead .city,.edition,.address,.genres,.no-phones,#links .link .number,footer{font-family:'Space Mono',ui-monospace,monospace}
h1,.event,.hours,.lineup{font-family:'Michroma',Arial,sans-serif;font-weight:400}
h1{font-size:clamp(3rem,15vw,4.6rem);line-height:1.02;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.4px #e022ff;text-shadow:0 0 22px #c414ff29}
h1 span{color:transparent}
.event{font-size:clamp(1.15rem,5.6vw,1.6rem);letter-spacing:0}
.hours{font-size:.95rem}
.lineup{font-size:clamp(1.3rem,6.4vw,1.75rem);line-height:1.2;color:transparent;-webkit-text-stroke:1px #e83aff}
#links .link strong{font-family:'Michroma',Arial,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.02em;text-transform:uppercase}
.consent h2{font-family:'Michroma',Arial,sans-serif;font-weight:400;font-size:.95rem}
.legal h1{font-family:'Michroma',Arial,sans-serif;font-size:clamp(1.6rem,7vw,2.4rem);-webkit-text-stroke:0;color:#e52dff}
/* El isotipo es un PNG con relleno blanco y líneas negras: el filtro anterior lo teñía entero (salía una mancha).
   Así se ven solo las líneas, en violeta, como en el cartel. */
.masthead img{filter:invert(1) sepia(1) saturate(9) hue-rotate(245deg) brightness(1.05);mix-blend-mode:screen}
/* Móvil: el relleno se queda (se lee mejor), con el tamaño ajustado a Michroma, que es más ancha que Arial.
   Michroma solo tiene un peso: sin negrita falsa. */
@media(max-width:600px){
  .identity h1{font-size:clamp(2.3rem,13vw,4rem);font-weight:400;line-height:1.08;letter-spacing:.01em}
  .lineup{font-weight:400;font-size:clamp(1.15rem,5.6vw,1.5rem)}
}