/* TECHNO PARTY 2026 · fichas (fiesta, DJ, club, promotora) y noticias */

.t26-rojo { color: var(--t26-rojo-hover) !important; }
body.t26 .t26-et-sec { font: 700 11px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--t26-gris); margin: 0 0 12px; }
.t26-adm { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0 0 20px; }
.t26-texto { font-size: 16px; line-height: 1.6; color: #e6e6e6; }
.t26-texto p { margin: 0 0 1em; }
.t26-texto a { color: var(--t26-rojo-hover); text-decoration: underline; }

/* ---------- ficha: cartel + datos ---------- */
.t26-ficha__in { display: grid; grid-template-columns: clamp(260px, 30vw, 520px) minmax(0, 1fr); gap: clamp(28px, 2.9vw, 56px); align-items: start; }
.t26-ficha__cartel { min-width: 0; } /* PRINCIPAL: el cartel no se queda fijo al bajar */
.t26-ficha__img { display: block; width: 100%; aspect-ratio: 4 / 5; padding: 0; border: 0; background: #1c1c1c; overflow: hidden; cursor: zoom-in; position: relative; }
.t26-ficha__img img { width: 100%; height: 100%; object-fit: cover; }
.t26-ficha__img--foto { cursor: default; }
.t26-ficha__iniciales { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 700 96px/1 var(--t26-titulo); color: #3a3a3a; background: #000; }
.t26-ficha__acc { display: flex; gap: 8px; margin-top: 12px; }
.t26-ficha__acc .t26-boton { flex: 1; }
.t26-ficha__fecha { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; font: 700 clamp(13px, .94vw, 18px)/1.2 var(--t26-texto); color: var(--t26-rojo-hover); letter-spacing: .04em; }
.t26-ficha__fecha .t26-et--live { display: none; }
.t26-ficha__fecha .t26-et--live.is-on { display: inline-flex; }
.t26-ficha__t { font-size: clamp(30px, 3.75vw, 72px) !important; line-height: 1 !important; margin: 0 0 10px !important; overflow-wrap: anywhere; }
.t26-ficha__ed { font: 700 clamp(18px, 1.98vw, 38px)/1.1 var(--t26-titulo); text-transform: uppercase; margin: 0 0 18px; color: #e6e6e6; }
.t26-ficha__bloque { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--t26-linea); }
.t26-ficha__djs { font: 700 15px/1.6 var(--t26-texto); margin: 0 0 12px; }
.t26-ficha__djs a:hover { color: var(--t26-rojo-hover); }
.t26-ficha__djs span { color: var(--t26-gris); margin: 0 4px; }
.t26-ficha__datos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 24px; margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--t26-linea); }
.t26-ficha__datos dt { font: 700 11px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--t26-gris); margin-bottom: 6px; }
.t26-ficha__datos dd { margin: 0; font: 700 15px/1.35 var(--t26-texto); }
.t26-ficha__botones { display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0 0; }
.t26-ficha__botones .t26-pronto { background: transparent; border-color: #555; color: #8f8f8f !important; }
.t26-verif { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 99px; background: #fff; color: #000; font-size: 12px; }
.t26-donde__club { font: 700 22px/1.2 var(--t26-titulo); text-transform: uppercase; margin: 0 0 6px; }
.t26-donde__l { margin: 0 0 4px; color: var(--t26-gris-claro); font-size: 14px; }
.t26-donde .t26-pil { margin-top: 10px; }
.t26-redes { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.t26-redes a { display: inline-flex; align-items: center; justify-content: center; width: var(--t26-pM); height: var(--t26-pM); border-radius: 999px; border: 1.5px solid #555; color: #fff; font: 700 11px/1 var(--t26-texto); text-transform: uppercase; }
.t26-redes a:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26-redes svg { width: 17px; height: 17px; }
.t26-plegable { max-height: calc(1.6em * 6); overflow: hidden; position: relative; }
.t26-plegable::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3em; background: linear-gradient(transparent, var(--t26-fondo)); }
.t26-plegable.is-abierto { max-height: none; }
.t26-plegable.is-abierto::after { display: none; }
.t26-vermas { background: none; border: 0; color: var(--t26-rojo-hover); font: 700 12px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; padding: 10px 0 0; cursor: pointer; }
.t26-pasadas summary { list-style: none; cursor: pointer; margin-bottom: 20px; }
.t26-pasadas summary::-webkit-details-marker { display: none; }
.t26-pasadas summary h2 { display: inline; }
.t26-fiestas--pasadas .t26-ft { opacity: .7; }
.t26-fiestas--uno { grid-template-columns: minmax(0, 220px) !important; }
@media (max-width: 980px) {
	.t26-ficha__in { grid-template-columns: 1fr; }
	.t26-ficha__cartel { position: static; max-width: 520px; }
	.t26-ficha__datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* cartel / fotos a pantalla completa */
.t26-zoom { position: fixed; inset: 0; z-index: 100002; background: rgba(0, 0, 0, .94); display: flex; align-items: center; justify-content: center; cursor: zoom-out; outline: 0; }
.t26-zoom img { max-width: 94vw; max-height: 94vh; object-fit: contain; }

/* ---------- sección de noticias ---------- */
.t26-nt-portada { position: relative; display: block; margin: 24px 0 40px; height: clamp(380px, 37.5vw, 720px); background: #000; overflow: hidden; color: #fff; }
.t26-nt-portada img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.t26-nt-portada::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,.88)); }
.t26-nt-portada__tx { position: absolute; left: clamp(20px, 2.5vw, 48px); right: clamp(20px, 2.5vw, 48px); bottom: clamp(20px, 2.5vw, 48px); z-index: 1; display: flex; flex-direction: column; gap: 12px; }
.t26-nt-portada__ex { max-width: 760px; color: #ddd; font-size: 16px; line-height: 1.45; }
.t26-noticias--seccion { margin-top: 8px; }
.t26-noticias--lado { grid-template-columns: 1fr !important; gap: 18px; }
.t26-noticias--lado .t26-nt { display: grid; grid-template-columns: 96px 1fr; gap: 4px 12px; }
.t26-noticias--lado .t26-nt__img { grid-row: span 2; aspect-ratio: 1; }
.t26-noticias--lado .t26-nt__t { font-size: 14px; }

/* ---------- ficha de noticia ---------- */
.t26-noticia__cab { max-width: 1040px; }
.t26-noticia__t { font-size: clamp(28px, 2.8vw, 54px) !important; line-height: 1.05 !important; margin: 10px 0 18px !important; }
.t26-noticia__firma { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--t26-gris-claro); font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--t26-linea); }
.t26-noticia__img { margin: 28px 0; }
.t26-noticia__img img { width: 100%; max-height: 720px; object-fit: cover; }
.t26-noticia__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(28px, 3.3vw, 64px); align-items: start; }
.t26-texto--largo { font-size: 18px; line-height: 1.65; max-width: 780px; }
.t26-texto--largo h2, .t26-texto--largo h3 { margin: 1.6em 0 .6em; }
.t26-texto--largo img { height: auto; margin: 1.2em 0; cursor: zoom-in; }
.t26-texto--largo figure { margin: 1.2em 0; }
.t26-texto--largo iframe { max-width: 100%; }
.t26-noticia__lado { position: sticky; top: calc(var(--t26-cab) + 24px); display: flex; flex-direction: column; gap: 32px; }
@media (max-width: 980px) {
	.t26-noticia__cuerpo { grid-template-columns: 1fr; }
	.t26-noticia__lado { position: static; }
	.t26-texto--largo { font-size: 17px; }
}

