/* EL CLUB, LO DE LA F3 QUE NO ES DE NIVELES NI DE WALLET (F3-T1c y F3-T6b; bocetos de la central de la F3 aprobados el 2026-10-27, apartados 1
   y 4): la pestaña «Canales» del Programa (el gastado del mes con su marca del 80 %, el canal del móvil con sus tres opciones y cómo llega el
   WhatsApp) y la página «Campañas» (segmentos y bonos con fechas). Solo consume las fichas --limpia-*; va detrás de plano-club.css y antes de
   la hoja limpia. Aparte, para no pisar las piezas de la otra rama de la F3. */

.club-canal-precio { margin-left: 6px; padding: 1px 6px; border-radius: 4px; background: var(--limpia-neutro-fondo); color: var(--limpia-tinta-2); font-size: .75rem; font-weight: 500; }
.club-zona-sub { margin-left: 6px; font-size: .78rem; font-weight: 400; color: var(--limpia-tinta-3); }

.club-gastado { display: flex; flex-direction: column; gap: 6px; }
.club-gastado-barra { height: 8px; }
.club-gastado-barra i { background: var(--limpia-bien-tinta); }
.club-gastado-pasa i { background: var(--limpia-aviso-tinta); }
.club-gastado-marca { position: absolute; top: -3px; bottom: -3px; width: 2px; background: var(--limpia-tinta-2); }
.club-gastado-pie { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; font-size: .8125rem; color: var(--limpia-tinta-2); font-variant-numeric: tabular-nums; }

.club-canales-movil { display: grid; gap: 8px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .club-canales-movil { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.club-canal-movil {
    display: flex; align-items: flex-start; gap: 10px; min-height: 64px; padding: 10px 12px; text-align: left; cursor: pointer; font: inherit;
    border: 1px solid var(--limpia-borde); border-radius: var(--limpia-radio-control); background: var(--limpia-hoja); color: var(--limpia-tinta);
}
.club-canal-movil strong { display: block; font-weight: 600; font-size: .9rem; }
.club-canal-movil small { display: block; font-size: .78rem; color: var(--limpia-tinta-3); line-height: 1.35; }
.club-canal-movil-punto { flex: none; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; border: 2px solid var(--limpia-tinta-3); }
.club-canal-movil[aria-checked="true"] { border: 2px solid var(--limpia-morado); padding: 9px 11px; background: var(--limpia-morado-aguada); }
.club-canal-movil[aria-checked="true"] .club-canal-movil-punto { border-color: var(--limpia-morado); box-shadow: inset 0 0 0 3px var(--limpia-hoja); background: var(--limpia-morado); }
.club-canal-movil:disabled { cursor: default; color: var(--limpia-tinta-3); background: repeating-linear-gradient(135deg, var(--limpia-hoja) 0 8px, var(--limpia-neutro-fondo) 8px 10px); }
.club-canal-movil:focus-visible { outline: 2px solid var(--limpia-morado); outline-offset: 2px; }

.club-whatsapp-fondo { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: #ece5dd; }
.club-whatsapp { position: relative; padding: 8px 10px 18px; border-radius: 10px 10px 10px 2px; background: #dcf8c6; color: #111b21; font-size: .84rem; line-height: 1.4; overflow-wrap: anywhere; }
.club-whatsapp small { display: block; margin-bottom: 4px; font-size: .72rem; color: #54656f; }
.club-whatsapp-hora { position: absolute; right: 8px; bottom: 4px; font-size: .68rem; color: #667781; }
.club-whatsapp-boton { display: block; padding: 8px; border-radius: 8px; background: #fff; color: #027eb5; text-align: center; font-size: .84rem; }

@media (max-width: 600px) {
    .club-canal-movil { min-height: 56px; }
}

/* ---- Campañas (F3-T6b) ---------------------------------------------------------------------------------------------------- */
.club-segmentos-exportar { display: grid; gap: 12px; grid-template-columns: 1fr; margin-bottom: 12px; }
@media (min-width: 600px) { .club-segmentos-exportar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .club-segmentos-exportar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.club-segmento-tarjeta .club-zona-cuerpo { gap: 10px; }
.club-segmento-cifra { display: flex; flex-direction: column; gap: 2px; }
.club-segmento-cifra strong { font-size: 1.75rem; font-weight: 650; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--limpia-tinta); }
.club-segmento-cifra span { font-size: .8125rem; color: var(--limpia-tinta-3); }
.club-campanas { margin-top: 16px; }
.club-dias { display: flex; flex-wrap: wrap; gap: 6px; }
.club-dia { min-width: 36px; justify-content: center; }
.club-campanas .club-segmento[aria-checked="true"] { background: var(--limpia-morado); color: #fff; }
@media (max-width: 719px) {
    .club-campanas .club-tabla thead { display: none; }
    .club-campanas .club-tabla tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 10px 12px; border-top: 1px solid var(--limpia-borde-fino); }
    .club-campanas .club-tabla td { display: block; padding: 0; border: 0; }
    .club-campanas .club-tabla td:nth-child(1) { grid-column: 1 / -1; }
    .club-campanas .club-tabla td:last-child { grid-column: 1 / -1; text-align: left; }
    .club-campanas .club-tabla td:last-child .mud-button-root { min-height: 44px; }
    .club-dia { min-width: 44px; min-height: 44px; }
}