.pd-section { --pd-font-stack: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --pd-font-xl: 600 1.250rem/1.5rem var(--pd-font-stack); --pd-font-lg: 600 1.125rem/1.5rem var(--pd-font-stack); --pd-font-lg-regular: 400 1.125rem/1.5rem var(--pd-font-stack); --pd-font-body-regular: 400 1rem/1.5rem var(--pd-font-stack); --pd-font-body-bold: 600 1rem/1.5rem var(--pd-font-stack); --pd-font-body-paragraph: 400 1rem/1.65rem var(--pd-font-stack); --pd-font-sm-regular: 400 0.875rem/1.25rem var(--pd-font-stack); --pd-font-sm-bold: 600 0.875rem/1.25rem var(--pd-font-stack); --pd-color-primary: #0089E3; --pd-color-text-main: #031419; --pd-text-subtle: #536B75; --pd-color-bg: #ffffff; --pd-color-border: #CCD2D8; --pd-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08); --pd-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.16); --ticket-card-width: 100%; font: var(--pd-font-body-regular); } @media (min-width: 992px) { .pd-section { --ticket-card-width: 480px; } } html { scroll-behavior: smooth; } .pd-section__title { font: var(--pd-font-xl); margin-bottom: 16px; } .tickets-section { padding-block-start: 0.5rem; } /* Single card slot: no scroll, one card visible */ .tickets-section__grid { display: block; padding-block-start: 0.5rem; margin-block-start: 0; } /* Area list: grid of zone buttons (design ref: table-like, no gap) */ .area-list { display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; padding-inline-start: 0px !important; } .area-list__item { width: 172px; flex-shrink: 0; } .area-list__item label { display: block; width: 100%; box-sizing: border-box; padding: 8px 16px; font-size: 0.875rem; font-weight: 500; color: #031419; background: #fff; border: 1px solid #e0e0e0; border-radius: 0.25rem; cursor: pointer; text-align: center; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; margin: 0px; } @media (min-width: 992px) { .area-list__item label { font-size: 1rem; } } .area-list__item label:hover { background: #f5f5f5; border-color: #ccc; } .area-list__item label:focus-visible { outline: 2px solid var(--pd-color-primary); outline-offset: 2px; } /* Selected: solid black background, white text (design ref) */ .tickets-section:has(#area-DJbooth:checked) .area-list label[for="area-DJbooth"], .tickets-section:has(#area-cristal:checked) .area-list label[for="area-cristal"], .tickets-section:has(#area-vip:checked) .area-list label[for="area-vip"], .tickets-section:has(#area-placo_x5F_izq:checked) .area-list label[for="area-placo_x5F_izq"], .tickets-section:has(#area-palco_x5F_derecho:checked) .area-list label[for="area-palco_x5F_derecho"], .tickets-section:has(#area-backstage_x5F_izquierdo:checked) .area-list label[for="area-backstage_x5F_izquierdo"], .tickets-section:has(#area-backstage_x5F_derecho:checked) .area-list label[for="area-backstage_x5F_derecho"], .tickets-section:has(#area-cielo:checked) .area-list label[for="area-cielo"], .tickets-section:has(#area-pista_x5F_izquierda:checked) .area-list label[for="area-pista_x5F_izquierda"], .tickets-section:has(#area-pista_x5F_derecha:checked) .area-list label[for="area-pista_x5F_derecha"] { color: #fff; font-weight: 600; background: #000; border-color: #000; } .ticket-card { --card-w: var(--ticket-card-width); background: var(--pd-color-bg); border: 1px solid var(--pd-color-border); border-radius: 0.5rem; box-shadow: var(--pd-shadow-card); position: relative; display: none; flex-direction: column; width: 100%; max-width: var(--card-w); margin-inline: auto; overflow: hidden; color: inherit; } /* Show only the card matching the selected area */ .tickets-section:has(#area-DJbooth:checked) .ticket-card[data-area-id="DJbooth"], .tickets-section:has(#area-cristal:checked) .ticket-card[data-area-id="cristal"], .tickets-section:has(#area-vip:checked) .ticket-card[data-area-id="vip"], .tickets-section:has(#area-placo_x5F_izq:checked) .ticket-card[data-area-id="placo_x5F_izq"], .tickets-section:has(#area-palco_x5F_derecho:checked) .ticket-card[data-area-id="palco_x5F_derecho"], .tickets-section:has(#area-backstage_x5F_izquierdo:checked) .ticket-card[data-area-id="backstage_x5F_izquierdo"], .tickets-section:has(#area-backstage_x5F_derecho:checked) .ticket-card[data-area-id="backstage_x5F_derecho"], .tickets-section:has(#area-cielo:checked) .ticket-card[data-area-id="cielo"], .tickets-section:has(#area-pista_x5F_izquierda:checked) .ticket-card[data-area-id="pista_x5F_izquierda"], .tickets-section:has(#area-pista_x5F_derecha:checked) .ticket-card[data-area-id="pista_x5F_derecha"] { display: flex; } /* Screen-reader only */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .ticket-card__image { position: relative; width: 100%; aspect-ratio: 272 / 153; overflow: hidden; flex-shrink: 0; margin: 0; padding: 0; border: 0; } .ticket-card__image img { width: 100%; height: 100%; object-fit: cover; } .ticket-card__content { padding: 1.5rem 1rem 1rem; display: flex; flex-direction: column; flex-grow: 1; gap: 1rem; } .ticket-card__title { font: var(--pd-font-lg); text-align: initial; margin: 0; } .ticket-card__subtitle { display: block; font: var(--pd-font-sm-regular); color: var(--pd-text-subtle); margin: 0; } .ticket-card__description { font: var(--pd-font-sm-regular); color: var(--pd-color-text-main); margin: 0 0 0.5rem; } .ticket-card__features { display: grid; margin: 0; padding: 0 0 0 1rem; gap: 0.25rem; font: var(--pd-font-sm-regular); color: var(--pd-color-text-main); list-style: none; } .ticket-card__features li { position: relative; } .ticket-card__features li:before { content: "✓"; position: absolute; left: -1rem; color: var(--pd-color-primary); font-weight: bold; } /* --- Map: JS-less interaction (radios + labels; IDs only on inputs) --- */ /* Fixed aspect-ratio so container has real height and 100cqh works for scaling */ .map-wrapper { position: relative; width: 100%; aspect-ratio: 1042 / 710.5; container-type: size; container-name: map; margin: 16px 0; } .map-wrapper__bg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; filter: grayscale(100%); } .map-wrapper__hit-areas { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .map-wrapper__hit-areas-scaler { position: absolute; top: 0; left: 0; width: 1042px; height: 710.5px; transform-origin: 0 0; pointer-events: auto; } /* Scale hit-area layer to container: 100cqw/1042 and 100cqh/710.5 give unitless scale factors */ @container map (min-width: 1px) { .map-wrapper__hit-areas-scaler { transform: scale(calc(100cqw / 1042px), calc(100cqh / 710.5px)); } } .map-wrapper__hit-areas label { position: absolute; inset: 0; width: 1042px; height: 710.5px; cursor: pointer; pointer-events: auto; } /* Clip each label to its SVG path so the clickable area matches the shape */ .map-wrapper__hit-areas label[for="area-DJbooth"] { clip-path: path("M847.05,504.52c-1.72.25-3.35.78-4.69,1.56l-135.68,78.84c-1.74,1.01-2.71,2.28-2.96,3.59l-16.86-9.72c-3.1-1.79-7.63-2.25-11.46-1.37l-7.05-4.07c-.18-1.65.82-3.34,3-4.59l135.67-78.84c4.05-2.35,10.64-2.35,14.71-.01l25.32,14.62Z"); } .map-wrapper__hit-areas label[for="area-cristal"] { clip-path: path("M406,209.32l-41.44-23.92c-3.29-1.9-8.59-1.9-11.85,0l-123.12,71.55c-3.27,1.9-3.25,4.97.04,6.86l41.44,23.92c3.28,1.89,8.58,1.89,11.84,0l123.12-71.55c3.27-1.9,3.25-4.97-.03-6.86Z"); } .map-wrapper__hit-areas label[for="area-placo_x5F_izq"] { clip-path: path("M870.42,319.35l-347.01-200.35c-2.67-1.54-6.99-1.54-9.64,0l-26.47,15.38c-2.65,1.54-2.63,4.04.04,5.58l347.01,200.35c2.67,1.54,6.97,1.54,9.62,0l26.47-15.38c2.65-1.54,2.65-4.04-.02-5.58Z"); } .map-wrapper__hit-areas label[for="area-palco_x5F_derecho"] { clip-path: path("M577.3,606.82L109.79,336.9c-3.09-1.78-8.08-1.79-11.15,0l-24.95,14.5c-3.07,1.78-3.05,4.68.04,6.46l467.51,269.92c3.09,1.78,8.09,1.78,11.16,0l24.95-14.5c3.07-1.78,3.04-4.67-.05-6.46Z"); } .map-wrapper__hit-areas label[for="area-backstage_x5F_izquierdo"] { clip-path: path("M956.83,480.64l-71.68,41.66-28.08-16.21c-1.5-.87-3.35-1.41-5.3-1.65l-60.41-34.88c-4.07-2.37-4.1-6.21-.04-8.56l49.01-28.48c4.06-2.37,10.69-2.37,14.77,0l30.17,17.42c3.31-.91,7.4-.6,10.15,1l26.02,15.02.24-.13c2.6-1.52,6.85-1.52,9.49,0l25.67,14.81Z"); } .map-wrapper__hit-areas label[for="area-backstage_x5F_derecho"] { clip-path: path("M792.27,640.63c1.03,1.9.47,4-1.69,5.63.31,2.02-.85,4.09-3.5,5.63l-46.47,27.01c-4.77,2.77-12.53,2.77-17.33,0l-137.58-79.43c-4.78-2.77-4.8-7.27-.04-10.03l46.48-27.01c4.75-2.77,12.52-2.77,17.3,0l18.92,10.91,7.05,4.07c3.82-.88,8.36-.43,11.46,1.37l16.86,9.72c-.32,1.77.68,3.59,3,4.93l7.49,4.32,20.59,11.89-37.73,21.93c-5.62,3.27-5.59,8.58.04,11.83l27.1,15.64c5.65,3.27,14.81,3.25,20.42,0l44.42-25.82,1.88,1.09c2.97,1.71,3.4,4.32,1.34,6.31Z"); } .map-wrapper__hit-areas label[for="area-pista_x5F_izquierda"] { clip-path: path("M757.12,352.83l-212.34-122.6c-3.16-1.83-8.26-1.83-11.39,0l-24.71,14.36c-3.14,1.82-3.13,4.78.04,6.6l212.34,122.6c3.16,1.82,8.27,1.82,11.4,0l24.71-14.36c3.14-1.82,3.11-4.78-.05-6.6Z"); } .map-wrapper__hit-areas label[for="area-pista_x5F_derecha"] { clip-path: path("M507.49,506.9l-212.34-122.6c-3.16-1.83-8.27-1.82-11.4,0l-24.7,14.35c-3.14,1.83-3.14,4.78.03,6.61l212.34,122.6c3.16,1.82,8.27,1.82,11.41,0l24.7-14.35c3.14-1.82,3.12-4.78-.04-6.6Z"); } /* VIP and Cielo: multiple SVG paths, one label per path (same for=, modifier class for clip-path) */ .map-wrapper__hit-areas label[for="area-vip"].vip-1 { clip-path: path("M364.06,94.91l-81.8-47.23c-3.82-2.21-10-2.21-13.8,0l-50.25,29.2c-3.79,2.2-3.77,5.78.05,7.99l81.8,47.23c3.82,2.21,10,2.21,13.79,0l50.25-29.2c3.8-2.21,3.78-5.79-.04-7.99Z"); } .map-wrapper__hit-areas label[for="area-vip"].vip-2 { clip-path: path("M330.83,179.36l-12.81-7.4c-3.82-2.21-10-2.21-13.8,0l-86.4,50.21c-3.79,2.2-3.77,5.78.05,7.99l12.81,7.4c3.82,2.21,10,2.21,13.79,0l86.4-50.21c3.8-2.21,3.78-5.79-.05-7.99Z"); } .map-wrapper__hit-areas label[for="area-vip"].vip-3 { clip-path: path("M177.75,205.93l-81.8-47.23c-3.82-2.21-9.99-2.2-13.79,0l-41.37,24.04c-3.8,2.21-3.79,5.78.04,7.99l81.8,47.23c3.82,2.21,10,2.21,13.8,0l41.37-24.04c3.8-2.21,3.78-5.79-.04-7.99Z"); } .map-wrapper__hit-areas label[for="area-cielo"].cielo-1 { clip-path: path("M303.73,154.47l-39.47-22.79c-3.82-2.21-10-2.21-13.8,0l-86.4,50.21c-3.8,2.21-3.78,5.79.04,7.99l39.47,22.79c3.82,2.21,10,2.21,13.8,0l86.4-50.21c3.8-2.21,3.78-5.79-.05-7.99Z"); } .map-wrapper__hit-areas label[for="area-cielo"].cielo-2 { clip-path: path("M250.03,121.51c3.8-2.21,3.78-5.79-.04-7.99l-39.47-22.79c-3.82-2.21-10-2.21-13.8,0l-86.4,50.21c-3.8,2.21-3.78,5.79.04,7.99l39.47,22.79c3.82,2.21,10,2.21,13.8,0l86.4-50.21Z"); } /* Overlay on map labels: hover tint and stronger tint when that area’s card is selected */ .map-wrapper__hit-areas label::before { content: ""; position: absolute; inset: 0; background: var(--pd-color-primary); opacity: 0; transition: opacity 0.2s ease; pointer-events: none; } .map-wrapper__hit-areas label:hover::before { opacity: 0.3; } .tickets-section:has(input[name="map-area"][value="DJbooth"]:checked) .map-wrapper__hit-areas label[for="area-DJbooth"]::before, .tickets-section:has(input[name="map-area"][value="cristal"]:checked) .map-wrapper__hit-areas label[for="area-cristal"]::before, .tickets-section:has(input[name="map-area"][value="placo_x5F_izq"]:checked) .map-wrapper__hit-areas label[for="area-placo_x5F_izq"]::before, .tickets-section:has(input[name="map-area"][value="palco_x5F_derecho"]:checked) .map-wrapper__hit-areas label[for="area-palco_x5F_derecho"]::before, .tickets-section:has(input[name="map-area"][value="backstage_x5F_izquierdo"]:checked) .map-wrapper__hit-areas label[for="area-backstage_x5F_izquierdo"]::before, .tickets-section:has(input[name="map-area"][value="backstage_x5F_derecho"]:checked) .map-wrapper__hit-areas label[for="area-backstage_x5F_derecho"]::before, .tickets-section:has(input[name="map-area"][value="vip"]:checked) .map-wrapper__hit-areas label[for="area-vip"]::before, .tickets-section:has(input[name="map-area"][value="cielo"]:checked) .map-wrapper__hit-areas label[for="area-cielo"]::before, .tickets-section:has(input[name="map-area"][value="pista_x5F_izquierda"]:checked) .map-wrapper__hit-areas label[for="area-pista_x5F_izquierda"]::before, .tickets-section:has(input[name="map-area"][value="pista_x5F_derecha"]:checked) .map-wrapper__hit-areas label[for="area-pista_x5F_derecha"]::before { opacity: 1; } Qué vas a disfrutar 🎵 La increíble Honey Dijon, el afro-house de Francis Mercier y el veterano Green Velvet 🍾 Fiesta exclusiva en FABRIK con los mejores DJs ⚡ Música electrónica de alto nivel toda la noche 🎁 Todas las fiestas de Fabrik en exclusiva en Ticketclub 🎁 Todas las fiestas de Fabrik con Bono Cultural Joven en exclusiva en Fever 🏆 Vota a FABRIK para ser el mejor club del mundo. Información 📅 Fecha: 7 de marzo de 2026 🕒 Horario: 20:00h-06:00h 📍 Lugar: FABRIK, Av. de la Industria, 82, 28970 Humanes de Madrid, Madrid 👤 Edad: mayores de 18 años 👉 Reservado el derecho de admisión ❓ Puedes consultar las preguntas frecuentes y sus respuestas aquí 🎟️ Las últimas entradas disponibles se venderán en taquilla Descripción El próximo 7 de marzo, el universo inmersivo de LOOP vuelve a FABRIK reuniendo a cinco referentes absolutos de la electrónica global: Honey Dijon, Green Velvet, Francis Mercier, MoBlack y Chelina Manuhutu . Un cartel que conecta leyendas y visionarios actuales en una noche donde el house, el tech house y todos sus subgéneros conviven en equilibrio perfecto, reafirmando a LOOP como una de las experiencias de club más sólidas del panorama nacional. Explora las zonas de reservados Vive el evento desde una mesa en la sala principal, con acceso preferente y servicios exclusivos. Backstage Dcha Backstage Izq Cielo Cristal DJ Booth Palco Dcha Palco Izq Pista Dcha Pista Izq VIP Backstage Dcha Backstage Izq Cielo Cielo Cristal DJ Booth Palco Dcha Palco Izq Pista Dcha Pista Izq VIP VIP VIP DJBOOTH desde 2000€ Para 8 personas La experiencia total en una de las mesas de escenario, detrás del dj y a apenas dos metros de la acción 3 botellas premium Acceso al evento con pulsera y sello de salida Fast access Aparcacoches Baño privado CRISTAL desde 1000€ Para 8 personas Una de las zonas más exclusivas de FABRIK, en frente de la cabina y con las mejores vistas de la sala 2 botellas premium Acceso al evento con pulsera y sello de salida Fast access Aparcacoches Baño privado Barra privada Ropero privado Acceso terraza VIP desde 250€ Para 5 personas Vista panorámica de toda la main room desde una de las esquinas superiores de la misma 1 botella Acceso al evento con pulsera y sello de salida Fast access Parking VIP Baño privado Barra privada Ropero privado Acceso terraza PALCO IZQ desde 200€ Para 8 personas Amplia zona de palcos con mesas amplias y grandes, zona perfecta para grupos numerosos. Situadas en los laterales de la pista en la zona superior 2 botellas Acceso al evento con pulsera y sello de salida Fast access Parking VIP Baño privado Barra privada Acceso terraza PALCO DCHA desde 400€ Para 8 personas Amplia zona de palcos con mesas amplias y grandes, zona perfecta para grupos numerosos. Situadas en los laterales de la pista en la zona superior 2 botellas Acceso al evento con pulsera y sello de salida Fast access Parking VIP Baño privado Barra privada BACKSTAGE IZQ desde 750€ Para 5 personas Disfruta la inmensidad de FABRIK desde una de las zonas más increíbles y exclusivas, mesas en cabina por encima del DJ para disfrutar de las mejores vistas de la main room del club. 2 botellas premium Acceso al evento con pulsera y sello de salida Fast access Aparcacoches Baño privado Barra privada BACKSTAGE DCHA desde 750€ Para 5 personas Disfruta la inmensidad de FABRIK desde una de las zonas más increíbles y exclusivas, mesas en cabina por encima del DJ para disfrutar de las mejores vistas de la main room del club. 2 botellas premium Acceso al evento con pulsera y sello de salida Fast access Aparcacoches Baño privado Barra privada CIELO desde 300€ Para 6 personas Vive el evento en la parte más alta de la discoteca, nuestra zona cielo es perfecta para disfrutar de todo el show audiovisual 1 botella premium Acceso al evento con pulsera y sello de salida Fast access Parking VIP Baño privado Barra privada Ropero privado Acceso terraza PISTA IZQ desde 200€ Para 5 personas Vive la experiencia exclusiva de nuestra zona VIP pero como si estuvieras en "el barro". Mesas con botella a pie de pista 1 botella Acceso al evento con pulsera y sello de salida Fast access Parking VIP PISTA DCHA desde 200€ Para 5 personas Vive la experiencia exclusiva de nuestra zona VIP pero como si estuvieras en "el barro". Mesas con botella a pie de pista 1 botella Acceso al evento con pulsera y sello de salida Fast access Parking VIP
Also check out other Trips & Adventurous Activities in Humanes de Madrid, Workshops in Humanes de Madrid.
