/* TECHNO PARTY 2026 · portada, agenda y tarjetas de fiesta */

.t26-oculto{ position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }/* ---------- píldoras de filtro / etiqueta ---------- */


.t26-pil{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: var(--t26-pM); padding: 0 16px; border-radius: 999px; border: 1.5px solid #fff; background: transparent; color: #fff; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; cursor: pointer; text-decoration: none; }
.t26-pil svg{ width: 14px; height: 14px; }
.t26-pil:hover,.t26-pil.is-on{ background: #fff; color: #000 !important; }
.t26-pil--s{ height: var(--t26-pS); padding: 0 10px; font-size: 10px; border-width: 1.33px; }
.t26-pil--rojo{ background: var(--t26-rojo); border-color: var(--t26-rojo); cursor: default; }
.t26-pil--rojo:hover{ background: var(--t26-rojo); color: #fff !important; }
.t26-ft__g .t26-pil{ border-color: var(--t26-rojo); background: var(--t26-rojo); height: 20px; padding: 0 8px; font-size: 9px; letter-spacing: .08em; border-width: 1px; }
.t26-ft__g .t26-pil:hover{ background: #fff; border-color: #fff; color: var(--t26-rojo) !important; }/* ---------- secciones ---------- */


.t26-main--portada{ padding-top: 0; }
.t26-sec{ padding-top: clamp(36px, 3vw, 56px); }
.t26-sec__cab{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 20px; }
.t26-sec__cab .t26-pil{ align-self: center; }
.t26-sec__sub{ color: var(--t26-gris); font-size: 15px; }
.t26-sec__mas{ margin-left: auto; font: 700 12px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; }
.t26-zonas{ display: flex; gap: 8px; flex-wrap: wrap; }/* ---------- noticias grandes de portada ---------- */


.t26-hero{ position: relative; background: #000; }
.t26-hero__pista{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.t26-hero__pista::-webkit-scrollbar{ display: none; }
.t26-hero__it{ flex: 0 0 100%; scroll-snap-align: start; position: relative; height: clamp(440px, 38vw, 820px); }
.t26-hero__a{ display: block; height: 100%; color: #fff; }
.t26-hero__a img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.t26-hero__a::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.85) 100%); }
.t26-hero__tx{ position: absolute; left: 0; right: 0; top: 50%; bottom: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.t26-hero__meta{ color: var(--t26-rojo-hover); font: 700 clamp(12px, .94vw, 18px)/1.2 var(--t26-texto); letter-spacing: .08em; }
.t26-hero__t{ font: 700 clamp(26px, 2.7vw, 54px)/1.05 var(--t26-titulo); text-transform: uppercase; max-width: 66%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.t26-hero__leer{ font: 700 clamp(12px, .94vw, 18px)/1 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; }
.t26-hero__a:hover .t26-hero__leer{ color: var(--t26-rojo-hover); }
.t26-hero__puntos{ position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; display: flex; gap: 8px; }
.t26-hero__puntos button{ width: 28px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255,255,255,.35); cursor: pointer; }
.t26-hero__puntos button[aria-selected="true"]{ background: var(--t26-rojo); width: 48px; }
@media (max-width: 767px) { .t26-hero__it{ height: 440px; } .t26-hero__t{ max-width: none; font-size: 22px; } }/* ---------- noticias en rejilla ---------- */


.t26-noticias{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; }
.t26-nt{ display: flex; flex-direction: column; gap: 8px; }
.t26-nt__img{ aspect-ratio: 16 / 10; background: #1c1c1c; overflow: hidden; border-radius: 4px; }
.t26-nt__img img{ width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.t26-nt:hover img{ transform: scale(1.03); }
.t26-nt__meta{ color: var(--t26-rojo-hover); font: 700 11px/1.3 var(--t26-texto); letter-spacing: .08em; }
.t26-nt__t{ font: 700 17px/1.25 var(--t26-texto); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 980px) { .t26-noticias{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .t26-noticias{ grid-template-columns: 1fr; } }/* ---------- agenda: cabecera, filtros ---------- */


.t26-migas{ display: flex; gap: 8px; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-gris); margin-bottom: 14px; }
.t26-migas a:hover{ color: #fff; }
.t26-agenda__cab{ display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.t26-agenda__sub{ margin: 8px 0 0; color: var(--t26-gris-claro); font-size: 15px; }
.t26-agenda__sub strong{ color: #fff; }
.t26-agenda__acc{ display: flex; gap: 8px; flex-wrap: wrap; }
.t26-vista{ display: inline-flex; gap: 6px; }/* barra de herramientas: EXPLORAR · 4 filtros iguales que llenan la fila · LISTA/MOSAICO — todo a la misma altura */

.t26-barra{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ex filtros vista"; gap: 10px; align-items: center; margin: 28px 0 0; }
.t26-barra__ex{ grid-area: ex; white-space: nowrap; }
.t26-barra__vista{ grid-area: vista; }
.t26-filtros{ grid-area: filtros; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
.t26-filtro{ position: relative; display: block; min-width: 0; }
.t26-filtro select{ -webkit-appearance: none; appearance: none; width: 100%; height: var(--t26-pM); padding: 0 34px 0 16px; border-radius: 999px; border: 1.5px solid #fff; background: transparent; color: #fff; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.t26-filtro::after{ content: ""; position: absolute; right: 14px; top: 50%; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none; color: #fff; }
.t26-filtro select option{ background: #111; color: #fff; text-transform: none; letter-spacing: 0; }
.t26-filtro.is-on select{ background: #fff; color: #000; }
.t26-filtro.is-on::after{ color: #000; }
.t26-filtros__fila{ margin: 12px 0 0; }
.t26-filtros__quitar{ font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-rojo-hover); }
@media (max-width: 1100px) {
	.t26-barra{ grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ex vista" "filtros filtros"; }
	.t26-barra__ex{ justify-self: start; }
}
@media (max-width: 600px) {
	.t26-filtros{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.t26-barra{ gap: 8px; }
}/* ---------- lista por días ---------- */


.t26-dia{ font: 700 clamp(18px, 1.25vw, 24px)/1.2 var(--t26-titulo); text-transform: uppercase; margin: 44px 0 18px; display: flex; align-items: center; gap: 10px; }
.t26-dia--vivo{ color: var(--t26-rojo-hover); }
.t26-vacio{ color: var(--t26-gris-claro); margin: 40px 0; }
.t26-vacio a{ text-decoration: underline; }
.t26-mas{ display: flex; justify-content: center; margin: 40px 0 0; }/* ---------- tarjeta de fiesta ---------- */


.t26-ft{ position: relative; min-width: 0; }
.t26-ft__img{ position: relative; display: block; aspect-ratio: 4 / 5; background: #1c1c1c; overflow: hidden; }
.t26-ft__img img{ width: 100%; height: 100%; object-fit: cover; }
.t26-ft__img::after{ content: ""; position: absolute; inset: 0; border: 2px solid transparent; transition: border-color .15s; pointer-events: none; }
.t26-ft:hover .t26-ft__img::after{ border-color: var(--t26-rojo); }
.t26-ft__sin{ position: absolute; inset: 0; background: linear-gradient(135deg, #1c1c1c, #333); }
.t26-ft__tx{ display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: 100%; }
.t26-ft__t{ font: 700 16px/1.3 var(--t26-texto); text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.t26-ft__s{ font: 700 13px/1.3 var(--t26-texto); color: var(--t26-gris-claro); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.t26-ft__l{ font: 700 12px/1.3 var(--t26-texto); color: var(--t26-rojo-hover); letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t26-ft__l:hover{ color: #fff; }
.t26-ft__dj{ font: 400 12px/1.3 var(--t26-texto); color: #a9a9a9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.t26-ft__g{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }/* etiquetas de fecha / LIVE sobre el cartel */


.t26-et{ display: inline-flex; align-items: center; justify-content: center; height: var(--t26-pS); padding: 0 10px; border-radius: 999px; font: 700 10px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.t26-ft__img .t26-et{ position: absolute; top: 10px; left: 10px; z-index: 1; }
.t26-et--fecha{ background: var(--t26-rojo); color: #fff; border: 1.5px solid var(--t26-rojo); }/* igual que la web actual (.tpd26-fecha): roja con texto blanco */ 
.t26-et--live{ display: none; background: var(--t26-rojo); color: #fff; border: 1.5px solid var(--t26-rojo); animation: t26-live 1.2s steps(1) infinite; }
.t26-ft.is-live .t26-et--live,.t26-et--live.is-on{ display: inline-flex; }
.t26-ft.is-live .t26-et--fecha{ display: none; }
@keyframes t26-live { 50% { background: transparent; color: var(--t26-rojo-hover); } }
@media (prefers-reduced-motion: reduce) { .t26-et--live{ animation: none; } }/* LISTA (por defecto en la agenda) */


.t26-lista .t26-fiestas{ display: flex; flex-direction: column; }
.t26-lista .t26-ft{ display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--t26-linea); }
.t26-lista .t26-ft__img{ width: 96px; }
.t26-lista .t26-et--fecha{ display: none; }
.t26-lista .t26-ft__img .t26-et{ top: 6px; left: 6px; height: 20px; padding: 0 7px; font-size: 9px; }
.t26-lista .t26-ft__tx{ display: grid; grid-template-columns: minmax(220px, 34%) minmax(0, 1fr); column-gap: clamp(20px, 3vw, 64px); align-items: start; }
.t26-lista .t26-ft__t,.t26-lista .t26-ft__s,.t26-lista .t26-ft__l{ grid-column: 1; }
.t26-lista .t26-ft__dj,.t26-lista .t26-ft__g{ grid-column: 2; }
.t26-lista .t26-ft__dj{ grid-row: 1 / span 2; }
.t26-lista .t26-ft__g{ grid-row: 3 / span 2; align-self: start; margin-top: 0; }
@media (max-width: 980px) {
	.t26-lista .t26-ft{ grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: start; }
	.t26-lista .t26-ft__img{ width: 84px; }
	.t26-lista .t26-ft__tx{ display: flex; }
	.t26-lista .t26-ft__acc{ grid-column: 2; }
	.t26-lista .t26-ft__dj{ -webkit-line-clamp: 2; }
}/* MOSAICO y rejillas */


html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: clamp(28px, 2.1vw, 40px) clamp(12px, 1.04vw, 20px); }
.t26-fiestas--8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
html.t26-mosaico .t26-lista .t26-ft,.t26-fiestas--rejilla .t26-ft{ display: flex; flex-direction: column; gap: 10px; padding: 0; border: 0; }
html.t26-mosaico .t26-lista .t26-ft__img{ width: auto; }
html.t26-mosaico .t26-lista .t26-et--fecha{ display: inline-flex; }
html.t26-mosaico .t26-lista .t26-ft.is-live .t26-et--fecha{ display: none; }
html.t26-mosaico .t26-lista .t26-ft__img .t26-et{ top: 10px; left: 10px; height: var(--t26-pS); padding: 0 10px; font-size: 10px; }
html.t26-mosaico .t26-lista .t26-ft__tx{ display: flex; }/* mosaico: todas las tarjetas de una fila con la misma altura y las cápsulas alineadas abajo */

html.t26-mosaico .t26-lista .t26-ft__tx,.t26-fiestas--rejilla .t26-ft__tx{ flex: 1; }
html.t26-mosaico .t26-lista .t26-ft__dj,.t26-fiestas--rejilla .t26-ft__dj{ -webkit-line-clamp: 2; }
html.t26-mosaico .t26-ft__acc,.t26-fiestas--rejilla .t26-ft__acc{ display: none; }
@media (max-width: 1400px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 980px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .t26-ft__t{ font-size: 14px; } }/* ---------- panel EXPLORAR ---------- */


.t26-ex__tit{ font: 700 15px/1 var(--t26-texto); text-transform: uppercase; letter-spacing: .06em; }
.t26-ex{ flex: 1; min-height: 0; display: flex; flex-direction: column; }
.t26-ex__tabs{ display: flex; gap: 6px; padding: 16px 24px 0; }
.t26-ex__buscar{ padding: 12px 24px 4px; }
.t26-ex__buscar svg{ left: 37px; }
.t26-ex__buscar input{ width: 100%; height: 40px; }
.t26-ex__panel{ flex: 1; overflow-y: auto; padding-bottom: 24px; scrollbar-width: thin; scrollbar-color: #333 var(--t26-panel); }
.t26-ex__chips{ display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 24px 8px; }
.t26-ex__it{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 24px; font-size: 14px; border-bottom: 1px solid #1d1d1d; }
.t26-ex__it em{ font-style: normal; color: var(--t26-gris); font-size: 12px; }
.t26-ex__it:hover{ background: #141414; color: var(--t26-rojo-hover); }
.t26-lista > .t26-dia:first-child{ margin-top: 32px; }/* ===== 13-10-2026 · AGENDA COPIA 1:1 DE LA WEB ACTUAL ===== */


.t26-agenda > .t26-agenda__cab h1{ margin-top: clamp(24px, 2.4vw, 46px); }
.t26-seccion__cab{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: clamp(28px, 2.6vw, 48px) 0 18px; }
body.t26 :is(.t26-seccion__cab h2, h2.t26-seccion__t){ font: 700 clamp(20px, 1.67vw, 32px)/1.1 var(--t26-titulo); text-transform: uppercase; }
h2.t26-seccion__t{ margin: clamp(40px, 3.4vw, 64px) 0 0; scroll-margin-top: calc(var(--t26-cab) + 20px); }
.t26-seccion__mas{ font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-rojo-hover); white-space: nowrap; }/* barra de filtros compacta: ZONA · FECHA · GÉNERO · TIPO · HORARIO a la izquierda, LISTA/MOSAICO a la derecha */

body.t26 .t26-barra{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: clamp(18px, 1.7vw, 32px) 0 0; }
body.t26 .t26-filtros{ display: flex; flex-wrap: wrap; gap: 10px; }
body.t26 .t26-filtro{ position: relative; width: clamp(120px, 8.6vw, 165px); }
body.t26 .t26-filtro--fecha{ width: clamp(130px, 9.4vw, 180px); }
body.t26 .t26-filtro--fecha > svg{ position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; pointer-events: none; z-index: 1; }
body.t26 .t26-filtro--fecha select{ padding-left: 40px; }
body.t26 .t26-barra__ex svg{ width: 14px; height: 14px; }
body.t26 .t26-barra__vista{ margin-left: auto; }/* estilos de música: contorno rojo (rellenas al pasar) */

body.t26 .t26-ft__g .t26-pil{ background: transparent; border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
body.t26 .t26-ft .t26-ft__g .t26-pil:hover{ background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff !important; }/* LISTA: chincheta + club en gris; MOSAICO: club · ciudad en rojo */

.t26-ft__club{ display: none; }
html:not(.t26-mosaico) .t26-lista .t26-ft__l{ display: none; }
html:not(.t26-mosaico) .t26-lista .t26-ft__club{ display: inline-flex; align-items: center; gap: 5px; font: 400 12px/1.2 var(--t26-texto); text-transform: uppercase; color: #cfcfcf; }
.t26-ft__club svg{ width: 12px; height: 12px; flex: 0 0 auto; }/* cabecera de día: HOY, 13 OCT */

body.t26 .t26-lista .t26-dia{ font: 700 14px/1.2 var(--t26-texto); letter-spacing: .02em; margin: 26px 0 14px; }
@media (max-width: 760px) {
	body.t26 .t26-filtros{ width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	body.t26 .t26-filtros::-webkit-scrollbar{ display: none; }
	body.t26 .t26-filtro,body.t26 .t26-filtro--fecha{ flex: 0 0 auto; width: 132px; }
}/* FECHA: icono de calendario a la izquierda y sin flecha (como la web actual) */

body.t26 .t26-barra .t26-filtro--fecha .t26-filtro__btn{ padding-left: 40px; padding-right: 16px; }
body.t26 .t26-barra .t26-filtro--fecha::after{ display: none; }
body.t26 .t26-barra .t26-filtro--fecha.is-on > svg{ color: #000; }/* espacio bajo la tira de logos igual que la web actual */

body.t26 main.t26-agenda{ padding-top: clamp(20px, 1.75vw, 34px); }
body.t26 main.t26-agenda > .t26-agenda__cab h1{ margin-top: 0; }/* MOSAICO (destacados y vista mosaico): solo título, subtítulo y club · ciudad, como la web actual */

body.t26 .t26-fiestas--8 :is(.t26-ft__dj, .t26-ft__g),html.t26-mosaico body.t26 .t26-lista :is(.t26-ft__dj, .t26-ft__g){ display: none; }/* LISTA como la web actual: cartel 76 px, todo alineado arriba; club con chincheta bajo el título; DJs y estilos en la 2ª columna desde arriba */

@media (min-width: 981px) {
	html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft{ grid-template-columns: clamp(76px, 3.95vw, 101px) minmax(0, 1fr) auto; align-items: start; }
	html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__img{ width: clamp(76px, 3.95vw, 101px); }
	html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__club{ grid-column: 1; }
	html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__dj,html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__g{ grid-row: auto; }
	html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__tx{ grid-auto-flow: row dense; row-gap: 4px; }
}/* MOSAICO de "Próximos eventos" igual que PRINCIPAL (medido en technoparty.es 13-10):
   texto alineado a la izquierda con el cartel · título Poppins 18 · subtítulo 13 negrita · club (sin ciudad) 13 rojo · DJs 12 gris con "·" · estilos en píldora de contorno rojo */


html.t26-mosaico body.t26 main .t26-lista .t26-ft{ align-items: stretch; gap: 0; padding: 0 0 22px; border-bottom: 1px solid var(--t26-linea); }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__img{ width: 100%; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__tx{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding-top: 12px; text-align: left; gap: 0; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__t{ font: 700 18px/1.3 var(--t26-titulo); letter-spacing: -.2px; text-transform: uppercase; color: #fff; margin: 0 0 5px; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__s{ font: 700 13px/1.35 var(--t26-texto); letter-spacing: -.1px; text-transform: uppercase; color: #fff; margin: 0 0 6px; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__l{ display: none; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__club{ display: block; font: 400 13px/1.35 var(--t26-texto); letter-spacing: .52px; text-transform: uppercase; color: #ff2a2a; margin: 0 0 6px; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__club svg{ display: none; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft .t26-ft__dj{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font: 400 12px/1.3 var(--t26-texto); text-transform: uppercase; color: #bdbdbd; margin: 0; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft .t26-ft__g{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft .t26-ft__g .t26-pil{ height: 26px; padding: 0 11px; font: 700 10px/1 var(--t26-texto); letter-spacing: 1px; border-width: 1.33px; background: transparent; border-color: #ff2a2a; color: #ff2a2a; }
html.t26-mosaico body.t26 main .t26-lista .t26-ft__acc{ display: none; }
html.t26-mosaico[data-t26-tema="dia"] body.t26 main .t26-lista .t26-ft{ border-bottom-color: #e6e6e6; }
html.t26-mosaico[data-t26-tema="dia"] body.t26 main .t26-lista :is(.t26-ft__t, .t26-ft__s){ color: #111; }
html.t26-mosaico[data-t26-tema="dia"] body.t26 main .t26-lista .t26-ft .t26-ft__dj{ color: #6b6b6b; }/* BARRA DE FILTROS FIJA (como PRINCIPAL): en la agenda, ciudades y fichas de fiesta se queda pegada bajo la cabecera al bajar, con banda gris a todo el ancho */


body.t26 main .t26-barra{ position: sticky; top: var(--t26-cab); z-index: 50; padding: 14px 0; margin-top: 14px; }
body.t26 main .t26-barra::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: var(--t26-fondo); border-bottom: 1px solid var(--t26-linea); z-index: -1; pointer-events: none; }
body.admin-bar.t26 main .t26-barra{ top: calc(var(--t26-cab) + 32px); }
@media (max-width: 980px) { body.t26 main .t26-barra{ top: 56px; } body.admin-bar.t26 main .t26-barra{ top: 102px; } }
@media (max-width: 600px) { body.admin-bar.t26 main .t26-barra{ top: 56px; } }/* NOTICIAS: ya no se fija .t26-nts__top; usa la misma .t26-barra fija de arriba (ver noticias.css) *//* barra de búsqueda: ESPAÑA a la misma altura que FECHA, GÉNERO, TIPO y HORARIO */




body.t26 main .t26-barra .t26-pil.t26-barra__ex{ height: var(--t26-pM); padding: 0 18px; font-size: 11px; letter-spacing: .1em; }/* ===== 13-10-2026 · PÍLDORAS IGUALES A PRINCIPAL (add572_pildoras + add577_pildoras_movil + fecha_facet) =====
   L 44px · 0 22px · 12px  |  M 36px · 0 18px · 11px  |  S 26px · 0 11px · 10px · .08em
   Común: borde 1.5px, radio total, Helvetica 700, MAYÚSCULAS, espaciado .1em, line-height 1.
   ≤980px: L 40 · M 34 · S 24 (las etiquetas del cartel: 0 10px, .1em, sin borde). */


body.t26 :is(.t26-pil, .t26-filtro__btn, .t26-filtro select, .t26-mas .t26-boton, .t26-et){ box-sizing: border-box; min-height: 0; border-radius: 999px; border-width: 1.5px; border-style: solid; font-family: var(--t26-texto); font-weight: 700; line-height: 1; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; margin-top: 0; margin-bottom: 0; }/* L: EXPLORAR / zona (.tp-explora-trigger) */

body.t26 .t26-barra .t26-pil.t26-barra__ex{ height: var(--t26-pL); padding: 0 22px; font-size: 12px; gap: 10px; }/* M: LISTA/MOSAICO, pestañas de EXPLORAR, CARGAR MÁS, filtros (wpgb-select / wpgb-date-facet) */

body.t26 :is(.t26-pil, .t26-pil--m, .t26-vista .t26-pil, .t26-ex__tabs .t26-pil, .t26-mas .t26-boton){ height: var(--t26-pM); padding: 0 18px; font-size: 11px; gap: 8px; }
body.t26 .t26-mas .t26-boton{ letter-spacing: .1em; }
body.t26 .t26-filtros :is(.t26-filtro__btn, .t26-filtro select){ height: var(--t26-pM); padding: 0 34px 0 18px; font-size: 11px; letter-spacing: .1em; }
body.t26 .t26-filtro::after{ right: 14px; }/* FECHA: icono 14px a 18px del borde + 8px de hueco → texto a 40px; sin flecha */

body.t26 .t26-barra .t26-filtro--fecha > svg{ left: 18px; }
body.t26 .t26-barra .t26-filtro--fecha :is(.t26-filtro__btn, select){ padding-left: 40px; padding-right: 18px; }
body.t26 .t26-filtros,body.t26 .t26-barra{ gap: 10px; }/* S: estilos de música, chips de EXPLORAR, etiquetas FECHA / LIVE del cartel (lista y mosaico) */

body.t26 :is(.t26-pil--s, .t26-ft__g .t26-pil){ height: var(--t26-pS); padding: 0 11px; font-size: 10px; letter-spacing: .08em; border-width: 1.5px; }
body.t26 .t26-ft__g{ gap: 6px; row-gap: 6px; }
body.t26 .t26-ft__img .t26-et,html.t26-mosaico body.t26 .t26-lista .t26-ft__img .t26-et,body.t26 .t26-lista .t26-ft__img .t26-et{ height: var(--t26-pS); padding: 0 11px; font-size: 10px; letter-spacing: .08em; top: 10px; left: 10px; }
html:not(.t26-mosaico) body.t26 .t26-lista .t26-ft__img .t26-et{ top: 6px; left: 6px; }
@media (max-width: 980px) {/* tokens móviles de PRINCIPAL, limitados a la agenda (ver informe: deberían ir en :root de base.css) */
	
	body.t26 :is(.t26-barra, .t26-filtros, .t26-lista, .t26-fiestas, .t26-ex, .t26-mas, .t26-sec, .t26-zonas){ --t26-pL: 40px; --t26-pM: 34px; --t26-pS: 24px; }
	body.t26 .t26-ft__img .t26-et,html.t26-mosaico body.t26 .t26-lista .t26-ft__img .t26-et,body.t26 .t26-lista .t26-ft__img .t26-et{ padding: 0 10px; letter-spacing: .1em; }
	body.t26 .t26-ft__img .t26-et--fecha{ border: 0; }
}/* MOSAICO = mismo tamaño de cartel que DESTACADOS (carrusel .t26-crs: 8 / 5 / 3 / 2 por fila y el mismo hueco entre columnas) */


html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: clamp(10px, .73vw, 14px); }
@media (max-width: 1400px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 980px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { html.t26-mosaico .t26-lista .t26-fiestas,.t26-fiestas--rejilla,.t26-fiestas--8{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }