/* =====================================================================
   TECHNO PARTY 2026 · CENTRO DE CUENTAS (/mi-cuenta/)
   Menú lateral fijo + sección a la derecha. Noche por defecto; modo día al final del archivo.
   Lo rojo se queda rojo en los dos modos; todo lo que se pulsa pasa a rojo al pasar el ratón.
   ===================================================================== */
.t26c { --t26c-tj: #252525; --t26c-borde: #555555; --t26c-in: #1c1c1c; --t26c-in-borde: #4a4a4a; --t26c-sec: #9a9a9a; --t26c-hover: #1f1f1f; color: #fff; font-family: var(--t26-texto); }
.t26c a { color: inherit; }
.t26c a:hover { color: var(--t26-rojo-hover); }

/* ---------- cabecera ---------- */
.t26c__cab { margin: 0 0 clamp(22px, 2.2vw, 40px); }
body.t26 .t26c__h1 { font: 700 clamp(30px, 3.44vw, 44px)/1 var(--t26-titulo); text-transform: uppercase; margin: 0 0 10px; color: inherit; }
.t26c__sub { margin: 0; color: #bdbdbd; font: 700 13px/1.3 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; }

/* ---------- rejilla: menú 300px + contenido (máx. 860px) ---------- */
.t26c__grid { display: grid; grid-template-columns: 300px minmax(0, 860px); gap: clamp(28px, 3.2vw, 64px); align-items: start; }
.t26c__menu { position: sticky; top: calc(var(--t26-cab) + 20px); max-height: calc(100vh - var(--t26-cab) - 40px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #444 transparent; display: flex; flex-direction: column; padding-bottom: 8px; }
body.admin-bar .t26c__menu { top: calc(var(--t26-cab) + 52px); max-height: calc(100vh - var(--t26-cab) - 72px); }
.t26c__cont { min-width: 0; display: flex; flex-direction: column; gap: 18px; scroll-margin-top: calc(var(--t26-cab) + 24px); }
.t26c__volver { display: none; font: 700 12px/1 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; }

/* tarjeta de perfil del menú */
.t26c__yo { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px 14px; align-items: center; padding: 18px; border: 1px solid var(--t26c-borde); border-radius: 14px; background: var(--t26c-tj); margin-bottom: 8px; }
.t26c__yo img, .t26c__avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: #1c1c1c; }
.t26c__yo-tx { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.t26c__yo-tx strong { display: flex; align-items: center; gap: 6px; font-size: 16px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; }
.t26c__yo-tx span { color: var(--t26c-sec); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t26c__yo .t26c__btn { grid-column: 1 / -1; width: 100%; }
.t26c__verif { display: inline-flex; color: var(--t26-rojo); flex: 0 0 auto; }

/* grupos y filas (como el cajón .tpd26-cajon__it) */
.t26c__grupo { padding: 16px 14px 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #8f8f8f; text-transform: uppercase; }
.t26c__lista { display: flex; flex-direction: column; }
.t26c__it { display: flex; align-items: center; gap: 14px; padding: 11px 14px; border-radius: 10px; font-size: 14px; line-height: 1.3; color: #fff; text-decoration: none; }
.t26c__it svg { flex: 0 0 auto; }
.t26c__it span { flex: 1; min-width: 0; }
.t26c__it i { display: none; font-style: normal; font-size: 20px; line-height: 1; color: #8f8f8f; }
.t26c a.t26c__it:hover { background: var(--t26c-hover); color: var(--t26-rojo-hover); }
.t26c .t26c__it.is-on { color: var(--t26-rojo-hover); background: var(--t26c-hover); font-weight: 700; }
.t26c .t26c__it.is-salir { color: var(--t26-rojo-hover); font-weight: 700; }

/* ---------- secciones ---------- */
.t26c__sec-cab { display: flex; flex-direction: column; gap: 8px; }
body.t26 .t26c__h2 { font: 700 clamp(22px, 1.9vw, 30px)/1.1 var(--t26-titulo); text-transform: uppercase; margin: 0; color: inherit; }
.t26c__intro { margin: 0; color: var(--t26c-sec); font-size: 15px; line-height: 1.45; max-width: 640px; }
.t26c__form { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.t26c__tj { display: flex; flex-direction: column; gap: 16px; padding: clamp(18px, 1.6vw, 26px); border: 1px solid var(--t26c-borde); border-radius: 14px; background: var(--t26c-tj); min-width: 0; }
.t26c__tj .t26c__form { gap: 16px; }
body.t26 .t26c__tj-t { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 14px/1.3 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; color: inherit; }
.t26c__tj-d { margin: -8px 0 0; color: var(--t26c-sec); font-size: 14px; line-height: 1.45; }
.t26c__tj.is-peligro { border-color: rgba(228, 6, 19, .55); }
.t26c__nota { margin: 0; color: var(--t26c-sec); font-size: 14px; line-height: 1.45; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.t26c__nota b { color: inherit; }
.t26c__rojo { color: var(--t26-rojo-hover) !important; }
.t26c__vacio { margin: 8px 0; color: var(--t26c-sec); font-size: 15px; }
.t26c__vacio a { text-decoration: underline; }

/* avisos ok / error */
.t26c__aviso { margin: 0; padding: 12px 16px; border-radius: 10px; background: #333; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; }
.t26c__aviso.is-ok { background: #1b7f2a; }
.t26c__aviso.is-err { background: var(--t26-rojo); }

/* ---------- campos ---------- */
.t26c__campo { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.t26c__lab { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #bdbdbd; padding: 0; }
.t26c__oblig { color: var(--t26-rojo-hover); font-weight: 700; }
.t26c__in { box-sizing: border-box; width: 100%; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--t26c-in-borde); background: var(--t26c-in); color: #fff; font: 15px/1.3 var(--t26-texto); outline: 0; margin: 0; }
.t26c__in:focus { border-color: #fff; }
.t26c__in::placeholder { color: #6f6f6f; }
.t26c__in:-webkit-autofill, .t26c__in:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px var(--t26c-in) inset; -webkit-text-fill-color: #fff; caret-color: #fff; }
input[type=date].t26c__in { color-scheme: dark; }
.t26c__area { height: auto; min-height: 110px; padding: 12px 14px; resize: vertical; line-height: 1.45; }
select.t26c__in { -webkit-appearance: none; appearance: none; padding-right: 40px; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, #8f8f8f 50%), linear-gradient(135deg, #8f8f8f 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
select.t26c__in option { background: #111; color: #fff; }
.t26c__ayuda { font-size: 12px; color: #8a8a8a; line-height: 1.4; }
.t26c__ayuda a { text-decoration: underline; }
.t26c__ayuda.is-err { color: var(--t26-rojo-hover); font-weight: 700; }
.t26c__cont { align-self: start; }
.t26c__fijo { font-size: 18px; font-weight: 700; }
.t26c__2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.t26c__pre { display: flex; align-items: stretch; }
.t26c__pre b { display: flex; align-items: center; padding: 0 12px; border: 1px solid var(--t26c-in-borde); border-right: 0; border-radius: 10px 0 0 10px; background: #262626; color: #8f8f8f; font-size: 13px; font-weight: 400; white-space: nowrap; }
.t26c__pre .t26c__in { border-radius: 0 10px 10px 0; }
.t26c__chk { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #ddd; cursor: pointer; }
.t26c__chk input { width: 18px; height: 18px; margin: 0; accent-color: var(--t26-rojo); }

/* insignias */
.t26c__pronto { display: inline-flex; align-items: center; font: 700 9px/1 var(--t26-texto); font-style: normal; letter-spacing: .1em; text-transform: uppercase; border: 1px solid #555; border-radius: 999px; padding: 4px 7px; color: #8f8f8f; }
.t26c__tag { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; border: 1px solid #666; color: #bdbdbd; font: 700 10px/1 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.t26c__tag.is-ok { border-color: var(--t26-rojo); background: var(--t26-rojo); color: #fff; }

/* interruptores */
.t26c__sw { display: flex; align-items: center; gap: 14px; cursor: pointer; position: relative; font-size: 14px; }
.t26c__sw input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.t26c__sw-b { width: 44px; height: 24px; border-radius: 999px; background: #4a4a4a; position: relative; flex: 0 0 auto; transition: background .2s; }
.t26c__sw-b::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: left .2s; }
.t26c__sw input:checked + .t26c__sw-b { background: var(--t26-rojo); }
.t26c__sw input:checked + .t26c__sw-b::after { left: 23px; }
.t26c__sw input:focus-visible + .t26c__sw-b { outline: 2px solid var(--t26-rojo-hover); outline-offset: 2px; }
.t26c__sw-t { display: flex; flex-direction: column; gap: 3px; }
.t26c__sw-t b { font-weight: 700; }
.t26c__sw-t small { color: var(--t26c-sec); font-size: 13px; line-height: 1.4; }
.t26c__sw.is-solo { display: inline-flex; }

/* opciones (radio) */
.t26c__radios { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.t26c__radios legend { margin-bottom: 8px; }
.t26c__radio { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid var(--t26c-in-borde); border-radius: 10px; cursor: pointer; font-size: 14px; }
.t26c__radio input { width: 18px; height: 18px; margin: 0; accent-color: var(--t26-rojo); }
.t26c__radio:hover { border-color: var(--t26-rojo); }
.t26c__radio:has(input:checked) { border-color: var(--t26-rojo); }

/* botones (píldora) */
.t26c__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 24px; border-radius: 999px; border: 1.5px solid var(--t26-rojo); background: var(--t26-rojo); color: #fff !important; font: 700 12px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; cursor: pointer; text-decoration: none !important; transition: background .15s, border-color .15s, color .15s; }
.t26c__btn:hover { background: var(--t26-rojo-hover); border-color: var(--t26-rojo-hover); color: #fff !important; }
.t26c__btn--linea { background: transparent; border-color: #fff; }
.t26c__btn--linea:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26c__btn--s { height: 36px; padding: 0 16px; font-size: 11px; }
.t26c__btn--peligro[disabled] { opacity: .45; cursor: not-allowed; }
.t26c__btn.is-off { opacity: .55; cursor: default; }
.t26c__btn.is-off:hover { background: transparent; border-color: #fff; }
.t26c__btn .t26c__pronto { border-color: currentColor; color: inherit; }
.t26c__pie { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

/* foto de perfil */
.t26c__foto { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.t26c__foto img, .t26c__foto-img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; background: #1c1c1c; }
.t26c__foto-acc { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.t26c__subir { position: relative; overflow: hidden; height: 36px; padding: 0 16px; font-size: 11px; }
.t26c__file { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.t26c__subir:focus-within { outline: 2px solid var(--t26-rojo-hover); outline-offset: 2px; }

/* géneros favoritos: píldoras-casilla */
.t26c__gustos { display: flex; flex-wrap: wrap; gap: 8px; }
.t26c__gusto { position: relative; cursor: pointer; }
.t26c__gusto input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.t26c__gusto span { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; border: 1.5px solid #fff; font: 700 11px/1 var(--t26-texto); letter-spacing: .08em; text-transform: uppercase; transition: background .15s, border-color .15s; }
.t26c__gusto:hover span { border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
.t26c__gusto input:checked + span { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
.t26c__gusto input:focus-visible + span { outline: 2px solid var(--t26-rojo-hover); outline-offset: 2px; }

/* filas de enlaces y listas (sesiones, cuentas, estado) */
.t26c__filas { display: flex; flex-direction: column; }
.t26c__fila { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--t26-linea); font-size: 15px; text-decoration: none; }
.t26c__fila:last-child { border-bottom: 0; }
.t26c__fila > span { flex: 1; }
.t26c__fila i { font-style: normal; font-size: 20px; color: #8f8f8f; }
.t26c__fila.is-off { color: #8f8f8f; }
.t26c__ses { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.t26c__ses-it { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--t26-linea); }
.t26c__ses-it:last-child { border-bottom: 0; }
.t26c__ses-it > svg { flex: 0 0 auto; color: #bdbdbd; }
.t26c__ses-it > span:not(.t26c__tag) { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.t26c__ses-it small { flex-basis: 100%; color: var(--t26c-sec); font-size: 12px; }

/* tabla de avisos */
.t26c__tabla { display: flex; flex-direction: column; }
.t26c__tabla-f { display: grid; grid-template-columns: minmax(0, 1fr) 70px 70px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--t26-linea); font-size: 14px; line-height: 1.4; }
.t26c__tabla-f > span:not(:first-child) { display: flex; justify-content: center; }
.t26c__tabla-f.is-cab { padding-top: 0; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8f8f8f; }

/* perfiles profesionales */
.t26c__pros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.t26c__pro { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.t26c__pro-b { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 120px; padding: 18px; border: 1.5px solid #555; border-radius: 14px; cursor: pointer; text-align: center; transition: border-color .15s, background .15s, color .15s; }
.t26c__pro-b input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.t26c__pro-b svg { width: 30px; height: 30px; }
.t26c__pro-b b { font-size: 13px; letter-spacing: .12em; }
.t26c__pro-b small { font-size: 11px; color: #bdbdbd; }
.t26c__pro-b:hover { border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
.t26c__pro-b:has(input:checked) { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff; }
.t26c__pro-b:has(input:focus-visible) { outline: 2px solid var(--t26-rojo-hover); outline-offset: 2px; }
.t26c__pro.is-apro .t26c__pro-b { cursor: default; opacity: .6; }
.t26c__pro.is-apro .t26c__pro-b:hover { border-color: #555; color: inherit; }
.js-t26c .t26c__pro:not(.is-on) .t26c__pro-campos { display: none; }
.t26c__pro-campos { display: flex; flex-direction: column; gap: 12px; }
.t26c__pro-b b { line-height: 1.3; }
/* parte del formulario de cada tipo (inc/perfiles.php) */
.t26c__pp { border-left: 3px solid var(--t26-rojo); }
.t26c__pp .t26c__tj-t svg { color: var(--t26-rojo-hover); }
.t26c__pp-modo, .t26c__busca { display: flex; flex-direction: column; gap: 14px; }
.t26c__lab--t { color: var(--t26-rojo-hover); }
.t26c__buscar--pp { max-width: none; flex: none; }
.t26c__buscar--pp input { height: 46px; font-size: 15px; }
.t26c__res { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.t26c__res:empty { display: none; }
.t26c__res-it { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--t26-linea); }
.t26c__res-it:last-child { border-bottom: 0; }
.t26c__res-img { width: 44px; height: 44px; border-radius: 50%; flex: 0 0 auto; overflow: hidden; background: #1c1c1c; border: 1px solid var(--t26c-borde); display: flex; align-items: center; justify-content: center; font: 700 16px/1 var(--t26-titulo); color: #8f8f8f; }
.t26c__res-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t26c__res-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.t26c__res-tx b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t26c__res-tx small { color: var(--t26c-sec); font-size: 12px; }
.t26c__res-tx .t26c__res-ya { color: var(--t26-rojo-hover); font-weight: 700; }
.t26c__res-it .t26c__btn { flex: 0 0 auto; }
.t26c__elegido .t26c__res-it { padding: 12px 14px; border: 1.5px solid var(--t26-rojo); border-radius: 12px; }
.t26c__mas-a { display: inline-flex; align-items: center; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-rojo-hover) !important; white-space: nowrap; }
.t26c__ayuda.is-ok { color: #2fa84a; font-weight: 700; }
.t26c__tag svg { width: 12px; height: 12px; margin-right: 4px; }
.t26c__tag.is-no { border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
.t26c__mio-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: #1c1c1c; }
.t26c__ses-it > .t26c__btn { flex: 0 0 auto; }
.t26c__tj > .t26c__lab { margin-bottom: -10px; }

/* aviso de bienvenida (tras registrarse): ¿Eres DJ, promotora, club o periodista? */
.t26c__bienv { display: flex; align-items: center; gap: 16px; margin: 0 0 clamp(18px, 2vw, 28px); padding: 16px 20px; border: 1.5px solid var(--t26-rojo); border-radius: 14px; background: rgba(228, 6, 19, .1); text-decoration: none !important; }
.t26c__bienv > svg { flex: 0 0 auto; width: 28px; height: 28px; color: var(--t26-rojo-hover); }
.t26c__bienv > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.t26c__bienv b { font-size: 16px; }
.t26c__bienv small { color: var(--t26c-sec); font-size: 13px; line-height: 1.4; }
.t26c__bienv em { font-style: normal; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: #fff; background: var(--t26-rojo); border-radius: 999px; padding: 11px 16px; white-space: nowrap; }
.t26c a.t26c__bienv:hover { background: rgba(228, 6, 19, .18); }
/* :is(em, #t26c-x) sube la especificidad para ganar al hover rojo unificado de dia.css (texto blanco sobre el botón rojo) */
.t26c a.t26c__bienv:hover em:is(em, #t26c-x) { color: #fff !important; background: var(--t26-rojo-hover); }

/* apariencia: tarjetas Auto / Noche / Día con vista previa (usan data-t26-modo-set de base.js) */
.t26c__modos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.t26c__modo { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 12px 12px 16px; border: 1.5px solid #555; border-radius: 14px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color .15s; }
.t26c__modo:hover { border-color: var(--t26-rojo); }
.t26c__modo[aria-checked="true"] { border-color: var(--t26-rojo); box-shadow: 0 0 0 1px var(--t26-rojo) inset; }
.t26c__modo:focus-visible { outline: 2px solid var(--t26-rojo-hover); outline-offset: 2px; }
.t26c__modo-prev { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; border: 1px solid #3a3a3a; --p-f: #000; --p-c: #1c1c1c; --p-l: #3a3a3a; }
.t26c__modo-prev.is-noche { --p-f: #000; --p-c: #1c1c1c; --p-l: #3a3a3a; background: var(--p-f); }
.t26c__modo-prev.is-dia { --p-f: #fff; --p-c: #f2f2f2; --p-l: #d6d6d6; background: var(--p-f); border-color: #d6d6d6; }
.t26c__modo-prev.is-auto { background: linear-gradient(90deg, #000 50%, #fff 50%); }
.t26c__modo-prev i { position: absolute; left: 10%; display: block; border-radius: 4px; background: var(--p-l); }
.t26c__modo-prev .t26c__modo-cab { top: 0; left: 0; right: 0; height: 18%; border-radius: 0; background: var(--p-c); }
.t26c__modo-prev .t26c__modo-l { top: 34%; width: 62%; height: 9%; }
.t26c__modo-prev .t26c__modo-l.is-c { top: 50%; width: 44%; }
.t26c__modo-prev .t26c__modo-bt { top: 70%; width: 26%; height: 12%; border-radius: 999px; background: var(--t26-rojo); }
.t26c__modo-prev.is-auto .t26c__modo-cab { background: linear-gradient(90deg, #1c1c1c 50%, #f2f2f2 50%); }
/* en Auto las líneas van centradas para que el corte negro/blanco caiga justo en la mitad */
.t26c__modo-prev.is-auto .t26c__modo-l { left: 10%; width: 80%; background: linear-gradient(90deg, #3a3a3a 50%, #d6d6d6 50%); }
.t26c__modo-prev.is-auto .t26c__modo-l.is-c { left: 22%; width: 56%; }
.t26c__modo-prev.is-auto .t26c__modo-bt { left: 37%; }
.t26c__modo-tx { display: flex; flex-direction: column; gap: 4px; padding: 0 4px; }
.t26c__modo-tx b { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.t26c__modo-tx small { color: var(--t26c-sec); font-size: 13px; line-height: 1.4; }
.t26c__modo-ok { position: absolute; top: 18px; right: 18px; width: 26px; height: 26px; border-radius: 50%; background: var(--t26-rojo); color: #fff; display: none; align-items: center; justify-content: center; }
.t26c__modo-ok svg { width: 16px; height: 16px; }
.t26c__modo[aria-checked="true"] .t26c__modo-ok { display: flex; }
.t26c__nota > svg { flex: 0 0 auto; width: 18px; height: 18px; }

/* ---------- BARRA FIJA de favoritos / noticias / calendario (misma que la agenda: .t26-barra de agenda.css) ---------- */
body.t26 main .t26c .t26-barra { position: sticky; top: var(--t26-cab); z-index: 50; padding: 14px 0; margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
body.t26 main .t26c .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 .t26c .t26-barra { top: calc(var(--t26-cab) + 32px); }
/* escritorio: la banda solo cubre la columna del contenido (no tapa el menú lateral) y llega al borde derecho */
@media (min-width: 981px) {
	body.t26 main .t26c .t26-barra::before { left: -16px; width: calc(100% + 16px + var(--t26-margen)); transform: none; }
}
@media (max-width: 980px) { body.t26 main .t26c .t26-barra { top: 56px; } body.admin-bar.t26 main .t26c .t26-barra { top: 102px; } }
@media (max-width: 600px) { body.admin-bar.t26 main .t26c .t26-barra { top: 56px; } }
.t26c__pils { display: flex; gap: 8px; flex-wrap: wrap; }
body.t26 .t26c .t26-pil.is-on, body.t26 .t26c .t26-pil[aria-pressed="true"] { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff !important; }
body.t26 .t26c .t26-pil:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #fff !important; }
.t26c__buscar { position: relative; display: block; flex: 1 1 200px; min-width: 160px; max-width: 320px; }
.t26c__buscar svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; pointer-events: none; color: #bdbdbd; }
.t26c__buscar input { box-sizing: border-box; width: 100%; height: var(--t26-pM); padding: 0 16px 0 38px; border-radius: 999px; border: 1.5px solid #fff; background: transparent; color: #fff; font: 400 14px/1 var(--t26-texto); outline: 0; margin: 0; }
.t26c__buscar input:focus { border-color: var(--t26-rojo); }
.t26c__buscar input::placeholder { color: #9a9a9a; }
.t26c__n { margin-left: auto; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: #bdbdbd; white-space: nowrap; }
a.t26c__n--a:hover { color: var(--t26-rojo-hover); }
.t26c__mas { margin: 0; }
.t26c__mas a { display: inline-flex; align-items: center; gap: 8px; font: 700 11px/1 var(--t26-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--t26-rojo-hover); }
.t26c__mas a svg { width: 15px; height: 15px; }
.t26c__mas a:hover { color: #fff; }

/* rejilla de fiestas guardadas (tarjetas del tema) */
body.t26 .t26c .t26c__rej { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 16px; }
body.t26 .t26c .t26c__rej .t26-ft__acc { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
body.t26 .t26c .t26c__rej [hidden] { display: none !important; }
/* noticias guardadas */
body.t26 .t26c .t26c__nts { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* calendario del fragmento (tp25): su selector de fuente lo sustituye nuestra barra */
.t26c .tp25__fuente { display: none !important; }
.t26c__cal { min-width: 0; overflow-x: auto; }

/* ---------- pantalla +18 ---------- */
.t26c--edad { display: flex; justify-content: center; padding: clamp(10px, 3vw, 48px) 0; }
.t26c__edad { width: 100%; max-width: 480px; gap: 18px; }
body.t26 .t26c__edad .t26c__h1 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.1; margin: 0; }

/* ---------- tablet / móvil ---------- */
@media (max-width: 1200px) { body.t26 .t26c .t26c__rej { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 980px) {
	.t26c__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.t26c__menu { position: static; max-height: none; overflow: visible; }
	/* sin ?sec = índice (solo el menú, filas grandes tipo app) · con ?sec = solo la sección */
	.t26c.is-indice .t26c__cont { display: none; }
	.t26c.is-sec .t26c__menu, .t26c.is-sec .t26c__cab { display: none; }
	.t26c.is-sec .t26c__volver { display: inline-flex; margin-bottom: 2px; }
	.t26c.is-indice .t26c__it { padding: 16px 14px; font-size: 16px; border-bottom: 1px solid var(--t26-linea); border-radius: 0; }
	.t26c.is-indice .t26c__it i { display: block; }
	.t26c.is-indice .t26c__it.is-on { color: #fff; background: transparent; font-weight: 400; }
	.t26c.is-indice .t26c__it.is-salir { border-bottom: 0; color: var(--t26-rojo-hover); }
	.t26c__yo { max-width: 520px; }
	.t26c__pros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.t26c__pro-b { min-height: 0; flex-direction: row; justify-content: flex-start; }
	body.t26 .t26c .t26c__nts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.t26c__2 { grid-template-columns: minmax(0, 1fr); }
	.t26c__pros { grid-template-columns: minmax(0, 1fr); }
	.t26c__modos { grid-template-columns: minmax(0, 1fr); }
	.t26c__modo { flex-direction: row; align-items: center; }
	.t26c__modo-prev { width: 110px; flex: 0 0 auto; }
	.t26c__modo-ok { top: 50%; right: 14px; transform: translateY(-50%); }
	.t26c__res-it { flex-wrap: wrap; }
	.t26c__res-it .t26c__btn { flex: 1 1 100%; }
	.t26c__bienv { flex-wrap: wrap; }
	.t26c__bienv em { flex: 1 1 100%; text-align: center; }
	.t26c__tj { padding: 16px; }
	.t26c__tabla-f { grid-template-columns: minmax(0, 1fr) 54px 54px; gap: 8px; }
	.t26c__buscar { max-width: none; flex-basis: 100%; order: 5; }
	.t26c__n { margin-left: 0; }
	body.t26 .t26c .t26c__rej { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.t26 .t26c .t26c__nts { grid-template-columns: minmax(0, 1fr); }
	.t26c__pie .t26c__btn { flex: 1 1 auto; }
}

/* =====================================================================
   MODO DÍA (html[data-t26-tema="dia"]): fondo blanco, texto #111, bordes #dcdcdc, inputs blancos #cfcfcf
   ===================================================================== */
html[data-t26-tema="dia"] body.t26 .t26c { --t26c-tj: #f7f7f7; --t26c-borde: #dcdcdc; --t26c-in: #ffffff; --t26c-in-borde: #cfcfcf; --t26c-sec: #555555; --t26c-hover: #f2f2f2; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__h1, .t26c__h2, .t26c__tj-t, .t26c__yo-tx strong, .t26c__fijo, .t26c__it, .t26c__fila, .t26c__sw, .t26c__radio, .t26c__chk) { color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__sub, .t26c__lab, .t26c__grupo, .t26c__ayuda:not(.is-err), .t26c__n, .t26c__tabla-f.is-cab, .t26c__fila i, .t26c__it i, .t26c__fila.is-off, .t26c__ses-it > svg, .t26c__pro-b small) { color: #555555; }
html[data-t26-tema="dia"] body.t26 .t26c a.t26c__it:hover, html[data-t26-tema="dia"] body.t26 .t26c a.t26c__fila:hover, html[data-t26-tema="dia"] body.t26 .t26c .t26c__it.is-on, html[data-t26-tema="dia"] body.t26 .t26c .t26c__it.is-salir { color: var(--t26-rojo-hover); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__in { color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__in:focus { border-color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__in::placeholder { color: #9a9a9a; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__in:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #ffffff inset; -webkit-text-fill-color: #111111; caret-color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c input[type=date].t26c__in { color-scheme: light; }
html[data-t26-tema="dia"] body.t26 .t26c select.t26c__in option { background: #ffffff; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pre b { background: #f2f2f2; border-color: #cfcfcf; color: #555555; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__fila, .t26c__ses-it, .t26c__tabla-f) { border-bottom-color: #dcdcdc; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__sw-b { background: #cfcfcf; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__sw input:checked + .t26c__sw-b { background: var(--t26-rojo); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__btn--linea { border-color: #111111; color: #111111 !important; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__btn--linea:hover { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #ffffff !important; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__btn.is-off:hover { background: transparent; border-color: #111111; color: #111111 !important; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pronto { border-color: #cfcfcf; color: #6b6b6b; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__tag:not(.is-ok) { border-color: #cfcfcf; color: #555555; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__aviso:not(.is-ok):not(.is-err) { background: #f2f2f2; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__yo img, .t26c__avatar, .t26c__foto img) { background: #f2f2f2; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__gusto span { border-color: #111111; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__gusto:hover span { border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__gusto input:checked + span { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #ffffff; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pro-b { border-color: #cfcfcf; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pro-b:hover { border-color: var(--t26-rojo); color: var(--t26-rojo-hover); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pro-b:has(input:checked) { background: var(--t26-rojo); border-color: var(--t26-rojo); color: #ffffff; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__radio:not(:has(input:checked)) { border-color: #cfcfcf; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__radio:hover { border-color: var(--t26-rojo); }
/* barra fija en día */
html[data-t26-tema="dia"] body.t26 main .t26c .t26-barra::before { background: #ffffff; border-bottom-color: #dcdcdc; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__buscar input { border-color: #111111; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__buscar input:focus { border-color: var(--t26-rojo); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__buscar svg { color: #555555; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__mas a:hover { color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26-ft__t, .t26-nt__t) { color: #111111; }
/* calendario del fragmento (tp25) en día */
html[data-t26-tema="dia"] body.t26 .t26c .tp25 { background: #f5f5f5; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .tp25__sem { color: #555555 !important; }
html[data-t26-tema="dia"] body.t26 .t26c .tp25__prox span { color: #555555 !important; }
html[data-t26-tema="dia"] body.t26 .t26c .tp25__prox em { color: var(--t26-rojo) !important; }
@media (max-width: 980px) {
	html[data-t26-tema="dia"] body.t26 .t26c.is-indice .t26c__it { border-bottom-color: #dcdcdc; }
	html[data-t26-tema="dia"] body.t26 .t26c.is-indice .t26c__it.is-on { color: #111111; }
	html[data-t26-tema="dia"] body.t26 .t26c.is-indice .t26c__it.is-salir { color: var(--t26-rojo-hover); }
}
/* 13-10-2026 · perfiles profesionales, bienvenida y apariencia en modo día (lo rojo se queda rojo) */
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__res-it, .t26c__res-it:last-child) { border-bottom-color: #dcdcdc; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__elegido .t26c__res-it { border-color: var(--t26-rojo); }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__res-img, .t26c__mio-img) { background: #f2f2f2; color: #555555; }
html[data-t26-tema="dia"] body.t26 .t26c :is(.t26c__res-tx b, .t26c__bienv b, .t26c__modo-tx b) { color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__bienv { background: rgba(228, 6, 19, .06); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__modo { border-color: #cfcfcf; color: #111111; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__modo:hover, html[data-t26-tema="dia"] body.t26 .t26c .t26c__modo[aria-checked="true"] { border-color: var(--t26-rojo); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__modo-prev.is-noche { border-color: #3a3a3a; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__tag.is-no { border-color: var(--t26-rojo); color: var(--t26-rojo); }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__ayuda.is-ok { color: #1b7f2a; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__pp .t26c__tj-t svg { color: var(--t26-rojo); }

/* TU ACTIVIDAD a página completa (14-10-2026): sin menú de la cuenta; el calendario crece con la pantalla y al lado van tus próximas fiestas */
.t26c--solo { max-width: none; }
.t26c--solo .t26c__cont { max-width: 960px; }
.t26c--solo:is([data-t26c-sec="fiestas"], [data-t26c-sec="calendario"], [data-t26c-sec="noticias"]) .t26c__cont { max-width: none; }
.t26c--solo .t26c__junto { margin-top: 48px; }
.t26c--solo .t26c__sub { text-transform: none; letter-spacing: 0; font-weight: 400; }
.t26c-calv { display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 22vw, 420px); gap: clamp(24px, 3vw, 56px); align-items: start; }
.t26c-calv__cal { min-width: 0; }
.t26c-calv__cal .t26c__cal { overflow: visible; }
.t26c-calv__lado { display: flex; flex-direction: column; gap: 32px; position: sticky; top: calc(var(--t26-cab) + 24px); }
.t26c-calv__lado section { display: flex; flex-direction: column; gap: 10px; }
body.t26 .t26c-calv__h { margin: 0 0 4px; font: 700 11px/1 var(--t26-texto); letter-spacing: .14em; text-transform: uppercase; color: #9a9a9a; }
.t26c-calv__mas { font-size: 13px; color: #fff; text-decoration: none; }
.t26c-calv__mas:hover { color: #e40613; }
.t26c-mini { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; text-decoration: none; color: inherit; }
.t26c-mini__img { width: 52px; height: 65px; border-radius: 6px; overflow: hidden; background: #333; }
.t26c-mini__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t26c-mini__tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.t26c-mini__tx small { font: 700 10px/1 var(--t26-texto); letter-spacing: .1em; color: #e40613; }
.t26c-mini__tx b { font: 700 14px/1.2 var(--t26-titulo); text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t26c-mini__tx em { font-style: normal; font-size: 12px; color: #9a9a9a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t26c-mini:hover b { color: #e40613; }
@media (max-width: 1000px) { .t26c-calv { grid-template-columns: minmax(0, 1fr); } .t26c-calv__lado { position: static; } }
html[data-t26-tema="dia"] :is(.t26c-mini__tx b, .t26c-calv__mas) { color: #111; }
html[data-t26-tema="dia"] .t26c-mini:hover b { color: #e40613; }
@media (max-width: 980px) { .t26c.t26c--solo .t26c__cab { display: block; } }

/* ventana «¿estás seguro?» al eliminar la cuenta */
.t26c-seguro { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .7); }
.t26c-seguro__caja { width: min(480px, 100%); padding: 28px; border-radius: 16px; background: #252525; border: 1px solid #e40613; color: #fff; font-family: var(--t26-texto); }
body.t26 .t26c-seguro__caja h2 { margin: 0 0 10px; font: 700 22px/1.2 var(--t26-titulo); text-transform: uppercase; color: #fff; }
.t26c-seguro__caja p { margin: 0 0 22px; color: #bbb; font-size: 15px; line-height: 1.5; }
.t26c-seguro__pie { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.t26c-seguro__pie .t26c__btn { height: 44px; }
html[data-t26-tema="dia"] .t26c-seguro__caja { background: #fff; color: #111; }
html[data-t26-tema="dia"] body.t26 .t26c-seguro__caja h2 { color: #111; }
html[data-t26-tema="dia"] .t26c-seguro__caja p { color: #555; }

/* opciones (radio) más limpias: píldoras en fila, todas de 44px; la elegida en rojo (14-10-2026) */
.t26c__radios { flex-direction: row; flex-wrap: wrap; gap: 8px; }
.t26c__radios legend { width: 100%; }
.t26c__radio { height: 44px; padding: 0 18px; border-radius: 999px; gap: 8px; }
.t26c__radio input { position: absolute; opacity: 0; pointer-events: none; }
.t26c__radio:has(input:checked) { border-color: var(--t26-rojo); background: rgba(228, 6, 19, .12); color: #fff; font-weight: 600; }
.t26c__radio:has(input:checked)::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--t26-rojo); }
.t26c__radio:has(input:focus-visible) { outline: 2px solid var(--t26-rojo); outline-offset: 2px; }
.t26c__radio { position: relative; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__radio:has(input:checked) { color: #111; }
/* Perfiles profesionales: los 4 botones (ahora <button>) abren el panel lateral */
button.t26c__pro-b { width: 100%; background: transparent; color: inherit; font: inherit; }
button.t26c__pro-b:disabled { opacity: .55; cursor: default; }
button.t26c__pro-b:disabled:hover { border-color: #555; color: inherit; }
.t26c__elegido { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 18px; }
/* contador de caracteres en una línea («0/300») */
small.t26c__cont { display: block; max-width: none; }

/* =====================================================================
   MI CUENTA con el mismo lenguaje que el formulario de fiestas / fichas (ficha-form.css) — 14-10-2026
   cabecera con línea · secciones sin caja: título y explicación a la izquierda, campos a la derecha, línea entre secciones ·
   cajas grises de 48 px
   ===================================================================== */
.t26c.t26c--solo { --t26c-in: #333333; --t26c-in-borde: #474747; --t26c-borde: #555555; padding-bottom: 64px; }
html[data-t26-tema="dia"] .t26c.t26c--solo { --t26c-in: #f5f5f5; --t26c-in-borde: #e0e0e0; --t26c-borde: #e6e6e6; }
.t26c--solo .t26c__cont { max-width: none; gap: 0; }
.t26c--solo .t26c__cab { padding-bottom: 28px; margin-bottom: 0; border-bottom: 1px solid var(--t26c-borde); }
body.t26 .t26c--solo .t26c__h1 { font-size: clamp(30px, 3.44vw, 44px); line-height: 1; margin: 0 0 8px; }
.t26c--solo .t26c__sub { font-size: 14px; color: #8f8f8f; margin: 0; }
.t26c--solo .t26c__tj { display: grid; grid-template-columns: minmax(200px, 300px) minmax(0, 1fr); grid-auto-flow: row dense; column-gap: clamp(24px, 3vw, 64px); row-gap: 16px; align-items: start;
	padding: 32px 0; border: 0; border-bottom: 1px solid var(--t26c-borde); border-radius: 0; background: transparent; }
.t26c--solo .t26c__tj > * { grid-column: 2; }
.t26c--solo .t26c__tj > .t26c__tj-t { grid-column: 1; grid-row: 1; }
.t26c--solo .t26c__tj > .t26c__tj-d { grid-column: 1; grid-row: 2; margin: 0; }
body.t26 .t26c--solo .t26c__tj-t { font: 700 18px/1.2 var(--t26-titulo); letter-spacing: 0; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 10px; }
.t26c--solo .t26c__tj.is-peligro .t26c__tj-t { color: var(--t26-rojo); }
.t26c--solo .t26c__in { height: 48px; }
.t26c--solo .t26c__area { height: auto; padding: 12px 14px; }
.t26c--solo .t26c__in:focus { border-color: #fff; }
.t26c--solo > .t26c__cont > .t26c__form, .t26c--solo > .t26c__cont > form { gap: 0; }
.t26c--solo .t26c__cont > .t26c__pie, .t26c--solo form > .t26c__pie:last-child, .t26c--solo .t26c__guardar { padding-top: 28px; justify-content: flex-end; }
/* el contenido de Tu actividad (rejillas y calendario) va a todo el ancho, sin columna de título */
.t26c--solo:is([data-t26c-sec="fiestas"], [data-t26c-sec="calendario"], [data-t26c-sec="noticias"]) .t26c__cont { gap: 18px; }
.t26c--solo:is([data-t26c-sec="fiestas"], [data-t26c-sec="calendario"], [data-t26c-sec="noticias"]) .t26c__cab { margin-bottom: 10px; }
@media (max-width: 900px) {
	.t26c--solo .t26c__tj { grid-template-columns: minmax(0, 1fr); }
	.t26c--solo .t26c__tj > *, .t26c--solo .t26c__tj > .t26c__tj-t, .t26c--solo .t26c__tj > .t26c__tj-d { grid-column: 1; grid-row: auto; }
}
html[data-t26-tema="dia"] .t26c--solo .t26c__in:focus { border-color: #111; }
/* tarjeta = cabecera + cuerpo */
.t26c__tj-cab { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.t26c__tj-cab .t26c__tj-d { margin: 0; }
.t26c__tj-c { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.t26c--solo .t26c__tj > .t26c__tj-cab { grid-column: 1; grid-row: 1; }
.t26c--solo .t26c__tj > .t26c__tj-c { grid-column: 2; grid-row: 1; }
@media (max-width: 900px) { .t26c--solo .t26c__tj > .t26c__tj-cab, .t26c--solo .t26c__tj > .t26c__tj-c { grid-column: 1; grid-row: auto; } }

/* =====================================================================
   FORMULARIOS DE MI CUENTA como el de publicar una fiesta (14-10-2026, 2):
   título de sección arriba (sin columna vacía a la izquierda) y campos en una rejilla de 12 columnas a todo el ancho
   ===================================================================== */
.t26c--solo .t26c__tj { display: flex; flex-direction: column; gap: 20px; }
.t26c--solo .t26c__tj-cab { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px 16px; align-items: start; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > * { grid-column: 1 / -1; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__campo { grid-column: span 6; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__campo:has(textarea) { grid-column: 1 / -1; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__2 { display: contents; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__2 > * { grid-column: span 6; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__s { grid-column: span var(--s, 6); min-width: 0; }
.t26c__in--fijo { display: flex; align-items: center; font-weight: 700; color: #fff; }
.t26c--solo .t26c__junto { margin-top: 0; }
.t26c--solo .t26c__junto > .t26c__sec-cab { padding-top: 40px; }
@media (max-width: 900px) {
	.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > *, .t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__2 > * { grid-column: 1 / -1 !important; }
}
html[data-t26-tema="dia"] .t26c__in--fijo { color: #111; }

/* fotos de perfil cuadradas con bordes redondeados (como la firma de las noticias) */
.t26c__yo img, .t26c__avatar, .t26c__mio-img, .t26c__res-img { border-radius: 10px; }
.t26c__foto img, .t26c__foto-img { width: 120px; height: 120px; border-radius: 14px; }
.t26c__foto.is-encima { outline: 2px dashed var(--t26-rojo); outline-offset: 6px; border-radius: 16px; }

/* DEPURAR CLUBS */
.t26-dep__sec { padding: 32px 0; border-bottom: 1px solid var(--t26-linea); display: flex; flex-direction: column; gap: 14px; }
body.t26 .t26-dep__sec h2 { margin: 0; font: 700 20px/1.2 var(--t26-titulo); text-transform: uppercase; color: #fff; }
.t26-dep__ayuda { margin: 0; color: #9a9a9a; font-size: 14px; line-height: 1.5; max-width: 980px; }
.t26-dep__g { border: 1px solid #3d3d3d; border-radius: 12px; padding: 6px 14px; display: flex; flex-direction: column; }
.t26-dep__f { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--t26-linea); }
.t26-dep__f:last-child, .t26-dep__g .t26-dep__f:nth-last-child(2) { border-bottom: 0; }
.t26-dep__n { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.t26-dep__n b { color: #fff; font-size: 15px; }
.t26-dep__n span { color: #8f8f8f; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t26-dep__acc { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.t26-dep__b, .t26-dep__btn { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid #555; background: transparent; color: #fff; font: 700 11px/1 var(--t26-texto); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.t26-dep__b:hover, .t26-dep__btn:hover { border-color: var(--t26-rojo); color: var(--t26-rojo); }
.t26-dep__btn { background: var(--t26-rojo); border-color: var(--t26-rojo); height: 44px; padding: 0 22px; }
.t26-dep__btn:hover { background: var(--t26-rojo-hover); color: #fff; }
.t26-dep__pie { display: flex; justify-content: flex-end; padding: 10px 0 8px; }
.t26-dep__rad, .t26-dep__chk { position: relative; width: 22px; height: 22px; flex: 0 0 22px; cursor: pointer; }
.t26-dep__rad input, .t26-dep__chk input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.t26-dep__rad i, .t26-dep__chk i { position: absolute; inset: 0; border: 1.5px solid #777; border-radius: 50%; pointer-events: none; }
.t26-dep__chk i { border-radius: 6px; }
.t26-dep__rad input:checked + i { border-color: var(--t26-rojo); box-shadow: inset 0 0 0 5px #2b2b2b; background: var(--t26-rojo); }
.t26-dep__chk input:checked + i { background: var(--t26-rojo); border-color: var(--t26-rojo); }
.t26-dep__chk input:checked + i::after { content: "✓"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; font-weight: 700; }
.t26-dep__busca { height: 48px; padding: 0 18px; border-radius: 999px; border: 1px solid #474747; background: #333; color: #fff; font-size: 15px; max-width: 520px; }
.t26-dep__lista { display: flex; flex-direction: column; }
@media (max-width: 760px) { .t26-dep__f { flex-wrap: wrap; } .t26-dep__acc { width: 100%; justify-content: flex-start; } }
.t26c__lab .t26c__tag { height: 18px; padding: 0 8px; font-size: 9px; }
/* SEGURIDAD en dos columnas en pantallas anchas: contraseña | sesiones · dos pasos | descargar · eliminar a todo el ancho */
@media (min-width: 1100px) {
	.t26c--solo[data-t26c-sec="seguridad"] .t26c__cont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 4vw, 80px); align-items: start; }
	.t26c--solo[data-t26c-sec="seguridad"] .t26c__cont > :not(.t26c__tj), .t26c--solo[data-t26c-sec="seguridad"] .t26c__cont > .t26c__tj.is-peligro { grid-column: 1 / -1; }
}
.t26c--solo[data-t26c-sec="seguridad"] .t26c__tj-c > .t26c__form > .t26c__campo { grid-column: 1 / -1; }
.t26c--solo :is(.t26c__tj-c, .t26c__tj-c > .t26c__form) > .t26c__pie { display: flex; justify-content: flex-start; gap: 10px; padding-top: 4px; }
.t26-dep { padding-left: clamp(16px, 3.3vw, 64px); padding-right: clamp(16px, 3.3vw, 64px); padding-top: 32px; padding-bottom: 80px; }
.t26c--solo .t26c__tj { align-items: stretch; } /* los campos ocupan todo el ancho */
.t26c--solo .t26-lat-campo-btn { max-width: none; }
/* foto de perfil: hueco limpio igual que en noticias y fichas (+ rojo · «Arrastra, pega o pulsa») */
.t26c__hueco { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 160px; height: 120px; border: 1.5px dashed #555; border-radius: 12px; background: #262626; color: #9a9a9a; font-size: 12px; text-align: center; cursor: pointer; transition: border-color .15s; }
.t26c__hueco svg { color: #e40613; }
.t26c__hueco:hover, .t26c__foto.is-encima .t26c__hueco { border-color: #e40613; }
.t26c__hueco .t26c__file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.t26c__foto-acc { display: flex; flex-direction: column; gap: 8px; }
html[data-t26-tema="dia"] .t26c__hueco { background: #f5f5f5; border-color: #bbb; }
.t26c__pros--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .t26c__pros--3 { grid-template-columns: minmax(0, 1fr); } }

/* FOTO DE PERFIL como en Instagram / Meta (14-10-2026): foto pulsable + nombre, @usuario y enlace «Cambiar foto» */
.t26c--solo .t26c__foto { display: flex; align-items: center; gap: 20px; }
.t26c__foto-av { position: relative; display: block; width: 96px; height: 96px; flex: 0 0 96px; border-radius: 14px; overflow: hidden; cursor: pointer; }
.t26c__foto-av img, .t26c__foto .t26c__foto-av .t26c__foto-img { width: 96px; height: 96px; border-radius: 14px; object-fit: cover; display: block; }
.t26c__foto-ov { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .45); color: #fff; opacity: 0; transition: opacity .15s; }
.t26c__foto-av:hover .t26c__foto-ov, .t26c__foto.is-encima .t26c__foto-ov { opacity: 1; }
.t26c__foto-av .t26c__file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.t26c__foto-acc { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.t26c__foto-n { font-size: 17px; color: #fff; }
.t26c__foto-u { font-size: 14px; color: #9a9a9a; }
.t26c__foto-links { display: flex; align-items: center; gap: 16px; margin-top: 6px; }
.t26c__foto-l { font-size: 14px; font-weight: 700; color: #e40613; cursor: pointer; }
.t26c__foto-l:hover { color: #fff; }
.t26c__foto-l.is-lista { color: #fff; }
.t26c__foto-q { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #9a9a9a; cursor: pointer; }
html[data-t26-tema="dia"] .t26c__foto-n { color: #111; }
html[data-t26-tema="dia"] .t26c__foto-l:hover, html[data-t26-tema="dia"] .t26c__foto-l.is-lista { color: #111; }
.t26c__ayuda.is-ok { color: #3ecf6e; }
.t26c__ayuda.is-err { color: #ff4d4d; }
/* avisos de guardado: píldora abajo en el centro, igual que al guardar una fiesta o una noticia */
.t26c .t26c__aviso.is-ok, .t26c .t26c__aviso.is-err { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 100001; margin: 0; max-width: min(560px, calc(100vw - 32px)); padding: 13px 22px; border: 0; border-radius: 999px; background: #e40613; color: #fff; font: 700 14px/1.3 var(--t26-texto); text-align: center; box-shadow: 0 12px 30px rgba(0, 0, 0, .4); transition: opacity .5s; }
.t26c .t26c__aviso.is-err { background: #111; border: 1.5px solid #e40613; }
.t26c .t26c__aviso.is-fuera { opacity: 0; pointer-events: none; }
.t26c button[type="submit"].is-guardando { opacity: .7; pointer-events: none; }

/* MI CALENDARIO a lo ancho: días apaisados (no cuadrados gigantes) y número arriba a la izquierda */
body.t26 .t26c__cal .tp25__d{aspect-ratio:auto;height:clamp(84px,7.2vw,130px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
@media (max-width:767px){body.t26 .t26c__cal .tp25__d{aspect-ratio:1/1;height:auto}}
/* la barra pegajosa de pestañas del calendario no tapa la columna lateral («Tus próximas fiestas») */
body.t26 main .t26c .t26c-calv__cal .t26-barra::before{right:0;width:auto}

/* foto de perfil SIN foto: el mismo hueco que el resto de fotos de la web («+» rojo y «Arrastra, pega o pulsa») */
.t26c__foto-vacio { display: none; }
.t26c__foto-av.is-vacio { width: 120px; height: 120px; flex-basis: 120px; border: 1.5px dashed #555; border-radius: 12px; background: #262626; }
.t26c__foto-av.is-vacio img, .t26c__foto-av.is-vacio .t26c__foto-ov { display: none; }
.t26c__foto-av.is-vacio .t26c__foto-vacio { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px; text-align: center; color: #8f8f8f; font: 600 11px/1.25 var(--t26-texto); }
.t26c__foto-av.is-vacio .t26c__foto-vacio i { font-style: normal; color: #e40613; font: 300 26px/1 var(--t26-texto); }
.t26c__foto-av.is-vacio:hover, .t26c__foto.is-encima .t26c__foto-av.is-vacio { border-color: #e40613; }
html[data-t26-tema="dia"] body.t26 .t26c__foto-av.is-vacio { background: #f5f5f5; border-color: #bbb; }
/* MI CUENTA con el look del formulario de fiestas: títulos de sección y etiquetas en frase, sin mayúsculas */
body.t26 .t26c--solo .t26c__tj-t { font: 600 17px/1.25 var(--t26-texto); letter-spacing: 0; text-transform: none; }
body.t26 .t26c .t26c__lab { font-size: 13px; letter-spacing: 0; text-transform: none; color: #ffffff; }
html[data-t26-tema="dia"] body.t26 .t26c .t26c__lab { color: #111111; }
body.t26 .t26c .t26c__lab--t { color: var(--t26-rojo-hover); }

/* MI PERFIL con foto: hueco de CAMBIAR al lado de la foto, como en todos los formularios (14-10-2026) */
.t26c__foto-cambio { box-sizing: border-box; width: 120px; height: 120px; flex: 0 0 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px; text-align: center; border: 1.5px dashed #555; border-radius: 12px; background: #262626; cursor: pointer; transition: border-color .15s; }
.t26c__foto-cambio i { font-style: normal; color: #e40613; font: 300 26px/1 var(--t26-texto); }
.t26c__foto-cambio b { font: 700 11px/1.2 var(--t26-texto); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.t26c__foto-cambio span { font: 600 11px/1.3 var(--t26-texto); color: #8f8f8f; }
.t26c__foto-cambio:hover, .t26c__foto.is-encima .t26c__foto-cambio { border-color: #e40613; }
html[data-t26-tema="dia"] body.t26 .t26c__foto-cambio { background: #f5f5f5; border-color: #bbb; }
html[data-t26-tema="dia"] body.t26 .t26c__foto-cambio b { color: #111; }
.t26c__foto:has(.t26c__foto-cambio) .t26c__foto-l { display: none; }
.t26c__foto:has(.t26c__foto-cambio) .t26c__foto-ov { display: none; }
.t26c__foto:has(.t26c__foto-cambio) .t26c__foto-av { width: 120px; height: 120px; flex-basis: 120px; }
.t26c__foto:has(.t26c__foto-cambio) .t26c__foto-av img { width: 120px; height: 120px; }

/* QUITAR la foto: X roja en la esquina (como el cartel de las fiestas); la casilla queda oculta */
.t26c__foto-caja { position: relative; display: inline-flex; flex: 0 0 auto; }
.t26c__foto-x { position: absolute; top: -8px; right: -8px; z-index: 2; width: 24px; height: 24px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #e40613; color: #fff; font: 700 15px/1 var(--t26-texto); cursor: pointer; display: grid; place-items: center; }
.t26c__foto-x:hover { background: #ff1f2d; }
.t26c__foto-q { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.t26c__foto.is-quitada .t26c__foto-av img { opacity: .2; filter: grayscale(1); }
.t26c__foto.is-quitada .t26c__foto-acc::after { content: "La foto se quitará al guardar. Pulsa la X otra vez para dejarla."; font-size: 12px; color: #e40613; margin-top: 4px; }
.t26c__foto.is-quitada .t26c__foto-x { background: #555; }

/* textos alineados ARRIBA con la caja de la foto (norma de toda la web) */
body.t26 .t26c__foto { align-items: flex-start !important; }
body.t26 .t26c__foto-acc { justify-content: flex-start; padding-top: 0; }


/* 14-10 · MI CALENDARIO: las fiestas del día (debajo del calendario) en LISTA (por defecto) o MOSAICO, con los botones de la barra */
html.t26-mosaico .tp25__dia { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px 14px; border: 0; }
html.t26-mosaico .tp25__dia > a { display: flex; flex-direction: column; gap: 8px; padding: 0; border: 0; background: transparent; }
html.t26-mosaico .tp25__dia > a img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; }
html.t26-mosaico .tp25__dia > a span { display: flex; flex-direction: column; gap: 3px; }
html.t26-mosaico .tp25__dia > a strong { font-size: 14px; line-height: 1.25; }
html.t26-mosaico .tp25__dia > a small { font-size: 11px; line-height: 1.3; }
/* 15-10-2026 · ayuda en la misma línea que la etiqueta (Tu usuario en Social) */
body.t26 .t26c__lab .t26c__ayuda--linea { display: inline; margin: 0 0 0 8px; font-weight: 400; }