/* Aura · Rediseño de la vista de socio (DISENO_AURA.md)
   Piezas comunes y pantallas, con los valores de referencia-diseno/*.html.
   Se carga la última. Solo presentación: no cambia datos ni acciones. */

/* ── Base ──────────────────────────────────────────────────────────── */
h1,h2{font-family:var(--aura-font-titulos);font-weight:600;letter-spacing:0}
.member h1,.member h2{color:var(--aura-tinta)}
.ui-icon.i-chevron-down{--icon:url('/assets/icons/chevron-down.svg')}
.ui-icon.i-clock{--icon:url('/assets/icons/clock.svg')}
.ui-icon.i-map-pin{--icon:url('/assets/icons/map-pin.svg')}
.ui-icon.i-music{--icon:url('/assets/icons/music.svg')}
.ui-icon.i-sparkles{--icon:url('/assets/icons/sparkles.svg')}
.ui-icon.i-star{--icon:url('/assets/icons/star.svg')}
.ui-icon.i-flame{--icon:url('/assets/icons/flame.svg')}
.ui-icon.i-medal{--icon:url('/assets/icons/medal.svg')}
.ui-icon.i-target{--icon:url('/assets/icons/target.svg')}
.ui-icon.i-calendar-check{--icon:url('/assets/icons/calendar-check.svg')}
.ui-icon.i-trending-up{--icon:url('/assets/icons/trending-up.svg')}
.ui-icon.i-palette{--icon:url('/assets/icons/palette.svg')}
.ui-icon.i-mic{--icon:url('/assets/icons/mic.svg')}
.ui-icon.i-book-open{--icon:url('/assets/icons/book-open.svg')}
.ui-icon.i-clapperboard{--icon:url('/assets/icons/clapperboard.svg')}
.ui-icon.i-drama{--icon:url('/assets/icons/drama.svg')}
.ui-icon.i-mail{--icon:url('/assets/icons/mail.svg')}
.ui-icon.i-smartphone{--icon:url('/assets/icons/smartphone.svg')}
.ui-icon.i-list-music{--icon:url('/assets/icons/list-music.svg')}
.ui-icon.i-calendar-days{--icon:url('/assets/icons/calendar-days.svg')}
.nav-icon.icon-music{-webkit-mask-image:url('/assets/icons/music.svg');mask-image:url('/assets/icons/music.svg')}
/* Estrella del estreno: la única forma rellena */
.estrella{display:inline-block;flex:none;width:15px;height:15px;background:var(--aura-oro);-webkit-mask:url('/assets/icons/star-filled.svg') center/contain no-repeat;mask:url('/assets/icons/star-filled.svg') center/contain no-repeat}


/* ── Cabecera de telón (vista de socio) ────────────────────────────── */
.shell .topbar{height:auto;min-height:0;margin:0;padding:18px 20px 0;gap:12px;flex-wrap:nowrap;border:0;border-radius:0;
  background-color:var(--aura-telon);background-image:var(--aura-telon-pliegues);color:var(--aura-crema-telon)}
/* Selector de temporada en píldora */
.shell .topbar .season-select label{margin:0;position:relative;display:flex;align-items:center;gap:4px;height:44px;padding:0 34px 0 14px;border:1px solid rgba(251,243,230,.28);border-radius:22px;
  font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--aura-crema-telon);white-space:nowrap}
.shell .topbar .season-select label::after{content:"";position:absolute;right:14px;top:15px;width:14px;height:14px;background:currentColor;pointer-events:none;
  -webkit-mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat;mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat}
.shell .topbar .season-select select{appearance:none;-webkit-appearance:none;min-height:0;height:42px;width:auto;max-width:none;padding:0;border:0;background:transparent;
  color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.shell .topbar .season-select option{color:var(--aura-tinta)}
/* Iconos de 44 px sin caja */
.shell .topbar .aura-header-tools,.shell .topbar .aura-admin-tools{gap:4px;padding:0;border:0!important;background:transparent!important}
.shell .topbar .aura-header-tools{margin-left:auto}
.shell .topbar .header-round-control,.shell .topbar .account{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:22px!important;background:transparent!important;color:var(--aura-crema-telon)!important}
.shell .topbar .header-round-control:hover,.shell .topbar .account:hover{background:rgba(251,243,230,.1)!important}
.shell .topbar .header-round-control .ui-icon,.shell .topbar .header-round-control .nav-icon{width:21px;height:21px}
.shell .topbar :is(.header-round-control,.account,select){--focus:var(--aura-oro)}
/* Notificaciones: punto en oro claro (el número sigue en el DOM para lectores de pantalla) */
.shell .topbar .notification-badge{top:10px;right:11px;min-width:0;width:8px;height:8px;padding:0;border:0;border-radius:50%;
  background:var(--aura-oro-claro);box-shadow:0 0 0 2px var(--aura-telon);font-size:0;line-height:0;overflow:hidden;color:transparent}
/* Avatar */
.shell .topbar .account .avatar{width:36px;height:36px;border-radius:50%;background:var(--aura-oro-claro);color:var(--aura-telon-oscuro);font-weight:700;font-size:14px}
.shell .topbar .account span:not(.avatar){display:none}
.shell .topbar .demo-badge{background:transparent;color:var(--aura-crema-telon);border-color:rgba(251,243,230,.28)}
/* En móvil «Cerrar sesión» vive en Mi Aura (se mantiene oculto como antes) */
@media(max-width:560px){.shell .topbar [data-action="logout"]{display:none!important}}
/* Por debajo de 410 px no cabe la palabra «Temporada» junto a los cuatro iconos (se conserva «Actualizar datos») */
@media(max-width:409px){
  .shell .topbar{padding-left:16px;padding-right:12px;gap:8px}
  .shell .topbar .season-select label{font-size:0;gap:0;padding-left:14px}
  .shell .topbar .aura-header-tools{gap:0}
}

/* Título, subtítulo y pestañas internas dentro del telón */
.member main#main>.page-intro:first-child,
.member main#main>.page-intro:first-child+.hub-tabs{margin:0 -20px;padding:0 20px;border:0;border-radius:0;
  background-color:var(--aura-telon);background-image:var(--aura-telon-pliegues);color:var(--aura-crema-telon)}
.member main#main>.page-intro:first-child{display:block;padding-top:22px;padding-bottom:20px;margin-bottom:20px}
.member main#main>.page-intro:first-child:has(+.hub-tabs){padding-bottom:0;margin-bottom:0}
.member main#main>.page-intro:first-child h1{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:34px;line-height:38px;color:var(--aura-crema-telon)}
.member main#main>.page-intro:first-child p{margin:6px 0 0;font-size:14.5px;color:rgba(251,243,230,.82)}
.member main#main>.page-intro:first-child .eyebrow{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:rgba(251,243,230,.74)}
.member main#main>.page-intro:first-child .page-actions{margin-top:14px;justify-content:flex-start}
.member main#main>.page-intro:first-child .btn{border-color:rgba(251,243,230,.28);background:transparent;color:var(--aura-crema-telon)}
.member main#main>.page-intro:first-child .btn:not(.alt){background:var(--aura-crema-telon);border-color:var(--aura-crema-telon);color:var(--aura-telon)}
.member main#main>.page-intro:first-child *{--focus:var(--aura-oro)}
.member main#main>.page-intro:first-child+.hub-tabs{display:flex;gap:2px;margin-bottom:20px;padding:14px 10px 0;overflow-x:auto;scrollbar-width:none}
.member main#main>.page-intro:first-child+.hub-tabs button{height:48px;padding:0 10px;margin:0;border:0;border-bottom:3px solid transparent;background:transparent;
  color:rgba(251,243,230,.74);font-weight:600;font-size:14px;white-space:nowrap}
