/* 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)); } }