/* ===== RITMO TIPOGRÁFICO ÚNICO (regla pactada con Alberto el 10-10-2026, aplicada al tema nuevo) =====
 * Todas las líneas de información (títulos, subtítulos, sala/ciudad, DJs, estilos, fechas, textos de tarjeta)
 * con el MISMO interlineado (--t26-lh 1.3) y la MISMA separación entre líneas apiladas (--t26-sep 6px),
 * también entre filas de cápsulas de estilos. Fuera a propósito: botones, cápsulas de altura fija, iconos
 * y el cuerpo largo de las noticias (1.65). Va al final y con body.t26 para mandar sobre lo anterior. */
:root { --t26-lh: 1.3; --t26-sep: 6px; --t26-sep-pil: 10px; }
/* Las líneas de texto a 1.3 llevan ~2px de aire arriba y abajo dentro de la propia línea; las cápsulas no.
   Para que a la vista la separación sea LA MISMA, entre cápsulas van 10px (6 + el aire de las dos líneas). */
body.t26 :is(h1, h2, h3, h4, .t26-hero__t, .t26-hero__meta, .t26-nt__meta, .t26-nt__t, .t26-dia, .t26-agenda__sub,
	.t26-ft__t, .t26-ft__s, .t26-ft__l, .t26-ft__dj, .t26-ficha__fecha, .t26-ficha__t, .t26-ficha__ed, .t26-ficha__djs,
	.t26-ficha__datos dd, .t26-donde__club, .t26-donde__l, .t26-noticia__t, .t26-nt-portada__ex, .t26-cajon__it, .t26-pie) { line-height: var(--t26-lh) !important; }
/* tarjetas de fiesta: título · subtítulo · sala · DJs · estilos, todos a 6px; las cápsulas también a 6px entre sí */
body.t26 .t26-ft__tx { gap: var(--t26-sep); row-gap: var(--t26-sep); }
body.t26 .t26-ft__g { gap: var(--t26-sep-pil); margin-top: 2px; padding-top: 0; }
/* ninguna línea de la tarjeta puede salirse de su columna: lo que no cabe acaba en "…" */
body.t26 .t26-ft__tx > * { max-width: 100%; min-width: 0; }
body.t26 .t26-ft__l { align-self: stretch; }
body.t26 .t26-ft__dj { -webkit-line-clamp: 3; max-height: calc(var(--t26-lh) * 3em); }
/* tarjetas de noticia y portada */
body.t26 .t26-nt { gap: var(--t26-sep); }
body.t26 .t26-nt__img { margin-bottom: 4px; }
body.t26 .t26-hero__tx { gap: var(--t26-sep); }
/* fichas (fiesta, DJ, club, promotora, noticia): fecha · título · subtítulo · DJs a 6px */
body.t26 .t26-ficha__fecha, body.t26 .t26-ficha__t { margin-bottom: var(--t26-sep) !important; }
body.t26 .t26-ficha__djs { margin-bottom: var(--t26-sep); }
body.t26 .t26-noticia__t { margin: var(--t26-sep) 0 18px !important; }
body.t26 .t26-donde__club { margin-bottom: var(--t26-sep); }
body.t26 .t26-agenda__sub { margin-top: var(--t26-sep); }

/* ===== BOTONES = REFERENCIA "PUBLICA TU FIESTA" (regla pactada): ENTRADAS y los botones rojos de acción tienen
   la misma altura, letra y ancho que PUBLICA TU FIESTA de la cabecera, en todas las páginas. */
:root { --t26-pub-h: clamp(26px, 1.875vw, 36px); --t26-pub-fs: clamp(9px, .573vw, 11px); --t26-pub-px: clamp(10px, .94vw, 18px); }
body.t26 .t26-boton:not(.t26-boton--linea) { height: var(--t26-pub-h); font-size: var(--t26-pub-fs); padding: 0 var(--t26-pub-px); min-width: var(--t26-pub-w, 0px); }
@media (max-width: 980px) { :root { --t26-pub-h: 34px; --t26-pub-fs: 11px; } }

/* ===== FECHA SOBRE EL CARTEL: solo donde NO hay encabezado de día (DESTACADOS de la agenda, portada, relacionados).
   En los bloques por día (HOY, MAÑANA, MIÉRCOLES 14…) la fecha ya está en el encabezado: igual en lista y en mosaico. */
html.t26-mosaico body.t26 .t26-lista .t26-fiestas:not(.t26-fiestas--dest) .t26-et--fecha { display: none; }
body.t26 .t26-lista .t26-fiestas--dest .t26-ft:not(.is-live) .t26-et--fecha { display: inline-flex; }