.member main#main>.page-intro:first-child+.hub-tabs button:hover{color:var(--aura-crema-telon)}
.member main#main>.page-intro:first-child+.hub-tabs button.active{color:var(--aura-crema-telon);border-bottom-color:var(--aura-oro-claro);font-weight:700}
.member main#main>.page-intro:first-child+.hub-tabs button:focus-visible{outline-color:var(--aura-oro)}
/* Pestañas fuera del telón (escritorio) */
@media(min-width:741px){
  .member main#main>.page-intro:first-child,.member main#main>.page-intro:first-child+.hub-tabs{margin-left:-36px;margin-right:-36px;padding-left:36px;padding-right:36px}
  .member main#main{padding-top:0}
}
@media(min-width:1450px){
  .member main#main>.page-intro:first-child,.member main#main>.page-intro:first-child+.hub-tabs{margin-left:-50px;margin-right:-50px;padding-left:50px;padding-right:50px}
}


/* ── Barra inferior (móvil) ────────────────────────────────────────── */
@media(max-width:740px){
  .member{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .member nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;height:auto;min-height:84px;gap:0;
    padding:6px 4px max(18px,env(safe-area-inset-bottom));background:var(--aura-papel-claro);border-top:1px solid var(--aura-linea)}
  .member .nav-item{flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:0;margin:0;
    background:transparent!important;box-shadow:none!important;color:var(--aura-tinta-suave);font-size:11px;font-weight:600}
  .member .nav-item .nav-icon{width:22px;height:22px;flex:0 0 22px}
  .member .nav-item .nav-label{display:block;font-size:11px;line-height:1.2;font-weight:inherit;text-align:center;overflow:visible}
  .member .nav-item.active{color:var(--aura-telon);font-weight:700}
  .member main#main{padding-left:20px;padding-right:20px}
  .member main#main>.page-intro:first-child{padding-top:22px}
}


/* ── Botones: principal · secundario (.alt) · de texto (.ghost / .btn-texto) ── */
.member .btn{min-height:44px;padding:0 16px;border-radius:999px;font-weight:600;font-size:14px;line-height:1.2;filter:none}
.member .btn:not(.alt):not(.ghost):not(.danger){border:0;background:var(--aura-telon);color:var(--aura-crema-telon)}
.member .btn:not(.alt):not(.ghost):not(.danger):hover{background:var(--aura-telon-oscuro)}
.member .btn.alt{border:1px solid var(--aura-linea-control);background:transparent;color:var(--aura-tinta)}
.member .btn.alt:hover{background:var(--aura-papel-tinta);border-color:var(--aura-linea-control);color:var(--aura-tinta)}
.member .btn.ghost,.btn-texto{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:var(--aura-telon);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer}
.btn-texto:hover{color:var(--aura-telon-oscuro);text-decoration:underline}
.btn-grande{width:100%;height:52px;font-size:16px}


/* ── Tarjeta ───────────────────────────────────────────────────────── */
.member .card{padding:20px;background:var(--aura-papel-claro);border:1px solid var(--aura-linea);border-radius:18px;box-shadow:none}


