/* r17 (auditoría de avisos 05/11, Piero): tarjeta «Tienes N cosas por responder» del DT (módulo 105), el aviso de cambio de ID del club y «Mis solicitudes de inscripción». */
#mc-por-responder.mc-por-resp{--pr:#8b5cf6;--pr-fondo:rgba(139,92,246,.10);--pr-borde:rgba(139,92,246,.45);
  margin:8px auto 14px;max-width:1240px;width:calc(100% - 24px);box-sizing:border-box;border:1px solid var(--pr-borde);border-left:5px solid var(--pr);border-radius:12px;
  background:var(--pr-fondo);color:var(--texto,#f4f3ff);padding:12px 14px;line-height:1.35;font-size:15px;position:relative;z-index:2}
#mc-por-responder.mc-por-resp-club{width:100%;max-width:none;margin:0;border-radius:0;border-left-width:5px;border-right:0}
#mc-por-responder .mc-pr-cab{display:flex;align-items:center;gap:10px;margin:0 0 8px}
#mc-por-responder .mc-pr-punto{width:10px;height:10px;border-radius:50%;background:var(--pr);box-shadow:0 0 0 3px var(--pr-fondo);flex:0 0 auto}
#mc-por-responder .mc-pr-h{margin:0;font:800 19px/1.2 var(--f-display,inherit);letter-spacing:.01em;text-transform:none;color:var(--texto,#f4f3ff)}
#mc-por-responder .mc-pr-h2{margin:12px 0 6px;font:700 14px/1.2 var(--f-datos,inherit);text-transform:none;letter-spacing:.02em;color:var(--suave,#b9b6dd)}
.mc-pr-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mc-pr-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--linea,#2f2b70);border-radius:10px;background:var(--sup-1,#14123a)}
.mc-pr-cuerpo{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
.mc-pr-tipo{font:700 12px/1.2 var(--f-datos,inherit);letter-spacing:.04em;text-transform:uppercase;color:var(--violeta-texto,#b49dff)}
.mc-pr-titulo{font:700 16px/1.25 var(--f-datos,inherit);color:var(--texto,#f4f3ff);overflow-wrap:anywhere}
.mc-pr-det{font-size:14px;color:var(--suave,#b9b6dd);overflow-wrap:anywhere}
.mc-pr-acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mc-pr-acc .mc-btn{min-height:40px;white-space:normal;text-align:center}
.mc-pr-msg{flex:1 1 100%;margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.mc-pr-msg:empty{display:none}
.mc-pr-msg[data-tipo="ok"]{color:var(--ok,#20e89b)}
.mc-pr-msg[data-tipo="error"]{color:var(--error,#ff6b6b)}
.mc-pr-hecho{border-color:rgba(32,232,155,.45);background:rgba(32,232,155,.07)}
.mc-pr-hecho .mc-pr-msg{flex:0 1 auto;color:var(--ok,#20e89b)}
.mc-pr-linea{padding:8px 12px}
.mc-pr-linea.mc-pr-mala{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.07)}
.mc-pr-linea .mc-pr-det{flex:1 1 220px;color:var(--texto,#f4f3ff)}
.mc-pr-aviso-club{border:1px solid var(--gold,#f5c542);border-radius:10px;background:rgba(245,197,66,.08);padding:14px}
.mc-pr-aviso-club .mc-pr-aviso-h{margin:0 0 6px;color:var(--gold,#f5c542);font-size:15px}
.mc-pr-aviso-club>.mc-pr-det{margin:0 0 10px}
.mc-sol-bloque{margin:0 0 14px}
.mc-sol-bloque .mc-sol-h{margin:0 0 8px;font:700 15px/1.2 var(--f-datos,inherit);text-transform:none;letter-spacing:.02em;color:var(--suave,#b9b6dd)}
.mc-sol.mc-sol-rechazada{border-color:rgba(255,107,107,.55)}
.mc-sol.mc-sol-rechazada>span{color:var(--error,#ff6b6b);font-weight:700}
.mc-sol.mc-sol-aprobada>span{color:var(--ok,#20e89b);font-weight:700}
.mc-sol>small{overflow-wrap:anywhere}
@media (max-width:640px){
  #mc-por-responder.mc-por-resp{width:calc(100% - 16px);margin:6px auto 12px;padding:10px 10px;font-size:14px}
  #mc-por-responder.mc-por-resp-club{width:100%;margin:0}
  #mc-por-responder .mc-pr-h{font-size:17px}
  .mc-pr-acc{flex:1 1 100%}
  .mc-pr-acc .mc-btn{flex:1 1 auto;padding:0 12px!important}
}
@media (prefers-reduced-motion:reduce){#mc-por-responder *{transition:none!important;animation:none!important}}
/* En el Inicio la tarjeta va justo arriba de la pila de la portada y a todo su ancho. */
#mc-por-responder.mc-por-resp-inicio{width:min(1180px,94vw);max-width:100%;margin:8px auto 18px}
@media (min-width:1024px){#mc-por-responder.mc-por-resp-inicio{width:100%;margin:8px 0 20px}}

/* 08/11 (Karim): tarjeta plegada por defecto: solo la línea «Tienes N cosas por responder» con «Ver». */
#mc-por-responder .mc-pr-ver{margin-left:auto;flex:0 0 auto}
#mc-por-responder.mc-pr-plegada .mc-pr-cab{margin:0}
#mc-por-responder.mc-pr-plegada .mc-pr-lista,#mc-por-responder.mc-pr-plegada .mc-pr-curso{display:none}
/* 08/11 (Piero): «Marcar reportes como vistos» + ayuda corta; se pliega junto con la lista. */
#mc-por-responder .mc-pr-vistos{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:0 2px}
#mc-por-responder .mc-pr-vistos .mc-btn{min-height:40px;white-space:normal;text-align:center}