/* ===== CORAZÓN DE FAVORITOS (plugin Favorites): LISTA = a la izquierda de ENTRADAS; MOSAICO = esquina del cartel */
.t26-ft__acc { display: flex; align-items: center; gap: 12px; }
.t26-fav { display: inline-flex; }
.t26-fav .simplefavorite-button { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--t26-pub-h); height: var(--t26-pub-h); border-radius: 999px; border: 1.5px solid #fff; color: #fff; cursor: pointer; transition: background-color .15s, border-color .15s; font-size: 0; }
.t26-fav .simplefavorite-button > * { display: none !important; }
.t26-fav .simplefavorite-button::before { content: ""; width: 46%; height: 46%; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.3C1 8 3.4 4.5 7 4.5c2 0 3.6 1.1 5 2.9 1.4-1.8 3-2.9 5-2.9 3.6 0 6 3.5 4.5 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.3C1 8 3.4 4.5 7 4.5c2 0 3.6 1.1 5 2.9 1.4-1.8 3-2.9 5-2.9 3.6 0 6 3.5 4.5 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat; }
.t26-fav .simplefavorite-button.active::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.3C1 8 3.4 4.5 7 4.5c2 0 3.6 1.1 5 2.9 1.4-1.8 3-2.9 5-2.9 3.6 0 6 3.5 4.5 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.3C1 8 3.4 4.5 7 4.5c2 0 3.6 1.1 5 2.9 1.4-1.8 3-2.9 5-2.9 3.6 0 6 3.5 4.5 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E"); }
.t26-fav .simplefavorite-button:hover, .t26-fav .simplefavorite-button.active { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26-fav .simplefavorite-button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* mosaico y rejillas: solo el corazón, arriba a la derecha del cartel (las entradas se compran desde la ficha) */
html.t26-mosaico body.t26 .t26-lista .t26-ft__acc, body.t26 .t26-fiestas--rejilla .t26-ft__acc { display: flex; position: absolute; top: 10px; right: 10px; z-index: 2; }
html.t26-mosaico body.t26 .t26-lista .t26-ft__acc .t26-entradas, body.t26 .t26-fiestas--rejilla .t26-ft__acc .t26-entradas { display: none; }
html.t26-mosaico body.t26 .t26-lista .t26-fav .simplefavorite-button, body.t26 .t26-fiestas--rejilla .t26-fav .simplefavorite-button { background: rgba(0, 0, 0, .6); border-color: rgba(255, 255, 255, .85); }
html.t26-mosaico body.t26 .t26-lista .t26-fav .simplefavorite-button:is(:hover, .active), body.t26 .t26-fiestas--rejilla .t26-fav .simplefavorite-button:is(:hover, .active) { background: var(--t26-rojo); border-color: var(--t26-rojo); }

/* ===== DESPLEGABLES DE FILTRO PROPIOS (marca TP): nada del desplegable azul del sistema.
   Cápsula = título o lo elegido; lista oscura, en MAYÚSCULAS, sin repetir el título; elegido en rojo; FECHA con calendario DESDE–HASTA. */
.t26-filtro__btn { -webkit-appearance: none; appearance: none; display: flex; align-items: center; 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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.t26-filtro__btn:hover, .t26-filtro.is-abierto .t26-filtro__btn { border-color: var(--t26-rojo); }
.t26-filtro.is-on .t26-filtro__btn { background: #fff; color: #000; border-color: #fff; }
.t26-filtro.is-abierto::after { transform: translateY(-30%) rotate(-135deg); }
.t26-filtro__menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; z-index: 50; min-width: 100%; width: max-content; max-width: min(340px, 92vw); max-height: min(420px, 70vh); overflow: auto; padding: 6px; background: #0b0b0b; border: 1.5px solid #333; border-radius: 16px; box-shadow: 0 18px 44px rgba(0, 0, 0, .6); }
.t26-filtro.is-abierto .t26-filtro__menu { display: block; }
.t26-filtro__op { display: block; width: 100%; padding: 11px 14px; border: 0; border-radius: 10px; background: transparent; color: #fff; font: 700 11px/1.3 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; text-align: left; cursor: pointer; }
.t26-filtro__op:hover, .t26-filtro__op:focus-visible { background: var(--t26-rojo); color: #fff; outline: 0; }
.t26-filtro__op.is-on { color: var(--t26-rojo-hover); }
.t26-filtro__op.is-on:hover { color: #fff; }
.t26-filtro__op--quitar { margin-top: 4px; border-top: 1px solid #262626; border-radius: 0 0 10px 10px; color: #8f8f8f; }
.t26-filtro__cal { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 6px; padding: 12px 8px 8px; border-top: 1px solid #262626; }
.t26-filtro__cal-t { grid-column: 1 / -1; font: 700 10px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: #8f8f8f; }
.t26-filtro__cal label { display: flex; flex-direction: column; gap: 6px; font: 700 10px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.t26-filtro__cal input { color-scheme: dark; accent-color: var(--t26-rojo); height: 36px; padding: 0 10px; border-radius: 10px; border: 1.5px solid #333; background: #141414; color: #fff; font: 700 12px/1 var(--t26-texto); }
.t26-filtro__cal input:focus { border-color: var(--t26-rojo); outline: 0; }
.t26-filtro__cal .t26-boton { grid-column: 1 / -1; width: 100%; }
@media (max-width: 600px) { .t26-filtro:nth-child(even) .t26-filtro__menu { left: auto; right: 0; } }

/* ===== AL PASAR EL CURSO: todo lo que se puede pulsar se pone ROJO (logo incluido) =====
   Los botones y cápsulas rojas se invierten a blanco (su propio estilo); los iconos de redes van blancos sobre rojo. */
body.t26 a:not(.t26-boton):not(.t26-pil):not(.t26-ft__img):not(.t26-nt):not(.t26-cab__logo):not(.t26-pie__logo):not(.t26-ft__l):hover,
body.t26 button[data-t26-abre]:not(.t26-pil):not(.t26-boton):hover,
body.t26 .t26-nt:hover .t26-nt__t, body.t26 .t26-nt:hover .t26-nt__meta,
body.t26 .t26-hero__a:hover .t26-hero__leer, body.t26 .t26-vermas:hover { color: var(--t26-rojo-hover) !important; }
body.t26 :is(.t26-pie__redes, .t26-cajon__redes, .t26-redes) a:hover { color: #fff !important; }
/* logo blanco → rojo exacto (máscara con la propia silueta del logo) */
.t26-cab__logo, .t26-pie__logo { position: relative; display: inline-flex; }
.t26-cab__logo::after, .t26-pie__logo::after { content: ""; position: absolute; inset: 0; background: var(--t26-rojo-hover); opacity: 0; transition: opacity .15s; pointer-events: none;
	-webkit-mask: url("/wp-content/uploads/2026/05/Logo_Technoparty_50px_Black_Fill.png") left center / contain no-repeat; mask: url("/wp-content/uploads/2026/05/Logo_Technoparty_50px_Black_Fill.png") left center / contain no-repeat; }
.t26-cab__logo img, .t26-pie__logo img { transition: opacity .15s; }
.t26-cab__logo:hover::after, .t26-pie__logo:hover::after, .t26-cab__logo:focus-visible::after { opacity: 1; }
.t26-cab__logo:hover img, .t26-pie__logo:hover img, .t26-cab__logo:focus-visible img { opacity: 0; }

/* ===== CARRUSEL DE NOTICIAS DE LA PORTADA (como la web actual) ===== */
.t26-car { margin-top: clamp(16px, 1.25vw, 24px); }
.t26-car__caja { position: relative; height: clamp(440px, 35vw, 680px); background: #000; overflow: hidden; }
.t26-car__it { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.t26-car__it.is-on { opacity: 1; visibility: visible; transition: opacity .6s ease; z-index: 1; }
.t26-car__a { position: absolute; inset: 0; display: block; color: #fff; }
.t26-car__fotos { position: absolute; inset: 0; }
.t26-car__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .45s ease; }
.t26-car__foto.is-on { opacity: 1; }
.t26-car__sombra { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.5) 42%, rgba(0,0,0,.12) 75%), linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 40%); }
.t26-car__tx { position: absolute; left: clamp(56px, 7.3vw, 140px); right: 48%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: var(--t26-sep, 6px); }
.t26-car__meta { font: 700 clamp(10px, .68vw, 13px)/1.3 var(--t26-texto); letter-spacing: .1em; color: var(--t26-rojo-hover); }
body.t26 .t26-car__t { font: 700 clamp(24px, 2.45vw, 47px)/1.3 var(--t26-titulo) !important; color: #fff; text-transform: none; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.t26-car__leer { font: 700 clamp(10px, .63vw, 12px)/1.3 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.t26-car__a:hover .t26-car__t, body.t26 .t26-car__a:hover .t26-car__leer { color: var(--t26-rojo-hover) !important; }
.t26-car__flecha { position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.7); background: rgba(0,0,0,.35); color: #fff; font: 400 18px/1 var(--t26-texto); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color .15s, border-color .15s; }
.t26-car__flecha--ant { left: clamp(10px, 1.25vw, 24px); }
.t26-car__flecha--sig { right: clamp(10px, 1.25vw, 24px); }
.t26-car__flecha:hover, .t26-car__flecha:focus-visible { background: var(--t26-rojo); border-color: var(--t26-rojo); outline: 0; }
.t26-car__contador { position: absolute; top: clamp(14px, 1.25vw, 24px); right: clamp(16px, 1.56vw, 30px); z-index: 3; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; color: #8f8f8f; display: flex; gap: 6px; }
.t26-car__n { color: #fff; }
.t26-car__puntos { position: absolute; left: 50%; bottom: clamp(16px, 1.56vw, 30px); transform: translateX(-50%); z-index: 3; display: flex; gap: 6px; }
.t26-car__puntos button { width: 8px; height: 4px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.45); cursor: pointer; transition: width .2s, background-color .2s; }
.t26-car__puntos button[aria-selected="true"] { width: 22px; background: var(--t26-rojo); }
.t26-car__progreso { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; z-index: 3; background: rgba(255,255,255,.12); }
.t26-car__progreso span { display: block; height: 100%; width: 0; background: var(--t26-rojo); }
@media (max-width: 767px) {
	.t26-car__caja { height: clamp(380px, 115vw, 560px); }
	.t26-car__tx { left: 20px; right: 20px; top: auto; bottom: 48px; transform: none; }
	.t26-car__flecha { display: none; }
	.t26-car__sombra { background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.1) 100%); }
}
@media (prefers-reduced-motion: reduce) { .t26-car__it, .t26-car__foto { transition: none; } }

/* ===== CÁPSULAS DE NAVEGACIÓN (categorías de noticias, zonas, LISTA/MOSAICO, Explorar…):
   en reposo blancas de contorno; al pasar el cursor y la elegida, ROJAS con texto blanco ===== */
body.t26 .t26-pil:hover, body.t26 .t26-pil.is-on, body.t26 .t26-pil[aria-pressed="true"] { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff !important; }
body.t26 .t26-ft__g .t26-pil:hover { background: #fff; border-color: #fff; color: var(--t26-rojo) !important; } /* estilos de música: rojas que pasan a blanco */
/* página de NOTICIAS: "178 noticias" pequeño a la derecha del título; categorías en cápsulas de su tamaño */
.t26-seccion-nt .t26-agenda__cab > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; }
body.t26 .t26-seccion-nt .t26-agenda__sub { margin: 0; font-size: 14px; }
.t26-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }

/* ===== DESPLEGABLES EN EL GRIS DE LA WEB + CALENDARIO DE FECHA =====
   Fondo gris de la página (#2b2b2b) con borde gris; ancho = el de la cápsula (dos cápsulas si es estrecha; lo fija agenda.js). */
body.t26 .t26-filtro__menu { background: var(--t26-fondo); border: 1.5px solid #4a4a4a; border-radius: 16px; min-width: 0; max-width: none; box-shadow: 0 18px 44px rgba(0, 0, 0, .55); }
body.t26 .t26-filtro__op--quitar { border-top-color: #444; }
body.t26 .t26-filtro__menu--cal { padding: 14px; max-height: none; overflow: visible; }
.t26-cal__cab { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.t26-cal__mes { font: 700 12px/1.3 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.t26-cal__nav { width: 30px; height: 30px; border-radius: 999px; border: 1.5px solid #fff; background: transparent; color: #fff; font: 700 16px/1 var(--t26-texto); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 2px; }
.t26-cal__nav:hover:not(:disabled) { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26-cal__nav:disabled { opacity: .25; cursor: default; }
.t26-cal__sem, .t26-cal__dias { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.t26-cal__sem span { text-align: center; font: 700 10px/1.3 var(--t26-texto); letter-spacing: .1em; color: var(--t26-gris); padding: 4px 0; }
.t26-cal__d { height: 34px; border: 0; border-radius: 999px; background: transparent; color: #fff; font: 700 12px/1 var(--t26-texto); cursor: pointer; }
.t26-cal__d:hover:not(:disabled) { background: #444; }
.t26-cal__d.is-hoy { box-shadow: inset 0 0 0 1.5px #fff; }
.t26-cal__d.is-entre { background: rgba(228, 6, 19, .28); border-radius: 6px; }
.t26-cal__d { justify-self: center; width: min(100%, 40px); }
.t26-cal__d.is-entre { width: 100%; }
.t26-cal__d.is-on, .t26-cal__d.is-on:hover { background: var(--t26-rojo); color: #fff; }
.t26-cal__d.is-pasado { color: #5c5c5c; cursor: default; }
.t26-cal__sel { margin: 10px 0 0; font: 700 11px/1.3 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-gris-claro); text-align: center; }
.t26-cal__acc { display: flex; gap: 8px; margin-top: 10px; }
.t26-cal__acc > * { flex: 1; }
.t26-cal__limpiar { height: var(--t26-pub-h, 36px); border-radius: 999px; border: 1.5px solid #fff; background: transparent; color: #fff; font: 700 var(--t26-pub-fs, 11px)/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.t26-cal__limpiar:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); }
body.t26 .t26-cal__ok { min-width: 0; }
body.t26 .t26-cal__ok:disabled { opacity: .4; cursor: default; }

/* logo oficial (letras blancas con perfil negro): al pasar el cursor solo las letras blancas pasan a rojo (máscara por luminancia) */
.t26-cab__logo::after, .t26-pie__logo::after { -webkit-mask: none; mask: url("/wp-content/uploads/2026/05/Logo_Technoparty_50px_Black_Fill.png") left center / contain no-repeat luminance; }
.t26-cab__logo:hover img, .t26-pie__logo:hover img, .t26-cab__logo:focus-visible img { opacity: 1; }

/* LOGO al pasar el cursor (versión final 12-10): las letras blancas pasan a rojo marca (#e40613) y el perfil negro se queda negro.
   Filtro SVG #t26-rojo (header.php); se anula la capa de máscara anterior, que se veía desplazada. */
.t26-cab__logo::after, .t26-pie__logo::after { display: none !important; }
.t26-cab__logo img, .t26-pie__logo img { transition: filter .15s; opacity: 1 !important; }
.t26-cab__logo:hover img, .t26-pie__logo:hover img, .t26-cab__logo:focus-visible img { filter: url(#t26-rojo) brightness(.894); opacity: 1 !important; }

/* ===== CAJONES LATERALES EN EL GRIS DE LA WEB (12-10): EXPLORAR, MENÚ y CUENTA con el mismo gris que el fondo y los desplegables ===== */
body.t26 .t26-cajon__panel { background: var(--t26-fondo, #2b2b2b); border-color: #4a4a4a; }
body.t26 #t26-cajon-explorar .t26-cajon__panel { border-right-color: #4a4a4a; }
body.t26 .t26-cajon :is(hr, .t26-cajon__sep) { border-color: #4a4a4a; }
body.t26 a.t26-cajon__it:hover { background: #333; }
body.t26 .t26-cajon__avatar, body.t26 .t26-cajon__cab img.avatar { background: #222; }

/* ===== FICHAS DJ / CLUB / PROMOTORA (12-10): verificado, GUARDAR, TAMBIÉN EN, editor de ficha, aviso "Ficha guardada" ===== */
body.t26 .t26-verif { width: auto; height: auto; background: none; color: #ff2a2a; border: 1.5px solid #e40613; border-radius: 999px; padding: 5px 10px; font: 700 10px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; vertical-align: middle; }
body.t26 .t26-ficha__acc .t26-pronto, body.t26 .t26-ficha__acc .t26-pronto:hover { border-color: #555; color: #8f8f8f !important; background: transparent; cursor: default; }
.t26-rrss { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 18px; }
.t26-rrss li { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 56px; margin: 0; }
.t26-rrss a, .t26-rrss__off { display: inline-flex; align-items: center; justify-content: center; width: var(--t26-pub-h, 36px); height: var(--t26-pub-h, 36px); border: 1.5px solid #fff; border-radius: 999px; color: #fff; transition: background .15s, border-color .15s; }
.t26-rrss a:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff !important; }
.t26-rrss svg { width: 16px; height: 16px; }
.t26-rrss__n { font: 700 9px/1.1 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; color: #8f8f8f; text-align: center; }
.t26-rrss li.is-off .t26-rrss__off { border-color: #4a4a4a; color: #5a5a5a; cursor: default; }
.t26-rrss li.is-off .t26-rrss__n { color: #5a5a5a; }
/* GUARDAR (favoritos) en la ficha de fiesta: misma píldora que COMPARTIR, con corazón */
.t26-guardar { flex: 1; display: flex; }
.t26-guardar .simplefavorite-button { all: unset; box-sizing: border-box; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: var(--t26-pub-h, 36px); border: 1.5px solid #fff; border-radius: 999px; color: #fff; cursor: pointer; font: 700 var(--t26-pub-fs, 11px)/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; transition: background .15s, border-color .15s; }
.t26-guardar .simplefavorite-button > * { display: none !important; }
.t26-guardar .simplefavorite-button::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 20s-7-4.4-8.9-8.8C1.7 7.8 4 4.5 7.3 4.5c1.9 0 3.4 1 4.7 2.7 1.3-1.7 2.8-2.7 4.7-2.7 3.3 0 5.6 3.3 4.2 6.7C19 15.6 12 20 12 20z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 20s-7-4.4-8.9-8.8C1.7 7.8 4 4.5 7.3 4.5c1.9 0 3.4 1 4.7 2.7 1.3-1.7 2.8-2.7 4.7-2.7 3.3 0 5.6 3.3 4.2 6.7C19 15.6 12 20 12 20z'/%3E%3C/svg%3E") center/contain no-repeat; }
.t26-guardar .simplefavorite-button::after { content: "Guardar"; }
.t26-guardar .simplefavorite-button.active::after { content: "Guardada"; }
.t26-guardar .simplefavorite-button:is(:hover, .active) { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
/* editor de la ficha */
.t26-editar { margin-top: 28px; border: 1.5px solid #4a4a4a; border-radius: 16px; padding: 22px 24px; background: #232323; }
.t26-editar[hidden] { display: none; }
.t26-editar__nota { font-size: 12px; color: #8f8f8f; margin: 0 0 14px; }
.t26-editar__foto { display: flex; gap: 18px; align-items: center; border: 1.5px dashed #8a8a8a; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; cursor: pointer; transition: border-color .15s; }
.t26-editar__foto.is-over, .t26-editar__foto.is-ok { border-color: var(--t26-rojo); }
.t26-editar__foto.is-busy { opacity: .6; }
.t26-editar__prev { flex: 0 0 96px; width: 96px; height: 120px; border-radius: 8px; background: #161616 center/cover no-repeat; border: 1px solid #4a4a4a; }
.t26-editar__ftx { flex: 1; min-width: 0; font-size: 13px; color: #d8d8d8; line-height: 1.45; }
.t26-editar__ftx > span { display: block; margin-top: 6px; font-size: 11px; color: #8f8f8f; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.t26-editar__fbtn { display: flex !important; gap: 10px; margin: 10px 0 4px !important; }
.t26-editar :is(input:not([type=file]), textarea) { width: 100%; box-sizing: border-box; border: 1.5px solid #4a4a4a; border-radius: 8px; background: #1c1c1c; color: #fff; font: 14px/1.4 var(--t26-texto); padding: 0 12px; height: 40px; outline: 0; }
.t26-editar textarea { height: auto; min-height: 140px; padding: 10px 12px; resize: vertical; }
.t26-editar :is(input, textarea):focus { border-color: #fff; }
.t26-editar__campos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; margin-bottom: 16px; }
.t26-editar__campos label { display: flex; flex-direction: column; gap: 6px; font: 700 11px/1.3 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; color: #8f8f8f; }
.t26-editar__ancho { grid-column: 1 / -1; }
.t26-editar__acc { display: flex; gap: 10px; margin: 0; }
@media (max-width: 980px) { .t26-editar__campos { grid-template-columns: 1fr 1fr; } .t26-editar { padding: 18px 14px; } }
@media (max-width: 600px) { .t26-editar__campos { grid-template-columns: 1fr; } .t26-editar__foto { flex-direction: column; align-items: flex-start; } }
.t26-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 99999; background: #fff; color: #000; font: 700 13px/1 var(--t26-texto); padding: 13px 20px; border-radius: 999px; box-shadow: 0 12px 40px rgba(0,0,0,.55); transition: opacity .3s; }
.t26-toast.is-out { opacity: 0; }

/* ===== FICHAS = PRINCIPAL (13-10): mismas medidas que la ficha de technoparty.es (montaje "Ficha", fragmentos 3/4/16) =====
   Fiesta: cartel 520 + datos; fecha roja 20 · título 60 · edición 32 · ENTRADAS · bloques con línea gris var(--t26f-linea) y etiqueta
   pequeña; géneros en cápsula de contorno rojo. Debajo: PRÓXIMOS EVENTOS → RELACIONADOS (chips) → NOTICIAS (3).
   DJ / club / promotora: misma ficha; tipo en rojo sin cápsula, "Seguir en TP Social" rojo, "Cómo llegar" de contorno. */
/* colores de las fichas en variables: noche (gris) y modo día (blanco) */
body.t26 { --t26f-tx: #fff; --t26f-tx2: #d8d8d8; --t26f-linea: #8a8a8a; }
html[data-t26-tema="dia"] body.t26 { --t26f-tx: #111; --t26f-tx2: #333; --t26f-linea: #c8c8c8; }
body.t26 .t26-ficha__in { grid-template-columns: clamp(300px, 27.1vw, 520px) minmax(0, 1fr); gap: clamp(28px, 2.9vw, 56px); margin-top: 20px; }
body.t26 .t26-ficha__acc { gap: 10px; margin-top: 14px; }
body.t26 .t26-ficha__acc svg { width: 14px; height: 14px; }
body.t26 .t26-ficha__cab { display: flex; flex-direction: column; align-items: flex-start; gap: var(--t26-sep); }
body.t26 .t26-ficha__cab > * { margin: 0 !important; }
body.t26 .t26-ficha__cab .t26-et--live { height: var(--t26-pS); padding: 0 12px; font-size: 11px; letter-spacing: .12em; border-radius: 999px; }
body.t26 .t26-ficha__fecha { font: 700 clamp(15px, 1.04vw, 20px)/var(--t26-lh) var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-rojo-hover); }
body.t26 .t26-ficha__tipo { margin: 0 0 var(--t26-sep); }
body.t26 .t26-ficha__tipo .t26-verif { letter-spacing: .12em; }
body.t26 .t26-ficha__t { font-family: var(--t26-titulo); font-weight: 700; font-size: clamp(36px, 3.125vw, 60px) !important; letter-spacing: .01em; text-transform: uppercase; color: var(--t26f-tx); }
body.t26 .t26-ficha__ed { font: 700 clamp(22px, 1.67vw, 32px)/var(--t26-lh) var(--t26-titulo); text-transform: uppercase; color: var(--t26f-tx); margin: 0; }
body.t26 .t26-ficha__entradas { margin: 14px 0 6px; }
body.t26 .t26-ficha__entradas svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; margin-left: 6px; }
/* bloques: línea gris de PRINCIPAL y etiqueta pequeña */
body.t26 .t26-ficha .t26-ficha__bloque, body.t26 .t26-ficha .t26-ficha__datos { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--t26f-linea); }
body.t26 .t26-ficha .t26-et-sec { font: 700 11px/1.3 var(--t26-texto); letter-spacing: .12em; color: var(--t26-gris); margin: 0 0 10px; }
body.t26 .t26-ficha__djs { font: 400 15px/1.7 var(--t26-texto); color: var(--t26f-tx2); text-transform: uppercase; max-width: 900px; margin: 0; }
body.t26 .t26-ficha__djs a { color: var(--t26f-tx); font-weight: 700; }
body.t26 .t26-ficha__djs span { color: #6f6f6f; margin: 0 2px; }
/* géneros / estilos: cápsula de contorno rojo (al pasar: blanca) */
body.t26 .t26-ficha__gen { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
body.t26 .t26-ficha__gen .t26-pil { height: var(--t26-pS); padding: 0 12px; border: 1px solid var(--t26-rojo-hover); background: transparent; color: var(--t26-rojo-hover) !important; font-size: 11px; font-weight: 600; letter-spacing: .06em; cursor: pointer; }
body.t26 .t26-ficha__gen a.t26-pil:hover { background: transparent; border-color: var(--t26f-tx); color: var(--t26f-tx) !important; }
body.t26 .t26-ficha__gen span.t26-pil { cursor: default; }
body.t26 .t26-ficha__gen span.t26-pil:hover { background: transparent; border-color: var(--t26-rojo-hover); color: var(--t26-rojo-hover) !important; }
/* datos en 3 columnas */
body.t26 .t26-ficha__datos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 24px; }
body.t26 .t26-ficha__datos > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.t26 .t26-ficha__datos dt { font: 700 10px/1.3 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--t26-gris); margin: 0; }
body.t26 .t26-ficha__datos dd { font: 600 14px/1.45 var(--t26-texto); color: var(--t26f-tx); margin: 0; overflow-wrap: anywhere; }
body.t26 .t26-ficha__datos dd a { color: var(--t26f-tx); }
body.t26 .t26-ficha__datos dd a.t26-rojo:hover { color: var(--t26f-tx) !important; }
/* INFO */
body.t26 .t26-ficha__info { font-size: 15px; line-height: 1.6; color: var(--t26f-tx2); max-width: none; width: 100%; overflow-wrap: anywhere; } /* 14-10: ocupa toda la columna de datos y se recoloca al cambiar la pantalla (antes tope 720px y hueco a la derecha) */
body.t26 .t26-ficha__info p { margin: 0 0 12px; }
/* DÓNDE */
body.t26 .t26-donde__club { font: 700 22px/var(--t26-lh) var(--t26-titulo); text-transform: uppercase; margin: 0 0 var(--t26-sep); }
body.t26 .t26-donde__club a { color: var(--t26f-tx); }
body.t26 .t26-donde__l { font-size: 15px; line-height: 1.6; color: var(--t26f-tx2); max-width: 720px; margin: 0; }
body.t26 .t26-donde__mapa { margin: 10px 0 0; }
body.t26 .t26-donde__mapa .t26-pil { margin: 0; }
body.t26 .t26-donde__mapa svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
/* barra de admin: "Estás viendo esta página como [ROL]" + acciones a la derecha */
.t26-adm__rol { font: 700 11px/1 var(--t26-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--t26-gris); }
.t26-adm__ed { margin-left: auto; }
/* DJ / club / promotora */
body.t26 .t26-ficha__meta { margin: 0; }
body.t26 .t26-ficha__botones { gap: 10px; margin: 18px 0 0; }
body.t26 .t26-ficha__botones button.t26-boton { cursor: pointer; }
body.t26 .t26-boton--off, body.t26 .t26-boton--off:hover { border-color: #4a4a4a !important; color: #6f6f6f !important; background: transparent !important; cursor: default; }
body.t26 .t26-ficha .t26-plegable { max-height: calc(1.6em * 4); font-size: 15px; color: var(--t26f-tx2); max-width: 900px; }
body.t26 .t26-ficha .t26-vacio { font-size: 14px; color: var(--t26-gris); margin: 0; }
body.t26 .t26-ficha .t26-vacio a { color: var(--t26-rojo-hover); font-weight: 700; }
.t26-sec__rojo { color: var(--t26-rojo-hover); }
/* FIESTAS PASADAS (N últimas) con botón redondo + / − */
body.t26 .t26-pasadas summary { display: flex; align-items: center; gap: 14px; }
body.t26 .t26-pasadas summary h2 { display: block; margin: 0; }
.t26-pasadas__n { font: 700 14px/1 var(--t26-texto); letter-spacing: .1em; color: var(--t26-gris); text-transform: uppercase; }
.t26-pasadas summary i { position: relative; flex: 0 0 auto; width: var(--t26-pM); height: var(--t26-pM); border: 1.5px solid var(--t26f-tx); border-radius: 999px; transition: background-color .15s, border-color .15s; }
.t26-pasadas summary i::before { content: "+"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 400 18px/1 var(--t26-texto); font-style: normal; color: var(--t26f-tx); }
.t26-pasadas[open] summary i::before { content: "–"; }
.t26-pasadas summary:hover i { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26-pasadas summary:hover i::before { color: #fff; }
/* PRÓXIMOS EVENTOS dentro de la ficha (sin botón de zona) */
#proximos-eventos, #t26-rel { scroll-margin-top: calc(var(--t26-cab) + 16px); }
body.t26 .t26-barra--ficha { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "filtros vista"; margin: 0 0 8px; }
@media (max-width: 1100px) { body.t26 .t26-barra--ficha { grid-template-areas: ". vista" "filtros filtros"; } }
/* RELACIONADOS: chips (club por defecto, DJs, géneros) que filtran la lista */
.t26-rel__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
body.t26 .t26-rel .t26-ft[hidden] { display: none !important; }
.t26-rel__mas { display: inline-block; margin-top: 18px; }
.t26-rel__mas[hidden], .t26-rel__vacio[hidden] { display: none; }
/* NOTICIAS RELACIONADAS de la fiesta: 3 por fila */
body.t26 .t26-noticias--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1400px) { body.t26 .t26-noticias--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) {
	body.t26 .t26-ficha__in { grid-template-columns: 1fr; gap: 28px; margin-top: 12px; }
	body.t26 .t26-ficha__cartel { max-width: none; }
	body.t26 .t26-ficha__datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.t26 .t26-noticias--3 { grid-template-columns: 1fr; }
	.t26-adm__ed { margin-left: 0; }
}
@media (max-width: 600px) {
	body.t26 .t26-ficha__acc .t26-boton, body.t26 .t26-guardar .simplefavorite-button { height: 40px; }
	.t26-pasadas__n { font-size: 12px; }
}

/* ===== 13-10 · FICHA FIESTA = PRINCIPAL (medidas tomadas a 2560 px, modo noche) =====
   Bloque superior (migas + barra de rol + cartel/texto) centrado: 1656 px a 2560 (cartel 520 + hueco 56 + texto 1080);
   PRÓXIMOS EVENTOS sigue a todo el ancho. Colores por variable: el modo día los cambia en dia.css / --t26f-*. */
body.t26 .t26-ficha--evento .t26-ficha__top { width: min(100%, max(1100px, 64.69vw)); margin-left: auto; margin-right: auto; }
/* MIGAS: 13 px 500 gris, "/" #555, el último en blanco; Agenda y ciudad tal cual, club y fiesta en mayúsculas */
body.t26 .t26-migas--ficha { flex-wrap: wrap; gap: 8px; font: 500 13px/1.3 var(--t26-texto); letter-spacing: 0; text-transform: none; color: var(--t26-gris); }
body.t26 .t26-migas--ficha > span[aria-hidden] { color: #555; }
body.t26 .t26-migas--ficha .t26-migas__may { text-transform: uppercase; }
body.t26 .t26-migas--ficha [aria-current] { color: var(--t26f-tx); }
/* BARRA DE ROL: "Estás viendo esta página como" + ADMINISTRADOR / PROMOTOR y, al borde derecho del bloque, DESTACAR · AUTORÍA · EDITAR */
body.t26 .t26-ficha--evento .t26-adm { gap: 12px; margin: 0 0 20px; }
body.t26 .t26-adm__como { display: inline-flex; gap: 6px; }
body.t26 .t26-adm__op { display: inline-flex; align-items: center; height: var(--t26-pS); padding: 0 12px; border: 1.5px solid #555; border-radius: 999px; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-gris); }
body.t26 a.t26-adm__op:hover { border-color: var(--t26f-tx); color: var(--t26f-tx); }
body.t26 .t26-adm__op.is-on, body.t26 a.t26-adm__op.is-on:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
body.t26 .t26-adm__acc { display: inline-flex; align-items: center; gap: 22px; margin-left: auto; }
body.t26 .t26-adm__acc a { letter-spacing: .1em; text-transform: uppercase; }
body.t26 .t26-adm__dest { font: 700 11px/1 var(--t26-texto); color: var(--t26-rojo) !important; }
body.t26 .t26-adm__aut { font: 700 12px/1 var(--t26-texto); color: var(--t26f-tx); }
body.t26 .t26-adm__acc .t26-adm__ed { font: 700 11px/1 var(--t26-texto); color: var(--t26f-tx); margin: 0; }
body.t26 :is(.t26-adm__aut, .t26-adm__acc .t26-adm__ed):hover { color: var(--t26-rojo-hover); }
body.t26 .t26-adm__dest:hover { color: var(--t26-rojo-hover) !important; }
/* FECHA 18 · TÍTULO 72 · EDICIÓN 38 (a 2560 px) */
body.t26 .t26-ficha--evento .t26-ficha__fecha { font: 700 clamp(15px, .703vw, 18px)/var(--t26-lh) var(--t26-texto); color: var(--t26-rojo-hover); text-transform: uppercase; }
body.t26 .t26-ficha--evento .t26-ficha__t { font-family: var(--t26-titulo); /* Poppins */ font-weight: 700; font-size: clamp(40px, 2.81vw, 72px) !important; }
body.t26 .t26-ficha--evento .t26-ficha__ed { font-size: clamp(24px, 1.48vw, 38px); font-weight: 700; }
/* LINE-UP: nombres 15/700 blanco, "·" 15/500 #6f6f6f; géneros contorno 1.33 rojo, 10/700, alto 26 */
body.t26 .t26-ficha--evento .t26-ficha__djs { font: 700 15px/1.7 var(--t26-texto); text-transform: uppercase; color: var(--t26f-tx); }
body.t26 .t26-ficha--evento .t26-ficha__djs span { font-weight: 500; color: #6f6f6f; }
body.t26 .t26-ficha--evento .t26-ficha__gen .t26-pil { height: 26px; padding: 0 11px; border: 1.33px solid #ff2a2a; font: 700 10px/1 var(--t26-texto); letter-spacing: .1em; color: #ff2a2a !important; }
/* DATOS: 3 columnas en 1080 px; etiqueta→valor 31 px, fila→fila 65 px */
body.t26 .t26-ficha--evento .t26-ficha__datos { column-gap: 8px; row-gap: 16px; }
body.t26 .t26-ficha--evento .t26-ficha__datos > div { gap: 18px; }
body.t26 .t26-ficha--evento .t26-ficha__datos dt { font: 700 10px/1.3 var(--t26-texto); color: var(--t26-gris); }
body.t26 .t26-ficha--evento .t26-ficha__datos dd { font: 600 14px/1.45 var(--t26-texto); color: var(--t26f-tx); }
body.t26 .t26-ficha--evento .t26-ficha__datos dd a.t26-rojo { color: var(--t26-rojo-hover); }
/* INFO y DÓNDE: texto 15/500 #d8d8d8; dirección en una línea */
body.t26 .t26-ficha--evento .t26-ficha__info { font-size: 15px; font-weight: 500; color: var(--t26f-tx2); }
body.t26 .t26-ficha--evento .t26-donde__club { font: 700 22px/var(--t26-lh) var(--t26-titulo); text-transform: uppercase; }
body.t26 .t26-ficha--evento .t26-donde__l { font-size: 15px; font-weight: 500; color: var(--t26f-tx2); max-width: none; }
/* PRÓXIMOS EVENTOS: título + FECHA · GÉNERO · TIPO · HORARIO en la misma fila, LISTA/MOSAICO a la derecha */
body.t26 .t26-barra--ficha { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 0 0 8px; }
body.t26 .t26-barra--ficha .t26-barra__t { margin: 0; }
body.t26 .t26-barra--ficha .t26-barra__vista { margin-left: auto; }
@media (max-width: 1100px) {
	body.t26 .t26-ficha--evento .t26-ficha__top { width: 100%; }
	body.t26 .t26-barra--ficha .t26-barra__t { flex: 1 0 100%; }
}
@media (max-width: 980px) {
	body.t26 .t26-adm__acc { margin-left: 0; width: 100%; }
}

/* ===== 13-10 · FICHA TÉRMINO = PRINCIPAL (DJ / club / promotora; medidas de /lugar/fabrik/ a 2560 px, modo noche) =====
   Mismo bloque centrado que la ficha de fiesta (1656 px a 2560): migas a la izquierda y gestión a la derecha en la misma fila;
   foto 520 + texto 1080. PRÓXIMAS FIESTAS a todo el ancho, mosaico directo. Colores por variable (dia.css / --t26f-*). */
body.t26 .t26-ficha--termino .t26-ficha__top { width: min(100%, max(1100px, 64.69vw)); margin-left: auto; margin-right: auto; }
body.t26 .t26-ficha__cabtop { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; margin: 0 0 12px; }
/* MIGAS: 12/400 gris, "/" gris, el último 12/700 blanco */
body.t26 .t26-migas--termino { flex-wrap: wrap; gap: 8px; margin: 0; font: 400 12px/1.3 var(--t26-texto); letter-spacing: 0; text-transform: none; color: var(--t26-gris); }
body.t26 .t26-migas--termino a { color: var(--t26-gris); }
body.t26 .t26-migas--termino a:hover { color: var(--t26f-tx); }
body.t26 .t26-migas--termino > span[aria-hidden] { color: var(--t26-gris); }
body.t26 .t26-migas--termino [aria-current] { font-weight: 700; color: var(--t26f-tx); }
/* GESTIÓN: ✎ EDITAR FICHA · EDITAR DATOS BASE (11/700, alto 36, contorno) pegados al borde derecho del bloque */
body.t26 .t26-adm--termino { gap: 10px; margin: 0 0 0 auto; }
body.t26 .t26-adm__btn { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border: 1.5px solid var(--t26f-tx); border-radius: 999px; background: transparent; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26f-tx); cursor: pointer; }
body.t26 .t26-adm__btn:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
body.t26 .t26-ficha--termino .t26-ficha__in { margin-top: 12px; }
/* SIN FOTO: cuadro gris oscuro con las 2 iniciales, 120/700 #2a2a2a centradas */
body.t26 .t26-ficha--termino .t26-ficha__iniciales { background: transparent; font: 700 120px/1 var(--t26-titulo); color: #2a2a2a; letter-spacing: 0; }
/* TIPO rojo + ✓ VERIFICADO en una línea · NOMBRE 44 · LUGAR 32/700 · DIRECCIÓN 15/400 #d8d8d8
   (desde el h1: lugar +54, dirección +99, botones +141, "Sobre…" +218, texto +242, datos +310/+326, "También en" +387) */
body.t26 .t26-ficha--termino .t26-ficha__tipo { flex-wrap: nowrap; }
body.t26 .t26-ficha--termino .t26-ficha__t { font-size: clamp(32px, 1.72vw, 44px) !important; line-height: 1 !important; margin: 0 0 10px !important; }
body.t26 .t26-ficha--termino .t26-ficha__ed { font: 700 clamp(22px, 1.25vw, 32px)/1.1 var(--t26-titulo); color: var(--t26f-tx); margin: 0; }
body.t26 .t26-ficha--termino .t26-ficha__meta { font: 400 15px/1.6 var(--t26-texto); color: var(--t26f-tx2); max-width: none; margin: 10px 0 0; }
body.t26 .t26-ficha--termino .t26-ficha__gen { margin-top: 12px; }
/* SEGUIR EN TP SOCIAL (rojo) · CÓMO LLEGAR → (contorno): 11/700, alto 36 */
body.t26 .t26-ficha--termino .t26-ficha__botones { gap: 10px; margin: 18px 0 0; }
body.t26 .t26-ficha--termino .t26-ficha__botones .t26-boton { height: 36px; padding: 0 18px; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; }
/* DATOS: rejilla de 3 en 1080 px (columna 363 px: "Fiestas en TECHNO PARTY" · "Próximas"); etiqueta 10/700 gris, valor 14/600 blanco */
body.t26 .t26-ficha--termino .t26-ficha__datos { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8px; row-gap: 16px; }
body.t26 .t26-ficha--termino .t26-ficha__datos > div { gap: 3px; }
body.t26 .t26-ficha--termino .t26-ficha__datos dt { font: 700 10px/1.3 var(--t26-texto); color: var(--t26-gris); }
body.t26 .t26-ficha--termino .t26-ficha__datos dd { font: 600 14px/1.45 var(--t26-texto); color: var(--t26f-tx); }
/* PRÓXIMAS FIESTAS EN …: mosaico de carteles (7 por fila, tarjeta del mosaico de la agenda) */
body.t26 .t26-ficha__mos .t26-et--fecha { display: inline-flex; }
body.t26 .t26-ficha__mos .t26-ft.is-live .t26-et--fecha { display: none; }
body.t26 .t26-ficha__mos .t26-fiestas + .t26-fiestas { margin-top: clamp(28px, 2.1vw, 40px); }
@media (max-width: 1100px) { body.t26 .t26-ficha--termino .t26-ficha__top { width: 100%; } }
@media (max-width: 980px) {
	body.t26 .t26-adm--termino { margin-left: 0; }
	body.t26 .t26-ficha--termino .t26-ficha__datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.t26 .t26-ficha--termino .t26-ficha__iniciales { font-size: 96px; }
}

/* barra de gestión de fiestas y noticias (14-10-2026): píldoras con icono, iguales a las de la web principal */
body.t26 .t26-adm__acc, body.t26 .t26-ntf__adm .t26-adm__acc { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; }
body.t26 .t26-adm__b { display: inline-flex; align-items: center; gap: 7px; height: var(--t26-pM, 36px); padding: 0 16px; border: 1.5px solid #fff; border-radius: 999px; background: transparent; color: #fff; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .15s, border-color .15s, color .15s; }
body.t26 .t26-adm__b svg { width: 14px; height: 14px; }
body.t26 .t26-adm__b:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
/* DESTACAR: sin destacar = negro (día) / igual que los demás (noche) · destacada = ROJO en los dos modos */
body.t26 .t26-adm__b--dest { background: #111; border-color: #fff; color: #fff; }
html[data-t26-tema="dia"] body.t26 .t26-adm__b { border-color: #111; color: #111; }
html[data-t26-tema="dia"] body.t26 .t26-adm__b--dest { background: #111; border-color: #111; color: #fff; }
body.t26 .t26-adm__b--dest.is-on, html[data-t26-tema="dia"] body.t26 .t26-adm__b--dest.is-on { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
html[data-t26-tema="dia"] body.t26 .t26-adm__b:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }

/* ficha pública del club: mapa cuadrado y pequeño, no a todo el ancho */
body.t26 .t26-ficha__bloque iframe[src*="maps"] { aspect-ratio: 1 !important; width: 100% !important; max-width: 320px; height: auto !important; border-radius: 12px; }


/* 14-10 · RITMO (orden de Alberto): entre título, subtítulo, sala, DJs y estilos el MISMO aire que entre dos líneas de DJs: solo el
   interlineado 1.3, sin separación extra; igual en todos los mosaicos y rejillas (agenda, portada, destacados, relacionados). Las cápsulas
   de estilo llevan 3px para que, a la vista, queden a la misma distancia que una línea de texto. Manda sobre el bloque del 12-10 (6px). */
body.t26 .t26-ft .t26-ft__tx { row-gap: 0 !important; }
body.t26 .t26-ft .t26-ft__tx > * { margin-top: 0 !important; margin-bottom: 0 !important; }
body.t26 .t26-ft .t26-ft__tx > .t26-ft__g { margin-top: 3px !important; }
body.t26 .t26-pt-nt .t26-pt-nt__tx, body.t26 .t26-ntl { row-gap: 0 !important; gap: 0 !important; }
body.t26 .t26-ntl .t26-ntl__img { margin-bottom: 4px !important; }
/* 15-10-2026: en RELACIONADOS (y cualquier cabecera de sección) el conmutador LISTA/MOSAICO va a la derecha, como en PRÓXIMOS EVENTOS */
body.t26 .t26-sec__cab { display: flex; align-items: center; gap: 16px; }
body.t26 .t26-sec__cab > :last-child:not(h2) { margin-left: auto; }