/* ── Etiqueta y chip de filtro ─────────────────────────────────────── */
.etiqueta{display:inline-block;font-size:12px;font-weight:700;line-height:16px;padding:4px 10px;border-radius:12px;background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.etiqueta.fuerte{background:var(--aura-telon);color:var(--aura-crema-telon);padding:3px 10px}
.member .chip-btn{height:40px;min-height:40px;padding:0 14px;border:1px solid var(--aura-linea-control);border-radius:999px;background:transparent;color:var(--aura-tinta-media);font-weight:600;font-size:14px;white-space:nowrap}
.member .chip-btn.active,.member .chip-btn[aria-pressed="true"]{background:var(--aura-telon);border-color:var(--aura-telon);color:var(--aura-crema-telon)}


/* ── Campo de formulario y casilla ─────────────────────────────────── */
.member label{color:var(--aura-tinta-media);font-size:13px;font-weight:600}
.member :is(input:not([type="checkbox"],[type="radio"],[type="file"],[type="range"]),select,textarea){min-height:52px;border:1px solid var(--aura-linea-control);border-radius:14px;
  background:var(--aura-papel-claro);color:var(--aura-tinta);font-size:15px}
.member textarea{padding:12px 14px}
.member input[type="search"]{border-radius:999px;min-height:50px}
.member :is(input[type="checkbox"],input[type="radio"]){width:22px;height:22px;min-width:22px;min-height:22px;accent-color:var(--aura-telon)}
.member .check{gap:10px;min-height:44px;font-size:14px;font-weight:500;color:var(--aura-tinta)}


/* ── Barra de progreso ─────────────────────────────────────────────── */
.pista{position:relative;display:block;height:6px;border-radius:3px;background:var(--aura-papel-tinta)}
.pista>i{display:block;height:100%;border-radius:inherit;background:var(--aura-telon)}
.pista.gruesa{height:8px;border-radius:4px}
.pista>.minimo{position:absolute;top:-5px;width:2px;height:18px;margin-left:-1px;border-radius:0;background:var(--aura-tinta)}


/* ── Entrada de teatro (próximo evento) · Inicio.html ──────────────── */
.entrada{position:relative;z-index:1;margin:0 0 0;background:var(--aura-papel-claro);border-radius:18px;
  box-shadow:0 1px 0 rgba(69,9,13,.06),0 18px 40px -18px rgba(69,9,13,.45);color:var(--aura-tinta)}
.entrada__principal{display:flex;position:relative}
.entrada__perf{position:absolute;left:96px;top:0;bottom:0;width:0;border-left:2px dashed var(--aura-perforado)}
.entrada__perf::before{content:"";position:absolute;left:-13px;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--aura-papel)}
.entrada.sobre-telon .entrada__perf::before{background:var(--aura-telon)}
.entrada__talon{width:96px;flex:none;padding:22px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--aura-telon);font-size:13px;font-weight:600}
.entrada__talon b{font-family:var(--aura-font-titulos);font-size:52px;font-weight:600;line-height:1}
.entrada__cuerpo{flex:1;min-width:0;padding:20px 20px 20px 22px}
.entrada__rotulo{margin:0;font-size:13px;color:var(--aura-tinta-suave)}
.entrada__nombre{margin:2px 0 0;font-family:var(--aura-font-titulos);font-weight:600;font-size:27px;line-height:1.1;color:var(--aura-tinta)}
.entrada__produccion{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--aura-oro-texto)}
.entrada__datos{margin-top:14px;display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--aura-tinta-media)}
.entrada__dato{display:flex;align-items:center;gap:8px}
.entrada__dato .ui-icon{width:16px;height:16px;color:var(--aura-tinta-suave)}
.entrada__extra{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.entrada__pie{position:relative;border-top:2px dashed var(--aura-perforado);padding:14px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.entrada__muesca{position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--aura-papel)}
.entrada__muesca.izq{left:-12px}
.entrada__muesca.der{right:-12px}
.entrada__convocatoria{min-width:0}
.entrada__convocatoria p{margin:0;font-size:12px;color:var(--aura-tinta-suave)}
.entrada__convocatoria b{display:block;margin-top:1px;font-weight:700;font-size:15px;color:var(--aura-tinta)}
.entrada__pie .btn{flex:none;height:44px;padding:0 20px!important;font-size:15px!important}


/* ── Nota del tablón · Inicio.html / Aviso.html ────────────────────── */
.member .card.notice{margin:14px 0 0;padding:18px 18px 8px;border:0;border-radius:4px 18px 18px 18px;background:var(--aura-papel-claro);box-shadow:0 10px 24px -16px rgba(69,9,13,.4)}
.member .card.notice.important{border-top:0}
.notice-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notice-tags .meta{font-size:12px;font-weight:600;color:var(--aura-tinta-suave)}
.member .notice h3{margin:10px 0 0;font-family:var(--aura-font-texto);font-size:17px;font-weight:700;line-height:1.35;color:var(--aura-tinta);letter-spacing:0}
.member .notice p{margin:6px 0 0;font-size:14px;color:var(--aura-tinta-media);line-height:1.5}
.member .notice .notice-importance{display:none}
.member .aura-tag{display:inline;margin-left:6px;padding:0;background:transparent;color:var(--aura-tinta-suave);font-size:12px;font-weight:600;letter-spacing:0}


/* ══ Inicio · Inicio.html ═══════════════════════════════════════════ */
.member .member-hero{margin:0 -20px;padding:34px 20px 120px;border-radius:0;background-color:var(--aura-telon);background-image:var(--aura-telon-pliegues);color:var(--aura-crema-telon)}
.member .member-hero h1{margin:0;font-family:var(--aura-font-titulos);font-weight:500;font-size:46px;line-height:1.02;letter-spacing:-.01em;color:var(--aura-crema-telon)}
.member .member-hero p{margin:12px 0 0;max-width:300px;font-size:16px;line-height:1.5;color:rgba(251,243,230,.82)}
.member .member-hero p b{color:var(--aura-crema-telon);font-weight:600}
.member .member-hero+.entrada{margin:-92px -4px 0}
.home-chips{margin:18px -4px 0;display:flex;gap:8px;flex-wrap:wrap}
.home-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:20px;background:var(--aura-papel-tinta);color:var(--aura-tinta-media);font-size:14px;font-weight:600}
.home-chip .ui-icon{width:16px;height:16px}
.home-chip .punto{width:7px;height:7px;border-radius:50%;background:var(--aura-telon)}
.home-section{margin:34px 0 0}
.home-section h2{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:24px;line-height:1.25;color:var(--aura-tinta)}
.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.home-section-head .btn-texto{min-height:0;padding:10px 0}
/* Conservados (no salen en la referencia): logro nuevo, tareas y repaso */
.member .new-achievement{margin:18px 0 0;padding:16px 18px;border:1px solid var(--aura-oro);border-radius:18px;background:var(--aura-papel-claro)}
.member .new-achievement b{display:inline-flex;align-items:center;gap:8px;color:var(--aura-tinta)}
.member .new-achievement b .ui-icon{color:var(--aura-oro)}
.member .task-row{margin:12px 0 0;padding:14px 16px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);color:var(--aura-tinta)}
/* Después */
.despues{list-style:none;margin:8px 0 0;padding:0}
.despues-fila{display:flex;align-items:center;gap:16px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--aura-linea);background:transparent;color:var(--aura-tinta);font:inherit;text-align:left;cursor:pointer}
.despues li:last-child .despues-fila{border-bottom:0}
.despues-fila.funcion{align-items:flex-start}
.despues-fecha{width:52px;flex:none;font-size:13px;font-weight:600;color:var(--aura-tinta-suave)}
.despues-fila.funcion .despues-fecha{color:var(--aura-oro-texto);padding-top:2px}
.despues-nombre{flex:1;min-width:0;font-weight:600}
.despues-fila.funcion .despues-nombre{display:flex;align-items:center;gap:6px;font-family:var(--aura-font-titulos);font-size:19px;font-weight:600;color:var(--aura-telon)}
.despues-desc{display:block;font-size:14px;color:var(--aura-tinta-media);margin-top:2px}
.despues-hora{font-size:14px;color:var(--aura-tinta-suave)}
.despues-fila.funcion .despues-hora{padding-top:2px}
/* Tu temporada */
.temporada{display:block;width:calc(100% + 8px);margin:26px -4px 0;padding:22px 20px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);color:var(--aura-tinta);font:inherit;text-align:left;cursor:pointer}
.temporada h2{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:24px;color:var(--aura-tinta)}
.temporada-fila{margin-top:16px;display:flex;align-items:baseline;justify-content:space-between}
.temporada-fila>span{font-size:14px;color:var(--aura-tinta-suave)}
.temporada-fila strong{font-family:var(--aura-font-titulos);font-size:34px;font-weight:600;line-height:1;color:var(--aura-telon)}
.temporada.bajo .temporada-fila strong{color:var(--aura-aviso)}
.temporada .pista{margin-top:12px}
.temporada-minimo{margin:8px 0 0;font-size:13px;color:var(--aura-tinta-suave);text-align:right}
.temporada-racha{margin-top:18px;padding-top:16px;border-top:1px solid var(--aura-linea);display:flex;align-items:center;gap:14px}
.temporada-puntos{display:flex;gap:5px}
.temporada-puntos i{width:12px;height:12px;border-radius:50%;background:var(--aura-oro)}
.temporada-racha p{margin:0;font-size:14px;color:var(--aura-tinta)}
/* Cumpleaños */
.cumple{margin-top:12px;display:flex;align-items:center;gap:14px}
.cumple-avatar{width:46px;height:46px;flex:none;border-radius:50%;background:var(--aura-papel-tinta);color:var(--aura-telon);display:grid;place-items:center;font-weight:700}
.cumple-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cumple p{margin:0}
.cumple .nombre{font-weight:600;color:var(--aura-tinta)}
.cumple .cuando{font-size:14px;color:var(--aura-tinta-suave)}
.cumple.hoy .cuando{color:var(--aura-oro-texto);font-weight:600}
.home-vacio{margin:12px 0 0;font-size:14px;color:var(--aura-tinta-suave)}
@media(min-width:741px){
  .member .member-hero{margin:0 -36px;padding:34px 36px 120px}
  .member .member-hero+.entrada,.home-chips,.temporada{max-width:560px}
}


