{"id":14,"date":"2026-06-22T13:07:43","date_gmt":"2026-06-22T11:07:43","guid":{"rendered":"https:\/\/solidgroovesvalencia.com\/?page_id=14"},"modified":"2026-06-22T13:16:44","modified_gmt":"2026-06-22T11:16:44","slug":"inicio","status":"publish","type":"page","link":"https:\/\/solidgroovesvalencia.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4712ad e-con e-atomic-element e-flexbox-base e-a72e4d6 \" data-id=\"f4712ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4712ad\" data-e-type=\"e-flexbox\" data-id=\"f4712ad\">\n    \t\t<div class=\"elementor-element elementor-element-93e7c53 elementor-widget elementor-widget-html\" data-id=\"93e7c53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Solid Grooves \u00b7 Valencia \u00b7 11.07.26<\/title>\r\n<meta name=\"description\" content=\"Solid Grooves Valencia \u00b7 Marina Sur \u00b7 S\u00e1bado 11 de julio de 2026. Michael Bibi b2b Pawsa, Chris Stussy, Carlita y m\u00e1s.\">\r\n<meta name=\"format-detection\" content=\"telephone=no, date=no, address=no, email=no\">\r\n<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400;500&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n:root {\r\n  --white:    #ffffff;\r\n  --off:      #e8e3d8;\r\n  --accent:   #4ec9e1;\r\n  --accent-2: #8df0ff;\r\n  --acc-d:    rgba(78,201,225,.22);\r\n  --acc-b:    rgba(78,201,225,.40);\r\n  --bg:       #07090c;\r\n  --bg2:      #0b0e13;\r\n  --mid:      rgba(255,255,255,.55);\r\n  --dim:      rgba(255,255,255,.28);\r\n  --faint:    rgba(255,255,255,.10);\r\n  --line:     rgba(255,255,255,.08);\r\n  --fh:       'Bebas Neue', sans-serif;\r\n  --fm:       'IBM Plex Mono', monospace;\r\n  --fb:       'Outfit', sans-serif;\r\n  --px:       clamp(18px, 5vw, 72px);\r\n  --hh:       60px;\r\n  --ease:     cubic-bezier(.16,1,.3,1);\r\n  --ease-2:   cubic-bezier(.76,0,.24,1);\r\n}\r\n\r\n\/* \u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nhtml { overflow-x: hidden; scroll-behavior: smooth; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n  background: var(--bg);\r\n  color: var(--white);\r\n  font-family: var(--fb);\r\n  -webkit-font-smoothing: antialiased;\r\n  overflow-x: hidden;\r\n  max-width: 100vw;\r\n}\r\nimg, video { display: block; max-width: 100%; height: auto; }\r\na { text-decoration: none; color: inherit; }\r\n::selection { background: var(--accent); color: var(--bg); }\r\n\r\na, button { -webkit-tap-highlight-color: rgba(78,201,225,.18); }\r\n\r\n\/* iOS no convierte horas\/n\u00fameros de la FAQ en enlaces de color *\/\r\na[x-apple-data-detectors] {\r\n  color: inherit !important;\r\n  text-decoration: none !important;\r\n  -webkit-text-fill-color: inherit !important;\r\n  pointer-events: none;\r\n}\r\n\r\na:focus-visible, button:focus-visible {\r\n  outline: 2px solid var(--accent);\r\n  outline-offset: 3px;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 EQUALIZER (motivo de marca) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.eq { display: inline-flex; align-items: flex-end; gap: 3px; height: 13px; }\r\n.eq i { width: 3px; height: 100%; background: var(--accent); transform-origin: bottom; display: block; border-radius: 1px; }\r\n.eq i:nth-child(1) { animation: eq 1.1s var(--ease-2) -0.0s infinite; }\r\n.eq i:nth-child(2) { animation: eq 1.1s var(--ease-2) -0.3s infinite; }\r\n.eq i:nth-child(3) { animation: eq 1.1s var(--ease-2) -0.6s infinite; }\r\n.eq i:nth-child(4) { animation: eq 1.1s var(--ease-2) -0.15s infinite; }\r\n@keyframes eq { 0%,100% { transform: scaleY(.25); } 50% { transform: scaleY(1); } }\r\n\r\n\/* \u2500\u2500 REVEAL (barrido vertical) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.js-ready .rev {\r\n  opacity: 0;\r\n  clip-path: inset(0 0 100% 0);\r\n  transform: translateY(20px);\r\n  transition: opacity .7s var(--ease), clip-path .9s var(--ease), transform .9s var(--ease);\r\n}\r\n.js-ready .rev.in { opacity: 1; clip-path: inset(0 0 0 0); transform: none; }\r\n.js-ready .d1 { transition-delay: .09s; }\r\n.js-ready .d2 { transition-delay: .18s; }\r\n.js-ready .d3 { transition-delay: .26s; }\r\n.js-ready .d4 { transition-delay: .34s; }\r\n\r\n\/* \u2500\u2500 SHARED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.eyebrow {\r\n  display: block; font-family: var(--fm);\r\n  font-size: clamp(8px, 1vw, 10px); letter-spacing: .24em;\r\n  text-transform: uppercase; color: var(--accent); margin-bottom: 12px;\r\n}\r\n.sec-head { display: flex; align-items: center; gap: 18px; margin-bottom: clamp(28px, 4vw, 52px); min-width: 0; }\r\n.sec-title { font-family: var(--fh); font-size: clamp(32px, 5vw, 60px); letter-spacing: .04em; line-height: 1; white-space: nowrap; flex-shrink: 0; }\r\n.sec-rule { flex: 1; height: 1px; min-width: 0; background: linear-gradient(to right, var(--acc-b), var(--line) 45%, transparent); transform-origin: left; }\r\n.js-ready .sec-head.rev .sec-rule { transform: scaleX(0); transition: transform 1s var(--ease) .2s; }\r\n.js-ready .sec-head.rev.in .sec-rule { transform: scaleX(1); }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hdr {\r\n  position: fixed; inset: 0 0 auto 0; height: var(--hh); z-index: 100;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 0 var(--px); gap: 12px;\r\n  transition: background .4s var(--ease), border-color .4s, height .4s var(--ease);\r\n  border-bottom: 1px solid transparent;\r\n}\r\n.hdr.on {\r\n  background: rgba(7,9,12,.84);\r\n  backdrop-filter: blur(14px) saturate(1.2);\r\n  -webkit-backdrop-filter: blur(14px) saturate(1.2);\r\n  border-color: var(--line); height: 52px;\r\n}\r\n.hdr__logo { font-family: var(--fh); font-size: clamp(16px, 2.2vw, 24px); letter-spacing: .08em; flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; }\r\n.hdr__logo .eq { height: 11px; }\r\n.hdr__nav { display: flex; align-items: center; gap: clamp(12px, 2.5vw, 32px); min-width: 0; }\r\n.hdr__link {\r\n  position: relative; font-family: var(--fm); font-size: clamp(9px, 1vw, 11px);\r\n  letter-spacing: .14em; text-transform: uppercase; color: var(--mid);\r\n  transition: color .25s; white-space: nowrap;\r\n}\r\n.hdr__link::after {\r\n  content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px;\r\n  background: var(--accent); transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ease);\r\n}\r\n.hdr__link:hover { color: var(--white); }\r\n.hdr__link:hover::after { transform: scaleX(1); transform-origin: left; }\r\n.hdr__btn {\r\n  background: var(--white); color: var(--bg); font-family: var(--fm);\r\n  font-size: clamp(9px, 1vw, 11px); letter-spacing: .14em; text-transform: uppercase;\r\n  padding: 10px clamp(14px, 2vw, 24px); border: none; border-radius: 2px; cursor: pointer;\r\n  white-space: nowrap; flex-shrink: 0; transition: background .25s, color .25s, box-shadow .25s, transform .2s var(--ease);\r\n}\r\n.hdr__btn:hover { background: var(--accent); transform: translateY(-2px); box-shadow: 0 8px 26px -8px var(--acc-b); }\r\n@media (max-width: 640px) { .hdr__link { display: none; } }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 01 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n  position: relative; width: 100%; min-height: 100svh;\r\n  display: flex; flex-direction: column; justify-content: flex-end;\r\n  padding: calc(var(--hh) + clamp(24px,4vw,60px)) var(--px) clamp(48px,7vw,80px);\r\n  overflow: hidden;\r\n}\r\n.hero__bg {\r\n  position: absolute; inset: -8% 0;\r\n  background-image: url('https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/Solid-Grooves-Valencia-\u2013-Hero-Banner-1920x700-1-scaled.png');\r\n  background-size: cover; background-position: center 35%;\r\n  filter: brightness(.46) saturate(.7); will-change: transform;\r\n  transform: scale(1.08); animation: heroIn 1.8s var(--ease) forwards;\r\n}\r\n@keyframes heroIn { to { transform: scale(1); } }\r\n.hero__grad {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, var(--bg) 0%, rgba(7,9,12,.75) 28%, rgba(7,9,12,.25) 60%, rgba(7,9,12,.55) 100%);\r\n}\r\n\/* Resplandor cian que respira detr\u00e1s del t\u00edtulo *\/\r\n.hero__glow {\r\n  position: absolute; left: 50%; bottom: 20%; transform: translateX(-50%);\r\n  width: 70vw; height: 40vh; z-index: 1; pointer-events: none;\r\n  background: radial-gradient(closest-side, rgba(78,201,225,.16), transparent 70%);\r\n  animation: breathe 7s ease-in-out infinite;\r\n}\r\n@keyframes breathe { 0%,100% { opacity: .55; } 50% { opacity: 1; } }\r\n.hero__topline { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(to right, transparent, var(--accent), transparent); opacity: .55; }\r\n\r\n.hero__body { position: relative; z-index: 2; width: 100%; }\r\n\r\n.hero__tag {\r\n  display: inline-flex; align-items: center; gap: 12px;\r\n  font-family: var(--fm); font-size: clamp(8px, 1vw, 10px);\r\n  letter-spacing: .24em; text-transform: uppercase; color: var(--accent);\r\n  margin-bottom: clamp(16px, 2.5vw, 26px);\r\n}\r\n\r\n.hero__title {\r\n  font-family: var(--fh); font-size: clamp(68px, 15vw, 190px);\r\n  line-height: .87; letter-spacing: .01em; margin-bottom: clamp(10px, 1.5vw, 16px);\r\n}\r\n.hero__title .scr { display: inline-block; }\r\n\r\n.hero__location { font-family: var(--fh); font-size: clamp(20px, 3.5vw, 48px); letter-spacing: .05em; color: var(--off); opacity: .82; margin-bottom: 6px; }\r\n.hero__location .dot { color: var(--accent); margin: 0 8px; }\r\n\r\n.hero__date { font-family: var(--fm); font-size: clamp(10px, 1.2vw, 13px); letter-spacing: .2em; color: var(--mid); text-transform: uppercase; margin-bottom: clamp(16px, 2vw, 22px); }\r\n\r\n\/* Cuenta atr\u00e1s \u2014 display digital en l\u00ednea *\/\r\n.cdown {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  font-family: var(--fm); font-size: clamp(11px, 1.5vw, 15px);\r\n  letter-spacing: .12em; color: var(--white);\r\n  border: 1px solid var(--acc-d); border-radius: 3px;\r\n  padding: 8px 14px; margin-bottom: clamp(24px, 3.5vw, 38px);\r\n  background: rgba(78,201,225,.04);\r\n}\r\n.cdown .br { color: var(--accent); }\r\n.cdown b { font-weight: 500; font-variant-numeric: tabular-nums; }\r\n.cdown small { color: var(--accent); font-size: .7em; letter-spacing: .1em; }\r\n.cdown .sep { color: var(--dim); }\r\n\r\n\/* Ticker *\/\r\n.ticker-wrap {\r\n  width: 100%; overflow: hidden; margin-bottom: clamp(24px, 3.5vw, 40px);\r\n  -webkit-mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);\r\n  mask-image: linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);\r\n}\r\n.ticker-track { display: flex; width: max-content; animation: slide 24s linear infinite; }\r\n.ticker-track:hover { animation-play-state: paused; }\r\n@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n.ti { font-family: var(--fh); font-size: clamp(16px, 2.8vw, 36px); letter-spacing: .07em; color: rgba(255,255,255,.16); padding: 0 clamp(14px, 2vw, 28px); white-space: nowrap; flex-shrink: 0; transition: color .3s; }\r\n.ti:hover { color: var(--accent); }\r\n.ts { color: var(--accent); opacity: .45; align-self: center; flex-shrink: 0; padding: 0 4px; font-size: clamp(10px, 1.4vw, 18px); }\r\n\r\n.hero__cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: clamp(20px, 3vw, 32px); }\r\n\r\n.btn-main {\r\n  position: relative; overflow: hidden;\r\n  background: var(--white); color: var(--bg);\r\n  font-family: var(--fb); font-weight: 600; font-size: clamp(12px, 1.2vw, 14px);\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  padding: clamp(13px, 1.6vw, 17px) clamp(24px, 3.5vw, 48px);\r\n  border: none; border-radius: 2px; cursor: pointer; display: inline-block;\r\n  transition: background .25s, color .25s, transform .2s var(--ease), box-shadow .3s;\r\n}\r\n.btn-main span { position: relative; z-index: 1; }\r\n.btn-main:hover { background: var(--accent); transform: translateY(-2px); box-shadow: 0 14px 38px -12px var(--acc-b); }\r\n\r\n.btn-line {\r\n  color: var(--mid); font-family: var(--fm); font-size: clamp(9px, 1vw, 11px);\r\n  letter-spacing: .16em; text-transform: uppercase; border: 1px solid var(--line);\r\n  background: transparent; padding: clamp(12px, 1.5vw, 16px) clamp(18px, 2.5vw, 32px);\r\n  border-radius: 2px; cursor: pointer; display: inline-block; transition: border-color .3s, color .3s, background .3s;\r\n}\r\n.btn-line:hover { border-color: var(--acc-b); color: var(--accent); background: rgba(78,201,225,.05); }\r\n\r\n.hero__promo { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }\r\n.hero__promo-name { font-family: var(--fm); font-size: clamp(8px, .9vw, 10px); letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.38); white-space: nowrap; }\r\n\r\n.hero__scroll {\r\n  position: absolute; bottom: clamp(16px, 2.5vw, 28px); left: 50%; transform: translateX(-50%); z-index: 2;\r\n  display: flex; flex-direction: column; align-items: center; gap: 7px;\r\n  font-family: var(--fm); font-size: 8px; letter-spacing: .18em; color: var(--dim);\r\n  text-transform: uppercase; animation: bob 2.4s ease-in-out infinite; pointer-events: none;\r\n}\r\n.hero__scroll::after { content: ''; width: 1px; height: 28px; background: linear-gradient(to bottom, var(--acc-b), transparent); }\r\n@keyframes bob { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(6px); } }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 02 INFO BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.infobar { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; background: var(--bg2); border-top: 1px solid var(--acc-b); border-bottom: 1px solid var(--line); }\r\n.ib-cell { padding: clamp(18px, 2.8vw, 32px) var(--px); border-right: 1px solid var(--line); min-width: 0; transition: background .3s; }\r\n.ib-cell:last-child { border-right: none; }\r\n.ib-cell:hover { background: rgba(78,201,225,.04); }\r\n.ib-label { font-family: var(--fm); font-size: clamp(7px, .85vw, 10px); letter-spacing: .22em; text-transform: uppercase; color: var(--accent); margin-bottom: 7px; }\r\n.ib-value { font-family: var(--fh); font-size: clamp(18px, 2.5vw, 30px); line-height: 1; letter-spacing: .02em; }\r\n.ib-sub { font-family: var(--fm); font-size: clamp(9px, .9vw, 11px); color: var(--dim); margin-top: 4px; }\r\n@media (max-width: 860px) {\r\n  .infobar { grid-template-columns: 1fr 1fr; }\r\n  .ib-cell:nth-child(2) { border-right: none; }\r\n  .ib-cell:nth-child(1), .ib-cell:nth-child(2) { border-bottom: 1px solid var(--line); }\r\n}\r\n@media (max-width: 440px) {\r\n  .infobar { grid-template-columns: 1fr; }\r\n  .ib-cell { border-right: none !important; border-bottom: 1px solid var(--line) !important; }\r\n  .ib-cell:last-child { border-bottom: none !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 03 LINEUP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.lineup { width: 100%; padding: clamp(44px, 7vw, 96px) var(--px); background: var(--bg); border-top: 1px solid var(--line); }\r\n.artists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; width: 100%; perspective: 1200px; }\r\n\r\n.acard {\r\n  position: relative; overflow: hidden; background: #0d1016; aspect-ratio: 3\/4;\r\n  min-width: 0; cursor: pointer; border-radius: 2px;\r\n  transform-style: preserve-3d; will-change: transform;\r\n  transition: transform .4s var(--ease), box-shadow .4s;\r\n}\r\n.acard img {\r\n  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;\r\n  filter: grayscale(20%) brightness(.78); transition: filter .5s, transform .6s var(--ease);\r\n}\r\n.acard:hover { box-shadow: 0 24px 60px -22px rgba(78,201,225,.5); }\r\n.acard:hover img { filter: none; transform: scale(1.06); }\r\n\/* Borde con brillo cian al pasar *\/\r\n.acard::before {\r\n  content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;\r\n  border: 1px solid transparent; border-radius: 2px; transition: border-color .4s;\r\n}\r\n.acard:hover::before { border-color: var(--acc-b); }\r\n\r\n.acard__grad { position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,9,12,.96) 0%, rgba(7,9,12,.18) 52%, transparent 100%); z-index: 1; }\r\n.acard__info { position: absolute; inset: auto 0 0 0; padding: clamp(12px, 2vw, 22px); z-index: 2; transform: translateZ(28px); }\r\n.acard__role { font-family: var(--fm); font-size: clamp(7px, .8vw, 9px); letter-spacing: .2em; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; opacity: 0; transform: translateY(5px); transition: opacity .3s, transform .3s; }\r\n.acard:hover .acard__role { opacity: 1; transform: none; }\r\n.acard__name { font-family: var(--fh); font-size: clamp(20px, 3.2vw, 42px); line-height: .95; text-shadow: 0 2px 12px rgba(0,0,0,.8); }\r\n.acard__b2b { font-family: var(--fm); font-size: clamp(8px, .8vw, 10px); letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin: 6px 0 3px; }\r\n\r\n.acard--wide { grid-column: span 2; aspect-ratio: 16\/9; }\r\n.acard--wide img { object-position: center 20%; }\r\n.acard--wide .acard__name { font-size: clamp(24px, 4vw, 56px); }\r\n\r\n@media (max-width: 860px) {\r\n  .artists { grid-template-columns: 1fr 1fr; perspective: none; }\r\n  .acard { transform: none !important; }\r\n  .acard--wide { grid-column: span 2; aspect-ratio: 16\/8; }\r\n  .acard__role { opacity: 1; transform: none; }\r\n  .acard__info { transform: none; }\r\n}\r\n@media (max-width: 540px) {\r\n  .artists { grid-template-columns: 1fr; }\r\n  .acard { aspect-ratio: 4\/3; }\r\n  .acard--wide { grid-column: span 1; aspect-ratio: 4\/3; }\r\n  .acard__name { font-size: clamp(26px, 9vw, 40px) !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 04 VENUE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.venue { width: 100%; padding: clamp(44px, 7vw, 96px) var(--px); background: var(--bg2); border-top: 1px solid var(--line); }\r\n.venue__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; margin-bottom: clamp(28px, 4vw, 52px); min-width: 0; }\r\n.venue__title { font-family: var(--fh); font-size: clamp(34px, 5.5vw, 76px); line-height: .93; letter-spacing: .025em; margin-bottom: 20px; }\r\n.venue__title em { color: var(--accent); font-style: normal; }\r\n.venue__body { font-size: clamp(13px, 1.3vw, 15px); line-height: 1.82; color: var(--mid); font-weight: 300; margin-bottom: 12px; }\r\n.venue__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }\r\n.venue__tag { font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); border: 1px solid var(--acc-d); padding: 5px 12px; border-radius: 2px; transition: background .3s, transform .3s var(--ease); }\r\n.venue__tag:hover { background: rgba(78,201,225,.08); transform: translateY(-2px); }\r\n\r\n.renders { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px; width: 100%; min-width: 0; }\r\n.rimg { overflow: hidden; background: #0d1016; min-width: 0; }\r\n.rimg img { width: 100%; aspect-ratio: 4\/3; object-fit: cover; display: block; filter: brightness(.86) saturate(.8); transition: filter .5s, transform .7s var(--ease); }\r\n.rimg:hover img { filter: brightness(1) saturate(1); transform: scale(1.05); }\r\n.rimg--wide { grid-column: span 2; }\r\n.rimg--wide img { aspect-ratio: 16\/9; }\r\n@media (max-width: 768px) {\r\n  .venue__grid { grid-template-columns: 1fr; }\r\n  .renders { grid-template-columns: 1fr 1fr; }\r\n  .rimg--wide { grid-column: span 2; }\r\n}\r\n@media (max-width: 480px) {\r\n  .renders { grid-template-columns: 1fr; }\r\n  .rimg--wide { grid-column: span 1; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.vip { width: 100%; padding: clamp(44px, 7vw, 96px) var(--px); background: var(--bg2); border-top: 1px solid var(--line); }\r\n.vip__lead { font-size: clamp(14px, 1.5vw, 17px); line-height: 1.7; color: var(--mid); font-weight: 300; max-width: 720px; margin-bottom: clamp(28px, 4vw, 48px); }\r\n.vip__layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: start; min-width: 0; }\r\n\r\n.vip__tiers { display: flex; flex-direction: column; }\r\n.vip__tier {\r\n  display: grid; grid-template-columns: auto 1fr auto; align-items: center;\r\n  gap: clamp(12px, 2vw, 22px); padding: clamp(13px, 1.8vw, 18px) 0;\r\n  border-bottom: 1px solid var(--line); transition: padding-left .3s var(--ease);\r\n}\r\n.vip__tier:hover { padding-left: 8px; }\r\n.vip__dot { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 14px -2px currentColor; }\r\n.vip__name { font-family: var(--fh); font-size: clamp(20px, 2.6vw, 30px); letter-spacing: .03em; line-height: 1; }\r\n.vip__name small { display: block; font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); margin-top: 5px; }\r\n.vip__cap { font-family: var(--fm); font-size: clamp(9px, 1vw, 11px); letter-spacing: .08em; color: var(--mid); text-align: right; white-space: nowrap; }\r\n.vip__price { font-family: var(--fh); font-size: clamp(22px, 2.8vw, 34px); letter-spacing: .02em; color: var(--accent); text-align: right; white-space: nowrap; min-width: 92px; }\r\n\r\n.vip__includes {\r\n  border: 1px solid var(--acc-d); border-radius: 4px; background: var(--bg);\r\n  padding: clamp(24px, 3vw, 38px); position: sticky; top: calc(var(--hh) + 16px);\r\n}\r\n.vip__includes h3 { font-family: var(--fh); font-size: clamp(24px, 3vw, 36px); letter-spacing: .04em; margin-bottom: clamp(16px, 2vw, 22px); font-weight: 400; }\r\n.vip__includes ul { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: clamp(22px, 3vw, 30px); }\r\n.vip__includes li { font-size: clamp(13px, 1.3vw, 15px); line-height: 1.5; color: var(--off); font-weight: 300; padding-left: 22px; position: relative; }\r\n.vip__includes li::before { content: '\u2726'; position: absolute; left: 0; top: 1px; color: var(--accent); font-size: .9em; }\r\n.vip__note { font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); letter-spacing: .1em; color: var(--dim); margin-top: 16px; text-transform: uppercase; }\r\n\r\n@media (max-width: 820px) {\r\n  .vip__layout { grid-template-columns: 1fr; }\r\n  .vip__includes { position: static; }\r\n}\r\n@media (max-width: 460px) {\r\n  .vip__tier { grid-template-columns: auto 1fr; row-gap: 4px; }\r\n  .vip__cap { grid-column: 2; text-align: left; }\r\n  .vip__price { grid-column: 1 \/ -1; text-align: left; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 05 TICKETS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tickets { width: 100%; padding: clamp(44px, 7vw, 96px) var(--px); background: var(--bg); border-top: 1px solid var(--line); }\r\n.tickets__box {\r\n  width: 100%; border: 1px solid var(--acc-d); border-radius: 3px; overflow: hidden;\r\n  background: #f5f6f8; transition: border-color .4s; min-height: clamp(220px, 30vw, 380px);\r\n}\r\n.tickets__box:hover { border-color: var(--acc-b); }\r\n\/* Widget Fourvenues: ocupa el 100% del cuadro y es full responsive *\/\r\n.tickets__box > * { width: 100%; }\r\n.tickets__box iframe { display: block; width: 100% !important; max-width: 100% !important; border: 0; }\r\n.tickets__fallback { font-family: var(--fm); font-size: clamp(9px,1vw,11px); letter-spacing: .14em; color: var(--dim); text-align: center; padding: 40px; }\r\n.tickets__fallback a { color: var(--accent); }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 06 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faq { width: 100%; padding: clamp(44px, 7vw, 96px) var(--px); background: var(--bg2); border-top: 1px solid var(--line); }\r\n.faq__list { width: 100%; margin-top: clamp(24px, 3.5vw, 44px); }\r\n.faq__item { border-bottom: 1px solid var(--line); }\r\n.faq__q {\r\n  width: 100%; background: none; border: none; color: var(--white); font-family: var(--fb);\r\n  font-size: clamp(13px, 1.4vw, 16px); text-align: left; padding: clamp(16px, 2vw, 22px) 0;\r\n  cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px;\r\n  line-height: 1.4; transition: color .25s;\r\n}\r\n.faq__q:hover, .faq__q:active, .faq__q:focus-visible { color: var(--accent); }\r\n.faq__icon { color: var(--accent); font-size: 22px; font-weight: 300; flex-shrink: 0; transition: transform .35s var(--ease); line-height: 1; }\r\n.faq__item.open .faq__icon { transform: rotate(135deg); }\r\n.faq__a {\r\n  font-size: clamp(12px, 1.3vw, 14px); color: var(--mid); line-height: 1.75; font-weight: 300;\r\n  display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--ease), padding-bottom .4s var(--ease);\r\n}\r\n.faq__a > div { overflow: hidden; }\r\n.faq__item.open .faq__a { grid-template-rows: 1fr; padding-bottom: clamp(14px, 2vw, 22px); }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer { width: 100%; padding: clamp(24px, 3.5vw, 44px) var(--px); background: #030507; border-top: 1px solid var(--acc-b); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }\r\n.footer__brand { font-family: var(--fh); font-size: clamp(18px, 2.5vw, 28px); letter-spacing: .07em; line-height: 1.15; display: inline-flex; align-items: center; gap: 12px; }\r\n.footer__promo { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }\r\n.footer__pname { font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); color: var(--dim); letter-spacing: .1em; text-transform: uppercase; }\r\n.footer__copy { width: 100%; font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); color: var(--faint); letter-spacing: .08em; }\r\n.footer__legal { width: 100%; display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font-family: var(--fm); font-size: clamp(8px, .85vw, 10px); letter-spacing: .08em; margin-top: 4px; }\r\n.footer__legal a { color: var(--dim); transition: color .25s; }\r\n.footer__legal a:hover { color: var(--accent); }\r\n.footer__legal span { color: var(--faint); }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REDUCED MOTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  *, *::before, *::after { animation: none !important; transition: none !important; }\r\n  .js-ready .rev { opacity: 1 !important; clip-path: none !important; transform: none !important; }\r\n  .hero__bg { transform: none !important; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<header class=\"hdr\" id=\"hdr\">\r\n  <a href=\"#\" class=\"hdr__logo\">\r\n    <span class=\"eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n    Solid Grooves\r\n  <\/a>\r\n  <nav class=\"hdr__nav\">\r\n    <a href=\"#lineup\"  class=\"hdr__link\">Lineup<\/a>\r\n    <a href=\"#venue\"   class=\"hdr__link\">Recinto<\/a>\r\n    <a href=\"#vip\"     class=\"hdr__link\">VIP<\/a>\r\n    <a href=\"#faq\"     class=\"hdr__link\">FAQ<\/a>\r\n    <a href=\"#tickets\" class=\"hdr__btn\">Comprar entrada<\/a>\r\n  <\/nav>\r\n<\/header>\r\n\r\n\r\n<!-- 01 HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero__bg\" id=\"heroBg\"><\/div>\r\n  <div class=\"hero__grad\"><\/div>\r\n  <div class=\"hero__glow\"><\/div>\r\n  <div class=\"hero__topline\"><\/div>\r\n\r\n  <div class=\"hero__body\">\r\n    <div class=\"hero__tag rev\">\r\n      <span class=\"eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n      Music Made Visible \u00b7 Beatnation &amp; The Music Republic\r\n    <\/div>\r\n\r\n    <h1 class=\"hero__title rev d1\">\r\n      <span class=\"scr\" data-text=\"SOLID\">SOLID<\/span><br>\r\n      <span class=\"scr\" data-text=\"GROOVES\">GROOVES<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"hero__location rev d2\">Valencia<span class=\"dot\">\u2726<\/span>Marina Sur<\/p>\r\n    <p class=\"hero__date rev d2\">S\u00e1bado \u00b7 11 \u00b7 Julio \u00b7 2026<\/p>\r\n\r\n    <div class=\"cdown rev d2\" id=\"cdown\" aria-label=\"Cuenta atr\u00e1s\">\r\n      <span class=\"br\">[<\/span>\r\n      <b id=\"cdD\">00<\/b><small>d<\/small><span class=\"sep\">:<\/span>\r\n      <b id=\"cdH\">00<\/b><small>h<\/small><span class=\"sep\">:<\/span>\r\n      <b id=\"cdM\">00<\/b><small>m<\/small><span class=\"sep\">:<\/span>\r\n      <b id=\"cdS\">00<\/b><small>s<\/small>\r\n      <span class=\"br\">]<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ticker-wrap rev d3\">\r\n      <div class=\"ticker-track\">\r\n        <span class=\"ti\">BRIEELA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">CARLITA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">CHRIS STUSSY<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">MICHAEL BIBI<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">PAWSA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">MIGUELLE &amp; TONS<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">BRIEELA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">CARLITA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">CHRIS STUSSY<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">MICHAEL BIBI<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">PAWSA<\/span><span class=\"ts\">\u2726<\/span>\r\n        <span class=\"ti\">MIGUELLE &amp; TONS<\/span><span class=\"ts\">\u2726<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero__cta rev d4\">\r\n      <a href=\"#tickets\" class=\"btn-main\"><span>Comprar entradas<\/span><\/a>\r\n      <a href=\"#lineup\"  class=\"btn-line\">Ver lineup<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hero__promo rev d4\">\r\n      <span class=\"hero__promo-name\">beatnation<\/span>\r\n      <span style=\"color:rgba(255,255,255,.2)\">\u2726<\/span>\r\n      <span class=\"hero__promo-name\">The Music Republic<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero__scroll\">Scroll<\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 02 INFO BAR -->\r\n<div class=\"infobar\">\r\n  <div class=\"ib-cell rev\">\r\n    <div class=\"ib-label\">Fecha<\/div>\r\n    <div class=\"ib-value\">S\u00e1b 11 Jul<\/div>\r\n    <div class=\"ib-sub\">2026<\/div>\r\n  <\/div>\r\n  <div class=\"ib-cell rev d1\">\r\n    <div class=\"ib-label\">Venue<\/div>\r\n    <div class=\"ib-value\">Marina Sur<\/div>\r\n    <div class=\"ib-sub\">Valencia<\/div>\r\n  <\/div>\r\n  <div class=\"ib-cell rev d2\">\r\n    <div class=\"ib-label\">Lineup<\/div>\r\n    <div class=\"ib-value\">6 Artistas<\/div>\r\n    <div class=\"ib-sub\">Aforo limitado<\/div>\r\n  <\/div>\r\n  <div class=\"ib-cell rev d3\">\r\n    <div class=\"ib-label\">Entradas<\/div>\r\n    <div class=\"ib-value\">Disponibles<\/div>\r\n    <div class=\"ib-sub\">beatnation.com<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- 03 LINEUP -->\r\n<section class=\"lineup\" id=\"lineup\">\r\n  <div class=\"sec-head rev\">\r\n    <span class=\"sec-title\">Lineup<\/span>\r\n    <div class=\"sec-rule\"><\/div>\r\n    <span style=\"font-family:var(--fm);font-size:10px;color:var(--dim);letter-spacing:.14em;white-space:nowrap;flex-shrink:0;\">A \u2014 Z<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"artists\">\r\n    <div class=\"acard rev\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/BRIEELA.png\" alt=\"Brieela\" loading=\"lazy\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">Opening<\/div>\r\n        <div class=\"acard__name\">BRIEELA<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acard rev d1\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/carlita.jpg\" alt=\"Carlita\" loading=\"lazy\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">DJ Set<\/div>\r\n        <div class=\"acard__name\">CARLITA<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acard rev d2\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/chis-stussy.jpg\" alt=\"Chris Stussy\" loading=\"lazy\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">DJ Set<\/div>\r\n        <div class=\"acard__name\">CHRIS STUSSY<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acard acard--wide rev\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/michl-bibi.jpg\" alt=\"Michael Bibi b2b Pawsa\" loading=\"lazy\" style=\"object-position:center 15%;\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">Headliner<\/div>\r\n        <div class=\"acard__name\">MICHAEL BIBI<\/div>\r\n        <div class=\"acard__b2b\">B2B<\/div>\r\n        <div class=\"acard__name\">PAWSA<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acard rev d1\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/pawsa.jpg\" alt=\"Pawsa\" loading=\"lazy\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">Headliner b2b<\/div>\r\n        <div class=\"acard__name\">PAWSA<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acard acard--wide rev d2\" data-tilt>\r\n      <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/migueltons.jpg\" alt=\"Miguelle & Tons\" loading=\"lazy\">\r\n      <div class=\"acard__grad\"><\/div>\r\n      <div class=\"acard__info\">\r\n        <div class=\"acard__role\">Special Set<\/div>\r\n        <div class=\"acard__name\">MIGUELLE &amp; TONS<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 04 VENUE -->\r\n<section class=\"venue\" id=\"venue\">\r\n  <div class=\"sec-head rev\">\r\n    <span class=\"sec-title\">El Recinto<\/span>\r\n    <div class=\"sec-rule\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"venue__grid\">\r\n    <div>\r\n      <span class=\"eyebrow rev\">Marina Sur Valencia<\/span>\r\n      <h2 class=\"venue__title rev d1\">UNA NOCHE<br>EN EL <em>PUERTO<\/em><\/h2>\r\n      <p class=\"venue__body rev d2\">Marina Sur Valencia es uno de los espacios m\u00e1s espectaculares del Mediterr\u00e1neo. Un recinto \u00fanico frente al mar donde el skyline del puerto se convierte en el escenario perfecto para una noche de m\u00fasica electr\u00f3nica de primer nivel.<\/p>\r\n      <p class=\"venue__body rev d2\">Sonido de calidad, m\u00faltiples ambientes, terrazas con vistas al mar y una atm\u00f3sfera que solo puede existir en Valencia.<\/p>\r\n      <div class=\"venue__tags rev d3\">\r\n        <span class=\"venue__tag\">Recinto exterior<\/span>\r\n        <span class=\"venue__tag\">Frente al mar<\/span>\r\n        <span class=\"venue__tag\">M\u00faltiples escenarios<\/span>\r\n        <span class=\"venue__tag\">Bar &amp; catering<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"rev d1\">\r\n      <div class=\"renders\">\r\n        <div class=\"rimg rimg--wide\">\r\n          <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/1-scaled.jpg\" alt=\"Marina Sur Valencia\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"rimg\">\r\n          <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/2-scaled.jpg\" alt=\"Recinto\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"rimg\">\r\n          <img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/3-scaled.jpg\" alt=\"Recinto\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"renders rev\">\r\n    <div class=\"rimg\"><img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/4.png\" alt=\"Recinto\" loading=\"lazy\"><\/div>\r\n    <div class=\"rimg\"><img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/5.png\" alt=\"Recinto\" loading=\"lazy\"><\/div>\r\n    <div class=\"rimg\"><img decoding=\"async\" src=\"https:\/\/solidgroovesvalencia.com\/wp-content\/uploads\/2026\/06\/6.png\" alt=\"Recinto\" loading=\"lazy\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 04b VIP -->\r\n<section class=\"vip\" id=\"vip\">\r\n  <div class=\"sec-head rev\">\r\n    <span class=\"sec-title\">Reservados VIP<\/span>\r\n    <div class=\"sec-rule\"><\/div>\r\n  <\/div>\r\n\r\n  <span class=\"eyebrow rev\">VIP Tables \u00b7 Marina Sur \u00b7 11.07.26<\/span>\r\n  <p class=\"vip__lead rev d1\">\r\n    Vive la noche desde la mejor ubicaci\u00f3n. Mesas reservadas con consumo incluido,\r\n    acceso prioritario y atenci\u00f3n exclusiva, frente al escenario.\r\n  <\/p>\r\n\r\n  <div class=\"vip__layout\">\r\n    <div class=\"vip__tiers rev d1\">\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#e8443a;color:#e8443a\"><\/span>\r\n        <span class=\"vip__name\">VVIP <small>Acceso DJ Booth<\/small><\/span>\r\n        <span class=\"vip__cap\">Hasta 10 personas<\/span>\r\n        <span class=\"vip__price\">15.000 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#5ec3e8;color:#5ec3e8\"><\/span>\r\n        <span class=\"vip__name\">Doble Diamond<\/span>\r\n        <span class=\"vip__cap\">Hasta 10 personas<\/span>\r\n        <span class=\"vip__price\">5.000 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#1f3d78;color:#1f3d78\"><\/span>\r\n        <span class=\"vip__name\">Diamond<\/span>\r\n        <span class=\"vip__cap\">Hasta 10 personas<\/span>\r\n        <span class=\"vip__price\">4.000 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#8a909a;color:#8a909a\"><\/span>\r\n        <span class=\"vip__name\">Platinum<\/span>\r\n        <span class=\"vip__cap\">Hasta 8 personas<\/span>\r\n        <span class=\"vip__price\">3.000 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#d9a93e;color:#d9a93e\"><\/span>\r\n        <span class=\"vip__name\">Gold<\/span>\r\n        <span class=\"vip__cap\">Hasta 8 personas<\/span>\r\n        <span class=\"vip__price\">2.500 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#dfe2e6;color:#dfe2e6\"><\/span>\r\n        <span class=\"vip__name\">Silver<\/span>\r\n        <span class=\"vip__cap\">Hasta 8 personas<\/span>\r\n        <span class=\"vip__price\">2.000 \u20ac<\/span>\r\n      <\/div>\r\n      <div class=\"vip__tier\">\r\n        <span class=\"vip__dot\" style=\"background:#b07433;color:#b07433\"><\/span>\r\n        <span class=\"vip__name\">Bronze<\/span>\r\n        <span class=\"vip__cap\">Hasta 6 personas<\/span>\r\n        <span class=\"vip__price\">1.500 \u20ac<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vip__includes rev d2\">\r\n      <h3>Incluye<\/h3>\r\n      <ul>\r\n        <li>Acceso prioritario<\/li>\r\n        <li>WC VIP<\/li>\r\n        <li>Equipo de atenci\u00f3n VIP<\/li>\r\n        <li>Parking VIP<\/li>\r\n        <li>Consumo incluido por el valor total de la mesa<\/li>\r\n        <li>Ubicaci\u00f3n privilegiada en el stage<\/li>\r\n      <\/ul>\r\n      <a href=\"#tickets\" class=\"btn-main\"><span>Reservar mesa<\/span><\/a>\r\n      <p class=\"vip__note\">Precios por mesa \u00b7 Consumo incluido<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 05 TICKETS -->\r\n<section class=\"tickets\" id=\"tickets\">\r\n  <div class=\"sec-head rev\">\r\n    <span class=\"sec-title\">Entradas<\/span>\r\n    <div class=\"sec-rule\"><\/div>\r\n  <\/div>\r\n  <div class=\"tickets__box rev\">\r\n    <!-- M\u00f3dulo de venta Fourvenues -->\r\n    <script src=\"https:\/\/www.fourvenues.com\/assets\/iframe\/solid-grooves-valencia\/PJKB\"><\/script>\r\n    <noscript><p class=\"tickets__fallback\">Activa JavaScript para ver las entradas, o visita <a href=\"https:\/\/www.beatnationlive.com\" target=\"_blank\" rel=\"noopener\">beatnationlive.com<\/a><\/p><\/noscript>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 06 FAQ -->\r\n<section class=\"faq\" id=\"faq\">\r\n  <div class=\"sec-head rev\">\r\n    <span class=\"sec-title\">FAQ<\/span>\r\n    <div class=\"sec-rule\"><\/div>\r\n  <\/div>\r\n  <div class=\"faq__list\">\r\n    <div class=\"faq__item rev\">\r\n      <button class=\"faq__q\">\u00bfHay reembolso si no puedo asistir?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>Las entradas no son reembolsables. Puedes transferirlas contactando con nosotros antes de 48 h del evento.<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"faq__item rev d1\">\r\n      <button class=\"faq__q\">\u00bfA qu\u00e9 hora se abre el recinto?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>El recinto abre a las 17:00 h y el evento se desarrolla hasta la 1:30 h. Recomendamos llegar con tiempo para evitar colas.<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"faq__item rev d2\">\r\n      <button class=\"faq__q\">\u00bfHay pol\u00edtica de reentradas?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>No se permiten reentradas una vez has abandonado el recinto.<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"faq__item rev\">\r\n      <button class=\"faq__q\">\u00bfC\u00f3mo llegar a Marina Sur Valencia?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>Metro l\u00edneas 5 y 7, parada Mar\u00edtim-Serreria. Bus nocturno N1 y N5. Tambi\u00e9n accesible en bici por el carril bici del paseo mar\u00edtimo.<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"faq__item rev d1\">\r\n      <button class=\"faq__q\">\u00bfHay zona de parking?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>S\u00ed, hay zona de parking fuera del recinto. Tambi\u00e9n dispones de parkings p\u00fablicos en la zona del Grao.<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"faq__item rev d2\">\r\n      <button class=\"faq__q\">\u00bfEs un evento al aire libre?<span class=\"faq__icon\">+<\/span><\/button>\r\n      <div class=\"faq__a\"><div>S\u00ed, recinto exterior. Se realizar\u00e1 independientemente del tiempo, salvo aviso oficial de suspensi\u00f3n por causas meteorol\u00f3gicas graves.<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer__brand\">\r\n    <span class=\"eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n    Solid Grooves<br>\r\n    <span style=\"font-size:.5em;opacity:.45;font-family:var(--fm);letter-spacing:.06em;\">Valencia \u00b7 11.07.26<\/span>\r\n  <\/div>\r\n  <div class=\"footer__promo\">\r\n    <span class=\"footer__pname\">beatnation<\/span>\r\n    <span style=\"color:rgba(255,255,255,.15)\">\u2726<\/span>\r\n    <span class=\"footer__pname\">The Music Republic<\/span>\r\n  <\/div>\r\n  <div class=\"footer__copy\">\u00a9 2026 \u00b7 Todos los derechos reservados<\/div>\r\n  <div class=\"footer__legal\">\r\n    <a href=\"https:\/\/www.beatnationlive.com\/aviso-legal\/\" target=\"_blank\" rel=\"noopener\">Aviso legal<\/a>\r\n    <span>\u00b7<\/span>\r\n    <a href=\"https:\/\/www.beatnationlive.com\/politica-de-cookies\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de cookies<\/a>\r\n    <span>\u00b7<\/span>\r\n    <a href=\"https:\/\/www.beatnationlive.com\/politica-privacidad\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de privacidad<\/a>\r\n  <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\nconst reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\ndocument.body.classList.add('js-ready');\r\n\r\n\/* Header *\/\r\nconst hdr = document.getElementById('hdr');\r\naddEventListener('scroll', () => hdr.classList.toggle('on', scrollY > 30), { passive: true });\r\n\r\n\/* Parallax *\/\r\nconst bg = document.getElementById('heroBg');\r\nif (!reduce) addEventListener('scroll', () => {\r\n  if (bg && scrollY < innerHeight * 1.3) bg.style.transform = 'translateY(' + (scrollY * 0.25) + 'px) scale(1.04)';\r\n}, { passive: true });\r\n\r\n\/* Scroll reveal *\/\r\nconst obs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); } });\r\n}, { threshold: 0, rootMargin: '0px 0px -36px 0px' });\r\ndocument.querySelectorAll('.rev').forEach(el => obs.observe(el));\r\n\/* Red de seguridad: revela de inmediato lo que ya est\u00e1 en pantalla *\/\r\nfunction revealInView() {\r\n  document.querySelectorAll('.rev:not(.in)').forEach(el => {\r\n    const r = el.getBoundingClientRect();\r\n    if (r.top < innerHeight && r.bottom > 0) el.classList.add('in');\r\n  });\r\n}\r\nrevealInView();\r\naddEventListener('load', revealInView);\r\nsetTimeout(revealInView, 400);\r\n\r\n\/* T\u00edtulo: efecto decode *\/\r\nif (!reduce) {\r\n  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ#%&*0123456789';\r\n  document.querySelectorAll('.scr').forEach((el, idx) => {\r\n    const final = el.dataset.text;\r\n    let frame = 0;\r\n    const total = 26 + idx * 8;\r\n    const run = setInterval(() => {\r\n      let out = '';\r\n      for (let i = 0; i < final.length; i++) {\r\n        if (final[i] === ' ') { out += ' '; continue; }\r\n        out += (i < (frame - idx * 8) \/ 1.6) ? final[i] : chars[Math.floor(Math.random() * chars.length)];\r\n      }\r\n      el.textContent = out;\r\n      if (++frame > total) { clearInterval(run); el.textContent = final; }\r\n    }, 45);\r\n  });\r\n}\r\n\r\n\/* Tilt 3D en tarjetas de lineup (solo puntero fino) *\/\r\nif (!reduce && matchMedia('(pointer:fine)').matches) {\r\n  document.querySelectorAll('[data-tilt]').forEach(card => {\r\n    card.addEventListener('pointermove', e => {\r\n      const r = card.getBoundingClientRect();\r\n      const px = (e.clientX - r.left) \/ r.width - .5;\r\n      const py = (e.clientY - r.top) \/ r.height - .5;\r\n      card.style.transform = 'rotateY(' + (px * 7) + 'deg) rotateX(' + (-py * 7) + 'deg) translateZ(0)';\r\n    });\r\n    card.addEventListener('pointerleave', () => card.style.transform = '');\r\n  });\r\n}\r\n\r\n\/* Cuenta atr\u00e1s *\/\r\nconst target = new Date('2026-07-11T22:00:00+02:00').getTime();\r\nconst elD = document.getElementById('cdD'), elH = document.getElementById('cdH'),\r\n      elM = document.getElementById('cdM'), elS = document.getElementById('cdS'),\r\n      box = document.getElementById('cdown');\r\nconst pad = n => String(n).padStart(2, '0');\r\nfunction tick() {\r\n  const diff = target - Date.now();\r\n  if (diff <= 0) { box.innerHTML = '<span class=\"br\">[<\/span> LIVE NOW <span class=\"br\">]<\/span>'; clearInterval(timer); return; }\r\n  const s = Math.floor(diff \/ 1000);\r\n  elD.textContent = pad(Math.floor(s \/ 86400));\r\n  elH.textContent = pad(Math.floor(s % 86400 \/ 3600));\r\n  elM.textContent = pad(Math.floor(s % 3600 \/ 60));\r\n  elS.textContent = pad(s % 60);\r\n}\r\ntick();\r\nconst timer = setInterval(tick, 1000);\r\n\r\n\/* FAQ *\/\r\ndocument.querySelectorAll('.faq__q').forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    const item = btn.closest('.faq__item');\r\n    const open = item.classList.contains('open');\r\n    document.querySelectorAll('.faq__item.open').forEach(i => i.classList.remove('open'));\r\n    if (!open) item.classList.add('open');\r\n  });\r\n});\r\n\r\n\/* Smooth scroll *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n  a.addEventListener('click', e => {\r\n    const t = document.querySelector(a.getAttribute('href'));\r\n    if (t) { e.preventDefault(); scrollTo({ top: t.getBoundingClientRect().top + scrollY - hdr.offsetHeight - 8, behavior: 'smooth' }); }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solid Grooves \u00b7 Valencia \u00b7 11.07.26 Solid Grooves Lineup Recinto VIP FAQ Comprar entrada Music Made Visible \u00b7 Beatnation &amp; The Music Republic SOLID GROOVES Valencia\u2726Marina Sur S\u00e1bado \u00b7 11 \u00b7 Julio \u00b7 2026 [ 00d: 00h: 00m: 00s ] BRIEELA\u2726 CARLITA\u2726 CHRIS STUSSY\u2726 MICHAEL BIBI\u2726 PAWSA\u2726 MIGUELLE &amp; TONS\u2726 BRIEELA\u2726 CARLITA\u2726 CHRIS STUSSY\u2726 MICHAEL [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/solidgroovesvalencia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}