/* ══ Calendario · Calendario.html ═══════════════════════════════════ */
/* Suscripción y crear evento: enlaces discretos dentro del telón */
.member main#main>.page-intro:first-child .calendar-subscribe{min-height:36px;padding:0;margin-top:2px;border:0;background:transparent!important;color:var(--aura-crema-telon);font-size:13px;font-weight:600;gap:6px}
.member main#main>.page-intro:first-child .calendar-subscribe .ui-icon{width:16px;height:16px}
.member main#main>.page-intro:first-child .page-actions{margin-top:6px;width:auto;justify-content:flex-start}
.member main#main>.page-intro:first-child .page-actions .btn{flex:0 0 auto}
/* Chips de tipo e interruptor */
.cal-chips{display:flex;gap:8px;margin:0 -20px;padding:0 20px;overflow-x:auto;scrollbar-width:none}
.cal-chips::-webkit-scrollbar{display:none}
.cal-chips .chip-btn{flex:none}
.cal-filtros{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 0}
.interruptor{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex:1 1 auto;min-height:44px;margin:0;position:relative;font-size:14px;font-weight:600;color:var(--aura-tinta-media);cursor:pointer}
.interruptor input{position:absolute;right:0;top:50%;width:46px!important;height:28px!important;min-width:0!important;min-height:0!important;margin:-14px 0 0;opacity:0;cursor:pointer}
.interruptor-pista{position:relative;flex:none;width:46px;height:28px;border-radius:14px;background:var(--aura-papel-tinta);border:1px solid var(--aura-linea-control);box-sizing:border-box;pointer-events:none}
.interruptor-pista::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--aura-tinta-suave);transition:transform .16s ease,background .16s ease}
.interruptor input:checked+.interruptor-pista{background:var(--aura-telon);border-color:var(--aura-telon)}
.interruptor input:checked+.interruptor-pista::after{transform:translateX(18px);background:var(--aura-crema-telon)}
.interruptor input:focus-visible+.interruptor-pista{outline:2px solid var(--aura-oro);outline-offset:2px}
.member .legend-details{margin:4px 0 0}
.member .legend-details summary{min-height:44px;color:var(--aura-tinta-suave);font-size:13px;font-weight:600}
/* Meses y filas de evento */
.cal-mes{margin:0 -20px}
.cal-mes .mes{margin:0;padding:26px 20px 6px;font-family:var(--aura-font-titulos);font-weight:600;font-size:24px;line-height:30px;color:var(--aura-tinta)}
.ev{display:flex;gap:16px;width:100%;padding:14px 20px;border:0;border-bottom:1px solid var(--aura-linea);background:transparent;color:var(--aura-tinta);font:inherit;text-align:left;cursor:pointer}
.cal-mes .ev:last-child{border-bottom:0}
.ev:hover{background:rgba(253,251,243,.6)}
.ev.funcion{background:var(--aura-papel-claro)}
.ev.cancelado{opacity:.62}
.ev .dia{width:44px;flex:none;text-align:center;color:var(--aura-telon)}
.ev .dia small{display:block;font-size:12px;font-weight:600;color:inherit}
.ev .dia b{display:block;font-family:var(--aura-font-titulos);font-size:28px;font-weight:600;line-height:1}
.ev .cont{flex:1;min-width:0;display:block}
.ev .tipo{display:block;font-size:12.5px;font-weight:600;color:var(--aura-tinta-suave)}
.ev .nom{display:block;font-weight:600;font-size:15px}
.ev .dat{display:block;font-size:13.5px;color:var(--aura-tinta-media)}
.ev .tu{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.ev-funcion{display:flex;align-items:center;gap:6px;font-family:var(--aura-font-titulos);font-size:20px;font-weight:600;color:var(--aura-telon)}
.ev .funcion .tipo,.ev.funcion .tipo{margin-top:4px}
.ev .aura-tag{margin:0}
/* Respuesta pendiente a una función (conservado) */
.member .calendar-pending{margin:12px 0 0;padding:14px 16px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);color:var(--aura-tinta)}
.cal-mes .calendar-pending{margin:12px 20px 0}
.member .calendar-pending>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* Eventos anteriores (conservado) */
.member .past-events{margin:26px 0 0}
.member .past-events>summary{min-height:44px;display:flex;align-items:center;font-family:var(--aura-font-titulos);font-size:20px;font-weight:600;color:var(--aura-telon);cursor:pointer}
/* Vista Mes (sin referencia): solo estilo */
.member .cal-month{margin-top:16px}
.member .cal-day.today b{background:var(--aura-telon);color:var(--aura-crema-telon)}
.member .cal-day.selected{border-color:var(--aura-telon);box-shadow:inset 0 0 0 1px var(--aura-telon)}
.member .cal-dot.performance{background:var(--aura-oro)}
.member .cal-month+.section-title,.member .cal-month~h2.section-title{margin-top:24px}
.member .cal-month~.ev{margin:0 -20px;width:calc(100% + 40px)}
@media(min-width:741px){.cal-mes,.member .cal-month~.ev{margin-left:0;margin-right:0;width:100%}.cal-chips{margin:0;padding:0}}


/* ══ Detalle de evento · Evento.html ════════════════════════════════ */
/* Mismo diálogo, mostrado como página (a pantalla completa en móvil) */
dialog.evento-pagina{padding:0;background:var(--aura-papel);color:var(--aura-tinta);border:0;overflow:auto}
dialog.evento-pagina>form>header{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
dialog.evento-pagina>form>header::before{display:none}
dialog.evento-pagina>form>footer{display:none}
dialog.evento-pagina .dialog-body{padding:0 0 32px}
@media(max-width:740px){
  dialog.evento-pagina{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;animation:none}
}
@media(min-width:741px){dialog.evento-pagina{width:min(560px,96vw);border-radius:18px}}
.evento-cabecera{padding:18px 12px 104px;background-color:var(--aura-telon);background-image:var(--aura-telon-pliegues);color:var(--aura-crema-telon)}
.evento-barra{display:flex;align-items:center;justify-content:space-between}
.evento-volver{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 10px 0 4px;border:0;background:transparent;color:var(--aura-crema-telon);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.evento-volver .ui-icon{width:22px;height:22px}
.evento-ico{width:44px;height:44px;border:0;border-radius:22px;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}
.evento-ico .ui-icon{width:21px;height:21px}
.evento-volver:focus-visible,.evento-ico:focus-visible{outline:2px solid var(--aura-oro);outline-offset:2px}
.evento-sub{margin:14px 8px 0;font-size:14px;color:rgba(251,243,230,.82)}
dialog.evento-pagina .entrada{margin:-86px 16px 0}
.entrada__nombre.grande{margin:0;font-size:30px}
.como-llegar{min-height:0;padding:4px 0}
/* Secciones del detalle */
dialog.evento-pagina .evento-seccion,dialog.evento-pagina .poster-gallery,dialog.evento-pagina .aura-work-detail{margin:28px 20px 0}
dialog.evento-pagina h3{margin:0 0 10px;font-family:var(--aura-font-titulos);font-weight:600;font-size:22px;line-height:28px;color:var(--aura-tinta);letter-spacing:0}
dialog.evento-pagina .rsvp-box{padding:0;border:0;background:transparent}
dialog.evento-pagina .rsvp-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
dialog.evento-pagina .rsvp-actions .btn{height:52px;border-radius:14px;padding:0 8px}
dialog.evento-pagina .rsvp-actions .btn:not(.alt){border:2px solid var(--aura-telon);background:var(--aura-papel-claro);color:var(--aura-telon)}
dialog.evento-pagina .rsvp-actions .btn.alt{border:1px solid var(--aura-linea-control);background:transparent;color:var(--aura-tinta)}
dialog.evento-pagina .aura-work-detail h3{margin-top:18px}
dialog.evento-pagina .work-group-switch .btn.selected{background:var(--aura-telon);border-color:var(--aura-telon);color:var(--aura-crema-telon)}
/* Aviso de asistencia */
.event-attendance-note{margin:36px 20px 0;padding:0;border:0;background:transparent}
.event-attendance-note h3{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:24px;line-height:30px;color:var(--aura-tinta)}
.event-attendance-note .attendance-intro{margin:6px 0 0;font-size:14.5px;color:var(--aura-tinta-media)}
.event-attendance-note .attendance-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.event-attendance-note .attendance-kinds .btn{height:52px;min-height:52px;padding:0 8px;border-radius:14px;font-weight:600;font-size:14.5px;gap:8px;display:flex;align-items:center;justify-content:center}
.event-attendance-note .attendance-kinds .btn[aria-pressed="true"]{border:2px solid var(--aura-telon)!important;background:var(--aura-papel-claro)!important;color:var(--aura-telon)!important}
.event-attendance-note .attendance-kinds .btn[aria-pressed="false"]{border:1px solid var(--aura-linea-control)!important;background:transparent!important;color:var(--aura-tinta)!important}
.event-attendance-note .attendance-kinds .btn .ui-icon{width:16px;height:16px}
.event-attendance-note .attendance-kinds .btn[aria-pressed="false"] .ui-icon{display:none}
.event-attendance-note label{display:block;margin-top:20px;font-size:13px;font-weight:600;color:var(--aura-tinta-media)}
.event-attendance-note label[hidden]{display:none}
.event-attendance-note label>span{font-weight:400;color:var(--aura-tinta-suave)}
.event-attendance-note input[type="time"]{display:block;width:160px;height:52px;margin-top:6px}
.event-attendance-note textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;resize:vertical}
.event-attendance-note .actions{display:grid;gap:4px;margin-top:22px}
.event-attendance-note .btn-grande{height:52px;font-size:16px!important;border:0;border-radius:999px;background:var(--aura-telon)!important;color:var(--aura-crema-telon)!important}
.event-attendance-note .btn-texto{justify-self:center}
.event-attendance-note small[role="status"]{display:block;margin-top:6px;text-align:center;font-weight:600;color:var(--aura-telon)}
.event-attendance-note .attendance-who{margin:10px 0 0;font-size:13px;color:var(--aura-tinta-suave);text-align:center}


/* ══ Aviso del tablón · Aviso.html ══════════════════════════════════ */
.aviso-cabecera{padding-bottom:96px}
.aviso-titulo{padding:0 8px}
.aviso-titulo p{margin:18px 0 0;font-size:14px;color:rgba(251,243,230,.82)}
.aviso-titulo h1{margin:4px 0 0;font-family:var(--aura-font-titulos);font-weight:600;font-size:34px;line-height:38px;color:var(--aura-crema-telon)}
.aviso-nota{position:relative;margin:-64px 16px 0;padding:22px 22px 18px;background:var(--aura-papel-claro);border-radius:4px 18px 18px 18px;
  box-shadow:0 10px 24px -16px rgba(69,9,13,.4),0 1px 0 rgba(69,9,13,.06)}
.aviso-chincheta{position:absolute;top:-7px;left:18px;width:14px;height:14px;border-radius:50%;background:var(--aura-oro);box-shadow:0 2px 3px rgba(69,9,13,.35)}
.aviso-texto{margin-top:14px;font-size:15.5px;line-height:1.65;color:var(--aura-tinta);overflow-wrap:anywhere}
.aviso-nota .notice-tags+.aviso-texto{margin-top:14px}
.aviso-nota>.aviso-texto:first-of-type:not(.notice-tags+*){margin-top:4px}
.aviso-texto p{margin:12px 0 0;font-size:inherit;line-height:inherit;color:inherit}
.aviso-texto p:first-child{margin-top:0}


/* ══ Comunidad · Comunidad.html (Personas) ══════════════════════════ */
.member .community-tabs{margin-bottom:16px}
.comunidad-filtros{display:block!important;margin:0}
.comunidad-filtros .community-search{margin:0}
.comunidad-filtros .community-search input{height:50px;min-height:50px;padding:0 14px 0 44px;border-radius:999px;font-size:15px}
.comunidad-filtros .community-search::before{left:14px;width:20px;height:20px;margin-top:-10px;background:var(--aura-tinta-suave)}
.comunidad-filtros .cal-chips{margin-top:12px}
.comunidad-orden{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.comunidad-orden>span{font-size:13px;font-weight:600;color:var(--aura-tinta-suave)}
.comunidad-orden label{margin:0}
.comunidad-orden select{height:40px;min-height:40px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:600;width:auto}
.comunidad-letra .letra{display:flex;align-items:center;gap:12px;margin:22px 0 2px;font-family:var(--aura-font-titulos);font-weight:600;font-size:30px;line-height:1;color:var(--aura-telon)}
.comunidad-letra .letra::after{content:"";flex:1;height:1px;background:var(--aura-linea)}
.member .community-card.persona{display:flex;align-items:center;gap:12px;width:calc(100% + 40px);margin:0 -20px;padding:10px 20px;min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--aura-tinta);font:inherit;text-align:left;cursor:pointer}
.member .community-card.persona:hover{background:rgba(253,251,243,.7);border:0;box-shadow:none}
.community-card.persona .community-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--aura-papel-tinta);color:var(--aura-telon);font-weight:700;font-size:13.5px;object-fit:cover}
.community-card.persona .nm{flex:none;max-width:200px;font-weight:600;font-size:14.5px;line-height:1.3}
.community-card.persona .nm small{display:block;font-weight:500;font-size:12.5px;color:var(--aura-tinta-suave)}
.community-card.persona .guia{flex:1;align-self:center;margin-top:10px;border-bottom:2px dotted var(--aura-perforado);min-width:12px}
.community-card.persona .cu{flex:none;font-size:13.5px;font-weight:600;color:var(--aura-oro-texto)}
.member .community-count{margin:14px 0 0}
/* Mi cuerda (sin referencia): mismo estilo */
.member .community-string .section-title h2{font-size:22px}
.member .community-next{margin-top:14px;padding-top:14px;border-top:1px solid var(--aura-linea)}


/* ══ Comunidad · Retos.html ═════════════════════════════════════════ */
.retos-gestion{margin:0 0 8px}
.cuerdas{margin:6px -4px 0;padding:20px 14px 14px;background:var(--aura-papel-claro);border:1px solid var(--aura-linea);border-radius:18px}
.cuerdas+.cuerdas{margin-top:16px}
.cuerdas-cab{padding:0 6px}
.cuerdas h2,.retos-bloque h2{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:24px;line-height:30px;color:var(--aura-tinta)}
.cuerdas .sub,.retos-bloque .sub{margin:2px 0 0;font-size:13.5px;color:var(--aura-tinta-suave)}
.cuerdas-cab .etiqueta{margin-top:8px}
.cuerdas-filas{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.cuerdas .cu{display:grid;grid-template-columns:96px 1fr 58px;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;font-size:14px}
.cuerdas .cu .n{display:block;font-weight:600;color:var(--aura-tinta);white-space:nowrap}
.cuerdas .cu .n small{display:block;font-size:11.5px;font-weight:600;color:var(--aura-tinta-suave)}
.cuerdas .cu .estrella{width:13px;height:13px;margin-left:3px;vertical-align:-1px}
.cuerdas .cu-barra b{display:block;height:10px;border-radius:5px;background:var(--aura-telon);opacity:.8}
.cuerdas .cu.lider .cu-barra b{opacity:1}
.cuerdas .cu.mia{background:var(--aura-papel-tinta)}
.cuerdas .cu.mia .cu-barra b{background:var(--aura-oro);opacity:1}
.cuerdas .cu .v{text-align:right;font-weight:600;color:var(--aura-tinta-media)}
.cuerdas-nota{margin:12px 6px 0;font-size:12.5px;color:var(--aura-tinta-suave)}
.cuerdas .league-history{margin:10px 6px 0}
.retos-bloque{margin:34px 0 0;padding:0;border:0;background:transparent}
.retos-bloque+.retos-bloque{margin-top:30px}
.reto{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--aura-linea)}
.reto:last-child{border-bottom:0}
.reto .ri{width:44px;height:44px;flex:none;border-radius:50%;background:var(--aura-papel-tinta);color:var(--aura-telon);display:grid;place-items:center}
.reto .ri .ui-icon{width:20px;height:20px}
.reto-cuerpo{flex:1;min-width:0}
.reto .rt{display:flex;justify-content:space-between;gap:10px;margin:0;font-weight:700;font-size:15px;color:var(--aura-tinta)}
.reto .rt span{font-weight:600;font-size:13.5px;color:var(--aura-tinta-suave);white-space:nowrap}
.reto .rd{margin:2px 0 0;font-size:13.5px;color:var(--aura-tinta-media)}
.reto .pista{margin-top:10px;overflow:hidden}
.reto-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;font-size:12.5px;color:var(--aura-tinta-suave)}
.reto-meta>span:not(.etiqueta){display:inline-flex;align-items:center;gap:5px}
.reto-meta .ui-icon{width:14px;height:14px;color:var(--aura-oro)}
@media(min-width:741px){.member .community-card.persona{width:100%;margin:0}}
/* Etiquetas y rótulos heredados en la vista de socio: paleta de Aura y sin mayúsculas */
.member .pill,.member .group-badge,.member .chip{border-radius:12px;font-size:12px;font-weight:700;letter-spacing:0;background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.member .pill.neutral{background:transparent;color:var(--aura-tinta-suave);box-shadow:inset 0 0 0 1px var(--aura-linea-control)}
.member .eyebrow{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--aura-tinta-suave)}
.member .community-next{border:0;border-top:1px solid var(--aura-linea);border-radius:0;background:transparent;padding:14px 0 0}
.member .community-card.mini{border:1px solid var(--aura-linea);border-radius:14px;background:var(--aura-papel-claro);box-shadow:none}
.member .community-card.mini .community-avatar{background:var(--aura-papel-tinta);color:var(--aura-telon)}


/* ══ Repertorio · Repertorio.html (En marcha) ═══════════════════════ */
.rep-resumen{margin:0;font-size:16px;line-height:1.55;color:var(--aura-tinta-media)}
.rep-resumen b{font-family:var(--aura-font-titulos);font-size:22px;font-weight:600;color:var(--aura-telon)}
.rep-de-tu-lista{display:flex;gap:14px;align-items:flex-start;width:calc(100% + 8px);margin:18px -4px 0;padding:16px 18px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);color:var(--aura-tinta);font:inherit;text-align:left;cursor:pointer}
.rep-de-tu-lista-ico{width:40px;height:40px;flex:none;border-radius:50%;background:var(--aura-papel-tinta);color:var(--aura-telon);display:grid;place-items:center}
.rep-de-tu-lista-ico .ui-icon{width:18px;height:18px}
.rep-de-tu-lista>span:last-child{flex:1;display:block}
.rep-de-tu-lista b{display:block;font-weight:700}
.rep-de-tu-lista>span:last-child>span:not(.btn-texto){display:block;margin-top:2px;font-size:13.5px;color:var(--aura-tinta-media)}
.rep-de-tu-lista .btn-texto{min-height:0;margin-top:6px}
.member .rep-filters{display:block;margin:18px 0 0}
.member .rep-filters .community-search input{height:50px;min-height:50px;padding-left:44px;border-radius:999px;font-size:15px}
.rep-modes{display:flex;gap:18px;margin:10px 0 0}
.rep-modes button{min-height:40px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--aura-tinta-suave);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.rep-modes button.active{color:var(--aura-telon);border-bottom-color:var(--aura-telon)}
.member .my-filters.cal-chips{margin-top:12px;gap:8px}
.rep-orden{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px}
.rep-orden label{margin:0;min-width:0}
.rep-orden select.rep-prod{height:40px;min-height:40px;max-width:190px;padding:0 4px 0 0;border:0;background:transparent;color:var(--aura-tinta-suave);font-size:13px;font-weight:600;text-overflow:ellipsis}
.rep-orden select#rep-sort{height:40px;min-height:40px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:600;width:auto}
.rep-canciones{margin:0 -20px}
.can{display:flex;align-items:flex-start;gap:14px;width:100%;padding:14px 20px;border:0;border-bottom:1px solid var(--aura-linea);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.can:hover{background:rgba(253,251,243,.7)}
.can-texto{flex:1;min-width:0}
.can .t{display:block;font-family:var(--aura-font-titulos);font-weight:600;font-size:19px;line-height:1.2;color:var(--aura-tinta)}
.can .m{display:block;margin-top:3px;font-size:13px;font-weight:600;color:var(--aura-oro-texto)}
.can .r{flex:none;text-align:right;font-size:13px;color:var(--aura-tinta-suave);line-height:1.4}
.can .r b{display:block;color:var(--aura-tinta-media);font-weight:600}
@media(min-width:741px){.rep-canciones{margin:0}}
/* Por ensayos, Mi lista, Setlists y Producciones (sin referencia): estilo común */
.member .rep-event{border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);box-shadow:none}
.member .rep-event h3{font-family:var(--aura-font-titulos);font-weight:600;font-size:20px}
.member .my-song,.member .production-card,.member .setlist-card{border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);box-shadow:none}
.member .production-card h2,.member .setlist-card summary b{font-family:var(--aura-font-titulos);font-weight:600}
.member .production-card-logo{background:var(--aura-papel-tinta);border-radius:14px}
.member .production-card-logo span{color:var(--aura-telon);letter-spacing:.2em}
.member .disc-chip{background:var(--aura-papel-tinta);color:var(--aura-tinta);border:0;border-radius:12px}
.member .my-check{border-radius:14px}
.member .chip.info{background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.member .chip.warn{background:transparent;color:var(--aura-aviso);box-shadow:inset 0 0 0 1px var(--aura-aviso)}
.member .callout{border-radius:14px;background:var(--aura-papel-tinta);border:0;color:var(--aura-tinta)}
.member .my-filters.cal-chips{flex-wrap:nowrap}
.rep-orden select.rep-prod{max-width:150px}


/* ══ Mi Aura · MiAura.html y MiAura-Configuracion.html ══════════════ */
.member .aura-card{margin:16px -4px 0;padding:20px}
.member main#main>.page-intro:first-child+.hub-tabs+.aura-card{margin-top:0}
.aura-card h2{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:22px;line-height:28px;color:var(--aura-tinta)}
.aura-txt{margin:6px 0 0;font-size:14px;color:var(--aura-tinta-media)}
.aura-kicker{margin:0;font-size:13px;font-weight:600;color:var(--aura-tinta-suave)}
.aura-card .journey-summary+.aura-kicker{margin-top:26px}
.aura-h3{margin:2px 0 6px;font-family:var(--aura-font-titulos);font-weight:600;font-size:20px;color:var(--aura-tinta)}
.aura-h2-icono{display:flex;align-items:center;gap:8px}
.aura-h2-icono .ui-icon{width:20px;height:20px;color:var(--aura-oro)}
.aura-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.aura-card .actions .btn{min-height:44px;height:44px;padding:0 16px;font-size:14px}
.aura-estado{margin:12px 0 0}
.member .btn.alt.btn-aviso{color:var(--aura-aviso);border-color:var(--aura-aviso)}
/* Tarjeta de perfil */
.perfil-cabeza{display:flex;align-items:center;gap:14px}
.perfil-cabeza .profile-photo{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--aura-telon);color:var(--aura-crema-telon);display:grid;place-items:center;font-weight:700;font-size:22px;object-fit:cover}
.perfil-cabeza.datos{margin-top:14px}
.perfil-cabeza.datos .profile-photo{width:56px;height:56px;flex-basis:56px;font-size:19px}
.perfil-cabeza h2{margin:0}
.member .profile-groups{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.perfil-datos{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--aura-tinta-media);min-width:0}
.perfil-cabeza .perfil-datos{margin-top:0;gap:4px}
.perfil-datos>span{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
.perfil-datos .ui-icon{flex:0 0 16px}
.perfil-datos .ui-icon{width:16px;height:16px;color:var(--aura-tinta-suave)}
/* Cifras */
.member .journey-summary{display:block;text-align:left;padding:0;border:0;background:transparent}
.cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.cifra{padding:14px 12px;border-radius:14px;background:var(--aura-papel);text-align:center}
.cifra b{display:block;font-family:var(--aura-font-titulos);font-weight:600;font-size:30px;line-height:1.05;color:var(--aura-telon)}
.cifra span{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--aura-tinta-suave)}
/* Trayectoria artística */
.member .prod{display:flex;gap:14px;padding:18px 0;border:0;border-top:1px solid var(--aura-linea);border-radius:0;background:transparent;margin:0}
.aura-h3+.prod{border-top:1px solid var(--aura-linea)}
.member .prod .pl{width:64px;height:64px;flex:none;border-radius:12px;border:1px solid var(--aura-linea);background:var(--aura-papel);display:grid;place-items:center;font-family:var(--aura-font-titulos);font-weight:600;font-size:13px;line-height:1.1;color:var(--aura-telon);text-align:center;padding:4px;box-sizing:border-box;overflow:hidden;object-fit:contain;letter-spacing:0}
.prod-cuerpo{flex:1;min-width:0}
.prod .pt{margin:0;font-size:12.5px;font-weight:600;color:var(--aura-tinta-suave)}
.member .prod .pn{display:block;margin:2px 0 0;padding:0;border:0;background:transparent;font-family:var(--aura-font-titulos);font-weight:600;font-size:18px;line-height:1.2;color:var(--aura-tinta);text-align:left;cursor:pointer}
.prod .roles{list-style:none;margin:6px 0 0;padding:0;font-size:14px;color:var(--aura-tinta)}
.prod .roles li{display:block;padding:0;border:0;background:transparent}
.prod .roles span{font-size:12.5px;color:var(--aura-tinta-suave)}
.pleg{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:2px;padding:0;color:var(--aura-telon);font-weight:700;font-size:14px;cursor:pointer;list-style:none}
.pleg::-webkit-details-marker{display:none}
.pleg::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url('/assets/icons/chevron-right.svg') center/contain no-repeat;mask:url('/assets/icons/chevron-right.svg') center/contain no-repeat;transition:transform .16s ease}
details[open]>.pleg::before{transform:rotate(90deg)}
.member .pleg::before,.member details[open]>.pleg::before{content:"";margin:0;font-size:0}
.member .member-stats details{padding:0;border:0;border-top:1px solid var(--aura-linea);border-radius:0;background:transparent}
.member .artistic-events{margin:0;padding:0;border:0;background:transparent}
.funs{list-style:none;margin:0;padding:0;border-left:2px solid var(--aura-linea)}
.funs li{display:block;padding:6px 0 8px 12px;font-size:13.5px;color:var(--aura-tinta-media);border:0;background:transparent}
.funs b{display:block;font-size:14px;color:var(--aura-tinta)}
.funs span{display:block;margin-top:2px}
.funs .can em{font-style:normal;font-family:var(--aura-font-titulos);font-weight:600;font-size:15px;color:var(--aura-telon)}
/* Estadísticas */
.dest{margin-top:10px;padding:14px 16px;border-radius:14px;background:var(--aura-papel-tinta)}
.cifras+.dest{margin-top:14px}
.dest p{margin:0;font-size:12.5px;font-weight:700;color:var(--aura-tinta-suave)}
.dest strong{display:block;margin-top:2px;font-family:var(--aura-font-titulos);font-weight:600;font-size:18px;color:var(--aura-tinta)}
.dest small{font-size:13px;font-weight:600;color:var(--aura-tinta-media)}
.stats-folds{margin-top:12px}
.member .stp{margin:0;padding:0;border:0;border-top:1px solid var(--aura-linea);border-radius:0;background:transparent}
.stp-cuerpo{padding:0 0 10px}
.stf{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px}
.stf span:first-child{font-weight:600;color:var(--aura-tinta)}
.stf span:last-child{color:var(--aura-tinta-media);text-align:right}
.barra{height:6px;border-radius:3px;background:var(--aura-papel-tinta);overflow:hidden;margin-bottom:6px}
.barra i{display:block;height:100%;background:var(--aura-telon);border-radius:3px}
/* Logros */
.member .achievement-summary{display:block}
.logro{padding:12px 14px;border:1px solid var(--aura-linea);border-radius:14px;background:var(--aura-papel);margin-top:8px}
.logro b{font-size:14.5px;color:var(--aura-tinta)}
.logro>span{font-weight:600;color:var(--aura-tinta-suave)}
.logro small{display:block;font-size:12.5px;color:var(--aura-tinta-suave)}
.logro .barra{margin:8px 0 0}
.achievement-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mini{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;background:#F5E6C4;color:var(--aura-telon-oscuro)}
/* Colección de medallas */
.member .medal-collection{margin:28px 0 0}
.member .medal-collection h2{font-size:24px}
.meds{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px}
.member .med{padding:14px 12px;border:1px solid var(--aura-linea);border-radius:14px;background:var(--aura-papel-claro);text-align:center;box-shadow:none}
.med>i{width:40px;height:40px;margin:0 auto;border-radius:50%;background:var(--aura-oro);color:var(--aura-telon-oscuro);display:grid;place-items:center;font-style:normal}
.med>i .ui-icon{width:18px;height:18px}
.med b{display:block;margin-top:8px;font-size:14px;color:var(--aura-telon)}
.med p{margin:4px 0 0;font-size:12.5px;line-height:1.4;color:var(--aura-tinta-media)}
.med .medal-detail{margin-top:4px;font-size:12px;color:var(--aura-tinta-suave)}
.med small{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--aura-tinta-suave)}
.member .medal-collection>.btn{margin-top:16px}
/* Perfil de Comunidad en Configuración */
.member .community-settings{margin:16px -4px 0;padding:20px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro);box-shadow:none}
.member .community-settings h3{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:22px;line-height:28px;color:var(--aura-tinta)}
.member .community-settings p{margin:6px 0 0;font-size:14px;color:var(--aura-tinta-media)}
.member .community-settings .checks{display:block;margin-top:8px}
.member .community-settings .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media(min-width:741px){.member .aura-card,.member .community-settings{margin-left:0;margin-right:0;max-width:720px}}
.member .kpi-tile b{display:flex;align-items:center;gap:6px;font-family:var(--aura-font-titulos);font-weight:600;color:var(--aura-telon)}
.member .kpi-tile b .ui-icon{width:18px;height:18px;color:var(--aura-oro)}
.member .kpi-tile{border-color:var(--aura-linea);border-radius:14px;background:var(--aura-papel-claro)}


/* ══ Login · Login.html ═════════════════════════════════════════════ */
.login-pantalla{min-height:100dvh;display:flex;flex-direction:column;background:var(--aura-papel);color:var(--aura-tinta)}
.login-telon{height:300px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding-top:20px;border-radius:0 0 50% 50% / 0 0 44px 44px;
  background-color:var(--aura-telon);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0,rgba(255,255,255,.04) 18px,rgba(0,0,0,.12) 36px)}
.login-telon img{width:176px;height:auto;display:block}
.login-cuerpo{width:100%;max-width:440px;margin:0 auto;padding:30px 24px 0;box-sizing:border-box}
.login-kicker{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--aura-tinta-suave);letter-spacing:.02em}
.login-cuerpo h1{margin:0;font-family:var(--aura-font-titulos);font-weight:600;font-size:28px;line-height:34px;color:var(--aura-tinta)}
.login-cuerpo>p{margin:4px 0 0;font-size:14.5px;color:var(--aura-tinta-media)}
.login-cuerpo label{display:block;margin:14px 0 0;font-size:13px;font-weight:600;color:var(--aura-tinta-media)}
.login-cuerpo form>label:first-child{margin-top:22px}
.login-cuerpo input:not([type=checkbox]){display:block;width:100%;height:52px;min-height:52px;margin-top:6px;box-sizing:border-box;border:1px solid var(--aura-linea-control);border-radius:14px;background:var(--aura-papel-claro);color:var(--aura-tinta);font-size:15px;padding:0 14px}
.login-clave{position:relative;display:block}
.login-clave input{padding-right:88px!important}
.login-mostrar{position:absolute;right:4px;top:10px;height:44px;padding:0 12px;border:0;background:transparent;color:var(--aura-telon);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.login-cuerpo .check{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:44px;margin-top:10px;font-size:14px;font-weight:400;color:var(--aura-tinta-media)}
.login-cuerpo .check input{width:22px;height:22px;min-width:22px;min-height:22px;margin:0;accent-color:var(--aura-telon)}
.login-cuerpo .btn-grande{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:14px 0 0;border:0;border-radius:999px;background:var(--aura-telon);color:var(--aura-crema-telon);font-weight:600;font-size:16px}
.login-cuerpo .btn-grande:hover{background:var(--aura-telon-oscuro);filter:none}
.login-olvido{text-align:center;margin-top:6px}
.login-cuerpo>.btn{width:100%;min-height:52px;margin-top:12px;border-radius:999px;font-size:16px}
.login-cuerpo>.btn.alt{background:transparent;border:1px solid var(--aura-linea-control);color:var(--aura-tinta)}
.login-cuerpo .demo-callout{margin-top:22px;padding:16px;border:1px solid var(--aura-linea);border-radius:18px;background:var(--aura-papel-claro)}
.login-cuerpo .demo-callout p{margin:8px 0 0;font-size:14px;color:var(--aura-tinta-media)}
.login-foot{margin:auto 0 0;padding:28px 24px;text-align:center;font-size:13px;color:var(--aura-tinta-suave)}



/* ══ Administración (sin referencia): cabecera de telón, tarjetas, botones, etiquetas y tipografía ══ */
.admin .eyebrow{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--aura-tinta-suave)}
.admin h1,.admin h2{color:var(--aura-tinta)}
.admin .card{border:1px solid var(--aura-linea);border-radius:18px;box-shadow:none}
.admin .btn{border-radius:999px;font-weight:600;filter:none}
.admin .btn:not(.alt):not(.ghost):not(.danger){background:var(--aura-telon);border-color:var(--aura-telon);color:var(--aura-crema-telon)}
.admin .btn:not(.alt):not(.ghost):not(.danger):hover{background:var(--aura-telon-oscuro);border-color:var(--aura-telon-oscuro)}
.admin .btn.alt{background:transparent;border:1px solid var(--aura-linea-control);color:var(--aura-tinta)}
.admin .btn.alt:hover{background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.admin .chip-btn{border-color:var(--aura-linea-control);border-radius:999px;background:transparent;color:var(--aura-tinta-media);font-weight:600}
.admin .chip-btn.active{background:var(--aura-telon);border-color:var(--aura-telon);color:var(--aura-crema-telon)}
.admin .pill,.admin .group-badge,.admin .chip{border-radius:12px;font-size:12px;font-weight:700}
.admin .pill:not(.warning),.admin .chip:not(.info):not(.warn):not(.warning){background:var(--aura-papel-tinta);color:var(--aura-tinta)}
.admin th{text-transform:none;letter-spacing:0}
.admin .topbar .season-select label{border-color:rgba(251,243,230,.28)}
@media(max-width:740px){.shell.admin .topbar{padding-top:12px;padding-bottom:12px}}
@media(min-width:741px){.shell.admin .topbar{padding:18px 36px}}
@media(min-width:1450px){.shell.admin .topbar{padding-left:50px;padding-right:50px}}


/* ══ Diálogos comunes (#modal está fuera de .shell) ═════════════════ */
#modal h2{color:var(--aura-tinta);font-family:var(--aura-font-titulos);font-weight:600}
#modal .btn{border-radius:999px;font-weight:600;filter:none;min-height:44px}
#modal .btn:not(.alt):not(.ghost):not(.danger){background:var(--aura-telon);border-color:var(--aura-telon);color:var(--aura-crema-telon)}
#modal .btn:not(.alt):not(.ghost):not(.danger):hover{background:var(--aura-telon-oscuro)}
#modal .btn.alt{background:transparent;border:1px solid var(--aura-linea-control);color:var(--aura-tinta)}
#modal .btn.alt:hover{background:var(--aura-papel-tinta)}
#modal label{color:var(--aura-tinta-media);font-weight:600}
#modal :is(input:not([type="checkbox"],[type="radio"],[type="file"],[type="range"]),select,textarea){border:1px solid var(--aura-linea-control);border-radius:14px;background:var(--aura-papel-claro);color:var(--aura-tinta)}
#modal :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--aura-telon)}
#modal .eyebrow{text-transform:none;letter-spacing:0}
#modal .pill,#modal .group-badge{border-radius:12px;font-weight:700}
#modal header .icon{border-radius:22px}
#modal .event-attendance-note .attendance-kinds .btn,#modal.evento-pagina .rsvp-actions .btn{border-radius:14px;min-height:52px}
#modal .event-attendance-note .btn-grande{min-height:52px}