/* /Components/Pages/PanelCobros.razor.rz.scp.css */
/* Cobros: estilos propios de la página (lo común sale de panel.css). Colores de los tramos como la app:
   verde 0-30, ámbar 31-60, naranja 61-90, rojo +90. */

.cb-tono--0[b-dqgfmypb6w] { --tono: #16a34a; --tono-suave: #dcfce7; }
.cb-tono--1[b-dqgfmypb6w] { --tono: #d97706; --tono-suave: #fef3c7; }
.cb-tono--2[b-dqgfmypb6w] { --tono: #ea580c; --tono-suave: #ffedd5; }
.cb-tono--3[b-dqgfmypb6w] { --tono: #d13438; --tono-suave: #fdecec; }

.cb-verde[b-dqgfmypb6w] { color: var(--pl-verde) !important; }

/* ------------------------------------------------------------ tramos */

.cb-tramos[b-dqgfmypb6w] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.cb-tramo[b-dqgfmypb6w] {
    position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
    padding: 12px 14px 14px; border: 1px solid var(--pl-borde); border-radius: var(--pl-radio);
    background: var(--pl-panel); font: inherit; text-align: left; cursor: pointer; color: var(--pl-texto);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.cb-tramo:hover[b-dqgfmypb6w] { border-color: var(--tono); box-shadow: var(--pl-sombra); }
.cb-tramo.activo[b-dqgfmypb6w] { border-color: var(--tono); background: var(--tono-suave); box-shadow: inset 0 0 0 1px var(--tono); }
.cb-tramo__corto[b-dqgfmypb6w] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; font-weight: 800; color: var(--tono); text-transform: uppercase; letter-spacing: .4px;
}
.cb-tramo__corto[b-dqgfmypb6w]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--tono); }
.cb-tramo strong[b-dqgfmypb6w] { font-size: 16px; font-weight: 750; }
.cb-tramo small[b-dqgfmypb6w] { font-size: 11.5px; color: var(--pl-suave); }
.cb-tramo i[b-dqgfmypb6w] { position: absolute; left: 0; bottom: 0; height: 3px; background: var(--tono); transition: width .3s; }

/* ------------------------------------------------------------ barra de filtros */

.cb-barra .pl-tarea__chip[b-dqgfmypb6w] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; }
.cb-contador[b-dqgfmypb6w] {
    min-width: 18px; padding: 0 6px; border-radius: 9px; text-align: center;
    font-size: 11px; font-weight: 800; background: var(--pl-panel-alto); color: var(--pl-suave);
}
.pl-tarea__chip.activa .cb-contador[b-dqgfmypb6w] { background: rgba(255,255,255,.22); color: #fff; }

/* ------------------------------------------------------------ grupos y filas */

.cb-grupo[b-dqgfmypb6w] { margin-bottom: 6px; }
.cb-grupo__titulo[b-dqgfmypb6w] { display: flex; align-items: center; gap: 8px; margin: 18px 4px 8px; font-size: 14px; font-weight: 800; }
.cb-grupo__titulo i[b-dqgfmypb6w] { width: 9px; height: 9px; border-radius: 50%; background: var(--tono); }
.cb-grupo__titulo span[b-dqgfmypb6w] { font-size: 12px; font-weight: 600; color: var(--pl-suave); }
.cb-grupo__titulo b[b-dqgfmypb6w] { margin-left: auto; font-size: 13px; font-weight: 800; color: var(--tono); }

.cb-lista[b-dqgfmypb6w] { padding: 4px 6px; }
.cb-fila[b-dqgfmypb6w] { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--pl-borde); }
.cb-fila:last-child[b-dqgfmypb6w] { border-bottom: 0; }
.cb-fila__abrir[b-dqgfmypb6w] {
    flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 12px 10px;
    border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; border-radius: 10px;
}
.cb-fila__abrir:hover[b-dqgfmypb6w] { background: var(--pl-panel-alto); }
.cb-fila.cobrada .cb-fila__abrir[b-dqgfmypb6w] { opacity: .85; }

.cb-avatar[b-dqgfmypb6w] {
    flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 17px; color: var(--color-avatar);
    background: color-mix(in srgb, var(--color-avatar) 14%, transparent);
}
.cb-fila__texto[b-dqgfmypb6w] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.cb-fila__texto > b[b-dqgfmypb6w] { font-size: 14.5px; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cb-fila__texto > small[b-dqgfmypb6w] { font-size: 12.5px; color: var(--pl-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cb-fila__chips[b-dqgfmypb6w] { margin-top: 5px; gap: 5px; }
/* Último recordatorio por email: cuándo y cómo fue (en rojo si falló). */
.cb-fila__envio[b-dqgfmypb6w] { margin-top: 4px; font-size: 12px; color: var(--pl-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cb-fila__envio.fallo[b-dqgfmypb6w] { color: var(--pl-rojo); font-weight: 600; }
.cb-proyecto[b-dqgfmypb6w] { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--pl-suave); }
.cb-proyecto i[b-dqgfmypb6w] { width: 8px; height: 8px; border-radius: 50%; }

.cb-fila__importe[b-dqgfmypb6w] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 110px; }
.cb-fila__importe b[b-dqgfmypb6w] { font-size: 15.5px; font-weight: 850; white-space: nowrap; }
.cb-fila__importe small[b-dqgfmypb6w] { font-size: 11.5px; color: var(--pl-suave); white-space: nowrap; }
.cb-barra-progreso[b-dqgfmypb6w] { display: block; width: 96px; height: 5px; margin-top: 4px; border-radius: 99px; background: var(--pl-panel-alto); overflow: hidden; }
.cb-barra-progreso i[b-dqgfmypb6w] { display: block; height: 100%; border-radius: 99px; background: var(--pl-verde); }

.cb-fila__acciones[b-dqgfmypb6w] { display: flex; gap: 6px; padding-right: 8px; }
.cb-btn-cobrar[b-dqgfmypb6w] { color: var(--pl-verde-alto); border-color: rgba(21,128,61,.35); }
.cb-btn-cobrar:hover:not(:disabled)[b-dqgfmypb6w] { background: var(--pl-verde-suave) !important; }
.cb-btn-wa[b-dqgfmypb6w] { color: #128c4b; text-decoration: none; }
.cb-btn-wa:hover[b-dqgfmypb6w] { background: #e7f8ee !important; }

/* ------------------------------------------------------------ vacíos */

.cb-vacio[b-dqgfmypb6w] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 40px 20px; }
.cb-vacio__icono[b-dqgfmypb6w] {
    width: 64px; height: 64px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center;
    font-size: 30px; background: var(--pl-panel-alto); margin-bottom: 4px;
}
.cb-vacio h3[b-dqgfmypb6w] { font-size: 16px; }
.cb-vacio p[b-dqgfmypb6w] { max-width: 420px; font-size: 13px; color: var(--pl-suave); margin-bottom: 6px; }

@media (max-width: 900px) {
    .cb-tramos[b-dqgfmypb6w] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .cb-fila[b-dqgfmypb6w] { flex-wrap: wrap; gap: 0; }
    .cb-fila__abrir[b-dqgfmypb6w] { flex-wrap: wrap; padding: 12px 6px 6px; }
    .cb-fila__texto[b-dqgfmypb6w] { flex: 1 1 calc(100% - 54px); }
    .cb-fila__importe[b-dqgfmypb6w] { flex: 1 1 100%; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; padding-left: 54px; min-width: 0; }
    .cb-barra-progreso[b-dqgfmypb6w] { margin: 0 0 0 auto; }
    .cb-fila__acciones[b-dqgfmypb6w] { flex: 1 1 100%; justify-content: flex-end; padding: 0 6px 10px; }
    .cb-barra .pl-tarea__chips[b-dqgfmypb6w] { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .cb-tramo[b-dqgfmypb6w], .cb-tramo i[b-dqgfmypb6w] { transition: none; }
}
/* /Components/Pages/PanelDinero.razor.rz.scp.css */
/* ------------------------------------------------ Dinero (tarjetas, barras y listas como en la app) */

.din-verde[b-cu4ppbvl9k] { color: var(--pl-verde) !important; }
.din-rojo[b-cu4ppbvl9k] { color: var(--pl-rojo) !important; }
.din-suave[b-cu4ppbvl9k] { color: var(--pl-suave); }

/* Selector de mes ‹ Octubre 2026 › */
.din-mes[b-cu4ppbvl9k] {
    display: inline-flex; align-items: center; gap: 2px; padding: 3px;
    background: var(--pl-panel); border: 1px solid var(--pl-borde); border-radius: 999px;
}
.din-mes__flecha[b-cu4ppbvl9k] {
    width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--pl-panel-alto);
    font-size: 17px; line-height: 1; cursor: pointer; color: var(--pl-texto);
}
.din-mes__flecha:hover[b-cu4ppbvl9k] { background: var(--pl-marca-suave); }
.din-mes__texto[b-cu4ppbvl9k] { min-width: 128px; text-align: center; font-size: 13.5px; font-weight: 750; }

.din-secciones[b-cu4ppbvl9k] { margin-bottom: 14px; overflow-x: auto; }
.din-secciones .pl-segmento[b-cu4ppbvl9k] { width: max-content; }

/* Cifras (botones con el aspecto de .pl-hoy-cifra) */
.din-cifra[b-cu4ppbvl9k] { font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.din-cifra:hover[b-cu4ppbvl9k] { border-color: var(--pl-borde-alto); box-shadow: var(--pl-sombra); }

/* Rejilla principal: contenido + lateral */
.din-resumen[b-cu4ppbvl9k] { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 14px; align-items: start; }
.din-resumen--mitades[b-cu4ppbvl9k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.din-columna[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.din-tarjeta[b-cu4ppbvl9k] { padding: 16px 18px; }
.din-titulo[b-cu4ppbvl9k] { font-size: 14px; font-weight: 750; margin: 0 0 10px; }
.din-titulo-fila[b-cu4ppbvl9k] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.din-titulo-fila .din-titulo[b-cu4ppbvl9k] { margin: 0; }
.din-titulo-fila small[b-cu4ppbvl9k] { font-size: 12px; }
.din-etiqueta[b-cu4ppbvl9k] { font-size: 12.5px; font-weight: 650; color: var(--pl-suave); }

.din-hero[b-cu4ppbvl9k] { font-size: 34px; font-weight: 850; letter-spacing: -1px; font-variant-numeric: tabular-nums; line-height: 1.15; margin-top: -2px; }
.din-hero__aviso[b-cu4ppbvl9k] { font-size: 12px; font-weight: 600; color: var(--pl-rojo); margin-top: 2px; }

.din-filas[b-cu4ppbvl9k] { margin-top: 12px; }
.din-fila[b-cu4ppbvl9k] { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; font-size: 13.5px; }
.din-fila span[b-cu4ppbvl9k] { flex: 1; min-width: 0; color: var(--pl-suave); }
.din-fila b[b-cu4ppbvl9k] { font-weight: 650; font-variant-numeric: tabular-nums; }
.din-fila--total[b-cu4ppbvl9k] { border-top: 1px solid var(--pl-borde); margin-top: 8px; padding-top: 10px; }
.din-fila--total span[b-cu4ppbvl9k] { color: var(--pl-texto); font-weight: 650; }
.din-fila--total b[b-cu4ppbvl9k] { font-weight: 800; }
.din-aviso[b-cu4ppbvl9k] { margin: 12px 0 0; }

/* Barras */
.din-barra[b-cu4ppbvl9k] { display: block; height: 6px; border-radius: 4px; background: var(--pl-panel-alto); overflow: hidden; }
.din-barra--gruesa[b-cu4ppbvl9k] { height: 10px; border-radius: 6px; }
.din-barra i[b-cu4ppbvl9k] { display: block; height: 100%; border-radius: inherit; background: var(--color, var(--pl-azul)); transition: width .3s; }

/* Gasto por categoría */
.din-categoria[b-cu4ppbvl9k] {
    display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 7px 6px; margin: 0 -6px;
    border: 0; background: none; border-radius: 8px; font: inherit; text-align: left; cursor: pointer;
    box-sizing: content-box;
}
.din-categoria:hover:not(:disabled)[b-cu4ppbvl9k] { background: var(--pl-fondo); }
.din-categoria:disabled[b-cu4ppbvl9k] { cursor: default; }
.din-categoria__fila[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.din-categoria__fila i[b-cu4ppbvl9k] { width: 10px; height: 10px; border-radius: 50%; background: var(--color); flex: 0 0 10px; }
.din-categoria__nombre[b-cu4ppbvl9k] { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-categoria__fila small[b-cu4ppbvl9k] { color: var(--pl-suave); font-size: 12px; }
.din-categoria__fila b[b-cu4ppbvl9k] { font-variant-numeric: tabular-nums; }
.din-meta-mini[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 5px; padding: 6px 0; }

/* Últimos 6 meses */
.din-leyenda[b-cu4ppbvl9k] { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--pl-suave); }
.din-leyenda i[b-cu4ppbvl9k] { width: 9px; height: 9px; border-radius: 3px; display: inline-block; margin-left: 6px; }
.din-leyenda i.ing[b-cu4ppbvl9k], .din-grafico__barras i.ing[b-cu4ppbvl9k] { background: #22c55e; }
.din-leyenda i.gas[b-cu4ppbvl9k], .din-grafico__barras i.gas[b-cu4ppbvl9k] { background: #f87171; }
.din-grafico[b-cu4ppbvl9k] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.din-grafico__mes[b-cu4ppbvl9k] {
    display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 2px;
    border: 0; background: none; border-radius: 10px; cursor: pointer; font: inherit;
}
.din-grafico__mes:hover[b-cu4ppbvl9k] { background: var(--pl-fondo); }
.din-grafico__mes.activo[b-cu4ppbvl9k] { background: var(--pl-marca-suave); }
.din-grafico__barras[b-cu4ppbvl9k] { display: flex; align-items: flex-end; justify-content: center; gap: 4px; height: 110px; width: 100%; }
.din-grafico__barras i[b-cu4ppbvl9k] { width: 14px; min-height: 2px; border-radius: 4px 4px 0 0; transition: height .3s; }
.din-grafico__mes small[b-cu4ppbvl9k] { font-size: 11.5px; color: var(--pl-suave); text-transform: capitalize; }
.din-grafico__mes b[b-cu4ppbvl9k] { font-size: 11.5px; font-variant-numeric: tabular-nums; }

/* Próximos recibos */
.din-recibo[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--pl-borde); }
.din-recibo:last-child[b-cu4ppbvl9k] { border-bottom: 0; }
.din-recibo__dia[b-cu4ppbvl9k] {
    flex: 0 0 42px; display: flex; flex-direction: column; align-items: center; padding: 4px 0;
    background: var(--pl-panel-alto); border-radius: 8px; line-height: 1.1;
}
.din-recibo__dia b[b-cu4ppbvl9k] { font-size: 15px; font-weight: 850; }
.din-recibo__dia small[b-cu4ppbvl9k] { font-size: 10.5px; color: var(--pl-suave); }
.din-recibo.vencido .din-recibo__dia[b-cu4ppbvl9k] { background: #fdecec; color: var(--pl-rojo); }
.din-recibo.vencido .din-recibo__dia small[b-cu4ppbvl9k], .din-recibo.vencido .din-recibo__texto small[b-cu4ppbvl9k] { color: var(--pl-rojo); }
.din-recibo__texto[b-cu4ppbvl9k] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; border: 0; background: none; padding: 0;
    font: inherit; text-align: left; cursor: pointer;
}
.din-recibo__texto:disabled[b-cu4ppbvl9k] { cursor: default; color: inherit; }
.din-recibo__texto b[b-cu4ppbvl9k] { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-recibo__texto small[b-cu4ppbvl9k] { font-size: 12px; color: var(--pl-suave); }
.din-recibo__importe[b-cu4ppbvl9k] { font-size: 13.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Cuentas */
.din-cuenta[b-cu4ppbvl9k] {
    display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 4px; border: 0; background: none;
    border-radius: 8px; font: inherit; font-size: 13.5px; text-align: left; cursor: pointer;
}
.din-cuenta:hover[b-cu4ppbvl9k] { background: var(--pl-fondo); }
.din-cuenta i[b-cu4ppbvl9k] { width: 10px; height: 10px; border-radius: 50%; background: var(--color); flex: 0 0 10px; }
.din-cuenta span[b-cu4ppbvl9k] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-cuenta b[b-cu4ppbvl9k] { font-variant-numeric: tabular-nums; }

/* Botones de icono */
.din-icono[b-cu4ppbvl9k] {
    min-width: 28px; height: 28px; padding: 0 7px; border-radius: 8px; border: 1px solid var(--pl-borde);
    background: var(--pl-panel); font: inherit; font-size: 13px; cursor: pointer; color: var(--pl-suave);
}
.din-icono:hover:not(:disabled)[b-cu4ppbvl9k] { border-color: var(--pl-borde-alto); color: var(--pl-texto); }
.din-icono:disabled[b-cu4ppbvl9k] { opacity: .4; cursor: not-allowed; }
.din-icono--ok[b-cu4ppbvl9k] { color: var(--pl-verde); border-color: rgba(21,128,61,.35); }
.din-icono--ok:hover:not(:disabled)[b-cu4ppbvl9k] { background: var(--pl-verde-suave); color: var(--pl-verde-alto); }
.din-icono--peligro[b-cu4ppbvl9k] { color: var(--pl-rojo); border-color: #f0c4c5; background: #fdecec; font-size: 12px; font-weight: 650; }

/* Movimientos: totales y filtros */
.din-totales[b-cu4ppbvl9k] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.din-total[b-cu4ppbvl9k] {
    display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-align: left; font: inherit;
    background: var(--pl-panel); border: 1px solid var(--pl-borde); border-radius: var(--pl-radio);
}
button.din-total[b-cu4ppbvl9k] { cursor: pointer; }
button.din-total:hover[b-cu4ppbvl9k] { box-shadow: var(--pl-sombra); }
.din-total__icono[b-cu4ppbvl9k] {
    width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 34px;
    font-weight: 800; background: var(--pl-panel-alto); color: var(--pl-suave);
}
.din-total.ingreso .din-total__icono[b-cu4ppbvl9k] { background: var(--pl-verde-suave); color: var(--pl-verde); }
.din-total.gasto .din-total__icono[b-cu4ppbvl9k] { background: #fdecec; color: var(--pl-rojo); }
.din-total small[b-cu4ppbvl9k] { display: block; font-size: 12px; color: var(--pl-suave); font-weight: 650; }
.din-total b[b-cu4ppbvl9k] { font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; }
.din-total.ingreso.activo[b-cu4ppbvl9k] { border-color: var(--pl-verde); box-shadow: 0 0 0 1px var(--pl-verde); }
.din-total.gasto.activo[b-cu4ppbvl9k] { border-color: var(--pl-rojo); box-shadow: 0 0 0 1px var(--pl-rojo); }

.din-filtros[b-cu4ppbvl9k] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; }
.din-buscar[b-cu4ppbvl9k] { flex: 1 1 220px; width: auto; }
.din-select[b-cu4ppbvl9k] { width: auto; max-width: 220px; }
.din-resultado[b-cu4ppbvl9k] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

/* Lista por días */
.din-dia[b-cu4ppbvl9k] { margin-top: 14px; }
.din-dia header[b-cu4ppbvl9k] {
    display: flex; align-items: baseline; justify-content: space-between; padding: 0 4px 6px;
    font-size: 11.5px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; color: var(--pl-suave);
}
.din-dia header small[b-cu4ppbvl9k] { font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.din-lista[b-cu4ppbvl9k] { padding: 0; overflow: hidden; }

.din-mov[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--pl-borde); }
.din-mov:last-child[b-cu4ppbvl9k] { border-bottom: 0; }
.din-tarjeta .din-mov[b-cu4ppbvl9k] { padding: 9px 0; }
.din-mov:hover[b-cu4ppbvl9k] { background: #fafbfc; }
.din-mov__avatar[b-cu4ppbvl9k] {
    width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; display: grid; place-items: center;
    font-weight: 800; font-size: 13.5px; color: var(--color, #94a3b8);
    background: color-mix(in srgb, var(--color, #94a3b8) 15%, var(--pl-panel));
}
.din-mov__texto[b-cu4ppbvl9k] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; border: 0; background: none; padding: 0;
    font: inherit; text-align: left; cursor: pointer;
}
.din-mov__texto b[b-cu4ppbvl9k] { font-size: 14px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-mov__texto small[b-cu4ppbvl9k] { font-size: 12px; color: var(--pl-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-mov__texto:hover b[b-cu4ppbvl9k] { color: var(--pl-marca); }
.din-mov__importe[b-cu4ppbvl9k] { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; white-space: nowrap; }
.din-mov__importe b[b-cu4ppbvl9k] { font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }
.din-mov__acciones[b-cu4ppbvl9k] { display: flex; gap: 6px; opacity: .2; transition: opacity .15s; }
.din-mov:hover .din-mov__acciones[b-cu4ppbvl9k], .din-mov:focus-within .din-mov__acciones[b-cu4ppbvl9k] { opacity: 1; }

.din-pendiente[b-cu4ppbvl9k] {
    padding: 1px 9px; border-radius: 999px; border: 0; cursor: pointer; font: inherit; font-size: 11px; font-weight: 800;
    background: var(--pl-acento-suave); color: var(--pl-ambar);
}
.din-pendiente:hover:not(:disabled)[b-cu4ppbvl9k] { background: var(--pl-verde-suave); color: var(--pl-verde-alto); }
.din-pendiente--cobro[b-cu4ppbvl9k] { background: #e9f1fc; color: var(--pl-azul); }

/* Estados vacíos */
.din-vacio[b-cu4ppbvl9k] { padding: 40px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.din-vacio__icono[b-cu4ppbvl9k] { font-size: 38px; line-height: 1; margin-bottom: 6px; }
.din-vacio h3[b-cu4ppbvl9k] { font-size: 16px; }
.din-vacio p[b-cu4ppbvl9k] { color: var(--pl-suave); font-size: 13.5px; max-width: 420px; margin-bottom: 10px; }

/* Presupuesto */
.din-grupo[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 5px; padding: 8px 0; }
.din-grupo.compacto[b-cu4ppbvl9k] { padding: 5px 0; }
.din-grupo__fila[b-cu4ppbvl9k] { display: flex; align-items: baseline; gap: 8px; }
.din-grupo__fila b[b-cu4ppbvl9k] { flex: 1; font-size: 13.5px; }
.din-grupo__fila small[b-cu4ppbvl9k] { font-size: 12px; color: var(--pl-suave); font-variant-numeric: tabular-nums; }
.din-grupo > small[b-cu4ppbvl9k] { font-size: 12px; }

.din-reparto[b-cu4ppbvl9k] { padding: 10px 0; border-bottom: 1px solid var(--pl-borde); }
.din-reparto__fila[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 8px; }
.din-reparto__fila b[b-cu4ppbvl9k] { flex: 1; color: var(--color); font-size: 14px; }
.din-reparto__valor[b-cu4ppbvl9k] { min-width: 56px; text-align: center; font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; }
.din-reparto small[b-cu4ppbvl9k] { display: block; font-size: 12px; color: var(--pl-suave); margin: 2px 0 4px; }
.din-reparto input[type="range"][b-cu4ppbvl9k] { width: 100%; accent-color: var(--color); }
.din-reparto__total[b-cu4ppbvl9k] { display: flex; height: 12px; border-radius: 6px; overflow: hidden; margin: 14px 0 4px; background: var(--pl-panel-alto); }
.din-reparto__total i[b-cu4ppbvl9k] { display: block; height: 100%; background: var(--color); transition: width .2s; }
.din-pie[b-cu4ppbvl9k] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }

.din-asignar[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 6px; padding: 9px 0; border-bottom: 1px solid var(--pl-borde); }
.din-asignar:last-child[b-cu4ppbvl9k] { border-bottom: 0; }
.din-asignar__nombre[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; }
.din-asignar__nombre i[b-cu4ppbvl9k] { width: 9px; height: 9px; border-radius: 50%; background: var(--color); }
.din-chip-mini[b-cu4ppbvl9k] { padding: 4px 10px; font-size: 12px; }

/* Metas */
.din-metas-total[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.din-metas[b-cu4ppbvl9k] { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.din-meta[b-cu4ppbvl9k] { padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; border-top: 3px solid var(--color); }
.din-meta__cabecera[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 12px; }
.din-meta__icono[b-cu4ppbvl9k] {
    width: 44px; height: 44px; flex: 0 0 44px; border-radius: 14px; display: grid; place-items: center; font-size: 22px;
    background: color-mix(in srgb, var(--color) 14%, var(--pl-panel));
}
.din-meta__texto[b-cu4ppbvl9k] { flex: 1; min-width: 0; display: flex; flex-direction: column; border: 0; background: none; padding: 0; font: inherit; text-align: left; cursor: pointer; }
.din-meta__texto b[b-cu4ppbvl9k] { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-meta__texto:hover b[b-cu4ppbvl9k] { color: var(--pl-marca); }
.din-meta__texto small[b-cu4ppbvl9k] { font-size: 12.5px; color: var(--pl-suave); }
.din-meta__pct[b-cu4ppbvl9k] { font-size: 18px; font-weight: 800; color: var(--color); }
.din-meta__chips[b-cu4ppbvl9k] { display: flex; flex-wrap: wrap; gap: 6px; min-height: 20px; }
.din-meta__aportar[b-cu4ppbvl9k] { justify-content: center; color: var(--color); border-color: color-mix(in srgb, var(--color) 40%, var(--pl-borde)); font-weight: 650; }
.din-aporte[b-cu4ppbvl9k] { display: flex; gap: 6px; flex-wrap: wrap; }
.din-aporte .pl-input[b-cu4ppbvl9k] { flex: 1 1 140px; width: auto; }

/* Fijos */
.din-fijos-barra[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.din-fijos-barra p[b-cu4ppbvl9k] { flex: 1 1 360px; }
.din-anadir[b-cu4ppbvl9k] {
    width: 100%; margin-top: 8px; padding: 8px; border: 1px dashed var(--pl-borde-alto); border-radius: 9px;
    background: none; font: inherit; font-size: 12.5px; font-weight: 650; color: var(--pl-suave); cursor: pointer;
}
.din-anadir:hover[b-cu4ppbvl9k] { color: var(--pl-marca); border-color: var(--pl-marca); }

@media (max-width: 1100px) {
    .din-resumen[b-cu4ppbvl9k], .din-resumen--mitades[b-cu4ppbvl9k] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .din-totales[b-cu4ppbvl9k] { grid-template-columns: minmax(0, 1fr); }
    .din-mov__acciones[b-cu4ppbvl9k] { opacity: 1; }
    .din-select[b-cu4ppbvl9k] { max-width: none; flex: 1 1 45%; }
    .din-hero[b-cu4ppbvl9k] { font-size: 28px; }
    .din-mes__texto[b-cu4ppbvl9k] { min-width: 104px; }
}

/* Movimientos: emoji de la categoría, recibo, selección múltiple */
.din-mov__avatar--emoji[b-cu4ppbvl9k] { font-size: 18px; font-weight: 400; }
.din-mov__check[b-cu4ppbvl9k] { width: 17px; height: 17px; flex: 0 0 17px; accent-color: var(--pl-marca); cursor: pointer; }
.din-mov--marcado[b-cu4ppbvl9k] { background: var(--pl-marca-suave); }
.din-mov--marcado:hover[b-cu4ppbvl9k] { background: var(--pl-marca-suave); }
.din-mov__acciones.oculto[b-cu4ppbvl9k] { visibility: hidden; }
/* El icono de la fila es también el botón de seleccionar: al pasar por encima enseña el ✓ */
button.din-mov__avatar[b-cu4ppbvl9k] { position: relative; border: 0; padding: 0; font-family: inherit; cursor: pointer; }
button.din-mov__avatar[b-cu4ppbvl9k]::after {
    content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%;
    background: var(--pl-marca); color: #fff; font-size: 16px; font-weight: 800; opacity: 0; transition: opacity .12s;
}
button.din-mov__avatar:hover[b-cu4ppbvl9k]::after, button.din-mov__avatar:focus-visible[b-cu4ppbvl9k]::after, .din-mov--marcado button.din-mov__avatar[b-cu4ppbvl9k]::after { opacity: 1; }
.din-mov--marcado button.din-mov__avatar[b-cu4ppbvl9k]::after { opacity: .9; }
.din-aviso-repetidos[b-cu4ppbvl9k] { margin: 8px 0 4px; }
/* Mayús+clic para un rango no debe subrayar texto de las filas */
.din-lista--seleccion[b-cu4ppbvl9k] { user-select: none; -webkit-user-select: none; }

/* Barra flotante de la selección */
.din-lote__suma[b-cu4ppbvl9k] { margin-left: 6px; font-weight: 600; opacity: .75; font-variant-numeric: tabular-nums; }
.din-lote__select[b-cu4ppbvl9k] {
    max-width: 170px; padding: 5px 8px; border-radius: 8px; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
    background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.25);
}
.din-lote__select:disabled[b-cu4ppbvl9k] { opacity: .45; cursor: not-allowed; }
.din-lote__select option[b-cu4ppbvl9k] { color: var(--pl-texto); background: var(--pl-panel); }
@media (max-width: 700px) {
    .din-lote .pl-barra-seleccion__grupo[b-cu4ppbvl9k] { border-left: 0; padding-left: 0; }
    .din-lote__select[b-cu4ppbvl9k] { max-width: none; flex: 1 1 40%; }
}
.din-recibo-enlace[b-cu4ppbvl9k] { display: inline-grid; place-items: center; text-decoration: none; }

/* Calendario del mes (como _CalendarioMes de la app) */
.din-cal[b-cu4ppbvl9k] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; padding: 12px 10px 10px; margin: 8px 0 4px; }
.din-cal__cabecera[b-cu4ppbvl9k] { text-align: center; font-size: 10.5px; font-weight: 700; letter-spacing: .4px; color: var(--pl-suave); padding-bottom: 4px; }
.din-cal__dia[b-cu4ppbvl9k] {
    min-height: 60px; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 5px 2px;
    border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-panel-alto); cursor: pointer; font: inherit;
    color: var(--pl-texto); overflow: hidden;
}
.din-cal__dia:hover[b-cu4ppbvl9k] { border-color: var(--pl-borde-alto); }
.din-cal__dia.hoy[b-cu4ppbvl9k] { border-color: var(--pl-texto); border-width: 1.5px; }
.din-cal__dia.activo[b-cu4ppbvl9k] { background: var(--pl-texto); border-color: var(--pl-texto); color: var(--pl-panel); }
.din-cal__dia.activo small[b-cu4ppbvl9k] { color: var(--pl-panel) !important; }
.din-cal__numero[b-cu4ppbvl9k] { font-size: 13px; font-weight: 650; margin-bottom: auto; }
.din-cal__dia.hoy .din-cal__numero[b-cu4ppbvl9k] { font-weight: 850; }
.din-cal__dia small[b-cu4ppbvl9k] { font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.15; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.din-cal-nota[b-cu4ppbvl9k] { margin: 8px 4px 0; }
.din-cal-vacio[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 14px 4px 0; font-size: 13px; color: var(--pl-suave); }
@media (max-width: 700px) {
    .din-cal[b-cu4ppbvl9k] { gap: 2px; padding: 8px 4px; }
    .din-cal__dia[b-cu4ppbvl9k] { min-height: 52px; border-radius: 9px; }
    .din-cal__dia small[b-cu4ppbvl9k] { font-size: 9.5px; }
}

/* Teclado: fila con el cursor de J/K */
.din-mov--cursor[b-cu4ppbvl9k] { box-shadow: inset 3px 0 0 var(--pl-marca); background: #f6f8fb; }
.din-mov--arrastrando[b-cu4ppbvl9k] { opacity: .45; }
.din-mov[draggable="true"][b-cu4ppbvl9k] { cursor: grab; }
.din-mov[draggable="true"]:active[b-cu4ppbvl9k] { cursor: grabbing; }

/* Edición en línea (doble clic en el concepto o el importe) */
.din-mov__editar[b-cu4ppbvl9k] { padding: 5px 8px; font-size: 14px; font-weight: 650; min-width: 0; width: 100%; }
.din-mov__editar--importe[b-cu4ppbvl9k] { width: 110px; text-align: right; font-variant-numeric: tabular-nums; }
.din-mov__editable[b-cu4ppbvl9k] { cursor: text; border-radius: 4px; }
.din-mov__editable:hover[b-cu4ppbvl9k] { background: var(--pl-panel-alto); }

/* Ordenar por comercio */
.din-sugerencias[b-cu4ppbvl9k] { margin: 10px 0 4px; }
.din-sugerencia[b-cu4ppbvl9k] { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--pl-borde); flex-wrap: wrap; }
.din-sugerencia:first-of-type[b-cu4ppbvl9k] { border-top: 0; }
.din-sugerencia__texto[b-cu4ppbvl9k] { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.din-sugerencia__texto b[b-cu4ppbvl9k] { font-size: 14px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.din-sugerencia__texto small[b-cu4ppbvl9k] { font-size: 12px; color: var(--pl-suave); }
.din-sugerencia__select[b-cu4ppbvl9k] { max-width: 180px; }

/* Duplicados: la cabecera del grupo lleva "Unir en uno" */
.din-dia header .pl-btn[b-cu4ppbvl9k] { margin-left: auto; text-transform: none; letter-spacing: 0; }

/* Arrastrar: zonas donde soltar, a la derecha */
.din-soltar[b-cu4ppbvl9k] {
    position: fixed; top: 90px; right: 18px; bottom: 90px; z-index: 105; width: 230px; overflow: auto;
    display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px;
    background: var(--pl-panel); border: 1px solid var(--pl-borde); box-shadow: 0 14px 40px rgba(31,41,55,.22);
    animation: din-entra-b-cu4ppbvl9k .15s ease-out;
}
.din-soltar__titulo[b-cu4ppbvl9k] { margin: 0; font-weight: 750; font-size: 13.5px; }
.din-soltar small[b-cu4ppbvl9k] { font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--pl-suave); margin-top: 4px; }
.din-soltar__zonas[b-cu4ppbvl9k] { display: flex; flex-direction: column; gap: 6px; }
.din-soltar__zona[b-cu4ppbvl9k] {
    padding: 9px 11px; border-radius: 10px; font-size: 13px; font-weight: 650; border: 1.5px dashed var(--pl-borde-alto);
    background: color-mix(in srgb, var(--color, #94a3b8) 10%, var(--pl-panel)); transition: transform .1s, border-color .1s;
}
.din-soltar__zona.encima[b-cu4ppbvl9k] { border-style: solid; border-color: var(--color, var(--pl-marca)); transform: scale(1.03);
    background: color-mix(in srgb, var(--color, #94a3b8) 22%, var(--pl-panel)); }
@keyframes din-entra-b-cu4ppbvl9k { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: none; } }

/* Ayuda de atajos de teclado */
.din-teclas[b-cu4ppbvl9k] {
    position: fixed; left: 24px; bottom: 24px; z-index: 115; width: 320px; max-width: calc(100vw - 32px);
    padding: 14px 16px; border-radius: 14px; background: var(--pl-panel); border: 1px solid var(--pl-borde);
    box-shadow: 0 14px 40px rgba(31,41,55,.22); font-size: 13px;
}
.din-teclas .din-titulo-fila[b-cu4ppbvl9k] { margin-bottom: 8px; }
.din-teclas__cerrar[b-cu4ppbvl9k] { border: 0; background: var(--pl-panel-alto); width: 26px; height: 26px; border-radius: 7px; font-size: 16px; cursor: pointer; color: inherit; }
.din-teclas dl[b-cu4ppbvl9k] { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0; }
.din-teclas dt[b-cu4ppbvl9k] { white-space: nowrap; color: var(--pl-suave); font-size: 12px; }
.din-teclas dd[b-cu4ppbvl9k] { margin: 0; }
.din-teclas kbd[b-cu4ppbvl9k] {
    display: inline-block; min-width: 20px; padding: 1px 6px; border-radius: 5px; text-align: center;
    border: 1px solid var(--pl-borde-alto); border-bottom-width: 2px; background: var(--pl-panel-alto);
    font: 700 11.5px/1.5 inherit; color: var(--pl-texto);
}
@media (max-width: 700px) {
    .din-solo-escritorio[b-cu4ppbvl9k] { display: none; }
    .din-soltar[b-cu4ppbvl9k] { display: none; }
}
@media (prefers-reduced-motion: reduce) { .din-soltar[b-cu4ppbvl9k] { animation: none; } .din-soltar__zona[b-cu4ppbvl9k] { transition: none; } }

/* Totales: al final de «En qué gastas» y de la lista filtrada. */
.din-categorias-total[b-cu4ppbvl9k] { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--pl-borde); }
.din-total-lista[b-cu4ppbvl9k] { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 12px 16px; margin-top: 4px; font-size: 13.5px; }
.din-total-lista > span:first-child[b-cu4ppbvl9k] { margin-right: auto; font-weight: 700; color: var(--pl-suave); }
.din-total-lista b[b-cu4ppbvl9k] { font-size: 16px; font-variant-numeric: tabular-nums; }
/* /Components/Pages/PanelFacturas.razor.rz.scp.css */
/* Facturas (lista). Lo común (cabecera, cifras, tarjetas, tabla, chips, botones) sale de panel.css. */

.fa-verde[b-mwyt1izzai] { color: var(--pl-verde) !important; }
.fa-rojo[b-mwyt1izzai], .fa-rojo small[b-mwyt1izzai] { color: var(--pl-rojo) !important; }
.fa-suave[b-mwyt1izzai] { color: var(--pl-suave); }

.fa-lista[b-mwyt1izzai] { padding: 6px 18px 12px; }
.fa-pie[b-mwyt1izzai] { margin: 8px 0 0; }

.fa-num[b-mwyt1izzai] { text-align: right !important; white-space: nowrap; }
.fa-num b[b-mwyt1izzai] { display: block; font-weight: 750; }
.fa-num small[b-mwyt1izzai], .fa-fecha small[b-mwyt1izzai], .fa-cliente small[b-mwyt1izzai] { display: block; font-size: 11.5px; color: var(--pl-suave); }
.fa-fecha[b-mwyt1izzai] { white-space: nowrap; }
.fa-cliente span[b-mwyt1izzai] { display: block; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }

.fa-doc[b-mwyt1izzai] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fa-doc__icono[b-mwyt1izzai] {
    flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 13px;
    --tono: var(--pl-azul);
    color: var(--tono); background: color-mix(in srgb, var(--tono) 12%, transparent);
}
.fa-doc__icono.verde[b-mwyt1izzai] { --tono: var(--pl-verde); }
.fa-doc__icono.gris[b-mwyt1izzai] { --tono: var(--pl-suave); }
.fa-doc__texto[b-mwyt1izzai] { display: flex; flex-direction: column; min-width: 0; }
.fa-doc__texto b[b-mwyt1izzai] { font-weight: 700; white-space: nowrap; }
.fa-doc__texto small[b-mwyt1izzai] { font-size: 11.5px; color: var(--pl-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; }

.fa-chips[b-mwyt1izzai] { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.fa-tachado[b-mwyt1izzai] { text-decoration: line-through; }

.fa-vacio[b-mwyt1izzai] { text-align: center; padding: 40px 20px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.fa-vacio__icono[b-mwyt1izzai] { font-size: 34px; line-height: 1; }
.fa-vacio h3[b-mwyt1izzai] { font-size: 16px; }
.fa-vacio p[b-mwyt1izzai] { color: var(--pl-suave); max-width: 460px; }
.fa-vacio__acciones[b-mwyt1izzai] { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; justify-content: center; }

@media (max-width: 900px) {
    .fa-doc__texto small[b-mwyt1izzai] { max-width: 160px; }
}
/* /Components/Pages/PanelGastosIa.razor.rz.scp.css */
.gi-mes[b-zqprccqfwh] { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--pl-borde); border-radius: 10px; padding: 3px; background: #fff; }
.gi-mes__flecha[b-zqprccqfwh] { border: 0; background: none; width: 28px; height: 28px; border-radius: 7px; font-size: 18px; cursor: pointer; color: var(--pl-texto); }
.gi-mes__flecha:hover:not(:disabled)[b-zqprccqfwh] { background: var(--pl-fondo); }
.gi-mes__flecha:disabled[b-zqprccqfwh] { opacity: .3; cursor: default; }
.gi-mes__texto[b-zqprccqfwh] { font-weight: 700; font-size: 13.5px; min-width: 120px; text-align: center; }

.gi-rejilla[b-zqprccqfwh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.gi-ancha[b-zqprccqfwh] { grid-column: 1 / -1; }
.gi-tarjeta[b-zqprccqfwh] { padding: 16px 18px; }
.gi-titulo[b-zqprccqfwh] { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.gi-titulo h3[b-zqprccqfwh] { margin: 0; font-size: 15px; font-weight: 750; }
.gi-suave[b-zqprccqfwh] { font-size: 12px; color: var(--pl-suave); }

.gi-fila[b-zqprccqfwh] { display: grid; grid-template-columns: minmax(90px, 30%) 1fr auto 44px; gap: 10px; align-items: center; padding: 6px 0; font-size: 13px; }
.gi-fila__nombre small[b-zqprccqfwh] { color: var(--pl-suave); }
.gi-fila b[b-zqprccqfwh] { font-variant-numeric: tabular-nums; text-align: right; }
.gi-fila > small[b-zqprccqfwh] { text-align: right; }
.gi-barra[b-zqprccqfwh] { height: 8px; border-radius: 99px; background: var(--pl-fondo); overflow: hidden; }
.gi-barra i[b-zqprccqfwh] { display: block; height: 100%; border-radius: 99px; }
.gi-grupo--redes[b-zqprccqfwh] { background: #d6249f; }
.gi-grupo--agentes[b-zqprccqfwh] { background: #7c3aed; }
.gi-grupo--app[b-zqprccqfwh] { background: #1f6fd0; }
.gi-grupo--panel[b-zqprccqfwh] { background: #334e68; }
.gi-grupo--otros[b-zqprccqfwh] { background: #9ca3af; }

.gi-grafico[b-zqprccqfwh] { display: grid; grid-template-columns: repeat(var(--columnas), minmax(0, 1fr)); gap: 3px; height: 170px; align-items: end; }
.gi-grafico--meses[b-zqprccqfwh] { height: 150px; }
.gi-grafico__col[b-zqprccqfwh] { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; min-width: 0; border: 0; background: none; padding: 0; font: inherit; }
button.gi-grafico__col[b-zqprccqfwh] { cursor: pointer; }
.gi-grafico__barra[b-zqprccqfwh] { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.gi-grafico__barra i[b-zqprccqfwh] { width: 70%; max-width: 28px; border-radius: 4px 4px 0 0; background: var(--pl-marca); opacity: .75; }
.gi-grafico__col.activo .gi-grafico__barra i[b-zqprccqfwh], .gi-grafico__col:hover .gi-grafico__barra i[b-zqprccqfwh] { opacity: 1; background: #7c3aed; }
.gi-grafico__col small[b-zqprccqfwh] { font-size: 10px; color: var(--pl-suave); height: 12px; white-space: nowrap; }
.gi-grafico__col.activo small[b-zqprccqfwh] { color: var(--pl-texto); font-weight: 700; }

.gi-tabla[b-zqprccqfwh] { display: flex; flex-direction: column; }
.gi-tabla__fila[b-zqprccqfwh] { display: grid; grid-template-columns: minmax(0, 2.2fr) 0.8fr 1.2fr 0.8fr 0.5fr; gap: 10px; align-items: center; padding: 8px 6px;
    border: 0; border-bottom: 1px solid var(--pl-borde); background: none; font: inherit; font-size: 13px; text-align: left; color: inherit; }
button.gi-tabla__fila[b-zqprccqfwh] { cursor: pointer; }
button.gi-tabla__fila:hover[b-zqprccqfwh], .gi-tabla__fila.activa[b-zqprccqfwh] { background: var(--pl-fondo); }
.gi-tabla__cabecera[b-zqprccqfwh] { font-size: 11.5px; font-weight: 700; color: var(--pl-suave); text-transform: uppercase; letter-spacing: .03em; }
.gi-tabla__fila b[b-zqprccqfwh] { font-variant-numeric: tabular-nums; }
.gi-tabla--historial .gi-tabla__fila[b-zqprccqfwh] { grid-template-columns: 0.9fr 1.6fr 1fr 0.9fr 0.6fr; }
.gi-tabla__fila.fallida[b-zqprccqfwh] { color: var(--pl-rojo); }

@media (max-width: 900px) {
    .gi-rejilla[b-zqprccqfwh] { grid-template-columns: minmax(0, 1fr); }
    .gi-tabla__fila[b-zqprccqfwh], .gi-tabla--historial .gi-tabla__fila[b-zqprccqfwh] { grid-template-columns: minmax(0, 1.6fr) 0.8fr 0.8fr; }
    .gi-tabla__fila > :nth-child(3)[b-zqprccqfwh], .gi-tabla__fila > :nth-child(5)[b-zqprccqfwh] { display: none; }
}
/* /Components/Pages/PanelLoterias.razor.rz.scp.css */
.loterias[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 24px; }

/* Grid de Juegos con Logos Oficiales */
.loterias-juegos[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.loterias-juego[b-xkub6pcjkd] { 
    display: flex; 
    align-items: center; 
    gap: 14px; 
    text-align: left; 
    padding: 16px; 
    cursor: pointer; 
    color: inherit; 
    font: inherit; 
    border: 2px solid transparent; 
    border-radius: 12px;
    background: var(--pl-tarjeta-bg, #ffffff);
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all 0.2s ease-in-out; 
}
.loterias-juego:hover[b-xkub6pcjkd] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.loterias-juego.seleccionado[b-xkub6pcjkd] { 
    border-color: var(--pl-marca, #5375e9); 
    background: var(--pl-tarjeta-bg-activa, #f8faff);
    box-shadow: 0 4px 14px rgba(83,117,233,0.15);
}
.loterias-juego__logo-box[b-xkub6pcjkd] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f1f4f9;
    padding: 6px;
    overflow: hidden;
}
.loterias-juego__logo[b-xkub6pcjkd] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.loterias-juego__info[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.loterias-juego strong[b-xkub6pcjkd] { font-size: 1.05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.loterias-juego span[b-xkub6pcjkd] { font-size: 0.85rem; font-weight: 600; color: var(--pl-texto, #2b303b); }
.loterias-juego small[b-xkub6pcjkd], .loterias-nota[b-xkub6pcjkd], dt[b-xkub6pcjkd] { color: var(--pl-texto-suave, #707787); }

/* Pestañas de Navegación */
.loterias-pestanas[b-xkub6pcjkd] { display: flex; gap: 10px; border-bottom: 2px solid var(--pl-borde, #e5e7eb); padding-bottom: 2px; }
.loterias-pestana[b-xkub6pcjkd] {
    background: transparent;
    border: none;
    padding: 10px 18px;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--pl-texto-suave, #707787);
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -4px;
    transition: all 0.2s ease;
}
.loterias-pestana:hover[b-xkub6pcjkd] { color: var(--pl-marca, #5375e9); }
.loterias-pestana.activa[b-xkub6pcjkd] {
    color: var(--pl-marca, #5375e9);
    border-bottom-color: var(--pl-marca, #5375e9);
}

/* Bolas de Lotería */
.loterias-bolas-fila[b-xkub6pcjkd], .loterias-bolas-destacadas[b-xkub6pcjkd], .loterias-extras-fila[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}
.loterias-bola[b-xkub6pcjkd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 0.85rem;
    background: linear-gradient(145deg, #ffffff, #e6edf7);
    color: #1e293b;
    border: 1px solid #cbd5e1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06), inset 0 1px 1px #ffffff;
    user-select: none;
}
.loterias-bola--grande[b-xkub6pcjkd] {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1), inset 0 1px 2px #ffffff;
}
.loterias-bola--estrella[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #fbbf24, #d97706);
    color: #ffffff;
    border-color: #b45309;
    padding: 0 6px;
    border-radius: 16px;
    width: auto;
    min-width: 38px;
    box-shadow: 0 2px 4px rgba(217,119,6,0.3);
}
.loterias-bola--complementario[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #34d399, #059669);
    color: #ffffff;
    border-color: #047857;
    padding: 0 6px;
    border-radius: 16px;
    width: auto;
    min-width: 38px;
    box-shadow: 0 2px 4px rgba(5,150,105,0.3);
}
.loterias-bola--reintegro[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #60a5fa, #2563eb);
    color: #ffffff;
    border-color: #1d4ed8;
    padding: 0 6px;
    border-radius: 16px;
    width: auto;
    min-width: 38px;
    box-shadow: 0 2px 4px rgba(37,99,235,0.3);
}
.loterias-bola--sueno[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #a78bfa, #7c3aed);
    color: #ffffff;
    border-color: #6d28d9;
    padding: 0 6px;
    border-radius: 16px;
    width: auto;
    min-width: 38px;
    box-shadow: 0 2px 4px rgba(124,58,237,0.3);
}
.loterias-bola--caliente[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #f87171, #dc2626);
    color: #ffffff;
    border-color: #b91c1c;
}
.loterias-bola--frio[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #38bdf8, #0284c7);
    color: #ffffff;
    border-color: #0369a1;
}

/* Décimos de Navidad */
.loterias-decimo[b-xkub6pcjkd] {
    display: inline-flex;
    flex-direction: column;
    padding: 10px 18px;
    border: 2px dashed #d97706;
    border-radius: 10px;
    background: #fffbeb;
}
.loterias-decimo--destacado[b-xkub6pcjkd] {
    border-width: 2px;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
}
.loterias-decimo__label[b-xkub6pcjkd] { font-size: 0.8rem; font-weight: 700; color: #92400e; text-transform: uppercase; }
.loterias-decimo__num[b-xkub6pcjkd] { font-size: 1.8rem; font-weight: 800; font-family: monospace; letter-spacing: 2px; color: #78350f; }
.loterias-decimo__premio[b-xkub6pcjkd] { font-size: 0.95rem; font-weight: 600; color: #b45309; }
.loterias-decimo-tabla[b-xkub6pcjkd] {
    font-family: monospace;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 1px;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 6px;
    color: #0f172a;
}

/* Tarjeta del Último Sorteo Destacado */
.loterias-destacado[b-xkub6pcjkd] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid var(--pl-borde, #e2e8f0);
    border-radius: 12px;
    padding: 20px;
    margin: 16px 20px 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.loterias-destacado__header[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.loterias-tag-ultimo[b-xkub6pcjkd] {
    background: #1e293b;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 6px;
}
.loterias-destacado__fecha[b-xkub6pcjkd] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--pl-texto, #1e293b);
    text-transform: capitalize;
}
.loterias-destacado__fuente a[b-xkub6pcjkd] {
    font-size: 0.82rem;
    color: var(--pl-marca, #5375e9);
    font-weight: 600;
    text-decoration: none;
}
.loterias-destacado__fuente a:hover[b-xkub6pcjkd] { text-decoration: underline; }

/* Filtros y Tabla */
.loterias-filtros[b-xkub6pcjkd] { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 20px; }
.loterias-filtros label[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 5px; font-size: 0.85rem; font-weight: 500; }
.loterias-filtros .loterias-check[b-xkub6pcjkd] { flex-direction: row; align-items: center; padding-bottom: 10px; }
.loterias-filtros input[type=date][b-xkub6pcjkd] { min-width: 145px; }
.loterias-estado[b-xkub6pcjkd] { padding: 0 20px 16px; font-size: 0.9rem; font-weight: 600; color: var(--pl-texto-suave, #64748b); }
.loterias-fecha[b-xkub6pcjkd] { white-space: nowrap; font-weight: 600; font-size: 0.9rem; }
.loterias-paginacion[b-xkub6pcjkd] { padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 0.85rem; }

/* Módulo de Análisis de Probabilidades */
.loterias-analisis[b-xkub6pcjkd] { padding: 24px; display: flex; flex-direction: column; gap: 24px; }
.loterias-analisis__cabecera[b-xkub6pcjkd] { display: flex; align-items: center; gap: 18px; }
.loterias-analisis__logo[b-xkub6pcjkd] { width: 56px; height: 56px; object-fit: contain; }
.loterias-analisis__cabecera h2[b-xkub6pcjkd] { margin: 0 0 4px; font-size: 1.25rem; }
.loterias-analisis__cabecera p[b-xkub6pcjkd] { margin: 0; font-size: 0.85rem; color: var(--pl-texto-suave, #64748b); }

.loterias-stats-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}
.loterias-stat-card[b-xkub6pcjkd] {
    border-radius: 12px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.loterias-stat-card--calientes[b-xkub6pcjkd] { border-top: 4px solid #ef4444; }
.loterias-stat-card--frios[b-xkub6pcjkd] { border-top: 4px solid #0ea5e9; }
.loterias-stat-card--extras[b-xkub6pcjkd] { border-top: 4px solid #f59e0b; }

.loterias-stat-card__titulo[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.loterias-stat-card__icono[b-xkub6pcjkd] { font-size: 1.4rem; }
.loterias-stat-card__titulo strong[b-xkub6pcjkd] { display: block; font-size: 0.95rem; }
.loterias-stat-card__titulo small[b-xkub6pcjkd] { font-size: 0.78rem; color: #64748b; }

.loterias-stat-items[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 10px; }
.loterias-stat-item[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    background: #f8fafc;
    border-radius: 8px;
}
.loterias-stat-item__detalles[b-xkub6pcjkd] { display: flex; flex-direction: column; }
.loterias-stat-item__detalles strong[b-xkub6pcjkd] { font-size: 0.88rem; color: #0f172a; }
.loterias-stat-item__detalles span[b-xkub6pcjkd] { font-size: 0.78rem; color: #64748b; }

/* Barras de distribución completa */
.loterias-frecuencias-todas[b-xkub6pcjkd] { border-top: 1px solid #e2e8f0; padding-top: 20px; }
.loterias-frecuencias-todas h3[b-xkub6pcjkd] { margin: 0 0 16px; font-size: 1rem; color: var(--pl-texto, #1e293b); }
.loterias-barras-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px 16px;
}
.loterias-barra-fila[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
}
.loterias-barra-num[b-xkub6pcjkd] { font-weight: 700; width: 22px; text-align: right; font-variant-numeric: tabular-nums; }
.loterias-barra-track[b-xkub6pcjkd] {
    flex: 1;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}
.loterias-barra-fill[b-xkub6pcjkd] {
    height: 100%;
    background: var(--pl-marca, #5375e9);
    border-radius: 4px;
    transition: width 0.3s ease;
}
.loterias-barra-cant[b-xkub6pcjkd] { font-size: 0.75rem; color: #64748b; min-width: 65px; }

/* Información y avisos */
.loterias-info[b-xkub6pcjkd] { padding: 20px; }
.loterias-info h2[b-xkub6pcjkd] { margin: 0 0 12px; font-size: 1rem; }
.loterias-info p[b-xkub6pcjkd], .loterias-nota[b-xkub6pcjkd] { font-size: 0.85rem; line-height: 1.6; margin: 0; }
.loterias-info dl[b-xkub6pcjkd] { display: flex; gap: 32px; flex-wrap: wrap; font-size: 0.85rem; }
.loterias-info dd[b-xkub6pcjkd] { margin: 5px 0 0; font-weight: 600; }
.loterias-pendiente[b-xkub6pcjkd] { color: #a65a0b; font-weight: 600; }
.loterias-aviso[b-xkub6pcjkd] { border: 1px solid #dbb37a; background: #fff8eb; color: #75491b; border-radius: 10px; padding: 16px; font-weight: 500; }
.loterias-categoria-tag[b-xkub6pcjkd] {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
}
.loterias-categoria-tag.primero[b-xkub6pcjkd] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }

/* Card Próximo Sorteo */
.loterias-proximo[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
    border: 1.5px solid #dbeafe;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(83, 117, 233, 0.08);
}
.loterias-proximo__logo-wrap[b-xkub6pcjkd] {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}
.loterias-proximo__logo[b-xkub6pcjkd] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.loterias-proximo__cuerpo[b-xkub6pcjkd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.loterias-proximo__badge[b-xkub6pcjkd] {
    display: inline-block;
    align-self: flex-start;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #3b82f6;
    background: #eff6ff;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid #bfdbfe;
}
.loterias-proximo__fecha-row[b-xkub6pcjkd] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}
.loterias-proximo__fecha[b-xkub6pcjkd] {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1e293b;
}
.loterias-proximo__cuenta-atras[b-xkub6pcjkd] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #059669;
    background: #ecfdf5;
    padding: 2px 10px;
    border-radius: 12px;
    border: 1px solid #a7f3d0;
}
.loterias-proximo__horario[b-xkub6pcjkd] {
    font-size: 0.82rem;
    color: var(--pl-texto-suave, #64748b);
}
.loterias-proximo__accion[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
}

/* Card: 3 Opciones Estadísticas Recomendadas */
.loterias-sugerencias-seccion[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid var(--pl-borde, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.loterias-sugerencias-cabecera[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 14px;
}
.loterias-tag-destacado[b-xkub6pcjkd] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #7c3aed;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
    padding: 3px 8px;
    border-radius: 6px;
    margin-bottom: 6px;
}
.loterias-sugerencias-cabecera h2[b-xkub6pcjkd] {
    margin: 0 0 4px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-sugerencias-cabecera p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--pl-texto-suave, #64748b);
}
.loterias-variante-badge[b-xkub6pcjkd] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 4px 10px;
    border-radius: 20px;
}

/* Grid de las 3 Opciones */
/* Grid de las 9 Opciones (Modo Compacto de Alta Densidad) */
.loterias-opciones-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.loterias-opcion-card[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.loterias-opcion-card:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Distintivos por estrategia */
.loterias-opcion-card.caliente[b-xkub6pcjkd] {
    border-top: 3px solid #ef4444;
    background: linear-gradient(180deg, #fffafa 0%, #ffffff 25%);
}
.loterias-opcion-card.equilibrada[b-xkub6pcjkd] {
    border-top: 3px solid #6366f1;
    background: linear-gradient(180deg, #fafaff 0%, #ffffff 25%);
}
.loterias-opcion-card.fria[b-xkub6pcjkd], .loterias-opcion-card.compensacion[b-xkub6pcjkd] {
    border-top: 3px solid #0ea5e9;
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 25%);
}
.loterias-opcion-card.antireparto[b-xkub6pcjkd] {
    border-top: 3px solid #10b981;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 25%);
}
.loterias-opcion-card.antireparto .loterias-opcion-card__fundamento[b-xkub6pcjkd] { border-left-color: #34d399; display: block; }
.loterias-opcion-card.antireparto .loterias-opcion-card__top[b-xkub6pcjkd] { align-items: flex-start; }
.loterias-opcion-card.antireparto .loterias-opcion-card__titulo strong[b-xkub6pcjkd],
.loterias-opcion-card.antireparto .loterias-opcion-card__titulo small[b-xkub6pcjkd] { white-space: normal; }

/* Probabilidad real y jugada recomendada */
.loterias-realidad[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 20px;
    align-items: start;
}
.loterias-realidad__datos h2[b-xkub6pcjkd] { margin: 6px 0 8px; font-size: 1.2rem; }
.loterias-realidad__datos p[b-xkub6pcjkd] { margin: 0 0 8px; line-height: 1.5; color: #374151; }
@media (max-width: 860px) {
    .loterias-realidad[b-xkub6pcjkd] { grid-template-columns: 1fr; }
}

/* Peñas y comparativa */
.loterias-pena__controles[b-xkub6pcjkd] { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.loterias-pena__controles label[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; color: #475569; }
.loterias-pena__controles input[b-xkub6pcjkd] { width: 90px; }
.loterias-pena__nota[b-xkub6pcjkd] { font-size: 0.8rem; color: #475569; margin: 10px 0; line-height: 1.45; }
.loterias-pena__lista[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: 8px;
    margin-bottom: 10px;
}
.loterias-pena__apuesta[b-xkub6pcjkd] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.loterias-pena__apuesta strong[b-xkub6pcjkd] { font-size: 0.78rem; color: #475569; min-width: 72px; }
.loterias-comparativa h2[b-xkub6pcjkd] { margin: 6px 0 10px; font-size: 1.15rem; }
.loterias-comparativa tr.seleccionado td[b-xkub6pcjkd] { background: #f0fdf4; }
.loterias-comparativa td:not(:last-child)[b-xkub6pcjkd] { white-space: nowrap; }
.loterias-comparativa td:last-child[b-xkub6pcjkd] { min-width: 220px; }

.loterias-opcion-card__top[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.loterias-opcion-card__titulo[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.loterias-opcion-card__icono[b-xkub6pcjkd] {
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}
.loterias-opcion-card__titulo strong[b-xkub6pcjkd] {
    display: block;
    font-size: 0.88rem;
    color: #0f172a;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loterias-opcion-card__titulo small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.73rem;
    color: var(--pl-texto-suave, #64748b);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loterias-btn-copiar-compacto[b-xkub6pcjkd] {
    flex-shrink: 0;
    width: auto;
    font-size: 0.72rem;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 700;
    white-space: nowrap;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    line-height: 1.3;
}
.loterias-btn-copiar-compacto:hover[b-xkub6pcjkd] {
    background: #e2e8f0;
    color: #0f172a;
    border-color: #94a3b8;
}

.loterias-opcion-card__combinacion[b-xkub6pcjkd] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    min-height: 34px;
}
.loterias-opcion-card .loterias-bolas-fila[b-xkub6pcjkd] {
    gap: 5px;
    justify-content: center;
}
.loterias-opcion-card .loterias-bola[b-xkub6pcjkd] {
    width: 30px;
    height: 30px;
    font-size: 0.82rem;
}
.loterias-opcion-card .loterias-bola--estrella[b-xkub6pcjkd],
.loterias-opcion-card .loterias-bola--reintegro[b-xkub6pcjkd],
.loterias-opcion-card .loterias-bola--sueno[b-xkub6pcjkd] {
    min-width: 32px;
    padding: 0 4px;
    font-size: 0.78rem;
}

/* Mini Métricas Cuantitativas en las 9 opciones */
.loterias-metricas-mini[b-xkub6pcjkd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin: 0;
}
.loterias-metrica-pill[b-xkub6pcjkd] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.70rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 2px 6px;
    border-radius: 5px;
    letter-spacing: 0.1px;
    line-height: 1.3;
}
.loterias-metrica-pill--optimo[b-xkub6pcjkd] {
    color: #065f46;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.loterias-opcion-card__fundamento[b-xkub6pcjkd] {
    font-size: 0.74rem;
    color: #475569;
    line-height: 1.35;
    margin: 0;
    background: #f8fafc;
    padding: 6px 8px;
    border-radius: 6px;
    border-left: 3px solid #cbd5e1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loterias-opcion-card.caliente .loterias-opcion-card__fundamento[b-xkub6pcjkd] { border-left-color: #f87171; }
.loterias-opcion-card.equilibrada .loterias-opcion-card__fundamento[b-xkub6pcjkd] { border-left-color: #818cf8; }
.loterias-opcion-card.fria .loterias-opcion-card__fundamento[b-xkub6pcjkd],
.loterias-opcion-card.compensacion .loterias-opcion-card__fundamento[b-xkub6pcjkd] { border-left-color: #38bdf8; }

.loterias-btn-copiar[b-xkub6pcjkd] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 600;
}

/* Filtros por pastillas (Pills) para el Recomendador de 9 Opciones */
.loterias-sugerencias-cabecera__derecha[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.loterias-pills-filtro[b-xkub6pcjkd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
}
.loterias-pill[b-xkub6pcjkd] {
    background: transparent;
    border: none;
    padding: 5px 12px;
    border-radius: 18px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s ease;
}
.loterias-pill:hover[b-xkub6pcjkd] {
    color: #0f172a;
    background: rgba(255,255,255,0.7);
}
.loterias-pill.activa[b-xkub6pcjkd] {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    font-weight: 700;
}

/* 1. SECCIÓN COMPARATIVA MULTI-HORIZONTE (HISTORIAL 20 AÑOS vs. AÑO vs. MES) */
.loterias-horizontes-seccion[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid var(--pl-borde, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.loterias-horizontes-cabecera h2[b-xkub6pcjkd] {
    margin: 0 0 4px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-horizontes-cabecera p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--pl-texto-suave, #64748b);
}
.loterias-horizontes-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.loterias-horizonte-card[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fafafa;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.loterias-horizonte-card:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.loterias-horizonte-card--hist[b-xkub6pcjkd] {
    border-color: #c7d2fe;
    background: linear-gradient(145deg, #eef2ff 0%, #ffffff 60%);
}
.loterias-horizonte-card--anio[b-xkub6pcjkd] {
    border-color: #a7f3d0;
    background: linear-gradient(145deg, #ecfdf5 0%, #ffffff 60%);
}
.loterias-horizonte-card--mes[b-xkub6pcjkd] {
    border-color: #fde68a;
    background: linear-gradient(145deg, #fffbeb 0%, #ffffff 60%);
}

.loterias-horizonte-card__cabecera[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.loterias-horizonte-card__icono[b-xkub6pcjkd] {
    font-size: 1.35rem;
    line-height: 1;
}
.loterias-horizonte-card__cabecera strong[b-xkub6pcjkd] {
    display: block;
    font-size: 0.88rem;
    color: #0f172a;
    font-weight: 700;
}
.loterias-horizonte-card__cabecera small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.73rem;
    color: var(--pl-texto-suave, #64748b);
}
.loterias-horizonte-card__numeros[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.7);
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px dashed rgba(0, 0, 0, 0.08);
}
.loterias-horizonte-card__label[b-xkub6pcjkd] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #475569;
}
.loterias-horizonte-card .loterias-bolas-fila[b-xkub6pcjkd] {
    gap: 6px;
}
.loterias-horizonte-card .loterias-bola[b-xkub6pcjkd] {
    width: 30px;
    height: 30px;
    font-size: 0.82rem;
}

/* 2. CARD: RECOMENDACIÓN MAESTRA DE CONSENSO (ESTOS 3 + APUESTA COMPLETA) */
.loterias-maestra-card[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 60%, #172554 100%);
    border-radius: 14px;
    border: 2px solid #fbbf24;
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
}
.loterias-maestra-tag[b-xkub6pcjkd] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #fef08a;
    background: rgba(251, 191, 36, 0.15);
    border: 1px solid #f59e0b;
    padding: 4px 10px;
    border-radius: 6px;
    margin-bottom: 8px;
}
.loterias-maestra-header[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}
.loterias-maestra-header h2[b-xkub6pcjkd] {
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #ffffff;
}
.loterias-maestra-header p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.88rem;
    color: #cbd5e1;
}
.loterias-maestra-cuerpo[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 16px 20px;
}
.loterias-consenso-bloque[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.loterias-consenso-header-row[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.loterias-consenso-label[b-xkub6pcjkd] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #fde047;
    letter-spacing: 0.3px;
}
.loterias-btn-info-inline[b-xkub6pcjkd] {
    background: rgba(253, 224, 71, 0.12);
    border: 1px solid rgba(253, 224, 71, 0.4);
    color: #fde047;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.loterias-btn-info-inline:hover[b-xkub6pcjkd] {
    background: rgba(253, 224, 71, 0.25);
    border-color: #fde047;
    transform: translateY(-1px);
}

/* Fila de los 3 Números Clave */
.loterias-bolas-fila--claves[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 6px 0;
}
.loterias-clave-item[b-xkub6pcjkd] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.loterias-clave-item:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
}
.loterias-clave-etiqueta[b-xkub6pcjkd] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #0f172a;
    background: #fef08a;
    border: 1px solid #fde047;
    padding: 1px 7px;
    border-radius: 4px;
    line-height: 1.2;
}

/* Bolas destacadas en la Recomendación Maestra */
.loterias-bola--maestra[b-xkub6pcjkd] {
    background: linear-gradient(135deg, #fef08a 0%, #fbbf24 45%, #f59e0b 100%) !important;
    color: #0f172a !important; /* Alto contraste: número oscuro sobre bola dorada */
    font-weight: 900 !important;
    font-size: 1.35rem !important;
    border: 2.5px solid #ffffff !important;
    box-shadow: 0 0 18px rgba(251, 191, 36, 0.8), 0 3px 8px rgba(0, 0, 0, 0.35), inset 0 2px 2px #ffffff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    user-select: none;
}
.loterias-bola--blanca[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%) !important;
    color: #0f172a !important; /* Alto contraste: número oscuro sobre bola blanca */
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px 1px #ffffff !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    user-select: none;
}
.loterias-bolas-fila--apuesta[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 4px 0;
}
.loterias-bolas-fila--apuesta .loterias-bola--estrella[b-xkub6pcjkd],
.loterias-bolas-fila--apuesta .loterias-bola--reintegro[b-xkub6pcjkd],
.loterias-bolas-fila--apuesta .loterias-bola--sueno[b-xkub6pcjkd] {
    height: 48px !important;
    min-width: 52px !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    border-radius: 24px !important;
    padding: 0 10px !important;
    border: 2px solid #ffffff !important;
}

/* Banner Interactivo de Ayuda */
.loterias-maestra-ayuda-banner[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.15) 0%, rgba(99, 102, 241, 0.15) 100%);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 8px;
    padding: 8px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.loterias-maestra-ayuda-banner:hover[b-xkub6pcjkd] {
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.25) 0%, rgba(99, 102, 241, 0.25) 100%);
    border-color: #fbbf24;
    transform: translateY(-1px);
}
.loterias-maestra-ayuda-banner__txt[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #f8fafc;
}
.loterias-maestra-ayuda-icono[b-xkub6pcjkd] {
    font-size: 1.2rem;
    line-height: 1;
}
.loterias-btn-info-badge[b-xkub6pcjkd] {
    flex-shrink: 0;
    font-size: 0.74rem;
    font-weight: 800;
    color: #1e1b4b;
    background: #fde047;
    padding: 4px 10px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.loterias-maestra-explicacion[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #e2e8f0;
    background: rgba(0, 0, 0, 0.25);
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 4px solid #fbbf24;
}
.loterias-maestra-acciones[b-xkub6pcjkd] {
    display: flex;
    justify-content: flex-end;
}
.loterias-btn-copiar-maestra[b-xkub6pcjkd] {
    background: linear-gradient(145deg, #fbbf24, #f59e0b);
    color: #78350f;
    font-weight: 800;
    border: none;
    padding: 10px 22px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
    transition: transform 0.2s ease, filter 0.2s ease;
}
.loterias-btn-copiar-maestra:hover[b-xkub6pcjkd] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

/* Métricas Cuantitativas en Tarjeta Maestra */
.loterias-maestra-metricas-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
}
.loterias-maestra-metrica[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 12px;
    border-radius: 8px;
}
.loterias-maestra-metrica--interactiva[b-xkub6pcjkd] {
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.loterias-maestra-metrica--interactiva:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
    border-color: #fbbf24 !important;
    background: rgba(251, 191, 36, 0.12) !important;
}
.loterias-maestra-metrica__top[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}
.loterias-metrica-hint[b-xkub6pcjkd] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #fde047;
    background: rgba(251, 191, 36, 0.2);
    border: 1px solid rgba(251, 191, 36, 0.4);
    padding: 1px 5px;
    border-radius: 4px;
    white-space: nowrap;
}
.loterias-maestra-metrica__label[b-xkub6pcjkd] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.loterias-maestra-metrica__valor[b-xkub6pcjkd] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #ffffff;
}
.loterias-maestra-metrica small[b-xkub6pcjkd] {
    font-size: 0.7rem;
    color: #cbd5e1;
}

/* Afinidad por pares en Tarjeta Maestra */
.loterias-maestra-afinidad[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.loterias-maestra-afinidad--interactiva[b-xkub6pcjkd] {
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.loterias-maestra-afinidad--interactiva:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
    border-color: #fbbf24 !important;
    background: rgba(251, 191, 36, 0.08) !important;
}
.loterias-maestra-afinidad__top[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.loterias-maestra-afinidad__label[b-xkub6pcjkd] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #fde047;
}
.loterias-parejas-chips[b-xkub6pcjkd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.loterias-pareja-chip[b-xkub6pcjkd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #f1f5f9;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 4px 10px;
    border-radius: 6px;
}

/* MODAL DE EXPLICACIÓN DE MÉTRICAS */
.loterias-modal-overlay[b-xkub6pcjkd] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: loteriasFadeIn-b-xkub6pcjkd 0.2s ease-out;
}
@keyframes loteriasFadeIn-b-xkub6pcjkd {
    from { opacity: 0; }
    to { opacity: 1; }
}
.loterias-modal-contenedor[b-xkub6pcjkd] {
    background: #ffffff;
    border-radius: 14px;
    max-width: 760px;
    width: 100%;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border: 1.5px solid #cbd5e1;
    overflow: hidden;
    animation: loteriasSlideUp-b-xkub6pcjkd 0.2s ease-out;
}
@keyframes loteriasSlideUp-b-xkub6pcjkd {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.loterias-modal-header[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18px 22px;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    color: #ffffff;
}
.loterias-modal-titulo-box[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.loterias-modal-icono[b-xkub6pcjkd] {
    font-size: 2rem;
    line-height: 1;
}
.loterias-modal-header h3[b-xkub6pcjkd] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #fde047;
}
.loterias-modal-header p[b-xkub6pcjkd] {
    margin: 3px 0 0;
    font-size: 0.82rem;
    color: #cbd5e1;
}
.loterias-modal-cerrar[b-xkub6pcjkd] {
    background: transparent;
    border: none;
    color: #cbd5e1;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 4px;
    border-radius: 6px;
    transition: color 0.15s ease;
}
.loterias-modal-cerrar:hover[b-xkub6pcjkd] {
    color: #ffffff;
}
.loterias-modal-tabs[b-xkub6pcjkd] {
    display: flex;
    gap: 6px;
    padding: 10px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    overflow-x: auto;
    white-space: nowrap;
}
.loterias-modal-tab[b-xkub6pcjkd] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
    padding: 6px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.loterias-modal-tab:hover[b-xkub6pcjkd] {
    background: #f1f5f9;
    color: #0f172a;
}
.loterias-modal-tab.activa[b-xkub6pcjkd] {
    background: #1e1b4b;
    color: #fde047;
    border-color: #1e1b4b;
}
.loterias-modal-cuerpo[b-xkub6pcjkd] {
    padding: 22px;
    overflow-y: auto;
    flex: 1;
    background: #ffffff;
}
.loterias-explicacion-destacado[b-xkub6pcjkd] {
    background: #eff6ff;
    border-left: 4px solid #3b82f6;
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.loterias-explicacion-destacado h4[b-xkub6pcjkd] {
    margin: 0 0 6px;
    font-size: 1.05rem;
    color: #1e3a8a;
    font-weight: 800;
}
.loterias-explicacion-resumen[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #1e293b;
}
.loterias-explicacion-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.loterias-explicacion-card[b-xkub6pcjkd] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
}
.loterias-explicacion-card strong[b-xkub6pcjkd] {
    display: block;
    font-size: 0.9rem;
    color: #0f172a;
    margin-bottom: 6px;
}
.loterias-explicacion-card p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: #475569;
}
.loterias-explicacion-card ul[b-xkub6pcjkd] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.83rem;
    color: #475569;
    line-height: 1.45;
}
.loterias-explicacion-card--positivo[b-xkub6pcjkd] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}
.loterias-explicacion-card--positivo strong[b-xkub6pcjkd] {
    color: #166534;
}
.loterias-explicacion-card--positivo p[b-xkub6pcjkd] {
    color: #15803d;
}
.loterias-modal-footer[b-xkub6pcjkd] {
    display: flex;
    justify-content: flex-end;
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}
.loterias-pareja-chip strong[b-xkub6pcjkd] {
    color: #fef08a;
}

/* ==========================================================================
   4. LABORATORIO CUANTITATIVO Y MODELADO ACTUARIAL (NIVEL 10/10)
   ========================================================================== */
.loterias-laboratorio[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid var(--pl-borde, #e2e8f0);
}
.loterias-laboratorio__cabecera[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 16px;
}
.loterias-laboratorio__titulos h2[b-xkub6pcjkd] {
    margin: 4px 0 6px;
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-laboratorio__titulos p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--pl-texto-suave, #64748b);
    max-width: 800px;
}
.loterias-laboratorio__cert[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.loterias-laboratorio__cert-badge[b-xkub6pcjkd] {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 800;
    color: #065f46;
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    padding: 6px 12px;
    border-radius: 8px;
    letter-spacing: 0.4px;
}
.loterias-laboratorio__cert small[b-xkub6pcjkd] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
}

.loterias-lab-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.loterias-lab-card[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.loterias-lab-card:hover[b-xkub6pcjkd] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.loterias-lab-card--ancho[b-xkub6pcjkd] {
    grid-column: 1 / -1;
}
.loterias-lab-card__header[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 12px;
}
.loterias-lab-card__icono[b-xkub6pcjkd] {
    font-size: 1.8rem;
    line-height: 1;
}
.loterias-lab-card__header strong[b-xkub6pcjkd] {
    display: block;
    font-size: 1.05rem;
    color: #0f172a;
    font-weight: 800;
}
.loterias-lab-card__header small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 2px;
}
.loterias-lab-card__body[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.loterias-lab-card__desc[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.88rem;
    color: #334155;
    line-height: 1.5;
}
.loterias-lab-metricas-fila[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.loterias-lab-mini-stat[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 10px 12px;
    border-radius: 8px;
    text-align: center;
}
.loterias-lab-mini-stat .label[b-xkub6pcjkd] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
}
.loterias-lab-mini-stat .valor[b-xkub6pcjkd] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-lab-gauss-banner[b-xkub6pcjkd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #1e3a8a;
}
.loterias-lab-gauss-banner__icon[b-xkub6pcjkd] {
    font-size: 1.3rem;
}
.loterias-lab-chi2-dictamen[b-xkub6pcjkd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 0.85rem;
}
.loterias-lab-chi2-dictamen--ok[b-xkub6pcjkd] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}
.loterias-lab-chi2-dictamen--aviso[b-xkub6pcjkd] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}
.loterias-lab-chi2-dictamen__icono[b-xkub6pcjkd] {
    font-size: 1.3rem;
}
.loterias-lab-chi2-dictamen strong[b-xkub6pcjkd] {
    display: block;
    margin-bottom: 2px;
    font-weight: 800;
}
.loterias-lab-chi2-dictamen p[b-xkub6pcjkd] {
    margin: 0;
    line-height: 1.45;
}

/* Grilla de Parejas Afines */
.loterias-parejas-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.loterias-pareja-card[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    align-items: center;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.loterias-pareja-card__bolas[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.loterias-pareja-card__plus[b-xkub6pcjkd] {
    font-weight: 800;
    color: #94a3b8;
    font-size: 0.9rem;
}
.loterias-pareja-card__datos[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 0.76rem;
    color: #475569;
}
.loterias-pareja-card__veces strong[b-xkub6pcjkd] {
    font-size: 0.95rem;
    color: #0f172a;
}
.loterias-pareja-card__ratio[b-xkub6pcjkd] {
    font-weight: 700;
}
.loterias-pareja-card__jaccard[b-xkub6pcjkd] {
    font-size: 0.7rem;
    color: #64748b;
}

/* Grupos de Retrasos Poisson */
.loterias-retrasos-grupos[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.loterias-retraso-grupo[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
}
.loterias-retraso-grupo h4[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 800;
}
.loterias-retraso-grupo--maduro h4[b-xkub6pcjkd] { color: #b91c1c; }
.loterias-retraso-grupo--optimo h4[b-xkub6pcjkd] { color: #047857; }
.loterias-retraso-grupo--reciente h4[b-xkub6pcjkd] { color: #1d4ed8; }

.loterias-retraso-bolas-grid[b-xkub6pcjkd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.loterias-retraso-item[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 6px 10px;
    min-width: 140px;
}
.loterias-retraso-item__info[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    font-size: 0.72rem;
}
.loterias-retraso-item__info strong[b-xkub6pcjkd] {
    font-size: 0.82rem;
    color: #0f172a;
}
.loterias-retraso-item__info small[b-xkub6pcjkd] {
    color: #64748b;
}
.loterias-retraso-madurez[b-xkub6pcjkd] {
    font-weight: 700;
    color: #475569;
}

/* Utility Colors */
.texto-verde[b-xkub6pcjkd] { color: #059669 !important; }
.texto-azul[b-xkub6pcjkd] { color: #2563eb !important; }
.texto-ambar[b-xkub6pcjkd] { color: #d97706 !important; }

/* 3. SECCIÓN DÓNDE CAYÓ EL GORDO (LOCALIDADES NAVIDAD) */
.loterias-localidades-seccion[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid var(--pl-borde, #e2e8f0);
}
.loterias-localidades-cabecera[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.loterias-localidades-logo[b-xkub6pcjkd] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 12px;
    background: #fff;
    padding: 6px;
    border: 1px solid #e2e8f0;
}
.loterias-localidades-cabecera h2[b-xkub6pcjkd] {
    margin: 0 0 4px;
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-localidades-cabecera p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--pl-texto-suave, #64748b);
}

/* Ranking de provincias */
.loterias-provincias-bloque[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    padding: 16px 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.loterias-provincias-bloque h3[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: #1e293b;
}
.loterias-provincias-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}
.loterias-provincia-badge[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-size: 0.85rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.loterias-provincia-badge__icono[b-xkub6pcjkd] {
    font-size: 1.1rem;
}
.loterias-provincia-badge__nombre[b-xkub6pcjkd] {
    font-weight: 600;
    color: #334155;
    flex: 1;
}
.loterias-provincia-badge__veces[b-xkub6pcjkd] {
    color: #dc2626;
    font-weight: 800;
}

/* Buscador de localidades */
.loterias-localidades-busqueda[b-xkub6pcjkd] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}
.loterias-localidades-busqueda label[b-xkub6pcjkd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
}

/* Cuadrícula de Gordos Históricos */
.loterias-gordos-grid[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 18px;
}
.loterias-gordo-card[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.loterias-gordo-card:hover[b-xkub6pcjkd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}
.loterias-gordo-card__header[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.loterias-gordo-card__anio[b-xkub6pcjkd] {
    font-weight: 800;
    font-size: 1.05rem;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fde68a;
    padding: 3px 10px;
    border-radius: 6px;
}
.loterias-gordo-card__provincia[b-xkub6pcjkd] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 6px;
}
.loterias-gordo-card__decimo[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 2px dashed #f59e0b;
    border-radius: 10px;
    padding: 12px;
}
.loterias-gordo-card__decimo .loterias-decimo__num[b-xkub6pcjkd] {
    font-size: 2rem;
    font-weight: 900;
    color: #92400e;
    letter-spacing: 2px;
}
.loterias-gordo-card__decimo .loterias-decimo__premio[b-xkub6pcjkd] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #059669;
    margin-top: 4px;
}
.loterias-gordo-card__cuerpo[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.85rem;
}
.loterias-gordo-card__localidades strong[b-xkub6pcjkd],
.loterias-gordo-card__detalle strong[b-xkub6pcjkd] {
    display: block;
    font-size: 0.78rem;
    color: #475569;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.loterias-gordo-card__localidades p[b-xkub6pcjkd],
.loterias-gordo-card__detalle p[b-xkub6pcjkd] {
    margin: 0;
    color: #1e293b;
    line-height: 1.4;
}

/* Badge de Localidad en tabla de sorteos */
.loterias-gordo-tag[b-xkub6pcjkd] {
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 700;
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fde68a;
    padding: 2px 7px;
    border-radius: 4px;
    margin-top: 4px;
}

/* ==========================================================================
   5. BOTONES DE ACCIÓN PARA JUGAR Y REGISTRAR
   ========================================================================== */
.loterias-btn-jugar-maestra[b-xkub6pcjkd] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.92rem;
    padding: 9px 18px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 3px 8px rgba(5, 150, 105, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
}
.loterias-btn-jugar-maestra:hover[b-xkub6pcjkd] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(5, 150, 105, 0.4);
}

.loterias-btn-jugar-compacto[b-xkub6pcjkd] {
    font-size: 0.78rem;
    padding: 4px 10px;
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.loterias-btn-jugar-compacto:hover[b-xkub6pcjkd] {
    background: #d1fae5;
    border-color: #6ee7b7;
    color: #047857;
}

.loterias-pestana--gasto[b-xkub6pcjkd] {
    color: #047857;
}
.loterias-pestana--gasto.activa[b-xkub6pcjkd] {
    color: #047857;
    border-bottom-color: #059669;
}

/* ==========================================================================
   6. MIS JUGADAS Y CONTROL DE GASTO PERSONAL
   ========================================================================== */
.loterias-mis-jugadas[b-xkub6pcjkd] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid var(--pl-borde, #e2e8f0);
}

.loterias-mis-jugadas__cabecera[b-xkub6pcjkd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.loterias-mis-jugadas__cabecera h2[b-xkub6pcjkd] {
    margin: 4px 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
}
.loterias-mis-jugadas__cabecera p[b-xkub6pcjkd] {
    margin: 0;
    font-size: 0.88rem;
    color: #64748b;
}

.loterias-btn-nueva-jugada[b-xkub6pcjkd] {
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: white;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
    transition: all 0.2s ease;
}
.loterias-btn-nueva-jugada:hover[b-xkub6pcjkd] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35);
}

/* KPIs de Gasto y Ganancias */
.loterias-gasto-kpis[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}
.loterias-gasto-kpi[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    transition: all 0.2s ease;
}
.loterias-gasto-kpi__icono[b-xkub6pcjkd] {
    font-size: 1.6rem;
    line-height: 1;
}
.loterias-gasto-kpi small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.76rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.loterias-gasto-kpi strong[b-xkub6pcjkd] {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
.loterias-gasto-kpi--gastado strong[b-xkub6pcjkd] {
    color: #dc2626;
}
.loterias-gasto-kpi--ganado strong[b-xkub6pcjkd], .texto-verde[b-xkub6pcjkd] {
    color: #059669;
}
.loterias-gasto-kpi--balance[b-xkub6pcjkd] {
    background: #f1f5f9;
}
.loterias-gasto-kpi--positivo[b-xkub6pcjkd] {
    background: #ecfdf5;
    border-color: #a7f3d0;
}
.loterias-gasto-kpi--positivo strong[b-xkub6pcjkd] {
    color: #047857;
}
.loterias-gasto-kpi--negativo[b-xkub6pcjkd] {
    background: #fef2f2;
    border-color: #fecaca;
}
.loterias-gasto-kpi--negativo strong[b-xkub6pcjkd] {
    color: #b91c1c;
}

/* Filtros de Jugadas */
.loterias-jugadas-filtros-bar[b-xkub6pcjkd] {
    padding: 6px 0;
}

/* Lista de Jugadas */
.loterias-jugada-card[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: all 0.2s ease;
}
.loterias-jugada-card:hover[b-xkub6pcjkd] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.loterias-jugada-card--premiada[b-xkub6pcjkd] {
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    border-color: #86efac;
    box-shadow: 0 3px 10px rgba(22, 163, 74, 0.12);
}

.loterias-jugada-card__izq[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
}
.loterias-jugada-card__juego-badge[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.loterias-jugada-logo[b-xkub6pcjkd] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 6px;
    background: #f8fafc;
    padding: 3px;
    border: 1px solid #e2e8f0;
}
.loterias-jugada-card__juego-badge strong[b-xkub6pcjkd] {
    display: block;
    font-size: 0.95rem;
    color: #0f172a;
}
.loterias-jugada-card__juego-badge small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.78rem;
    color: #64748b;
}
.loterias-jugada-card__origen[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.loterias-jugada-notas[b-xkub6pcjkd] {
    font-size: 0.78rem;
    color: #475569;
    font-style: italic;
}

.loterias-jugada-card__combinacion[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.loterias-aciertos-badge[b-xkub6pcjkd] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #047857;
    background: #dcfce7;
    border: 1px solid #86efac;
    padding: 2px 8px;
    border-radius: 6px;
}

.loterias-jugada-card__der[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 240px;
    justify-content: flex-end;
}
.loterias-jugada-financiero[b-xkub6pcjkd] {
    text-align: right;
    min-width: 80px;
}
.loterias-jugada-coste small[b-xkub6pcjkd], .loterias-jugada-premio small[b-xkub6pcjkd] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
}
.loterias-jugada-coste strong[b-xkub6pcjkd] {
    font-size: 0.92rem;
    color: #dc2626;
    font-variant-numeric: tabular-nums;
}
.loterias-jugada-premio strong[b-xkub6pcjkd] {
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.loterias-badge-premiado[b-xkub6pcjkd] {
    font-size: 0.76rem;
    font-weight: 800;
    color: #15803d;
    background: #dcfce7;
    border: 1px solid #86efac;
    padding: 3px 8px;
    border-radius: 6px;
    white-space: nowrap;
}
.loterias-badge-no-premiado[b-xkub6pcjkd] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748b;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 6px;
    white-space: nowrap;
}
.loterias-badge-pendiente[b-xkub6pcjkd] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #b45309;
    background: #fef3c7;
    border: 1px solid #fde68a;
    padding: 3px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.loterias-jugada-acciones[b-xkub6pcjkd] {
    display: flex;
    gap: 6px;
}
.loterias-btn-premio[b-xkub6pcjkd] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
    font-weight: 700;
    font-size: 0.78rem;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.loterias-btn-premio:hover[b-xkub6pcjkd] {
    background: #fde68a;
    color: #78350f;
}
.loterias-btn-eliminar[b-xkub6pcjkd] {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
    font-size: 0.78rem;
    padding: 5px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.loterias-btn-eliminar:hover[b-xkub6pcjkd] {
    background: #fecaca;
    color: #991b1b;
}

/* Vacio */
.loterias-jugadas-vacio[b-xkub6pcjkd] {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1.5px dashed #cbd5e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.loterias-jugadas-vacio__icono[b-xkub6pcjkd] {
    font-size: 2.5rem;
}
.loterias-jugadas-vacio h3[b-xkub6pcjkd] {
    margin: 0;
    font-size: 1.15rem;
    color: #0f172a;
}
.loterias-jugadas-vacio p[b-xkub6pcjkd] {
    margin: 0;
    max-width: 500px;
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.45;
}

/* Formularios de Modales de Jugadas */
.loterias-modal-contenedor--medio[b-xkub6pcjkd] {
    max-width: 560px;
}
.loterias-modal-contenedor--pequeno[b-xkub6pcjkd] {
    max-width: 440px;
}
.loterias-reg-formulario[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 8px 0;
}
.loterias-reg-fila[b-xkub6pcjkd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.loterias-reg-fila label[b-xkub6pcjkd] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #334155;
}
.loterias-reg-juego-fijo[b-xkub6pcjkd] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8fafc;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.loterias-reg-logo-mini[b-xkub6pcjkd] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.loterias-reg-hint[b-xkub6pcjkd] {
    font-size: 0.78rem;
    color: #64748b;
}
.loterias-tag-origen[b-xkub6pcjkd] {
    font-size: 0.72rem;
    font-weight: 700;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    padding: 2px 8px;
    border-radius: 4px;
}
.loterias-reg-bolas-preview[b-xkub6pcjkd] {
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.pl-input--grande[b-xkub6pcjkd] {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

@media(max-width: 900px) {
    .loterias-juegos[b-xkub6pcjkd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .loterias-opciones-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-horizontes-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-proximo[b-xkub6pcjkd] { flex-direction: column; align-items: flex-start; }
    .loterias-gordos-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-lab-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-lab-metricas-fila[b-xkub6pcjkd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .loterias-parejas-grid[b-xkub6pcjkd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .loterias-maestra-metricas-grid[b-xkub6pcjkd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .loterias-jugada-card[b-xkub6pcjkd] { flex-direction: column; align-items: stretch; }
    .loterias-jugada-card__der[b-xkub6pcjkd] { justify-content: space-between; }
}
@media(max-width: 480px) {
    .loterias-juegos[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-filtros label[b-xkub6pcjkd] { flex: 1; }
    .loterias-paginacion[b-xkub6pcjkd] { padding: 12px; }
    .loterias-juego[b-xkub6pcjkd] { padding: 12px; }
    .loterias-pills-filtro[b-xkub6pcjkd] { width: 100%; overflow-x: auto; }
    .loterias-lab-metricas-fila[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-parejas-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-maestra-metricas-grid[b-xkub6pcjkd] { grid-template-columns: 1fr; }
    .loterias-laboratorio__cert[b-xkub6pcjkd] { align-items: flex-start; }
    .loterias-gasto-kpis[b-xkub6pcjkd] { grid-template-columns: 1fr; }
}



/* Vista sencilla "Juega hoy" */
.loterias-hoy[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 16px; }
.loterias-hoy__cabecera[b-xkub6pcjkd] { display: flex; align-items: center; gap: 14px; }
.loterias-hoy__logo[b-xkub6pcjkd] { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; }
.loterias-hoy__cabecera h2[b-xkub6pcjkd] { margin: 6px 0 2px; font-size: 1.25rem; }
.loterias-hoy__cabecera small[b-xkub6pcjkd] { color: #64748b; }
.loterias-hoy__jugada[b-xkub6pcjkd] { display: flex; justify-content: center; padding: 8px 0; }
.loterias-hoy__jugada .loterias-bolas-fila[b-xkub6pcjkd] { justify-content: center; flex-wrap: wrap; gap: 8px; }
.loterias-hoy__probs[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.loterias-hoy__prob[b-xkub6pcjkd] { border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.loterias-hoy__prob span[b-xkub6pcjkd] { font-size: 0.78rem; color: #475569; }
.loterias-hoy__prob strong[b-xkub6pcjkd] { font-size: 1.35rem; color: #0f172a; }
.loterias-hoy__prob small[b-xkub6pcjkd] { font-size: 0.74rem; color: #64748b; }
.loterias-hoy__prob--destacada[b-xkub6pcjkd] { border-color: #34d399; background: #f0fdf4; }
.loterias-hoy__prob--destacada strong[b-xkub6pcjkd] { color: #047857; }
.loterias-hoy__nota[b-xkub6pcjkd] { margin: 0; font-size: 0.85rem; color: #475569; line-height: 1.45; }
.loterias-hoy__acciones[b-xkub6pcjkd] { display: flex; flex-wrap: wrap; gap: 8px; }
.loterias-hoy__grid[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.loterias-hoy__bloque h3[b-xkub6pcjkd] { margin: 0 0 6px; font-size: 1rem; }
.loterias-hoy__bloque p[b-xkub6pcjkd] { margin: 4px 0; font-size: 0.86rem; color: #374151; line-height: 1.45; }
.loterias-hoy__bloque small[b-xkub6pcjkd] { color: #64748b; }
.loterias-hoy__resultado[b-xkub6pcjkd] { font-size: 1.15rem !important; font-weight: 700; color: #0f172a !important; }
.loterias-hoy__gasto[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 8px; }
.loterias-hoy__gasto div[b-xkub6pcjkd] { display: flex; flex-direction: column; }
.loterias-hoy__gasto strong[b-xkub6pcjkd] { font-size: 1rem; }
.loterias-hoy__mas[b-xkub6pcjkd] { text-align: center; font-size: 0.85rem; }
.loterias-gastos-resumen[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; margin-bottom: 12px; }
.loterias-gastos-resumen h3[b-xkub6pcjkd] { margin: 0 0 8px; font-size: 1rem; }

/* En "Juega hoy" el selector es una fila de pestañas compactas, también en móvil. */
.loterias-juegos.loterias-juegos--pestanas[b-xkub6pcjkd] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.loterias-juegos--pestanas .loterias-juego[b-xkub6pcjkd] { padding: 10px; }
.loterias-juegos--pestanas .loterias-juego__info span[b-xkub6pcjkd],
.loterias-juegos--pestanas .loterias-juego__info small[b-xkub6pcjkd] { display: none; }
@media (max-width: 640px) {
    .loterias-juegos.loterias-juegos--pestanas[b-xkub6pcjkd] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .loterias-juegos--pestanas .loterias-juego[b-xkub6pcjkd] { flex-direction: column; gap: 4px; padding: 8px 4px; text-align: center; }
    .loterias-juegos--pestanas .loterias-juego__logo-box[b-xkub6pcjkd] { width: 40px; height: 40px; min-width: 40px; }
    .loterias-juegos--pestanas .loterias-juego strong[b-xkub6pcjkd] { font-size: 0.72rem; }
    .loterias-hoy__cabecera[b-xkub6pcjkd] { align-items: flex-start; }
    .loterias-hoy__logo[b-xkub6pcjkd] { width: 40px; height: 40px; }
    .loterias-hoy__cabecera h2[b-xkub6pcjkd] { font-size: 1.05rem; }
}

/* Textos de ayuda: una línea que dice para qué sirve cada bloque. */
.loterias-ayuda[b-xkub6pcjkd] { margin: 0 0 10px; font-size: 0.82rem; color: #64748b; line-height: 1.4; }
.loterias-cuentas h2[b-xkub6pcjkd], .loterias-suerte h2[b-xkub6pcjkd], .loterias-mis-jugadas h2[b-xkub6pcjkd] { margin: 0 0 4px; font-size: 1.15rem; }
.loterias-cuentas__cifras[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 8px; }
.loterias-cuentas__cifras div[b-xkub6pcjkd] { border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.loterias-cuentas__cifras small[b-xkub6pcjkd] { color: #64748b; font-size: 0.78rem; }
.loterias-cuentas__cifras strong[b-xkub6pcjkd] { font-size: 1.35rem; color: #0f172a; }
.loterias-cuentas__positivo[b-xkub6pcjkd] { background: #f0fdf4; border-color: #86efac !important; }
.loterias-cuentas__positivo strong[b-xkub6pcjkd] { color: #047857 !important; }
.loterias-cuentas__negativo[b-xkub6pcjkd] { background: #fef2f2; border-color: #fecaca !important; }
.loterias-cuentas__negativo strong[b-xkub6pcjkd] { color: #b91c1c !important; }
.loterias-suerte__fila[b-xkub6pcjkd] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding: 8px 0; border-top: 1px solid #f1f5f9; font-size: 0.88rem; }
.loterias-suerte__fila strong[b-xkub6pcjkd] { min-width: 110px; }
.loterias-suerte__fila small[b-xkub6pcjkd] { color: #64748b; }
.loterias-mis-jugadas .loterias-pills-filtro[b-xkub6pcjkd] { margin-bottom: 12px; flex-wrap: wrap; }
@media (max-width: 640px) {
    .loterias-cuentas__cifras strong[b-xkub6pcjkd] { font-size: 1.05rem; }
    .loterias-cuentas__cifras div[b-xkub6pcjkd] { padding: 8px; }
}
.loterias-hoy__bloque .loterias-ayuda[b-xkub6pcjkd] { font-size: 0.8rem; color: #64748b; margin: 0 0 8px; }
.loterias-mis-jugadas h2[b-xkub6pcjkd] { margin-bottom: 4px; }

/* Mis jugadas: una fila compacta por jugada (en móvil, dos o tres líneas). */
.loterias-jugadas-lista[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 6px; }
.loterias-jugada[b-xkub6pcjkd] {
    display: grid;
    grid-template-columns: 150px auto minmax(0, 1fr) 92px auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e2e8f0;
    border-left-width: 4px;
    border-radius: 8px;
    padding: 8px 10px;
}
.loterias-jugada__juego[b-xkub6pcjkd] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.loterias-jugada__juego .loterias-jugada-logo[b-xkub6pcjkd] { width: 26px; height: 26px; object-fit: contain; }
.loterias-jugada__juego div[b-xkub6pcjkd] { display: flex; flex-direction: column; min-width: 0; }
.loterias-jugada__juego strong[b-xkub6pcjkd] { font-size: 0.84rem; }
.loterias-jugada__juego small[b-xkub6pcjkd] { font-size: 0.72rem; color: #64748b; }
.loterias-jugada__bolas[b-xkub6pcjkd] { gap: 3px; flex-wrap: nowrap; }
.loterias-jugada__bolas .loterias-bola[b-xkub6pcjkd] { width: 24px; height: 24px; font-size: 0.68rem; box-shadow: none; }
.loterias-jugada__bolas .loterias-bola--estrella[b-xkub6pcjkd],
.loterias-jugada__bolas .loterias-bola--reintegro[b-xkub6pcjkd],
.loterias-jugada__bolas .loterias-bola--sueno[b-xkub6pcjkd] { width: auto; min-width: 24px; padding: 0 5px; border-radius: 12px; }
.loterias-jugada__decimo[b-xkub6pcjkd] { font-family: monospace; font-weight: 800; font-size: 1rem; letter-spacing: 1px; color: #78350f; }
.loterias-jugada__resultado[b-xkub6pcjkd] { margin: 0; font-size: 0.78rem; color: #475569; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.loterias-jugada__importe[b-xkub6pcjkd] { display: flex; flex-direction: column; align-items: flex-end; font-size: 0.84rem; }
.loterias-jugada__importe small[b-xkub6pcjkd] { font-size: 0.7rem; color: #64748b; white-space: nowrap; }
.loterias-jugada__acciones[b-xkub6pcjkd] { display: flex; gap: 4px; }
.loterias-jugada__acciones .pl-btn[b-xkub6pcjkd] { padding: 3px 7px; font-size: 0.8rem; }
@media (max-width: 760px) {
    .loterias-jugada[b-xkub6pcjkd] { grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px 10px; }
    .loterias-jugada__bolas[b-xkub6pcjkd], .loterias-jugada__decimo[b-xkub6pcjkd] { grid-column: 1 / -1; grid-row: 2; flex-wrap: wrap; }
    .loterias-jugada__resultado[b-xkub6pcjkd] { grid-column: 1 / -1; grid-row: 3; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
.loterias-jugada--premiada[b-xkub6pcjkd] { border-left-color: #10b981; background: #f0fdf4; }
.loterias-jugada--sin-premio[b-xkub6pcjkd] { border-left-color: #cbd5e1; }
.loterias-jugada--pendiente[b-xkub6pcjkd] { border-left-color: #f59e0b; }

/* Reparto: cuánta gente juega la combinación, lo que vuelve por euro y apuestas múltiples */
.loterias-hoy__prob--reparto[b-xkub6pcjkd] { border-color: #93c5fd; background: #eff6ff; }
.loterias-hoy__prob--reparto strong[b-xkub6pcjkd] { color: #1d4ed8; }
.loterias-hoy__enlace[b-xkub6pcjkd] { margin-left: 6px; padding: 0; border: 0; background: none; color: #2563eb; font-size: 0.82rem; cursor: pointer; text-decoration: underline; }
.loterias-hoy__modelo[b-xkub6pcjkd] { border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; background: #f8fafc; font-size: 0.83rem; color: #374151; }
.loterias-hoy__modelo p[b-xkub6pcjkd] { margin: 0 0 6px; line-height: 1.45; }
.loterias-hoy__modelo small[b-xkub6pcjkd] { color: #64748b; }
.loterias-hoy__popularidad[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); gap: 4px; margin: 8px 0; }
.loterias-pop[b-xkub6pcjkd] { display: flex; align-items: center; justify-content: center; height: 28px; border-radius: 6px; font-size: 0.78rem; font-weight: 600; background: #e2e8f0; color: #334155; }
.loterias-pop--alta[b-xkub6pcjkd] { background: #fee2e2; color: #b91c1c; }
.loterias-pop--baja[b-xkub6pcjkd] { background: #dcfce7; color: #15803d; }
.loterias-hoy__grid--dos[b-xkub6pcjkd] { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.loterias-valor__cifra[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 2px; margin: 4px 0 8px; }
.loterias-valor__cifra strong[b-xkub6pcjkd] { font-size: 1.5rem; color: #0f172a; }
.loterias-valor__barra[b-xkub6pcjkd] { height: 8px; border-radius: 4px; background: #e2e8f0; overflow: hidden; margin-bottom: 10px; }
.loterias-valor__barra span[b-xkub6pcjkd] { display: block; height: 100%; background: #f59e0b; border-radius: 4px; }
.loterias-valor__bote[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; color: #475569; margin-bottom: 4px; }
.loterias-valor__bote input[b-xkub6pcjkd], .loterias-multiple__controles select[b-xkub6pcjkd] { max-width: 160px; padding: 6px 8px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 0.9rem; }
.loterias-valor__equilibrio[b-xkub6pcjkd] { font-size: 0.84rem !important; }
.loterias-valor__detalle[b-xkub6pcjkd] { margin-top: 8px; font-size: 0.8rem; }
.loterias-valor__detalle summary[b-xkub6pcjkd] { cursor: pointer; color: #2563eb; }
.loterias-valor__detalle table[b-xkub6pcjkd] { width: 100%; border-collapse: collapse; margin-top: 6px; }
.loterias-valor__detalle th[b-xkub6pcjkd], .loterias-valor__detalle td[b-xkub6pcjkd] { text-align: right; padding: 3px 4px; border-bottom: 1px solid #f1f5f9; white-space: nowrap; }
.loterias-valor__detalle th:first-child[b-xkub6pcjkd], .loterias-valor__detalle td:first-child[b-xkub6pcjkd] { text-align: left; }
.loterias-multiple__controles[b-xkub6pcjkd] { display: flex; gap: 12px; margin-bottom: 10px; }
.loterias-multiple__controles label[b-xkub6pcjkd] { display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; color: #475569; }
.loterias-multiple__datos[b-xkub6pcjkd] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 8px; }
.loterias-multiple__datos div[b-xkub6pcjkd] { display: flex; flex-direction: column; border: 1px solid #e2e8f0; border-radius: 8px; padding: 6px 8px; }
.loterias-multiple__datos strong[b-xkub6pcjkd] { font-size: 1rem; color: #0f172a; }
.loterias-multiple .loterias-nota[b-xkub6pcjkd] { font-size: 0.82rem; line-height: 1.45; }
@media (max-width: 640px) {
    .loterias-valor__detalle[b-xkub6pcjkd] { overflow-x: auto; }
}
/* /Components/Pages/PanelRedesAgentes.razor.rz.scp.css */
.ag-intro[b-wo78l5s562] { margin: 0 0 12px; }
.ag-rejilla[b-wo78l5s562] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 14px; }
.ag-agente[b-wo78l5s562] { padding: 16px 18px; display: flex; flex-direction: column; }
.ag-agente__cabecera[b-wo78l5s562] { display: flex; align-items: center; gap: 12px; }
.ag-agente__avatar[b-wo78l5s562] { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%; display: grid; place-items: center; font-size: 24px; background: var(--pl-marca-suave); }
.ag-agente__cabecera h3[b-wo78l5s562] { margin: 0; font-size: 17px; }
.ag-agente__cabecera span[b-wo78l5s562] { font-size: 12.5px; color: var(--pl-suave); }
.ag-agente__enfoque[b-wo78l5s562] { font-size: 12.5px; color: var(--pl-suave); margin: 10px 0 4px; line-height: 1.45; }
.ag-agente h4[b-wo78l5s562] { margin: 14px 0 6px; font-size: 13px; }
.ag-agente h4 small[b-wo78l5s562] { color: var(--pl-suave); font-weight: 600; }
.ag-lista[b-wo78l5s562] { list-style: none; margin: 0; padding: 0; }
.ag-lista li[b-wo78l5s562] { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--pl-borde); font-size: 13px; }
.ag-lista li:last-child[b-wo78l5s562] { border-bottom: 0; }
.ag-lista li.fijada[b-wo78l5s562] { background: var(--pl-marca-suave); border-radius: 8px; padding: 6px 8px; margin-bottom: 4px; border-bottom: 0; }
.ag-lista small[b-wo78l5s562] { color: var(--pl-suave); margin-left: 4px; }
.ag-lista button[b-wo78l5s562] { border: 0; background: none; cursor: pointer; font-size: 15px; line-height: 1; padding: 0 3px; color: var(--pl-suave); }
.ag-lista button:hover[b-wo78l5s562] { color: var(--pl-texto); }
.ag-lista__botones[b-wo78l5s562] { display: inline-flex; flex: 0 0 auto; }
.ag-nueva[b-wo78l5s562] { display: flex; gap: 6px; align-items: flex-end; margin-top: 6px; }
.ag-nueva textarea[b-wo78l5s562] { flex: 1; min-height: 44px !important; }
.ag-recuerda[b-wo78l5s562] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; }
.ag-recuerda h4[b-wo78l5s562] { margin: 0 !important; }
.ag-origen[b-wo78l5s562] { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 1px 6px; border-radius: 99px; background: var(--pl-fondo); color: var(--pl-suave); margin-left: 4px; vertical-align: middle; }
.ag-origen--todas[b-wo78l5s562] { background: var(--pl-marca-suave); color: var(--pl-marca); }
.ag-fabrica[b-wo78l5s562] { margin: 4px 0 2px; font-size: 12.5px; }
.ag-fabrica summary[b-wo78l5s562] { cursor: pointer; font-weight: 650; color: var(--pl-marca); }
.ag-fabrica p[b-wo78l5s562] { margin: 6px 0 0; line-height: 1.5; }
.ag-gasto[b-wo78l5s562] { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 auto; cursor: help; }
.ag-gasto b[b-wo78l5s562] { font-size: 15px; font-variant-numeric: tabular-nums; }
.ag-gasto small[b-wo78l5s562] { font-size: 11px; color: var(--pl-suave); }
/* /Components/Pages/PanelRedesAnalisis.razor.rz.scp.css */
/* Análisis de redes: gráficos en CSS (como Dinero), sin librerías. */
.an-rejilla[b-7f1qfiup6f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.an-ancha[b-7f1qfiup6f] { grid-column: 1 / -1; }
.an-tarjeta[b-7f1qfiup6f] { padding: 16px 18px; }
.an-informe[b-7f1qfiup6f] { margin-bottom: 14px; }
.an-titulo[b-7f1qfiup6f] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.an-titulo h3[b-7f1qfiup6f] { margin: 0; font-size: 15px; font-weight: 750; }
.an-suave[b-7f1qfiup6f] { font-size: 12px; color: var(--pl-suave); }
.an-verde[b-7f1qfiup6f] { color: var(--pl-verde-alto); }
.an-rojo[b-7f1qfiup6f] { color: var(--pl-rojo); }
.an-punto[b-7f1qfiup6f] { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; flex: 0 0 9px; }

.an-leyenda[b-7f1qfiup6f] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--pl-suave); }
.an-leyenda i[b-7f1qfiup6f] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.ig[b-7f1qfiup6f] { background: #d6249f; background: linear-gradient(180deg, #fd5949, #d6249f 60%, #285aeb); }
.tk[b-7f1qfiup6f] { background: #111827; }

.an-grafico[b-7f1qfiup6f] { display: grid; grid-template-columns: repeat(var(--columnas), minmax(0, 1fr)); gap: 3px; height: 180px; align-items: end; }
.an-grafico__dia[b-7f1qfiup6f] { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; min-width: 0; }
.an-grafico__barras[b-7f1qfiup6f] { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 1px; }
.an-grafico__barras i[b-7f1qfiup6f] { width: 45%; max-width: 14px; min-height: 0; border-radius: 3px 3px 0 0; }
.an-grafico__dia small[b-7f1qfiup6f] { font-size: 10px; color: var(--pl-suave); height: 12px; white-space: nowrap; }

.an-fila[b-7f1qfiup6f] { display: grid; grid-template-columns: minmax(110px, 40%) 1fr auto; align-items: center; gap: 10px; padding: 6px 0; font-size: 13px; }
.an-fila__nombre[b-7f1qfiup6f] { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-fila__nombre small[b-7f1qfiup6f] { color: var(--pl-suave); margin-left: 4px; }
.an-barra[b-7f1qfiup6f] { height: 8px; border-radius: 99px; background: var(--pl-fondo); overflow: hidden; }
.an-barra i[b-7f1qfiup6f] { display: block; height: 100%; border-radius: 99px; }
.an-fila b[b-7f1qfiup6f] { font-variant-numeric: tabular-nums; }

.an-top[b-7f1qfiup6f] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--pl-borde); }
.an-top:last-child[b-7f1qfiup6f] { border-bottom: 0; }
.an-top__red[b-7f1qfiup6f] { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 99px; color: #fff; }
.an-top__red--instagram[b-7f1qfiup6f] { background: #d6249f; }
.an-top__red--tiktok[b-7f1qfiup6f] { background: #111827; }
.an-top__texto[b-7f1qfiup6f] { display: flex; flex-direction: column; min-width: 0; }
.an-top__texto b[b-7f1qfiup6f] { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-top__texto small[b-7f1qfiup6f] { font-size: 12px; color: var(--pl-suave); }

.an-dia[b-7f1qfiup6f] { border-top: 1px solid var(--pl-borde); padding-top: 14px; margin-top: 14px; }
.an-dia:first-of-type[b-7f1qfiup6f] { border-top: 0; padding-top: 0; margin-top: 0; }
.an-dia__cabecera[b-7f1qfiup6f] { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.an-dia__titular[b-7f1qfiup6f] { margin: 6px 0 4px; font-size: 16px; }
.an-dia p[b-7f1qfiup6f] { margin: 0 0 10px; font-size: 13.5px; line-height: 1.5; }
.an-chips[b-7f1qfiup6f] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.an-chips span[b-7f1qfiup6f] { font-size: 12px; font-weight: 650; padding: 4px 9px; border-radius: 99px; background: var(--pl-marca-suave); color: var(--pl-marca); }

.an-agentes[b-7f1qfiup6f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 10px; margin-bottom: 12px; }
.an-agente[b-7f1qfiup6f] { border: 1px solid var(--pl-borde); border-radius: 12px; padding: 12px; }
.an-agente__nombre[b-7f1qfiup6f] { font-weight: 750; font-size: 13px; margin-bottom: 6px; }
.an-agente p[b-7f1qfiup6f] { font-size: 13px; margin: 0 0 6px; }
.an-agente ul[b-7f1qfiup6f], .an-listas ul[b-7f1qfiup6f] { margin: 0; padding-left: 18px; font-size: 13px; }
.an-agente li[b-7f1qfiup6f], .an-listas li[b-7f1qfiup6f] { margin: 3px 0; }
.an-listas[b-7f1qfiup6f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 12px; }
.an-listas h5[b-7f1qfiup6f] { margin: 0 0 6px; font-size: 13px; }

.an-memoria[b-7f1qfiup6f] { list-style: none; padding: 0 !important; }
.an-memoria li[b-7f1qfiup6f] { display: flex; gap: 6px; align-items: flex-start; justify-content: space-between; padding: 5px 0; border-bottom: 1px dashed var(--pl-borde); }
.an-memoria li:last-child[b-7f1qfiup6f] { border-bottom: 0; }
.an-memoria small[b-7f1qfiup6f] { color: var(--pl-suave); margin-left: 4px; }
.an-memoria button[b-7f1qfiup6f] { border: 0; background: none; color: var(--pl-suave); cursor: pointer; font-size: 16px; line-height: 1; padding: 0 4px; }
.an-memoria button:hover[b-7f1qfiup6f] { color: var(--pl-rojo); }

@media (max-width: 900px) {
    .an-rejilla[b-7f1qfiup6f] { grid-template-columns: minmax(0, 1fr); }
    .an-top[b-7f1qfiup6f] { grid-template-columns: auto minmax(0, 1fr); }
    .an-grafico[b-7f1qfiup6f] { height: 140px; }
}

.an-acciones[b-7f1qfiup6f] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 14px; padding: 10px 12px; border-radius: 12px; background: var(--pl-fondo); }
.an-acciones__titulo[b-7f1qfiup6f] { font-size: 13px; font-weight: 750; margin-right: 4px; }
.an-titulo__izq[b-7f1qfiup6f] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.an-dia__botones[b-7f1qfiup6f] { margin-left: auto; display: inline-flex; gap: 6px; flex-wrap: wrap; }
.an-subtitulo[b-7f1qfiup6f] { margin: 4px 0 8px; font-size: 13px; }
.an-acciones--compactas[b-7f1qfiup6f] { margin-top: 8px; padding: 6px; background: none; gap: 6px; }
.an-acciones--compactas .pl-btn[b-7f1qfiup6f] { font-size: 11.5px; padding: 4px 8px; }
/* /Components/Pages/PanelSeo.razor.rz.scp.css */
.seo[b-ctpf564xen]{width:100%;max-width:none;min-width:0;box-sizing:border-box}.seo-resumen[b-ctpf564xen]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.seo-resumen>div[b-ctpf564xen]{background:#fff;border:1px solid #dbe4eb;border-radius:18px;padding:24px}.seo-resumen span[b-ctpf564xen]{display:block;color:#62788a;font-size:13px;margin-bottom:9px}.seo-resumen strong[b-ctpf564xen]{display:block;font-size:29px;letter-spacing:-.7px;color:#173d54}.seo-resumen small[b-ctpf564xen]{font-size:17px;font-weight:500}.seo-resumen .seo-fecha[b-ctpf564xen]{font-size:19px;letter-spacing:0}.seo-aviso[b-ctpf564xen]{background:#edf6f7;border:1px solid #d3e8eb;border-radius:12px;padding:15px 18px;color:#35596b;font-size:14px;line-height:1.6;margin-bottom:20px}.seo-seccion[b-ctpf564xen]{padding:24px;margin-bottom:22px}.seo-seccion h2[b-ctpf564xen],.seo-titulo h2[b-ctpf564xen]{margin:0 0 6px;font-size:23px;letter-spacing:-.5px}.seo-seccion h3[b-ctpf564xen]{margin:0 0 16px;font-size:17px}.seo-titulo[b-ctpf564xen]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.seo-titulo p[b-ctpf564xen]{margin:0;color:#62788a;font-size:14px}.seo-tabla td[b-ctpf564xen]{vertical-align:middle}.seo-tabla td small[b-ctpf564xen]{display:block;font-size:11px;color:#6c7b88;margin-top:5px;white-space:nowrap}.seo-tabla th[b-ctpf564xen]{white-space:nowrap}.seo-elegida[b-ctpf564xen]{background:#f1f8fa}.seo-origen[b-ctpf564xen]{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2px;color:#315f72;background:#eaf2f6;padding:3px 8px;border-radius:5px;white-space:nowrap}.seo-detalle[b-ctpf564xen]{margin-top:32px}.seo-etiqueta[b-ctpf564xen]{font-size:10px;color:#658092;font-weight:800;letter-spacing:1.5px;display:block;margin-bottom:8px}.seo-columnas[b-ctpf564xen]{display:grid;grid-template-columns:1fr 1fr;gap:22px}.seo-prioridades[b-ctpf564xen]{padding-left:21px;margin:0}.seo-prioridades li[b-ctpf564xen]{line-height:1.65;padding-bottom:14px;font-size:14px}.seo-nota[b-ctpf564xen]{border-top:1px solid #e3eaf0;margin-top:15px;padding-top:17px;font-size:13px;color:#506c7f;line-height:1.65}.seo-nota p[b-ctpf564xen]{margin:7px 0 0}.seo-muted[b-ctpf564xen]{font-size:13px;line-height:1.6;color:#6a7e8c}.seo-fuente[b-ctpf564xen]{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #e7edf2}.seo-fuente>div[b-ctpf564xen]{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.seo-fuente small[b-ctpf564xen]{font-size:11px;color:#6a7e8c}.seo-fuente-error[b-ctpf564xen]{font-size:12px;color:#8a651e;margin:7px 0 0;line-height:1.5}.seo-chequeos[b-ctpf564xen]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.seo-chequeos>div[b-ctpf564xen]{border:1px solid #e2eaf0;border-radius:12px;padding:16px}.seo-chequeos strong[b-ctpf564xen]{font-size:13px;display:block;margin-top:10px;overflow-wrap:anywhere}.seo-chequeos p[b-ctpf564xen]{font-size:12px;color:#647987;line-height:1.6;margin-bottom:0}.seo-estado[b-ctpf564xen]{font-size:10px;font-weight:750;padding:4px 8px;border-radius:30px;background:#f7f0dd;color:#87671f}.seo-estado--ok[b-ctpf564xen]{background:#e4f5ed;color:#217957}.seo-estado--error[b-ctpf564xen]{background:#fdebed;color:#b13e4c}.seo-conexiones summary[b-ctpf564xen]{cursor:pointer;font-weight:700}.seo-conexiones>p[b-ctpf564xen]{font-size:14px;line-height:1.6}.seo-conexiones .seo-columnas[b-ctpf564xen]{margin-top:24px}.seo-cuenta[b-ctpf564xen],.seo-url[b-ctpf564xen]{overflow-wrap:anywhere;word-break:break-word;font-size:12px}.seo-tabla .seo-url[b-ctpf564xen]{min-width:180px;max-width:380px}@media(max-width:900px){.seo-columnas[b-ctpf564xen]{grid-template-columns:1fr}.seo-resumen[b-ctpf564xen]{gap:10px}.seo-resumen>div[b-ctpf564xen]{padding:16px}.seo-resumen strong[b-ctpf564xen]{font-size:23px}.seo-resumen .seo-fecha[b-ctpf564xen]{font-size:15px}}@media(max-width:600px){.seo-resumen[b-ctpf564xen]{grid-template-columns:1fr}.seo-seccion[b-ctpf564xen]{padding:17px}.seo-titulo[b-ctpf564xen]{align-items:flex-start;flex-wrap:wrap}.seo-fuente>div[b-ctpf564xen]{flex-wrap:wrap}.seo-chequeos[b-ctpf564xen]{grid-template-columns:1fr}}
.seo-historico[b-ctpf564xen] { display:flex; align-items:center; gap:12px; margin:22px 0; font-weight:600; flex-wrap:wrap; }
.seo-historico select[b-ctpf564xen] { padding:10px 12px; border:1px solid #cbd5e1; border-radius:8px; background:white; color:#243b53; font:inherit; max-width:100%; }
/* /Components/Pages/PanelSeoAcciones.razor.rz.scp.css */
.acciones-seo[b-038c9n5f01]{width:100%;min-width:0;box-sizing:border-box}.acciones-contexto[b-038c9n5f01]{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;margin-bottom:24px;border-radius:18px;background:linear-gradient(120deg,#edf6f7,#f4f4fb);border:1px solid #dfe9ee}.acciones-contexto span[b-038c9n5f01]{display:block;letter-spacing:1.4px;font-size:10px;color:#5a8291;font-weight:750;margin-bottom:10px}.acciones-contexto strong[b-038c9n5f01]{font-size:22px;color:#183d51;letter-spacing:-.5px}.acciones-contexto p[b-038c9n5f01]{color:#6b8293;font-size:12px;line-height:1.7;margin-bottom:0}.acciones-contexto label[b-038c9n5f01]{font-size:12px;font-weight:650;color:#416174;display:flex;flex-direction:column;gap:9px;min-width:240px}.acciones-contexto select[b-038c9n5f01]{font:inherit;color:#294e64;background:white;border:1px solid #cfdee6;border-radius:10px;padding:12px;max-width:100%}.acciones-error[b-038c9n5f01]{background:#fff4e6;padding:18px;border-radius:12px;color:#865d1c}@media(max-width:700px){.acciones-contexto[b-038c9n5f01]{align-items:stretch;flex-direction:column;padding:20px}.acciones-contexto label[b-038c9n5f01]{min-width:0}}
/* /Components/Pages/PanelSeoCaptacion.razor.rz.scp.css */
.cap-page[b-yy5qa7n8fy]{max-width:none!important;width:100%;color:#24495d}.cap-contexto[b-yy5qa7n8fy]{padding:24px;border:1px solid #dce9ec;border-radius:18px;background:linear-gradient(110deg,#edf7f6,#f8fafc);display:flex;justify-content:space-between;gap:25px;align-items:center}.cap-contexto strong[b-yy5qa7n8fy]{font-size:20px}.cap-page p[b-yy5qa7n8fy]{line-height:1.6;color:#607888;font-size:13px}.cap-page label[b-yy5qa7n8fy]{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.cap-page select[b-yy5qa7n8fy],.cap-page input[b-yy5qa7n8fy]{padding:11px 13px;background:white;border:1px solid #d7e1e7;border-radius:9px;color:#24495d;font:inherit}.cap-ayuda[b-yy5qa7n8fy]{margin:18px 0 26px}.cap-empresa[b-yy5qa7n8fy],.cap-explica[b-yy5qa7n8fy]{padding:25px;margin-bottom:23px;border-radius:18px}.cap-cab[b-yy5qa7n8fy]{display:flex;justify-content:space-between;gap:20px;align-items:center}.cap-cab h2[b-yy5qa7n8fy]{margin:0;font-size:22px}.cap-cab p[b-yy5qa7n8fy]{margin:5px 0}.cap-fecha[b-yy5qa7n8fy]{font-size:11px!important}.cap-kpis[b-yy5qa7n8fy]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.cap-kpis>div[b-yy5qa7n8fy]{background:#f5f9fa;padding:19px;border:1px solid #e3ecee;border-radius:13px}.cap-kpis span[b-yy5qa7n8fy],.cap-kpis small[b-yy5qa7n8fy]{display:block;color:#617c8a;font-size:11px}.cap-kpis strong[b-yy5qa7n8fy]{display:block;font-size:30px;margin:9px 0;color:#168b87}.cap-canales[b-yy5qa7n8fy]{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:25px 0}.cap-canales span[b-yy5qa7n8fy]{display:flex;justify-content:space-between;gap:10px;font-size:12px}.cap-canales b[b-yy5qa7n8fy]{font-weight:500;color:#607d8c}.cap-track[b-yy5qa7n8fy]{height:8px;background:#edf2f5;border-radius:8px;margin-top:10px;overflow:hidden}.cap-track i[b-yy5qa7n8fy]{display:block;height:100%;background:linear-gradient(90deg,#168b87,#5cb6b0);border-radius:8px}.cap-fuente[b-yy5qa7n8fy]{display:block;color:#6a8394;font-size:11px;margin-top:5px}.cap-alerta[b-yy5qa7n8fy]{padding:12px 16px;background:#fff8e8;border:1px solid #edd7a9;border-radius:10px}.cap-explica h2[b-yy5qa7n8fy]{font-size:18px}.cap-utm[b-yy5qa7n8fy]{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:20px 0}.cap-enlace[b-yy5qa7n8fy]{width:100%;font-weight:400!important}.cap-page .pl-tabla[b-yy5qa7n8fy]{min-width:780px}@media(max-width:1000px){.cap-kpis[b-yy5qa7n8fy]{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-utm[b-yy5qa7n8fy]{grid-template-columns:1fr}}@media(max-width:600px){.cap-contexto[b-yy5qa7n8fy]{flex-direction:column;align-items:stretch}.cap-empresa[b-yy5qa7n8fy],.cap-explica[b-yy5qa7n8fy]{padding:18px}.cap-canales[b-yy5qa7n8fy]{grid-template-columns:1fr}.cap-kpis[b-yy5qa7n8fy]{gap:9px}.cap-kpis>div[b-yy5qa7n8fy]{padding:13px}.cap-kpis strong[b-yy5qa7n8fy]{font-size:26px}}
/* /Components/Pages/PanelSeoDisavow.razor.rz.scp.css */
.disavow[b-7mp8s28mxw]{width:100%;box-sizing:border-box;min-width:0}.disavow-aviso[b-7mp8s28mxw]{padding:20px;background:#eef6f8;border:1px solid #cddfe9;border-radius:12px;color:#375b70;margin-bottom:22px}.disavow p[b-7mp8s28mxw]{font-size:14px;line-height:1.7}.disavow-card[b-7mp8s28mxw]{padding:24px;margin-bottom:22px}.disavow td[b-7mp8s28mxw]{vertical-align:middle;font-size:13px;line-height:1.6}.disavow td small[b-7mp8s28mxw]{display:block;color:#718494;font-size:11px}.disavow h2[b-7mp8s28mxw]{font-size:18px;margin:0}.disavow-columnas[b-7mp8s28mxw]{display:grid;grid-template-columns:1fr 1fr;gap:22px}.disavow a[b-7mp8s28mxw]{font-size:13px}.disavow .pl-btn[b-7mp8s28mxw]{white-space:nowrap}@media(max-width:800px){.disavow-columnas[b-7mp8s28mxw]{grid-template-columns:1fr}.disavow-card[b-7mp8s28mxw]{padding:17px}}
/* /Components/Pages/PanelSeoMensual.razor.rz.scp.css */
.mensual[b-yhbctsu46g]{width:100%;box-sizing:border-box;min-width:0}.mensual-controles[b-yhbctsu46g]{padding:24px;display:flex;align-items:end;gap:22px;flex-wrap:wrap}.mensual-controles label[b-yhbctsu46g]{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.mensual-controles select[b-yhbctsu46g],.mensual-controles input[type=month][b-yhbctsu46g]{font:inherit;padding:11px;border:1px solid #c9d9e4;background:#fff;border-radius:8px;min-width:180px}.mensual-controles .mensual-check[b-yhbctsu46g]{flex-direction:row;align-items:center;padding-bottom:12px}.mensual-seccion[b-yhbctsu46g]{padding:26px;margin:22px 0}.mensual-seccion h2[b-yhbctsu46g]{font-size:23px;margin:0}.mensual-seccion p[b-yhbctsu46g],.mensual-seccion li[b-yhbctsu46g]{line-height:1.7;font-size:14px}.mensual-seccion li[b-yhbctsu46g]{padding-bottom:13px}.mensual-seccion li p[b-yhbctsu46g]{margin:8px 0}.mensual-cabecera[b-yhbctsu46g]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.mensual-cabecera p[b-yhbctsu46g],.mensual-ayuda[b-yhbctsu46g]{font-size:12px;color:#61798b;line-height:1.7}.mensual-aviso[b-yhbctsu46g]{padding:17px 20px;border:1px solid #d4e6ed;background:#eef6f8;color:#375b70;border-radius:10px;font-size:13px;line-height:1.7}.mensual-aviso p[b-yhbctsu46g]{margin:7px 0;font-size:13px}@media(max-width:600px){.mensual-seccion[b-yhbctsu46g],.mensual-controles[b-yhbctsu46g]{padding:17px}.mensual-controles[b-yhbctsu46g]{align-items:stretch;flex-direction:column}.mensual-controles select[b-yhbctsu46g]{min-width:0}}
/* /Components/Pages/PanelViaje.razor.rz.scp.css */
/* Detalle de un viaje. Las pestañas (Components/Shared/Viaje*.razor) se pintan con estas reglas vía
   ::deep bajo .vj, así que la página y sus componentes comparten un solo vocabulario (vj-*).
   --vj-color es el color del viaje (lo fija la página). */

.vj[b-t9ap4w2yuu] { --vj-color: #0EA5E9; flex: 1; min-height: 0; display: flex; flex-direction: column; }
.vj[b-t9ap4w2yuu]  .vj-cabecera__texto { min-width: 0; }
.vj[b-t9ap4w2yuu]  .vj-cabecera__texto h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ------------------------------------------------------------------ portada */

.vj[b-t9ap4w2yuu]  .vj-esqueleto-portada { height: 210px; border-radius: 20px; margin-bottom: 16px; }

.vj[b-t9ap4w2yuu]  .vj-portada {
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; justify-content: space-between; gap: 18px;
    min-height: 220px; padding: 18px 22px 20px; margin-bottom: 16px;
    border-radius: 20px; color: #fff;
    background: linear-gradient(135deg, var(--vj-color), color-mix(in srgb, var(--vj-color) 60%, #000));
    background-size: cover; background-position: center;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .14);
}
.vj[b-t9ap4w2yuu]  .vj-portada__marca {
    position: absolute; right: -10px; bottom: -40px; font-size: 200px; line-height: 1;
    opacity: .14; pointer-events: none; filter: grayscale(1) brightness(3);
}
.vj[b-t9ap4w2yuu]  .vj-portada__chips { position: relative; display: flex; gap: 6px; flex-wrap: wrap; }
.vj[b-t9ap4w2yuu]  .vj-portada__pie { position: relative; display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.vj[b-t9ap4w2yuu]  .vj-portada__titulo { flex: 1; min-width: 0; }
.vj[b-t9ap4w2yuu]  .vj-portada__titulo h2 {
    font-size: 30px; font-weight: 800; letter-spacing: -.6px; line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0,0,0,.18); overflow-wrap: anywhere;
}
.vj[b-t9ap4w2yuu]  .vj-portada__titulo p { margin-top: 4px; font-size: 14px; opacity: .9; }
.vj[b-t9ap4w2yuu]  .vj-portada__personas { display: flex; }
.vj[b-t9ap4w2yuu]  .vj-portada__personas .vj-avatar { margin-left: -8px; }

.vj[b-t9ap4w2yuu]  .vj-chip {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap;
    background: rgba(255, 255, 255, .22); color: #fff;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.vj[b-t9ap4w2yuu]  .vj-chip--vivo { background: #fff; color: var(--vj-color); }

/* ------------------------------------------------------------------ pestañas */

.vj[b-t9ap4w2yuu]  .vj-pestanas {
    position: sticky; top: 6px; z-index: 4; margin-bottom: 14px;
    display: flex; width: fit-content; flex-wrap: nowrap; overflow-x: auto;
    box-shadow: 0 6px 16px -8px rgba(15, 23, 42, .22);
}
.vj[b-t9ap4w2yuu]  .vj-pestanas small { font-size: 11px; font-weight: 600; opacity: .65; margin-left: 4px; }

/* ------------------------------------------------------------------ comunes */

.vj[b-t9ap4w2yuu]  .vj-dos { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 14px; align-items: start; }
.vj[b-t9ap4w2yuu]  .vj-dos > aside { display: flex; flex-direction: column; }
.vj[b-t9ap4w2yuu]  .vj-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 10px; }
.vj[b-t9ap4w2yuu]  .vjg__dos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }

.vj[b-t9ap4w2yuu]  .vj-seccion {
    display: flex; align-items: center; gap: 8px; margin: 0 0 12px;
    font-size: 13.5px; font-weight: 750; color: var(--pl-texto);
}
.vj[b-t9ap4w2yuu]  .vj-seccion > span { font-size: 12px; font-weight: 600; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-seccion > .pl-btn, .vj[b-t9ap4w2yuu]  .vj-seccion > label { margin-left: auto; }
.vj[b-t9ap4w2yuu]  .vj-subseccion { margin: 16px 0 8px; font-size: 12px; font-weight: 700; color: var(--pl-suave); text-transform: uppercase; letter-spacing: .7px; }

.vj[b-t9ap4w2yuu]  .vj-vacio { text-align: center; padding: 38px 20px; }
.vj[b-t9ap4w2yuu]  .vj-vacio--dentro { padding: 22px 10px; }
.vj[b-t9ap4w2yuu]  .vj-vacio__icono { display: block; font-size: 40px; margin-bottom: 6px; }
.vj[b-t9ap4w2yuu]  .vj-vacio h3 { font-size: 16px; font-weight: 800; }
.vj[b-t9ap4w2yuu]  .vj-vacio p { color: var(--pl-suave); margin: 4px auto 14px; max-width: 420px; }
.vj[b-t9ap4w2yuu]  .vj-vacio-linea { font-size: 13px; color: var(--pl-suave); padding: 4px 0; }

.vj[b-t9ap4w2yuu]  .vj-avatar {
    flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
    display: inline-grid; place-items: center; font-size: 12.5px; font-weight: 800;
    color: var(--vj-color); background: color-mix(in srgb, var(--vj-color) 15%, #fff);
}
.vj[b-t9ap4w2yuu]  .vj-avatar--mini { flex-basis: 22px; width: 22px; height: 22px; font-size: 10.5px; }
.vj[b-t9ap4w2yuu]  .vj-avatar--gris { color: var(--pl-suave); background: var(--pl-panel-alto); }
.vj[b-t9ap4w2yuu]  .vj-avatar--portada { width: 34px; height: 34px; border: 2px solid rgba(255,255,255,.85); background: rgba(255,255,255,.92); }

.vj[b-t9ap4w2yuu]  .vj-burbuja {
    flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%;
    display: grid; place-items: center; font-size: 17px;
    background: color-mix(in srgb, var(--vj-color) 13%, #fff);
}
.vj[b-t9ap4w2yuu]  .vj-burbuja--color { background: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-burbuja--verde { background: var(--pl-verde); color: #fff; font-weight: 800; }

.vj[b-t9ap4w2yuu]  .vj-fila { display: flex; align-items: center; gap: 12px; padding: 9px 4px; border-bottom: 1px solid var(--pl-borde); }
.vj[b-t9ap4w2yuu]  .vj-fila:last-child { border-bottom: 0; }
.vj[b-t9ap4w2yuu]  .vj-fila--compacta { padding: 6px 2px; gap: 10px; }
.vj[b-t9ap4w2yuu]  .vj-fila--clic { cursor: pointer; border-radius: 10px; }
.vj[b-t9ap4w2yuu]  .vj-fila--clic:hover { background: var(--pl-panel-alto); }
.vj[b-t9ap4w2yuu]  .vj-fila__texto { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.vj[b-t9ap4w2yuu]  .vj-fila__texto b { font-size: 14px; font-weight: 650; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.vj[b-t9ap4w2yuu]  .vj-fila__texto small { font-size: 12px; color: var(--pl-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vj[b-t9ap4w2yuu]  .vj-importe { color: var(--vj-color); font-weight: 800; white-space: nowrap; }
.vj[b-t9ap4w2yuu]  .vj-verde { color: var(--pl-verde); }
.vj[b-t9ap4w2yuu]  .vj-rojo { color: var(--pl-rojo); }
.vj[b-t9ap4w2yuu]  .vj-suave { color: var(--pl-suave); }

.vj[b-t9ap4w2yuu]  .vj-progreso { height: 6px; border-radius: 4px; background: var(--pl-panel-alto); overflow: hidden; margin-bottom: 8px; }
.vj[b-t9ap4w2yuu]  .vj-progreso i { display: block; height: 100%; background: var(--vj-color); border-radius: 4px; transition: width .3s; }
.vj[b-t9ap4w2yuu]  .vj-progreso-fila { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; margin-bottom: 4px; font-size: 13px; }
.vj[b-t9ap4w2yuu]  .vj-progreso-fila small { color: var(--pl-suave); font-weight: 650; }
.vj[b-t9ap4w2yuu]  .vj-progreso-fila .vj-progreso { grid-column: 1 / -1; }

.vj[b-t9ap4w2yuu]  .vj-linea-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.vj[b-t9ap4w2yuu]  .vj-linea-form > .pl-input { flex: 1 1 200px; width: auto; }

.vj[b-t9ap4w2yuu]  .vj-op {
    padding: 6px 11px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 12.5px; font-weight: 650;
    border: 1px solid var(--pl-borde-alto); background: var(--pl-panel); color: var(--pl-texto);
}
.vj[b-t9ap4w2yuu]  .vj-op:hover { background: var(--pl-panel-alto); }
.vj[b-t9ap4w2yuu]  .vj-op.activa { background: var(--vj-color); border-color: var(--vj-color); color: #fff; }
.vj[b-t9ap4w2yuu]  .vj-opciones-tipo { display: flex; flex-wrap: wrap; gap: 6px; }

.vj[b-t9ap4w2yuu]  .vj-notas { white-space: pre-wrap; font-size: 13.5px; }
.vj[b-t9ap4w2yuu]  .vj-whatsapp { margin-top: 10px; }
.vj[b-t9ap4w2yuu]  .vj-datos { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; font-size: 13px; }
.vj[b-t9ap4w2yuu]  .vj-datos span { color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-avisos { margin: 10px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--pl-suave); }

/* ------------------------------------------------------------------ resumen */

.vj[b-t9ap4w2yuu]  .vj-enruta {
    padding: 16px 18px; margin-bottom: 14px; border-radius: 18px; color: #fff;
    background: linear-gradient(135deg, var(--vj-color), color-mix(in srgb, var(--vj-color) 65%, #000));
}
.vj[b-t9ap4w2yuu]  .vj-enruta header { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 800; letter-spacing: 1.1px; opacity: .95; }
.vj[b-t9ap4w2yuu]  .vj-enruta header strong { margin-left: auto; font-size: 12.5px; letter-spacing: 0; }
.vj[b-t9ap4w2yuu]  .vj-enruta__fila { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.vj[b-t9ap4w2yuu]  .vj-enruta__fila > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vj[b-t9ap4w2yuu]  .vj-enruta__fila small { font-size: 10.5px; font-weight: 800; letter-spacing: 1px; opacity: .8; }
.vj[b-t9ap4w2yuu]  .vj-enruta__fila b { font-size: 15px; }
.vj[b-t9ap4w2yuu]  .vj-enruta__fila span:not(.vj-enruta__icono) { font-size: 12.5px; opacity: .88; }
.vj[b-t9ap4w2yuu]  .vj-enruta__icono { flex: 0 0 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.2); font-size: 18px; }
.vj[b-t9ap4w2yuu]  .vj-enruta__mapa { color: #fff; font-size: 12.5px; font-weight: 700; text-decoration: none; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.2); }

.vj[b-t9ap4w2yuu]  .vj-saldo-mio { font-size: 13px; color: var(--pl-suave); margin-bottom: 8px; display: flex; align-items: baseline; gap: 8px; }
.vj[b-t9ap4w2yuu]  .vj-saldo-mio strong { font-size: 22px; font-weight: 800; color: var(--pl-texto); }
.vj[b-t9ap4w2yuu]  .vj-saldo-mio.verde strong { color: var(--pl-verde); }
.vj[b-t9ap4w2yuu]  .vj-saldo-mio.rojo strong { color: var(--pl-rojo); }

/* -------------------------------------------------------------------- plan */

.vj[b-t9ap4w2yuu]  .vj-plan-barra { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.vj[b-t9ap4w2yuu]  .vj-plan-barra > .pl-btn--principal:last-child { margin-left: auto; }

.vj[b-t9ap4w2yuu]  .vj-linea { position: relative; padding-left: 4px; }
.vj[b-t9ap4w2yuu]  .vj-dia { position: relative; padding: 0 0 8px 22px; }
.vj[b-t9ap4w2yuu]  .vj-dia::before { content: ""; position: absolute; left: 5px; top: 22px; bottom: 0; width: 2px; background: var(--pl-borde); }
.vj[b-t9ap4w2yuu]  .vj-dia:last-child::before { display: none; }
.vj[b-t9ap4w2yuu]  .vj-dia__cabecera { display: flex; align-items: center; gap: 8px; margin: 6px 0 8px -22px; }
.vj[b-t9ap4w2yuu]  .vj-dia__cabecera i {
    flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%;
    background: color-mix(in srgb, var(--vj-color) 35%, #fff); border: 2px solid var(--pl-panel);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--vj-color) 45%, #fff);
}
.vj[b-t9ap4w2yuu]  .vj-dia__cabecera h3 { font-size: 14px; font-weight: 750; margin-left: 4px; }
.vj[b-t9ap4w2yuu]  .vj-dia__cabecera small { font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-dia--hoy .vj-dia__cabecera i { background: var(--vj-color); box-shadow: 0 0 0 4px color-mix(in srgb, var(--vj-color) 22%, transparent); }
.vj[b-t9ap4w2yuu]  .vj-dia--hoy .vj-dia__cabecera h3 { color: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-dia--pasado { opacity: .7; }
.vj[b-t9ap4w2yuu]  .vj-dia__mas {
    margin-left: auto; width: 26px; height: 26px; border-radius: 8px; cursor: pointer;
    border: 1px solid var(--pl-borde-alto); background: var(--pl-panel); color: var(--vj-color); font-weight: 800;
}
.vj[b-t9ap4w2yuu]  .vj-dia__mas:hover { background: color-mix(in srgb, var(--vj-color) 10%, #fff); }
.vj[b-t9ap4w2yuu]  .vj-dia__libre { font-size: 13px; color: #a6b1bd; padding: 2px 0 8px; }

.vj[b-t9ap4w2yuu]  .vj-plan {
    display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; margin-bottom: 8px;
    background: var(--pl-panel); border: 1px solid var(--pl-borde); border-radius: 14px; box-shadow: var(--pl-sombra);
}
.vj[b-t9ap4w2yuu]  .vj-plan--clic { cursor: pointer; transition: border-color .15s; }
.vj[b-t9ap4w2yuu]  .vj-plan--clic:hover { border-color: color-mix(in srgb, var(--vj-color) 50%, #fff); }
.vj[b-t9ap4w2yuu]  .vj-plan__hora { flex: 0 0 46px; display: flex; flex-direction: column; align-items: flex-end; padding-top: 2px; }
.vj[b-t9ap4w2yuu]  .vj-plan__hora b { font-size: 13.5px; font-variant-numeric: tabular-nums; }
.vj[b-t9ap4w2yuu]  .vj-plan__hora small { font-size: 11.5px; color: var(--pl-suave); font-variant-numeric: tabular-nums; }
.vj[b-t9ap4w2yuu]  .vj-plan__texto { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.vj[b-t9ap4w2yuu]  .vj-plan__texto > b { font-size: 14.5px; }
.vj[b-t9ap4w2yuu]  .vj-plan__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-plan__notas { font-size: 12.5px; color: var(--pl-suave); white-space: pre-wrap; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* ------------------------------------------------------------------ gastos */

.vj[b-t9ap4w2yuu]  .vj-gasto__importe { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.vj[b-t9ap4w2yuu]  .vj-gasto__importe b { font-size: 14.5px; }
.vj[b-t9ap4w2yuu]  .vj-gasto__importe small { font-size: 11.5px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-gasto--pago { background: #f3faf4; border-radius: 10px; }
.vj[b-t9ap4w2yuu]  .vj-etiqueta-morada { font-size: 10.5px; font-weight: 700; padding: 1px 8px; border-radius: 999px; background: #f3e8ff; color: #7c3aed; }
.vj[b-t9ap4w2yuu]  .vj-borrar {
    border: 0; background: none; cursor: pointer; font-size: 13px; padding: 4px 6px; border-radius: 7px;
    color: var(--pl-suave); opacity: .35; transition: opacity .15s;
}
.vj[b-t9ap4w2yuu]  .vj-fila:hover .vj-borrar, .vj[b-t9ap4w2yuu]  .vj-borrar:focus-visible, .vj[b-t9ap4w2yuu]  .vj-borrar.activo { opacity: 1; }
.vj[b-t9ap4w2yuu]  .vj-borrar.activo { background: #fdecec; color: var(--pl-rojo); font-weight: 700; font-size: 12px; }

.vj[b-t9ap4w2yuu]  .vj-gastado {
    padding: 18px; margin-bottom: 14px; border-radius: 18px; color: #fff;
    background: linear-gradient(135deg, var(--vj-color), color-mix(in srgb, var(--vj-color) 70%, #000));
    box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
}
.vj[b-t9ap4w2yuu]  .vj-gastado__fila { display: flex; align-items: center; justify-content: space-between; font-size: 13px; opacity: .95; }
.vj[b-t9ap4w2yuu]  .vj-gastado__fila b { font-size: 12.5px; }
.vj[b-t9ap4w2yuu]  .vj-gastado > strong { display: block; font-size: 30px; font-weight: 800; letter-spacing: -.6px; margin: 2px 0; }
.vj[b-t9ap4w2yuu]  .vj-gastado > small { display: block; font-size: 12.5px; opacity: .88; }
.vj[b-t9ap4w2yuu]  .vj-gastado__barra { height: 6px; border-radius: 4px; background: rgba(255,255,255,.25); overflow: hidden; margin: 12px 0 6px; }
.vj[b-t9ap4w2yuu]  .vj-gastado__barra i { display: block; height: 100%; background: #fff; }
.vj[b-t9ap4w2yuu]  .vj-gastado__barra.pasado i { background: #fca5a5; }
.vj[b-t9ap4w2yuu]  .vj-gastado__hoy { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.18); }
.vj[b-t9ap4w2yuu]  .vj-gastado__hoy b { flex: 1; font-size: 13px; }
.vj[b-t9ap4w2yuu]  .vj-gastado__hoy small { font-size: 12px; opacity: .85; }

.vj[b-t9ap4w2yuu]  .vj-transferencia {
    display: flex; align-items: center; gap: 10px; padding: 9px 12px; margin-bottom: 6px; border-radius: 12px;
    background: color-mix(in srgb, var(--vj-color) 6%, #fff); font-size: 13px;
}
.vj[b-t9ap4w2yuu]  .vj-transferencia > span { flex: 1; min-width: 0; }
.vj[b-t9ap4w2yuu]  .vj-todo-saldado { font-weight: 650; font-size: 13px; margin-top: 6px; }

/* Formulario de gasto. */
.vj[b-t9ap4w2yuu]  .vj-importe-grande { display: flex; gap: 8px; margin-bottom: 14px; }
.vj[b-t9ap4w2yuu]  .vj-importe-grande input { flex: 1; font-size: 26px; font-weight: 800; padding: 10px 14px; text-align: right; }
.vj[b-t9ap4w2yuu]  .vj-importe-grande select { width: auto; flex: 0 0 auto; font-weight: 650; }
.vj[b-t9ap4w2yuu]  .vjg__dividir { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 11.5px; color: var(--pl-suave); font-weight: 650; margin-bottom: 8px; }
.vj[b-t9ap4w2yuu]  .vjg__participantes { display: flex; flex-direction: column; gap: 6px; }
.vj[b-t9ap4w2yuu]  .vjg__participante {
    display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 12px;
    border: 1px solid var(--pl-borde); background: #f6f7f9; color: var(--pl-suave);
}
.vj[b-t9ap4w2yuu]  .vjg__participante.incluido { background: var(--pl-panel); color: var(--pl-texto); border-color: color-mix(in srgb, var(--vj-color) 40%, #fff); }
.vj[b-t9ap4w2yuu]  .vjg__participante .pl-check { flex: 1; min-width: 0; font-weight: 650; }
.vj[b-t9ap4w2yuu]  .vjg__valor { width: 64px; text-align: center; }
.vj[b-t9ap4w2yuu]  .vjg__valor--ancho { width: 100px; text-align: right; }
.vj[b-t9ap4w2yuu]  .vjg__parte { color: var(--vj-color); font-weight: 800; white-space: nowrap; }
.vj[b-t9ap4w2yuu]  .vjg__refacturar { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: var(--pl-panel-alto); }
.vj[b-t9ap4w2yuu]  .vjg__refacturar small { display: block; font-size: 12px; font-weight: 500; color: var(--pl-suave); }

/* ------------------------------------------------------------------ maleta */

.vj[b-t9ap4w2yuu]  .vj-maleta-entrada { padding: 14px 16px; }
.vj[b-t9ap4w2yuu]  .vj-maleta-entrada__fila { display: flex; gap: 8px; }
.vj[b-t9ap4w2yuu]  .vj-maleta-entrada__chips { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.vj[b-t9ap4w2yuu]  .vj-maleta { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 0 14px; align-items: start; }
.vj[b-t9ap4w2yuu]  .vj-item {
    display: flex; align-items: center; gap: 10px; padding: 7px 8px; margin-bottom: 4px;
    border-radius: 10px; transition: background .12s;
}
.vj[b-t9ap4w2yuu]  .vj-item:hover { background: var(--pl-panel-alto); }
.vj[b-t9ap4w2yuu]  .vj-item__check {
    flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; padding: 0; cursor: pointer;
    border: 2px solid var(--pl-borde-alto); background: var(--pl-panel); color: #fff; font-size: 12px; font-weight: 800;
    display: grid; place-items: center;
}
.vj[b-t9ap4w2yuu]  .vj-item__check:disabled { cursor: default; }
.vj[b-t9ap4w2yuu]  .vj-item.hecho .vj-item__check { background: var(--vj-color); border-color: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-item__texto { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; }
.vj[b-t9ap4w2yuu]  .vj-item.hecho .vj-item__texto { color: #94a3b8; font-weight: 400; text-decoration: line-through; }
.vj[b-t9ap4w2yuu]  .vj-item__accion { border: 0; background: none; cursor: pointer; padding: 2px 6px; font-size: 14px; color: var(--pl-suave); opacity: 0; transition: opacity .12s; }
.vj[b-t9ap4w2yuu]  .vj-item:hover .vj-item__accion, .vj[b-t9ap4w2yuu]  .vj-item__accion:focus-visible { opacity: 1; }
.vj[b-t9ap4w2yuu]  .vj-item__accion--borrar { font-size: 18px; line-height: 1; }
.vj[b-t9ap4w2yuu]  .vj-item__accion--borrar:hover { color: var(--pl-rojo); }

/* ------------------------------------------------------------------- grupo */

.vj[b-t9ap4w2yuu]  .vj-miembro.archivado { opacity: .7; }
.vj[b-t9ap4w2yuu]  .vj-miembro__acciones { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0 10px 40px; }
.vj[b-t9ap4w2yuu]  .vj-miembro__presencia { padding: 4px 0 6px 40px; font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-miembro__presencia label { display: flex; flex-direction: column; gap: 3px; }
.vj[b-t9ap4w2yuu]  .vj-archivados { margin-top: 10px; font-size: 12.5px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-archivados__lista { margin-top: 6px; padding: 4px 10px; border-radius: 12px; background: #f8fafc; }
.vj[b-t9ap4w2yuu]  .vj-invitar-btn { width: 100%; justify-content: center; margin-top: 12px; }

.vj[b-t9ap4w2yuu]  .vj-rol {
    display: flex; align-items: center; gap: 8px; padding: 9px 12px; margin-bottom: 6px; cursor: pointer;
    border: 1px solid var(--pl-borde); border-radius: 10px; font-size: 13px;
}
.vj[b-t9ap4w2yuu]  .vj-rol.activo { border-color: var(--vj-color); background: color-mix(in srgb, var(--vj-color) 7%, #fff); }
.vj[b-t9ap4w2yuu]  .vj-rol input { accent-color: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-enlace-creado { margin-top: 6px; padding: 14px; border-radius: 12px; background: color-mix(in srgb, var(--vj-color) 7%, #fff); }
.vj[b-t9ap4w2yuu]  .vj-enlace-creado > strong { display: block; margin-bottom: 8px; }
.vj[b-t9ap4w2yuu]  .vj-codigo { display: flex; align-items: center; gap: 10px; }
.vj[b-t9ap4w2yuu]  .vj-codigo span { font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-codigo b { font-size: 20px; letter-spacing: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.vj[b-t9ap4w2yuu]  .vj-confirmar-email { padding: 12px 14px; border-radius: 12px; background: var(--pl-acento-suave); font-size: 13px; }
.vj[b-t9ap4w2yuu]  .vj-confirmar-email p { margin-bottom: 10px; }
.vj[b-t9ap4w2yuu]  .vj-confirmar-email .vj-linea-form { margin: 0; justify-content: flex-end; }

.vj[b-t9ap4w2yuu]  .vj-normas { padding: 12px 14px; margin-bottom: 12px; border-radius: 12px; background: var(--pl-panel-alto); font-size: 13px; }
.vj[b-t9ap4w2yuu]  .vj-normas ul { margin: 6px 0 10px; padding-left: 18px; color: var(--pl-suave); }

.vj[b-t9ap4w2yuu]  .vj-votacion-form { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.vj[b-t9ap4w2yuu]  .vj-votacion-form__pie { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.vj[b-t9ap4w2yuu]  .vj-votacion { padding: 12px 0; border-top: 1px solid var(--pl-borde); }
.vj[b-t9ap4w2yuu]  .vj-votacion:first-of-type { border-top: 0; }
.vj[b-t9ap4w2yuu]  .vj-votacion__cabecera { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 8px; }
.vj[b-t9ap4w2yuu]  .vj-votacion__cabecera b { flex: 1; font-size: 14px; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion {
    position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; margin-bottom: 6px; border-radius: 10px; cursor: pointer; text-align: left;
    border: 1px solid var(--pl-borde); background: var(--pl-panel); font: inherit; font-size: 13px;
}
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion:disabled { cursor: default; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion i { position: absolute; left: 0; top: 0; bottom: 0; background: color-mix(in srgb, var(--vj-color) 14%, #fff); transition: width .3s; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion span, .vj[b-t9ap4w2yuu]  .vj-votacion__opcion small { position: relative; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion span { flex: 1; font-weight: 600; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion small { color: var(--pl-suave); font-weight: 650; }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion.mia { border-color: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-votacion__opcion.ganadora { border-color: var(--pl-verde); }
.vj[b-t9ap4w2yuu]  .vj-votacion__pie { font-size: 12px; color: var(--pl-suave); }

.vj[b-t9ap4w2yuu]  .vj-nota { padding: 8px 0; border-top: 1px solid var(--pl-borde); }
.vj[b-t9ap4w2yuu]  .vj-nota p { white-space: pre-wrap; font-size: 13.5px; }
.vj[b-t9ap4w2yuu]  .vj-nota small { display: flex; gap: 10px; font-size: 11.5px; color: var(--pl-suave); }

/* ------------------------------------------------------------ ordenar plan */

.vj[b-t9ap4w2yuu]  .vj-orden__ayuda { font-size: 12.5px; color: var(--pl-suave); background: color-mix(in srgb, var(--vj-color) 8%, transparent);
    padding: 9px 12px; border-radius: 10px; margin-bottom: 8px; }
.vj[b-t9ap4w2yuu]  .vj-orden { display: flex; flex-direction: column; gap: 6px; }
.vj[b-t9ap4w2yuu]  .vj-orden__dia {
    display: flex; align-items: center; gap: 8px; padding: 12px 4px 4px; border-radius: 8px;
    border: 2px dashed transparent;
}
.vj[b-t9ap4w2yuu]  .vj-orden__dia i { width: 8px; height: 8px; border-radius: 50%; background: color-mix(in srgb, var(--vj-color) 50%, transparent); }
.vj[b-t9ap4w2yuu]  .vj-orden__dia b { flex: 1; font-size: 14px; font-weight: 800; }
.vj[b-t9ap4w2yuu]  .vj-orden__dia small { font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-orden__plan {
    display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 4px;
    border: 1px solid var(--pl-borde); border-radius: 14px; background: var(--pl-panel); cursor: grab;
}
.vj[b-t9ap4w2yuu]  .vj-orden__plan.arrastrando { opacity: .45; }
.vj[b-t9ap4w2yuu]  .vj-orden__plan.soltar, .vj[b-t9ap4w2yuu]  .vj-orden__dia.soltar { border: 2px dashed var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-orden__asa { padding: 4px 8px; font-size: 18px; color: var(--pl-suave); cursor: grab; user-select: none; }
.vj[b-t9ap4w2yuu]  .vj-orden__texto { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vj[b-t9ap4w2yuu]  .vj-orden__texto b { font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vj[b-t9ap4w2yuu]  .vj-orden__texto small { font-size: 12px; color: var(--pl-suave); }

/* ---------------------------------------------------------------- maleta IA */

.vj[b-t9ap4w2yuu]  .vj-ia-btn { color: #7C3AED; border-color: #DDD6FE; }
.vj[b-t9ap4w2yuu]  .vj-mia .pl-cajon__cabecera h3 { display: flex; align-items: center; gap: 8px; }
.vj[b-t9ap4w2yuu]  .vj-mia__sub { display: block; font-size: 12.5px; color: var(--pl-suave); margin-top: 2px; }
.vj[b-t9ap4w2yuu]  .vj-mia__equipajes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 6px; }
.vj[b-t9ap4w2yuu]  .vj-mia__equipaje {
    display: flex; flex-direction: column; gap: 2px; text-align: left; padding: 12px 14px; cursor: pointer;
    border: 1px solid var(--pl-borde); border-radius: 14px; background: var(--pl-panel); font: inherit; color: inherit;
}
.vj[b-t9ap4w2yuu]  .vj-mia__equipaje small { font-size: 12px; color: var(--pl-suave); }
.vj[b-t9ap4w2yuu]  .vj-mia__equipaje.activo { border-color: var(--vj-color); box-shadow: 0 0 0 2px color-mix(in srgb, var(--vj-color) 25%, transparent); }
.vj[b-t9ap4w2yuu]  .vj-mia__confirmar, .vj[b-t9ap4w2yuu]  .vj-mia__dato {
    padding: 12px 14px; border-radius: 14px; margin-bottom: 10px;
    background: color-mix(in srgb, #8B5CF6 7%, transparent); border: 1px solid color-mix(in srgb, #8B5CF6 25%, transparent);
}
.vj[b-t9ap4w2yuu]  .vj-mia__confirmar p, .vj[b-t9ap4w2yuu]  .vj-mia__dato p { margin: 4px 0 0; font-size: 13.5px; }
.vj[b-t9ap4w2yuu]  .vj-mia__confirmar .vj-linea-form { margin-top: 12px; justify-content: flex-end; }
.vj[b-t9ap4w2yuu]  .vj-mia__cargando { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 24px 8px; }
.vj[b-t9ap4w2yuu]  .vj-mia__cargando p { font-size: 13px; color: var(--pl-suave); max-width: 380px; }
.vj[b-t9ap4w2yuu]  .vj-mia__cargando .pl-esqueleto-linea { align-self: stretch; }
.vj[b-t9ap4w2yuu]  .vj-mia__giro {
    width: 34px; height: 34px; border-radius: 50%;
    border: 3.5px solid color-mix(in srgb, var(--vj-color) 25%, transparent); border-top-color: var(--vj-color);
    animation: vj-girar-b-t9ap4w2yuu 1s linear infinite;
}
@keyframes vj-girar-b-t9ap4w2yuu { to { transform: rotate(360deg); } }
.vj[b-t9ap4w2yuu]  .vj-mia__cab { display: flex; align-items: center; justify-content: space-between; }
.vj[b-t9ap4w2yuu]  .vj-mia__grupo { margin-bottom: 10px; }
.vj[b-t9ap4w2yuu]  .vj-mia__grupo > small { display: block; font-size: 12px; font-weight: 700; color: var(--pl-suave); margin: 8px 0 4px; }
.vj[b-t9ap4w2yuu]  .vj-mia__item { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-bottom: 1px solid var(--pl-borde); cursor: pointer; font-size: 13.5px; }
.vj[b-t9ap4w2yuu]  .vj-mia__item span:first-of-type { flex: 1; }
.vj[b-t9ap4w2yuu]  .vj-mia__item input { width: 16px; height: 16px; accent-color: var(--vj-color); }
.vj[b-t9ap4w2yuu]  .vj-mia__item.fuera span:first-of-type { color: var(--pl-suave); }

/* ------------------------------------------------------------------ exportar */

.vj[b-t9ap4w2yuu]  .vj-exp__bloque { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--pl-borde); }
.vj[b-t9ap4w2yuu]  .vj-exp__bloque:last-child { border-bottom: 0; }
.vj[b-t9ap4w2yuu]  .vj-exp__bloque h4 { font-size: 15px; font-weight: 800; }
.vj[b-t9ap4w2yuu]  .vj-exp__texto {
    max-height: 260px; overflow: auto; white-space: pre-wrap; font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
    padding: 10px 12px; border-radius: 10px; background: var(--pl-panel-alto); border: 1px solid var(--pl-borde); margin: 0 0 10px;
}
.vj[b-t9ap4w2yuu]  .vj-exp__acciones { display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------------------------------------------------------------- responsive */

@media (max-width: 1100px) {
    .vj[b-t9ap4w2yuu]  .vj-dos { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
    .vj[b-t9ap4w2yuu]  .pl-hoy-cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vj[b-t9ap4w2yuu]  .vj-portada { min-height: 180px; padding: 14px 16px 16px; }
    .vj[b-t9ap4w2yuu]  .vj-portada__titulo h2 { font-size: 24px; }
}
@media (max-width: 560px) {
    .vj[b-t9ap4w2yuu]  .vj-tres, .vj[b-t9ap4w2yuu]  .vjg__dos { grid-template-columns: minmax(0, 1fr); }
    .vj[b-t9ap4w2yuu]  .vj-plan__hora { flex-basis: 38px; }
    .vj[b-t9ap4w2yuu]  .vj-miembro__acciones, .vj[b-t9ap4w2yuu]  .vj-miembro__presencia { padding-left: 0; }
    .vj[b-t9ap4w2yuu]  .vj-item__accion { opacity: 1; }
    .vj[b-t9ap4w2yuu]  .vj-borrar { opacity: 1; }
    .vj[b-t9ap4w2yuu]  .vj-mia__equipajes { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .vj[b-t9ap4w2yuu]  .vj-progreso i, .vj[b-t9ap4w2yuu]  .vj-votacion__opcion i { transition: none; }
    .vj[b-t9ap4w2yuu]  .vj-mia__giro { animation-duration: 3s; }
}
/* /Components/Pages/PanelViajes.razor.rz.scp.css */
/* Mis viajes: tarjetas con portada (o degradado del color del viaje), como en la app. */

.vjl-titulo[b-9qzuolsxb5] {
    display: flex; align-items: center; gap: 8px;
    margin: 22px 0 12px; font-size: 14px; font-weight: 750; color: var(--pl-texto);
}
.vjl-titulo span[b-9qzuolsxb5] { font-size: 12px; font-weight: 600; color: var(--pl-suave); }
.vjl-pasados > summary[b-9qzuolsxb5] { cursor: pointer; list-style: none; }
.vjl-pasados > summary[b-9qzuolsxb5]::before { content: "▸"; color: var(--pl-suave); transition: transform .15s; }
.vjl-pasados[open] > summary[b-9qzuolsxb5]::before { transform: rotate(90deg); }

.vjl-cifra-texto[b-9qzuolsxb5] { font-size: 19px !important; }

.vjl-rejilla[b-9qzuolsxb5] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 16px; }
.vjl-rejilla--grande[b-9qzuolsxb5] { grid-template-columns: repeat(auto-fill, minmax(min(460px, 100%), 1fr)); }
.vjl-esqueleto[b-9qzuolsxb5] { height: 180px; border-radius: 18px; }

.vjl-tarjeta[b-9qzuolsxb5] {
    --c: #0EA5E9;
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; justify-content: space-between;
    height: 184px; padding: 16px 18px;
    border-radius: 18px; color: #fff; text-decoration: none;
    background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 62%, #000));
    background-size: cover; background-position: center;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
    transition: transform .16s ease, box-shadow .16s ease;
}
.vjl-tarjeta:hover[b-9qzuolsxb5] { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15, 23, 42, .18); }
.vjl-tarjeta:focus-visible[b-9qzuolsxb5] { outline: 3px solid var(--pl-marca); outline-offset: 3px; }
.vjl-tarjeta--grande[b-9qzuolsxb5] { height: 232px; }
.vjl-tarjeta--grande .vjl-tarjeta__pie strong[b-9qzuolsxb5] { font-size: 28px; }
.vjl-tarjeta--pasada[b-9qzuolsxb5] { filter: saturate(.55); }
.vjl-tarjeta--pasada:hover[b-9qzuolsxb5] { filter: none; }

.vjl-tarjeta__marca[b-9qzuolsxb5] {
    position: absolute; right: -14px; bottom: -30px;
    font-size: 150px; line-height: 1; opacity: .16; pointer-events: none;
    filter: grayscale(1) brightness(3);
}
.vjl-tarjeta__chips[b-9qzuolsxb5] { position: relative; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.vjl-tarjeta__hueco[b-9qzuolsxb5] { flex: 1; }
.vjl-tarjeta__pie[b-9qzuolsxb5] { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; max-width: 100%; }
.vjl-tarjeta__pie strong[b-9qzuolsxb5] {
    font-size: 22px; font-weight: 800; letter-spacing: -.4px; line-height: 1.15;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    text-shadow: 0 1px 8px rgba(0,0,0,.18);
}
.vjl-tarjeta__pie small[b-9qzuolsxb5] {
    font-size: 13px; opacity: .88; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.vjl-chip[b-9qzuolsxb5] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 10px; border-radius: 999px;
    font-size: 11.5px; font-weight: 700; white-space: nowrap;
    background: rgba(255, 255, 255, .22); color: #fff;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.vjl-chip--vivo[b-9qzuolsxb5] { background: #fff; color: var(--c); }
.vjl-chip--presupuesto[b-9qzuolsxb5] { margin-top: 6px; }

/* Invitaciones pendientes. */
.vjl-invitaciones[b-9qzuolsxb5] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr)); gap: 12px; }
.vjl-invitacion[b-9qzuolsxb5] { display: flex; align-items: center; gap: 12px; margin: 0; border-left: 4px solid var(--c); }
.vjl-invitacion__icono[b-9qzuolsxb5] {
    flex: 0 0 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 22px;
    background: color-mix(in srgb, var(--c) 14%, #fff);
}
.vjl-invitacion__texto[b-9qzuolsxb5] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vjl-invitacion__texto strong[b-9qzuolsxb5] { font-size: 14.5px; }
.vjl-invitacion__texto small[b-9qzuolsxb5] { font-size: 12.5px; color: var(--pl-suave); }
.vjl-invitacion__acciones[b-9qzuolsxb5] { display: flex; gap: 6px; }

/* Sin viajes. */
.vjl-vacio[b-9qzuolsxb5] { text-align: center; padding: 44px 24px; }
.vjl-vacio__icono[b-9qzuolsxb5] { font-size: 46px; display: block; margin-bottom: 8px; }
.vjl-vacio h2[b-9qzuolsxb5] { font-size: 18px; font-weight: 800; }
.vjl-vacio p[b-9qzuolsxb5] { color: var(--pl-suave); margin: 6px auto 18px; max-width: 420px; }
.vjl-vacio__acciones[b-9qzuolsxb5] { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }

/* Normas del grupo (para unirse). */
.vjl-normas[b-9qzuolsxb5] { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: var(--pl-panel-alto); font-size: 13px; }
.vjl-normas ul[b-9qzuolsxb5] { margin: 6px 0 10px; padding-left: 18px; color: var(--pl-suave); }
.vjl-normas li[b-9qzuolsxb5] { margin-bottom: 3px; }

@media (max-width: 900px) {
    .pl-hoy-cifras[b-9qzuolsxb5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .vjl-invitacion[b-9qzuolsxb5] { flex-wrap: wrap; }
    .vjl-invitacion__acciones[b-9qzuolsxb5] { width: 100%; justify-content: flex-end; }
    .vjl-tarjeta--grande[b-9qzuolsxb5] { height: 200px; }
    .vjl-tarjeta--grande .vjl-tarjeta__pie strong[b-9qzuolsxb5] { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
    .vjl-tarjeta[b-9qzuolsxb5] { transition: none; }
    .vjl-tarjeta:hover[b-9qzuolsxb5] { transform: none; }
}
/* /Components/Shared/Avisos.razor.rz.scp.css */
/* Pila de avisos ARRIBA Y CENTRADA. Abajo a la derecha se perdían: justo ahí
   es donde está el botón que acabas de pulsar, y la vista se queda en él.
   Va por encima de todo, también de los modales (z-index 120): si no, el
   aviso de una acción hecha dentro de un modal salía tapado por él. */
.avisos[b-lnepl85bac] {
    position: fixed;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 130;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: min(560px, calc(100vw - 32px));
    pointer-events: none;
}

.aviso[b-lnepl85bac] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 16px;
    border-radius: 12px;
    border: 1px solid;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.45;
    background: var(--pl-panel);
    box-shadow: 0 10px 30px rgba(31, 41, 55, .16);
    pointer-events: auto;
    animation: aviso-entra-b-lnepl85bac .22s ease-out;
}

/* Franja de color a la izquierda: de un vistazo se sabe si fue bien o mal
   sin llegar a leer el texto. */
.aviso[b-lnepl85bac]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 12px 0 0 12px;
    background: currentColor;
    opacity: .9;
}

.aviso[b-lnepl85bac] { position: relative; overflow: hidden; }

@keyframes aviso-entra-b-lnepl85bac {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .aviso[b-lnepl85bac] { animation: none; }
}

.aviso.ok[b-lnepl85bac]    { border-color: rgba(21, 128, 61, .35); background: #f0fdf4; color: #166534; }
.aviso.error[b-lnepl85bac] { border-color: #f2c4c5; background: #fdf2f2; color: #a3282c; }

.icono[b-lnepl85bac] { flex: 0 0 18px; }
.icono svg[b-lnepl85bac] { width: 18px; height: 18px; display: block; }

.texto[b-lnepl85bac] { flex: 1; overflow-wrap: anywhere; }

.cerrar[b-lnepl85bac] {
    flex: 0 0 auto;
    background: none;
    border: none;
    padding: 0 2px;
    margin: -2px -4px 0 0;
    color: inherit;
    opacity: .55;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    font-family: inherit;
}

.cerrar:hover[b-lnepl85bac] { opacity: 1; }

.accion[b-lnepl85bac] {
    flex: 0 0 auto;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    border-radius: 8px;
    padding: 4px 10px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.accion:hover[b-lnepl85bac] { background: rgba(21, 128, 61, .1); }

@media (max-width: 700px) {
    .avisos[b-lnepl85bac] { left: 14px; right: 14px; align-items: stretch; }
    .aviso[b-lnepl85bac] { max-width: none; }
}
/* /Components/Shared/CalendarioGrande.razor.rz.scp.css */
/* Calendario grande de Mi día: modal casi a pantalla completa. La rejilla ocupa todo el alto y cada
   día enseña sus tareas; si no caben, el día hace scroll por dentro. Colores como el calendario pequeño.
   z-index 110: por debajo de los cajones (120), que se abren encima (el día, una tarea, un formulario). */

.cal-fondo[b-1rcxdmtxud] {
    position: fixed; inset: 0; z-index: 110;
    display: flex; padding: 22px;
    background: rgba(37, 48, 63, .45); backdrop-filter: blur(2px);
}

.cal[b-1rcxdmtxud] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 12px;
    padding: 16px 18px 18px;
    background: var(--pl-fondo); color: var(--pl-texto);
    border-radius: 16px; box-shadow: 0 24px 60px rgba(15, 23, 42, .3);
}

.cal__cabecera[b-1rcxdmtxud] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.cal__cabecera h2[b-1rcxdmtxud] { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.3px; text-transform: capitalize; }
.cal__acciones[b-1rcxdmtxud] { display: flex; gap: 6px; }
.cal__leyenda[b-1rcxdmtxud] { display: flex; gap: 14px; margin-left: auto; font-size: 12.5px; color: var(--pl-suave); }
.cal__leyenda span[b-1rcxdmtxud] { display: inline-flex; align-items: center; gap: 6px; }
.cal__leyenda i[b-1rcxdmtxud] { width: 9px; height: 9px; border-radius: 50%; }
.cal__leyenda i.hecha[b-1rcxdmtxud] { background: var(--pl-verde-alto); }
.cal__leyenda i.pendiente[b-1rcxdmtxud] { background: var(--pl-marca); }
.cal__leyenda i.vencida[b-1rcxdmtxud] { background: var(--pl-rojo); }
.cal__leyenda i.viaje[b-1rcxdmtxud] { background: #7dd3fc; border-radius: 2px; }

.cal__rejilla[b-1rcxdmtxud] {
    flex: 1; min-height: 0;
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: auto repeat(6, minmax(0, 1fr));
    gap: 1px; overflow: hidden;
    background: var(--pl-borde); border: 1px solid var(--pl-borde); border-radius: var(--pl-radio);
    box-shadow: var(--pl-sombra);
}

.cal__letra[b-1rcxdmtxud] {
    padding: 8px 10px; background: var(--pl-panel-alto);
    font-size: 11.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--pl-suave);
}

.cal__dia[b-1rcxdmtxud] {
    display: flex; flex-direction: column; gap: 4px; min-height: 0;
    padding: 6px 6px 8px; background: var(--pl-panel); cursor: pointer;
    transition: background .12s, box-shadow .12s;
}
.cal__dia:hover[b-1rcxdmtxud] { background: #f8fafc; }
.cal__dia.elegido[b-1rcxdmtxud] { box-shadow: inset 0 0 0 2px var(--pl-marca-suave); }
.cal__dia.fuera[b-1rcxdmtxud] { background: #fafbfc; }
.cal__dia.fuera .cal__num span[b-1rcxdmtxud] { color: #c4cad3; }
.cal__dia.sobre[b-1rcxdmtxud] { background: var(--pl-marca-suave); box-shadow: inset 0 0 0 2px var(--pl-marca); }

.cal__num[b-1rcxdmtxud] { display: flex; align-items: center; justify-content: space-between; padding: 0 2px; }
.cal__num span[b-1rcxdmtxud] {
    display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 6px;
    border-radius: 13px; font-size: 13.5px; font-weight: 700;
}
.cal__num small[b-1rcxdmtxud] { font-size: 11px; color: var(--pl-suave); }
.cal__dia.hoy .cal__num span[b-1rcxdmtxud] { background: var(--pl-marca); color: #fff; }

.cal__viaje[b-1rcxdmtxud] {
    padding: 2px 8px; border-radius: 6px; background: #e0f2fe; color: #075985;
    font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.cal__tareas[b-1rcxdmtxud] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 3px; }

.cal__tarea[b-1rcxdmtxud] {
    display: block; flex: 0 0 auto; width: 100%; padding: 4px 7px 4px 9px;
    border: 0; border-left: 3px solid var(--color-tarea); border-radius: 6px;
    background: var(--pl-panel-alto); color: var(--pl-texto);
    font: 500 12.5px/1.3 inherit; text-align: left; cursor: pointer;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    transition: background .12s, transform .12s;
}
.cal__tarea:hover[b-1rcxdmtxud] { background: var(--pl-marca-suave); }
.cal__tarea:active[b-1rcxdmtxud] { cursor: grabbing; }
.cal__tarea-hora[b-1rcxdmtxud] { margin-right: 5px; font-weight: 700; color: var(--pl-suave); font-variant-numeric: tabular-nums; }
.cal__tarea-hora:empty[b-1rcxdmtxud] { display: none; }
.cal__tarea.hecha[b-1rcxdmtxud] { color: var(--pl-suave); text-decoration: line-through; opacity: .7; }
.cal__tarea.vencida[b-1rcxdmtxud] { background: #fdecec; }
.cal__tarea.vencida .cal__tarea-hora[b-1rcxdmtxud] { color: var(--pl-rojo); }

/* Móvil: el mes no cabe en 7 columnas legibles; se apila por semanas con scroll. */
@media (max-width: 760px) {
    .cal-fondo[b-1rcxdmtxud] { padding: 0; overflow-y: auto; }
    .cal[b-1rcxdmtxud] { border-radius: 0; padding: 12px; min-height: 100%; }
    .cal__leyenda[b-1rcxdmtxud] { margin-left: 0; }
    .cal__rejilla[b-1rcxdmtxud] { grid-template-rows: auto; grid-auto-rows: minmax(110px, auto); overflow: visible; }
    .cal__letra[b-1rcxdmtxud] { font-size: 10px; padding: 6px 4px; letter-spacing: 0; }
    .cal__dia[b-1rcxdmtxud] { padding: 4px 3px; }
    .cal__tarea[b-1rcxdmtxud] { font-size: 11px; padding: 3px 4px 3px 5px; }
}
/* /Components/Shared/CampoFechaHora.razor.rz.scp.css */
/* ============================================================================
   CampoFechaHora · CSS aislado (Blazor scoped)
   Usa las variables de wwwroot/panel.css y reutiliza .pl-btn para los botones
   del pie, así que aquí sólo se estila el marcado propio del componente.
   ============================================================================ */

.campo[b-f366x2i0xn] {
    display: block;
    margin-bottom: 12px;
}

.etiqueta[b-f366x2i0xn] {
    display: block;
    font-size: 11.5px;
    color: var(--pl-suave);
    margin-bottom: 5px;
    font-weight: 650;
}

/* El calendario va siempre a la vista, en línea: ya no es un desplegable, así que
   no hace falta ni posicionamiento absoluto ni z-index. */
.caja[b-f366x2i0xn] {
    max-width: 340px;
    padding: 10px;
    background: var(--pl-panel);
    border: 1px solid var(--pl-borde);
    border-radius: var(--pl-radio);
}

/* ----------------------------------------------------------------------- Atajos */

.atajos[b-f366x2i0xn] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding-bottom: 9px;
    margin-bottom: 9px;
    border-bottom: 1px solid var(--pl-borde);
}

.atajo[b-f366x2i0xn] {
    padding: 4px 9px;
    border: 1px solid var(--pl-borde-alto);
    border-radius: 999px;
    background: var(--pl-panel);
    color: var(--pl-suave);
    font-size: 11.5px;
    font-weight: 650;
    font-family: inherit;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.atajo:hover[b-f366x2i0xn] {
    background: var(--pl-marca-suave);
    border-color: rgba(51, 78, 104, .45);
    color: var(--pl-marca);
}

.atajo--hora[b-f366x2i0xn] {
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------------------- Calendario */

.cabecera-mes[b-f366x2i0xn] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.mes[b-f366x2i0xn] {
    flex: 1;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.nav[b-f366x2i0xn] {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--pl-borde);
    border-radius: 8px;
    background: var(--pl-panel);
    color: var(--pl-texto);
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.nav:hover:not(:disabled)[b-f366x2i0xn] {
    background: var(--pl-panel-alto);
    border-color: var(--pl-borde-alto);
}

.nav:disabled[b-f366x2i0xn] {
    opacity: .35;
    cursor: not-allowed;
}

.nav svg[b-f366x2i0xn] {
    width: 14px;
    height: 14px;
}

.semana[b-f366x2i0xn] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 2px;
}

.semana span[b-f366x2i0xn] {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 700;
    color: var(--pl-suave);
}

.rejilla[b-f366x2i0xn] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.dia[b-f366x2i0xn] {
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--pl-texto);
    font-size: 12.5px;
    font-weight: 600;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
}

.dia:hover:not(:disabled)[b-f366x2i0xn] {
    background: var(--pl-panel-alto);
}

/* Días del mes anterior o siguiente: presentes para no descuadrar la rejilla,
   pero visualmente en segundo plano. */
.dia--fuera[b-f366x2i0xn] {
    color: #b3bdc8;
}

.dia--hoy[b-f366x2i0xn] {
    border-color: var(--pl-borde-alto);
}

.dia--elegido[b-f366x2i0xn],
.dia--elegido:hover:not(:disabled)[b-f366x2i0xn] {
    background: var(--pl-marca);
    border-color: var(--pl-marca);
    color: #fff;
}

.dia:disabled[b-f366x2i0xn] {
    color: #c7d0d9;
    cursor: not-allowed;
    background: transparent;
}

.dia:focus-visible[b-f366x2i0xn] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(51, 78, 104, .35);
}

/* ------------------------------------------------------------------------- Hora */

.hora[b-f366x2i0xn] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 9px 10px;
    background: var(--pl-panel-alto);
    border: 1px solid var(--pl-borde);
    border-radius: 10px;
}

.hora__titulo[b-f366x2i0xn] {
    flex: 1;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 700;
    color: var(--pl-suave);
}

.dospuntos[b-f366x2i0xn] {
    font-weight: 700;
    color: var(--pl-suave);
}

/* Hora y minuto con botones +/−: más cómodo que las listas larguísimas del
   selector nativo, y el campo central sigue admitiendo un valor exacto. */
.contador[b-f366x2i0xn] {
    display: inline-flex;
    align-items: center;
    background: var(--pl-panel);
    border: 1px solid var(--pl-borde-alto);
    border-radius: 8px;
    overflow: hidden;
}

.paso[b-f366x2i0xn] {
    width: 24px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--pl-suave);
    font-size: 15px;
    line-height: 1;
    font-family: inherit;
    cursor: pointer;
    transition: background .12s, color .12s;
}

.paso:hover[b-f366x2i0xn] {
    background: var(--pl-marca-suave);
    color: var(--pl-marca);
}

.numero[b-f366x2i0xn] {
    width: 34px;
    height: 28px;
    padding: 0;
    border: none;
    border-left: 1px solid var(--pl-borde);
    border-right: 1px solid var(--pl-borde);
    background: transparent;
    color: var(--pl-texto);
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.numero[b-f366x2i0xn]::-webkit-outer-spin-button,
.numero[b-f366x2i0xn]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.numero:focus[b-f366x2i0xn] {
    outline: none;
    background: var(--pl-marca-suave);
}

/* -------------------------------------------------------------------- Resumen */

.pie[b-f366x2i0xn] {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--pl-borde);
}

.resumen[b-f366x2i0xn] {
    display: block;
    font-size: 11.5px;
    color: var(--pl-suave);
}

.resumen--error[b-f366x2i0xn] {
    color: var(--pl-rojo);
    font-weight: 650;
}
/* /Components/Shared/CampoTelefono.razor.rz.scp.css */
/* ============================================================================
   CampoTelefono · CSS aislado
   Sólo lo específico del componente: .pl-campo, .pl-input y .pl-btn siguen
   viviendo (y mandando) en wwwroot/panel.css.
   ============================================================================ */

.campo[b-ne4eccjgbb] {
    display: block;
    margin-bottom: 12px;
}

.etiqueta[b-ne4eccjgbb] {
    display: block;
    font-size: 11.5px;
    color: var(--pl-suave);
    margin-bottom: 5px;
    font-weight: 650;
}

.fila[b-ne4eccjgbb] {
    display: flex;
    gap: 8px;
    align-items: stretch;
    flex-wrap: wrap;
}

/* Ancho fijo para que el desplegable no se estire con el nombre del país. */
.pais[b-ne4eccjgbb] {
    flex: 0 0 auto;
    width: 210px;
    min-width: 150px;
    max-width: 100%;
    cursor: pointer;
    background: var(--pl-panel);
}

.numero[b-ne4eccjgbb] {
    position: relative;
    flex: 1 1 180px;
    min-width: 160px;
    display: flex;
    align-items: center;
}

/* El prefijo va dentro del input, en gris, como texto fijo no editable. */
.prefijo[b-ne4eccjgbb] {
    position: absolute;
    left: 11px;
    font-size: 13px;
    font-weight: 650;
    color: var(--pl-suave);
    pointer-events: none;
}

.entrada[b-ne4eccjgbb] {
    padding-left: 54px;
    padding-right: 32px;
    letter-spacing: .4px;
}

.entrada.ok[b-ne4eccjgbb] {
    border-color: var(--pl-verde);
}

.entrada.mal[b-ne4eccjgbb] {
    border-color: var(--pl-rojo);
}

.entrada.mal:focus[b-ne4eccjgbb] {
    border-color: var(--pl-rojo);
    box-shadow: 0 0 0 3px rgba(209, 52, 56, .15);
}

.check[b-ne4eccjgbb] {
    position: absolute;
    right: 10px;
    width: 15px;
    height: 15px;
    color: var(--pl-verde);
    pointer-events: none;
}

.mensaje[b-ne4eccjgbb] {
    display: block;
    margin-top: 5px;
    font-size: 11.5px;
    color: var(--pl-suave);
    min-height: 15px;
}

.mensaje--ok[b-ne4eccjgbb] {
    color: var(--pl-verde);
    font-weight: 600;
}

.mensaje--mal[b-ne4eccjgbb] {
    color: var(--pl-rojo);
    font-weight: 600;
}

@media (max-width: 560px) {
    .pais[b-ne4eccjgbb] { width: 100%; flex: 1 1 100%; }
}
/* /Components/Shared/CampoTexto.razor.rz.scp.css */
/* ============================================================================
   CampoTexto · CSS aislado (Blazor scoped)
   Usa las variables de wwwroot/panel.css. Sólo estila marcado propio del
   componente, así que no hay riesgo de tocar nada de las páginas.
   ============================================================================ */

.campo[b-i4zo0un932] {
    display: block;
    margin-bottom: 12px;
}

.etiqueta[b-i4zo0un932] {
    display: block;
    font-size: 11.5px;
    color: var(--pl-suave);
    margin-bottom: 5px;
    font-weight: 650;
}

/* Contenedor relativo: ancla del botón y del popover. */
.caja[b-i4zo0un932] {
    position: relative;
}

.texto[b-i4zo0un932] {
    /* Hueco a la derecha para que el texto no pase por debajo del botón. */
    padding-right: 42px;
}

/* ------------------------------------------------------------ Botón de emojis */

.disparador[b-i4zo0un932] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    border: 1px solid var(--pl-borde);
    border-radius: 8px;
    background: var(--pl-panel);
    color: var(--pl-texto);
    transition: background .15s, border-color .15s;
}

.disparador:hover[b-i4zo0un932] {
    background: var(--pl-panel-alto);
    border-color: var(--pl-borde-alto);
}

.disparador--activo[b-i4zo0un932] {
    background: var(--pl-marca-suave);
    border-color: var(--pl-marca);
}

.disparador:focus-visible[b-i4zo0un932] {
    outline: none;
    border-color: var(--pl-marca);
    box-shadow: 0 0 0 3px rgba(51, 78, 104, .18);
}

/* ------------------------------------------------------------------- Popover */

.popover[b-i4zo0un932] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 40;
    width: min(320px, calc(100vw - 32px));
    background: var(--pl-panel);
    border: 1px solid var(--pl-borde);
    border-radius: var(--pl-radio);
    box-shadow: var(--pl-sombra), 0 12px 30px rgba(31, 41, 55, .12);
    overflow: hidden;
}

/* Pestañas de categoría */
.pestanas[b-i4zo0un932] {
    display: flex;
    gap: 2px;
    padding: 6px;
    border-bottom: 1px solid var(--pl-borde);
    background: var(--pl-panel-alto);
    overflow-x: auto;
}

.pestana[b-i4zo0un932] {
    flex: 0 0 auto;
    width: 28px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    transition: background .12s, border-color .12s;
}

.pestana:hover[b-i4zo0un932] {
    background: var(--pl-panel);
    border-color: var(--pl-borde);
}

.pestana--activa[b-i4zo0un932] {
    background: var(--pl-marca-suave);
    border-color: rgba(51, 78, 104, .45);
}

.titulo-categoria[b-i4zo0un932] {
    padding: 8px 10px 4px;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .9px;
    font-weight: 700;
    color: var(--pl-suave);
}

/* Rejilla de emojis con scroll vertical */
.rejilla[b-i4zo0un932] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    padding: 2px 8px 10px;
    max-height: 240px;
    overflow-y: auto;
}

.emoji[b-i4zo0un932] {
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 7px;
    transition: background .1s, transform .1s;
}

.emoji:hover[b-i4zo0un932] {
    background: var(--pl-marca-suave);
    transform: scale(1.14);
}

.emoji:focus-visible[b-i4zo0un932] {
    outline: none;
    background: var(--pl-marca-suave);
    box-shadow: 0 0 0 2px rgba(51, 78, 104, .35);
}

/* --------------------------------------------------------------- Pie/contador */

.pie[b-i4zo0un932] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.contador[b-i4zo0un932] {
    font-size: 11px;
    color: var(--pl-suave);
}
/* /Components/Shared/CobrosDetalle.razor.rz.scp.css */
/* Cajón de una deuda (Cobros). Lo común (cajón, campos, chips, botones) sale de panel.css. */

.cb-cajon__titulo[b-zyeyx6f0in] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.cb-cajon__titulo > span:last-child[b-zyeyx6f0in] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cb-volver[b-zyeyx6f0in] {
    width: 28px; height: 28px; border: 1px solid var(--pl-borde); border-radius: 8px; background: var(--pl-panel);
    font: inherit; font-size: 18px; line-height: 1; color: var(--pl-texto); cursor: pointer;
}
.cb-volver:hover[b-zyeyx6f0in] { background: var(--pl-panel-alto); }

.cb-avatar[b-zyeyx6f0in] {
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 11px;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 15px; color: var(--color-avatar);
    background: color-mix(in srgb, var(--color-avatar) 14%, transparent);
}

.cb-verde[b-zyeyx6f0in] { color: var(--pl-verde) !important; }

/* ------------------------------------------------------------ cabecera con el importe */

.cb-hero[b-zyeyx6f0in] {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
    padding: 18px 20px 12px; background: linear-gradient(180deg, var(--pl-marca-suave), var(--pl-panel));
}
.cb-hero.cobrada[b-zyeyx6f0in] { background: linear-gradient(180deg, var(--pl-verde-suave), var(--pl-panel)); }
.cb-hero > div[b-zyeyx6f0in] { display: flex; flex-direction: column; gap: 1px; }
.cb-hero__etiqueta[b-zyeyx6f0in] { font-size: 12px; font-weight: 700; color: var(--pl-suave); }
.cb-hero strong[b-zyeyx6f0in] { font-size: 28px; font-weight: 850; letter-spacing: -.8px; line-height: 1.15; }
.cb-hero.cobrada strong[b-zyeyx6f0in] { color: var(--pl-verde); }
.cb-hero small[b-zyeyx6f0in] { font-size: 12.5px; color: var(--pl-suave); }

.cb-progreso[b-zyeyx6f0in] { height: 6px; margin: 0 20px 4px; border-radius: 99px; background: var(--pl-panel-alto); overflow: hidden; }
.cb-progreso i[b-zyeyx6f0in] { display: block; height: 100%; border-radius: 99px; background: var(--pl-verde); transition: width .3s; }

.cb-pestanas[b-zyeyx6f0in] { padding: 0 20px; }

/* ------------------------------------------------------------ datos */

.cb-datos[b-zyeyx6f0in] { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px 14px; margin: 4px 0 6px; font-size: 13px; }
.cb-datos dt[b-zyeyx6f0in] { color: var(--pl-suave); font-weight: 650; font-size: 12px; padding-top: 1px; }
.cb-datos dd[b-zyeyx6f0in] { margin: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.cb-datos dd small[b-zyeyx6f0in] { font-size: 12px; color: var(--pl-suave); }
.cb-proyecto[b-zyeyx6f0in] { display: inline-flex; align-items: center; gap: 6px; }
.cb-proyecto i[b-zyeyx6f0in] { width: 9px; height: 9px; border-radius: 50%; }

/* ------------------------------------------------------------ acciones (hoja de la app) */

.cb-acciones[b-zyeyx6f0in] { display: flex; flex-direction: column; gap: 6px; }
.cb-accion[b-zyeyx6f0in] {
    --tono: var(--pl-marca); --tono-suave: var(--pl-marca-suave);
    display: flex; align-items: center; gap: 12px; padding: 10px 12px; width: 100%;
    border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-panel);
    font: inherit; text-align: left; color: var(--pl-texto); cursor: pointer;
}
.cb-accion:hover:not(:disabled)[b-zyeyx6f0in] { border-color: var(--tono); background: var(--tono-suave); }
.cb-accion:disabled[b-zyeyx6f0in] { opacity: .5; cursor: not-allowed; }
.cb-accion--verde[b-zyeyx6f0in] { --tono: var(--pl-verde); --tono-suave: var(--pl-verde-suave); }
.cb-accion--wa[b-zyeyx6f0in] { --tono: #25d366; --tono-suave: #e7f8ee; }
.cb-accion--ambar[b-zyeyx6f0in] { --tono: #d97706; --tono-suave: var(--pl-acento-suave); }
.cb-accion--rojo[b-zyeyx6f0in] { --tono: var(--pl-rojo); --tono-suave: #fdecec; }
.cb-accion--rojo b[b-zyeyx6f0in] { color: var(--pl-rojo); }
.cb-accion__icono[b-zyeyx6f0in] {
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center; font-size: 16px;
    background: var(--tono-suave); color: var(--tono); font-weight: 800;
}
.cb-accion__texto[b-zyeyx6f0in] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cb-accion__texto b[b-zyeyx6f0in] { font-size: 13.5px; }
.cb-accion__texto small[b-zyeyx6f0in] { font-size: 12px; color: var(--pl-suave); }
.cb-accion__flecha[b-zyeyx6f0in] { color: var(--pl-suave); font-size: 18px; }

/* ------------------------------------------------------------ abonos */

.cb-abono[b-zyeyx6f0in] { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--pl-borde); }
.cb-abono__icono[b-zyeyx6f0in] {
    flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--pl-verde-suave); font-size: 15px;
}
.cb-abono__texto[b-zyeyx6f0in] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cb-abono__texto b[b-zyeyx6f0in] { font-size: 14px; color: var(--pl-verde-alto); }
.cb-abono__texto small[b-zyeyx6f0in] { font-size: 12px; color: var(--pl-suave); }
.cb-totales[b-zyeyx6f0in] { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 12px 0 4px; font-size: 13px; }
.cb-totales span[b-zyeyx6f0in] { color: var(--pl-suave); }
.cb-totales b[b-zyeyx6f0in] { text-align: right; }
.cb-totales b:last-child[b-zyeyx6f0in] { font-size: 15px; }
.cb-totales .rojo[b-zyeyx6f0in], .cb-datos .rojo[b-zyeyx6f0in] { color: var(--pl-rojo); }

/* ------------------------------------------------------------ formularios */

.cb-nota-campo[b-zyeyx6f0in] { margin: -4px 0 14px; padding: 8px 10px; border-radius: 9px; background: var(--pl-panel-alto); }
.cb-ayuda[b-zyeyx6f0in] { display: inline; margin-left: 6px; font-size: 11px; font-weight: 500; color: var(--pl-suave); }
label.pl-campo > .cb-ayuda[b-zyeyx6f0in] { display: block; margin: 5px 0 0; }
.cb-segmento[b-zyeyx6f0in] { display: inline-flex; margin-bottom: 14px; }
.cb-check[b-zyeyx6f0in] { align-items: flex-start; }
.cb-check input[b-zyeyx6f0in] { margin-top: 3px; }
.cb-check span[b-zyeyx6f0in] { display: flex; flex-direction: column; }
.cb-check small[b-zyeyx6f0in] { font-size: 12px; color: var(--pl-suave); }

.cb-cobro-cabecera[b-zyeyx6f0in] {
    display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; padding: 12px 14px;
    border-radius: 12px; background: var(--pl-panel-alto); font-size: 13px;
}
.cb-cobro-cabecera span[b-zyeyx6f0in] { color: var(--pl-suave); font-weight: 600; }
.cb-cobro-cabecera b[b-zyeyx6f0in] { font-size: 15px; }
.cb-btn-verde[b-zyeyx6f0in] { background: var(--pl-verde) !important; border-color: var(--pl-verde) !important; }
.cb-btn-verde:hover:not(:disabled)[b-zyeyx6f0in] { background: var(--pl-verde-alto) !important; }

.cb-email-previa[b-zyeyx6f0in] {
    display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; margin-bottom: 10px;
    border: 1px dashed var(--pl-borde-alto); border-radius: 12px; font-size: 13px;
}
.cb-email-previa > small[b-zyeyx6f0in] { font-size: 11px; text-transform: uppercase; letter-spacing: .7px; color: var(--pl-suave); font-weight: 700; }
.cb-email-previa > b[b-zyeyx6f0in] { font-size: 15px; margin-bottom: 4px; }
.cb-confirmar[b-zyeyx6f0in] { margin-top: 12px; font-size: 13px; }

.cb-mensaje[b-zyeyx6f0in] { min-height: 170px; font-size: 13px; }
.cb-btn-wa-principal[b-zyeyx6f0in] { background: #25d366 !important; border-color: #25d366 !important; text-decoration: none; }
.cb-btn-wa-principal:hover[b-zyeyx6f0in] { background: #1ebe5b !important; }

@media (max-width: 700px) {
    .cb-datos[b-zyeyx6f0in] { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .cb-datos dd[b-zyeyx6f0in] { margin-bottom: 8px; }
    .cb-hero strong[b-zyeyx6f0in] { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .cb-progreso i[b-zyeyx6f0in] { transition: none; }
}

/* Destinatario del recordatorio por email */
.cb-destinos[b-zyeyx6f0in] { display: flex; flex-direction: column; gap: 6px; }
.cb-destino[b-zyeyx6f0in] {
    display: flex; align-items: center; gap: 10px; padding: 9px 12px; cursor: pointer;
    border: 1px solid var(--pl-borde); border-radius: 10px; background: var(--pl-panel);
}
.cb-destino.activo[b-zyeyx6f0in] { border-color: var(--pl-marca); background: var(--pl-marca-suave); }
.cb-destino input[b-zyeyx6f0in] { accent-color: var(--pl-marca); }
.cb-destino span[b-zyeyx6f0in] { display: flex; flex-direction: column; font-size: 13px; }
.cb-destino small[b-zyeyx6f0in] { font-size: 12px; color: var(--pl-suave); }

/* Plan del recordatorio automático */
.cb-plan[b-zyeyx6f0in] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 0 12px; }
.cb-plan__fila[b-zyeyx6f0in] { display: flex; align-items: center; gap: 6px; }
.cb-plan__fila .pl-input[type="number"][b-zyeyx6f0in] { width: 72px; }
.cb-plan__fila small[b-zyeyx6f0in] { font-size: 12.5px; color: var(--pl-suave); }
@media (max-width: 700px) { .cb-plan[b-zyeyx6f0in] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Shared/CobrosMetodosPago.razor.rz.scp.css */
/* Métodos de pago de Cobros (cajón). */

.mp-intro[b-585xxk6rst] { margin: 0 0 16px; }
.mp-interruptores[b-585xxk6rst] { display: flex; flex-direction: column; gap: 10px; margin: 4px 0 16px; }
.mp-previa[b-585xxk6rst] {
    display: flex; flex-direction: column; gap: 6px; padding: 12px 14px;
    border: 1px dashed var(--pl-borde-alto); border-radius: 12px; background: var(--pl-fondo);
}
.mp-previa small[b-585xxk6rst] { font-size: 11px; text-transform: uppercase; letter-spacing: .7px; color: var(--pl-suave); font-weight: 700; }
.mp-previa pre[b-585xxk6rst] { margin: 0; white-space: pre-wrap; font: inherit; font-size: 13px; }
.mp-previa__vacia[b-585xxk6rst] { font-size: 12.5px; color: var(--pl-suave); }
/* /Components/Shared/DiaCajon.razor.rz.scp.css */
/* Cajón de un día (desde el calendario grande de Mi día). La carcasa es la de .pl-cajon. */

.dia[b-4aon10cpx0] { width: min(460px, 100%); }

.dia__titulo h3[b-4aon10cpx0] { margin: 0; font-size: 17px; font-weight: 800; }
.dia__titulo small[b-4aon10cpx0] { color: var(--pl-suave); font-size: 12.5px; }

.dia__seccion[b-4aon10cpx0] {
    margin: 18px 0 8px; font-size: 11.5px; font-weight: 700;
    letter-spacing: .6px; text-transform: uppercase; color: var(--pl-suave);
}
.dia__seccion:first-child[b-4aon10cpx0] { margin-top: 0; }

/* Los mismos accesos que la fila de Mi día, en rejilla de 4. */
.dia__crear[b-4aon10cpx0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.dia__crear button[b-4aon10cpx0] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 10px 4px 8px; border: 1px solid var(--pl-borde); border-radius: 12px;
    background: var(--pl-panel); color: var(--pl-texto);
    font: 600 12px/1.2 inherit; cursor: pointer;
    transition: border-color .12s, background .12s, transform .12s;
}
.dia__crear button span[b-4aon10cpx0] {
    display: grid; place-items: center; width: 32px; height: 32px;
    border-radius: 50%; background: var(--pl-panel-alto); font-size: 15px;
}
.dia__crear button:hover[b-4aon10cpx0] { border-color: var(--pl-marca); background: var(--pl-marca-suave); }
.dia__crear button.activo[b-4aon10cpx0] { border-color: var(--pl-marca); background: var(--pl-marca-suave); color: var(--pl-marca); }

.dia__form[b-4aon10cpx0] {
    display: flex; flex-direction: column; gap: 8px; margin-top: 12px;
    padding: 12px; border: 1px solid var(--pl-borde-alto); border-radius: 12px; background: var(--pl-panel-alto);
}
.dia__form-fila[b-4aon10cpx0] { display: flex; flex-wrap: wrap; gap: 8px; }
.dia__form-fila .pl-input[b-4aon10cpx0] { flex: 1 1 110px; min-width: 0; }

.dia__viaje[b-4aon10cpx0] {
    display: block; margin-top: 16px; padding: 9px 12px; border-radius: 10px;
    background: #e0f2fe; color: #075985; font-size: 13px; text-decoration: none;
}
.dia__viaje:hover[b-4aon10cpx0] { background: #bae6fd; }

.dia__vacio[b-4aon10cpx0] { margin: 0; color: var(--pl-suave); font-size: 13px; }

.dia__tarea[b-4aon10cpx0] {
    display: flex; align-items: center; gap: 10px; margin-bottom: 6px;
    padding: 8px 10px; border: 1px solid var(--pl-borde); border-left: 3px solid var(--color-tarea);
    border-radius: 10px; background: var(--pl-panel);
}
.dia__tarea-texto[b-4aon10cpx0] {
    flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1px;
    padding: 0; border: 0; background: none; color: var(--pl-texto); font: inherit; text-align: left; cursor: pointer;
}
.dia__tarea-texto b[b-4aon10cpx0] { font-size: 13.5px; font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dia__tarea-texto small[b-4aon10cpx0] { font-size: 12px; color: var(--pl-suave); }
.dia__tarea-texto small:empty[b-4aon10cpx0] { display: none; }
.dia__tarea.hecha b[b-4aon10cpx0] { text-decoration: line-through; color: var(--pl-suave); }
/* /Components/Shared/DineroCategoria.razor.rz.scp.css */
/* Cajón de categoría: vista previa, tipo, rejilla de iconos del catálogo de la app. */

.dcat-vista[b-agk47vyssc] {
    display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 0 16px; text-align: center;
}
.dcat-vista__icono[b-agk47vyssc] {
    width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-size: 28px;
    background: color-mix(in srgb, var(--color) 16%, var(--pl-panel)); border: 2px solid var(--color);
}
.dcat-vista b[b-agk47vyssc] { font-size: 15px; }
.dcat-vista small[b-agk47vyssc] { font-size: 12px; color: var(--pl-suave); }

.dcat-tipo[b-agk47vyssc] {
    display: flex; gap: 4px; padding: 4px; width: fit-content;
    background: var(--pl-panel-alto); border-radius: 999px;
}
.dcat-tipo button[b-agk47vyssc] {
    border: 0; background: none; padding: 7px 20px; border-radius: 999px; cursor: pointer;
    font: inherit; font-size: 13.5px; font-weight: 650; color: var(--pl-suave);
}
.dcat-tipo button.gasto.activa[b-agk47vyssc] { background: #ef4444; color: #fff; }
.dcat-tipo button.ingreso.activa[b-agk47vyssc] { background: #16a34a; color: #fff; }

.dcat-buscar[b-agk47vyssc] { margin-bottom: 8px; }
.dcat-iconos[b-agk47vyssc] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); gap: 6px;
    max-height: 236px; overflow-y: auto; padding: 8px; border: 1px solid var(--pl-borde); border-radius: 10px;
    background: var(--pl-fondo);
}
.dcat-iconos__vacio[b-agk47vyssc] { grid-column: 1 / -1; margin: 6px; }
.dcat-icono[b-agk47vyssc] {
    height: 42px; border-radius: 10px; border: 1.5px solid transparent; background: var(--pl-panel);
    font-size: 20px; line-height: 1; cursor: pointer; padding: 0;
}
.dcat-icono:hover[b-agk47vyssc] { border-color: var(--pl-borde-alto); }
.dcat-icono.activo[b-agk47vyssc] { border-color: var(--pl-texto); box-shadow: 0 0 0 1px var(--pl-texto); background: var(--pl-marca-suave); }
/* /Components/Shared/DineroColores.razor.rz.scp.css */
.dcol[b-t25saubbmk] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dcol__punto[b-t25saubbmk] {
    width: 30px; height: 30px; border-radius: 50%; padding: 0; cursor: pointer;
    background: var(--color-punto); border: 3px solid var(--pl-panel);
    box-shadow: 0 0 0 1px var(--pl-borde);
}
.dcol__punto.activo[b-t25saubbmk] { box-shadow: 0 0 0 2px var(--pl-texto); }
.dcol__propio[b-t25saubbmk] {
    position: relative; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
    border: 2px dashed var(--pl-borde-alto); cursor: pointer; font-size: 14px; overflow: hidden;
}
.dcol__propio:hover[b-t25saubbmk] { border-color: var(--pl-marca); }
.dcol__propio input[b-t25saubbmk] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
/* /Components/Shared/DineroCuentas.razor.rz.scp.css */
/* Cuentas y categorías: filas como las tarjetas de Gestionar cuentas / categorías de la app. */


.dcu-fila[b-felx4nn9t6] {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 6px; margin: 0;
    border: 0; border-bottom: 1px solid var(--pl-borde); background: none; font: inherit; text-align: left; cursor: pointer;
    border-radius: 0;
}
.dcu-fila:hover[b-felx4nn9t6] { background: var(--pl-fondo); }
.dcu-fila:hover .dcu-fila__texto b[b-felx4nn9t6] { color: var(--pl-marca); }
.dcu-fila__barra[b-felx4nn9t6] { width: 8px; height: 34px; border-radius: 4px; background: var(--color); flex: 0 0 8px; }
.dcu-fila__icono[b-felx4nn9t6] {
    width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; display: grid; place-items: center; font-size: 18px;
    background: color-mix(in srgb, var(--color) 15%, var(--pl-panel));
}
.dcu-fila__texto[b-felx4nn9t6] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.dcu-fila__texto b[b-felx4nn9t6] { font-size: 14px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dcu-fila__texto small[b-felx4nn9t6] { font-size: 12px; color: var(--pl-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dcu-fila__importe[b-felx4nn9t6] { font-weight: 750; font-size: 13.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dcu-chip[b-felx4nn9t6] { margin-left: 6px; font-size: 10.5px; vertical-align: middle; }

/* Lo de la página Dinero que se usa aquí (el CSS aislado de la página no llega a este componente). */
.dcu-rejilla[b-felx4nn9t6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.dcu-tarjeta[b-felx4nn9t6] { padding: 16px 18px; }
.dcu-titulo[b-felx4nn9t6] { font-size: 14px; font-weight: 750; margin: 0; }
.dcu-titulo-fila[b-felx4nn9t6] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.dcu-suave[b-felx4nn9t6] { color: var(--pl-suave); font-size: 12px; }
.dcu-rojo[b-felx4nn9t6] { color: var(--pl-rojo) !important; }
.dcu-vacio[b-felx4nn9t6] { padding: 18px 8px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.dcu-vacio__icono[b-felx4nn9t6] { font-size: 34px; line-height: 1; margin-bottom: 4px; }
.dcu-vacio h3[b-felx4nn9t6] { font-size: 15px; }
.dcu-vacio p[b-felx4nn9t6] { color: var(--pl-suave); font-size: 13px; max-width: 380px; margin-bottom: 6px; }
.dcu-anadir[b-felx4nn9t6] {
    width: 100%; margin-top: 10px; padding: 8px; border: 1px dashed var(--pl-borde-alto); border-radius: 9px;
    background: none; font: inherit; font-size: 12.5px; font-weight: 650; color: var(--pl-suave); cursor: pointer;
}
.dcu-anadir:hover[b-felx4nn9t6] { color: var(--pl-marca); border-color: var(--pl-marca); }
@media (max-width: 1100px) { .dcu-rejilla[b-felx4nn9t6] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Shared/DineroInformes.razor.rz.scp.css */
/* Informes: tarjeta de generar, histórico y detalle del informe (como la pestaña Informes de la app). */

.dinf-rejilla[b-msnzavkv35] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.dinf-tarjeta[b-msnzavkv35] { padding: 16px 18px; }
.dinf-titulo[b-msnzavkv35] { font-size: 14px; font-weight: 750; margin: 0; }
.dinf-titulo--grande[b-msnzavkv35] { font-size: 17px; font-weight: 800; }
.dinf-titulo-fila[b-msnzavkv35] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.dinf-suave[b-msnzavkv35] { color: var(--pl-suave); font-size: 13px; }
.dinf-nota[b-msnzavkv35] { color: var(--pl-suave); font-size: 12.5px; margin: 8px 0 0; }
.dinf-etiqueta[b-msnzavkv35] { font-size: 12px; font-weight: 700; color: var(--pl-suave); margin: 14px 0 6px; }
.verde[b-msnzavkv35] { color: var(--pl-verde) !important; }
.rojo[b-msnzavkv35] { color: var(--pl-rojo) !important; }

.dinf-cupo[b-msnzavkv35] {
    margin-top: 12px; padding: 10px 12px; border-radius: 10px; font-size: 13px;
    background: var(--pl-panel-alto); color: var(--pl-suave);
}
.dinf-cupo.ok[b-msnzavkv35] { background: var(--pl-verde-suave); color: var(--pl-verde-alto, var(--pl-verde)); }

.dinf-meses[b-msnzavkv35] { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
.dinf-mes[b-msnzavkv35] {
    flex: 0 0 auto; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--pl-borde); background: var(--pl-panel);
    font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; white-space: nowrap; color: var(--pl-texto);
}
.dinf-mes:hover[b-msnzavkv35] { border-color: var(--pl-borde-alto); }
.dinf-mes.activo[b-msnzavkv35] { background: var(--pl-texto); border-color: var(--pl-texto); color: var(--pl-panel); }

.dinf-boton[b-msnzavkv35] { width: 100%; justify-content: center; margin-top: 14px; padding-top: 11px; padding-bottom: 11px; font-weight: 800; }

.dinf-confirmar[b-msnzavkv35] {
    margin-top: 14px; padding: 12px 14px; border-radius: 10px; border: 1px solid #f3d9a4; background: #fff8eb;
    display: flex; flex-direction: column; gap: 6px; font-size: 13px;
}
.dinf-confirmar p[b-msnzavkv35] { margin: 0; color: #6b4f12; }
.dinf-confirmar--peligro[b-msnzavkv35] { border-color: #f0c4c5; background: #fdecec; margin: 0 0 14px; }
.dinf-confirmar--peligro p[b-msnzavkv35] { color: #7f1d1d; }
.dinf-confirmar__botones[b-msnzavkv35] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; flex-wrap: wrap; }

/* Histórico */
.dinf-fila[b-msnzavkv35] {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 6px; border: 0;
    border-bottom: 1px solid var(--pl-borde); background: none; font: inherit; text-align: left; cursor: pointer;
}
.dinf-fila:hover[b-msnzavkv35] { background: var(--pl-fondo); }
.dinf-fila__texto[b-msnzavkv35] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.dinf-fila__texto b[b-msnzavkv35] { font-size: 14px; font-weight: 750; }
.dinf-fila__texto small[b-msnzavkv35] { font-size: 12.5px; color: var(--pl-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dinf-fila__flecha[b-msnzavkv35] { color: var(--pl-suave); font-size: 18px; }
.dinf-mas[b-msnzavkv35] {
    width: 100%; margin-top: 10px; padding: 8px; border: 1px dashed var(--pl-borde-alto); border-radius: 9px;
    background: none; font: inherit; font-size: 12.5px; font-weight: 650; color: var(--pl-suave); cursor: pointer;
}
.dinf-mas:hover:not(:disabled)[b-msnzavkv35] { color: var(--pl-marca); border-color: var(--pl-marca); }

.dinf-vacio[b-msnzavkv35] { padding: 26px 16px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.dinf-vacio__icono[b-msnzavkv35] { font-size: 34px; line-height: 1; margin-bottom: 4px; }
.dinf-vacio h3[b-msnzavkv35] { font-size: 15px; }
.dinf-vacio p[b-msnzavkv35] { color: var(--pl-suave); font-size: 13px; max-width: 420px; margin-bottom: 6px; }

.dinf-estado[b-msnzavkv35] { font-weight: 750; }
.dinf-estado.grande[b-msnzavkv35] { font-size: 13px; padding: 4px 12px; }

/* Detalle */
.dinf-detalle-barra[b-msnzavkv35] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.dinf-detalle-titulo[b-msnzavkv35] { font-size: 17px; font-weight: 800; margin: 0 auto 0 6px; }
.dinf-detalle[b-msnzavkv35] { max-width: 860px; }
.dinf-titular[b-msnzavkv35] { font-size: 21px; font-weight: 850; line-height: 1.25; margin: 12px 0 8px; }
.dinf-resumen[b-msnzavkv35], .dinf-texto[b-msnzavkv35] { font-size: 14px; line-height: 1.55; color: var(--pl-texto); margin: 0; }
.dinf-resumen[b-msnzavkv35] { color: var(--pl-suave); }
.dinf-seccion[b-msnzavkv35] { font-size: 15px; font-weight: 800; margin: 22px 4px 8px; }
.dinf-subtitulo[b-msnzavkv35] { font-size: 13.5px; font-weight: 750; margin: 0 0 8px; }

.dinf-progreso[b-msnzavkv35] {
    display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin-bottom: 14px; border-radius: 10px;
    background: #e9f1fc; color: var(--pl-azul); font-weight: 600; font-size: 13.5px;
}
.dinf-progreso__texto[b-msnzavkv35] { flex: 1; }

.dinf-parcial[b-msnzavkv35] {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px; margin-top: 12px; border-radius: 10px;
    background: var(--pl-acento-suave); color: var(--pl-ambar); font-weight: 600; font-size: 13.5px; flex-wrap: wrap;
}
.dinf-parcial span[b-msnzavkv35] { flex: 1; }

.dinf-cifras[b-msnzavkv35] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.dinf-cifra[b-msnzavkv35] {
    display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: var(--pl-radio);
    background: var(--pl-panel); border: 1px solid var(--pl-borde);
}
.dinf-cifra span[b-msnzavkv35] { font-size: 12px; font-weight: 650; color: var(--pl-suave); }
.dinf-cifra b[b-msnzavkv35] { font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
.dinf-cifra small[b-msnzavkv35] { font-size: 11.5px; font-weight: 650; }

.dinf-apilada[b-msnzavkv35] { display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: var(--pl-panel-alto); margin-bottom: 10px; }
.dinf-apilada i[b-msnzavkv35] { display: block; height: 100%; background: var(--color); }
.dinf-cat[b-msnzavkv35] { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 13.5px; }
.dinf-cat i[b-msnzavkv35] { width: 11px; height: 11px; border-radius: 50%; background: var(--color); flex: 0 0 11px; }
.dinf-cat span[b-msnzavkv35] { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dinf-cat small[b-msnzavkv35] { color: var(--pl-suave); font-size: 12px; }
.dinf-cat b[b-msnzavkv35] { font-variant-numeric: tabular-nums; }

.dinf-punto[b-msnzavkv35] { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--pl-borde); }
.dinf-punto:last-child[b-msnzavkv35] { border-bottom: 0; }
.dinf-punto__marca[b-msnzavkv35] {
    width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; display: grid; place-items: center;
    font-size: 12px; font-weight: 900; background: var(--pl-panel-alto);
}
.dinf-punto__marca.verde[b-msnzavkv35] { background: var(--pl-verde-suave); }
.dinf-punto__marca.azul[b-msnzavkv35] { background: #e9f1fc; color: var(--pl-azul); }
.dinf-punto__marca.ambar[b-msnzavkv35] { background: var(--pl-acento-suave); color: var(--pl-ambar); }
.dinf-punto__marca.rojo[b-msnzavkv35] { background: #fdecec; color: var(--pl-rojo); }
.dinf-punto__texto[b-msnzavkv35] { flex: 1; min-width: 0; }
.dinf-punto__texto small[b-msnzavkv35] { display: block; font-size: 10.5px; font-weight: 800; color: var(--pl-suave); letter-spacing: .3px; }
.dinf-punto__texto p[b-msnzavkv35] { margin: 0; font-size: 14px; line-height: 1.45; }

.dinf-supuestos[b-msnzavkv35] { margin: 4px 0 0 18px; padding: 0; color: var(--pl-suave); font-size: 13.5px; line-height: 1.45; }

.dinf-detalle-rejilla[b-msnzavkv35] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.dinf-linea[b-msnzavkv35] { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; font-size: 13.5px; }
.dinf-linea span[b-msnzavkv35] { flex: 1; min-width: 0; color: var(--pl-suave); }
.dinf-linea small[b-msnzavkv35] { color: var(--pl-suave); font-size: 12px; font-variant-numeric: tabular-nums; }
.dinf-linea b[b-msnzavkv35] { font-variant-numeric: tabular-nums; }
.dinf-linea--total[b-msnzavkv35] { border-bottom: 1px solid var(--pl-borde); margin-bottom: 4px; }
.dinf-linea--total span[b-msnzavkv35] { color: var(--pl-texto); font-weight: 650; }
.dinf-tramo[b-msnzavkv35] { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 4px 0; font-size: 13px; }
.dinf-tramo span:first-child[b-msnzavkv35] { color: var(--pl-suave); }
.dinf-tramo b[b-msnzavkv35] { font-variant-numeric: tabular-nums; }
.dinf-barra[b-msnzavkv35] { display: block; height: 8px; border-radius: 5px; background: var(--pl-panel-alto); overflow: hidden; }
.dinf-barra i[b-msnzavkv35] { display: block; height: 100%; border-radius: inherit; background: var(--color); }
.dinf-meta[b-msnzavkv35] { padding: 4px 0 6px; }

.dinf-pie[b-msnzavkv35] { text-align: center; color: var(--pl-suave); font-size: 12px; line-height: 1.5; margin: 24px 0 8px; }

@media (max-width: 1100px) {
    .dinf-rejilla[b-msnzavkv35], .dinf-detalle-rejilla[b-msnzavkv35] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .dinf-cifras[b-msnzavkv35] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dinf-titular[b-msnzavkv35] { font-size: 18px; }
}

/* Puntos del informe como tarjetas de color (lo que va bien, alertas, recomendaciones). */
.dinf-puntos[b-msnzavkv35] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 10px; }
.dinf-puntos .dinf-punto[b-msnzavkv35] {
    background: var(--pl-panel); border: 1px solid var(--pl-borde); border-left: 4px solid var(--dinf-color, var(--pl-borde));
    border-radius: 12px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(31,41,55,.04); align-items: flex-start;
}
.dinf-puntos .dinf-punto:last-child[b-msnzavkv35] { border-bottom: 1px solid var(--pl-borde); }
.dinf-punto--verde[b-msnzavkv35] { --dinf-color: var(--pl-verde-alto); }
.dinf-punto--azul[b-msnzavkv35] { --dinf-color: var(--pl-azul); }
.dinf-punto--ambar[b-msnzavkv35] { --dinf-color: var(--pl-ambar); }
.dinf-punto--rojo[b-msnzavkv35] { --dinf-color: var(--pl-rojo); background: #fffafa; }
.dinf-puntos .dinf-punto__marca[b-msnzavkv35] { width: 30px; height: 30px; flex: 0 0 30px; font-size: 14px; }
.dinf-puntos--recomendaciones .dinf-punto__marca[b-msnzavkv35] { font-weight: 800; font-size: 15px; }
.dinf-puntos .dinf-punto__texto small[b-msnzavkv35] { color: var(--dinf-color); margin-bottom: 3px; }
.dinf-puntos .dinf-punto__texto p[b-msnzavkv35] { font-size: 13.5px; }
/* /Components/Shared/DineroMeta.razor.rz.scp.css */
.dmeta-color[b-c8kgn03u1i] {
    width: 30px; height: 30px; border-radius: 50%; padding: 0; cursor: pointer;
    background: var(--color-meta); border: 3px solid var(--pl-panel);
    box-shadow: 0 0 0 1px var(--pl-borde);
}
.dmeta-color.activa[b-c8kgn03u1i] { box-shadow: 0 0 0 2px var(--color-meta); }
/* /Components/Shared/DineroMovimiento.razor.rz.scp.css */
/* Cajón "Añadir movimiento": rojo para gasto y verde para ingreso, como la hoja de la app. */

.dmov-tipo[b-35otps96mq] {
    display: flex; gap: 4px; padding: 4px; margin: 0 auto 6px; width: fit-content;
    background: var(--pl-panel-alto); border-radius: 999px;
}
.dmov-tipo button[b-35otps96mq] {
    border: 0; background: none; padding: 7px 22px; border-radius: 999px; cursor: pointer;
    font: inherit; font-size: 13.5px; font-weight: 650; color: var(--pl-suave);
}
.dmov-tipo button.gasto.activa[b-35otps96mq] { background: #ef4444; color: #fff; }
.dmov-tipo button.ingreso.activa[b-35otps96mq] { background: #16a34a; color: #fff; }

.dmov-importe[b-35otps96mq] {
    display: flex; align-items: baseline; justify-content: center; gap: 6px;
    margin: 8px 0 16px; padding: 6px 0 10px; border-bottom: 2px solid var(--pl-borde);
}
.dmov-importe input[b-35otps96mq] {
    width: 100%; max-width: 280px; border: 0; outline: none; background: none; text-align: right;
    font: inherit; font-size: 42px; font-weight: 800; letter-spacing: -1px; font-variant-numeric: tabular-nums;
}
.dmov-importe input[b-35otps96mq]::placeholder { color: #cbd5e1; }
.dmov-importe span[b-35otps96mq] { font-size: 22px; font-weight: 700; opacity: .75; min-width: 24px; }
.dmov-importe.gasto[b-35otps96mq] { color: #ef4444; }
.dmov-importe.ingreso[b-35otps96mq] { color: #16a34a; }
.dmov-importe.gasto:focus-within[b-35otps96mq] { border-bottom-color: #ef4444; }
.dmov-importe.ingreso:focus-within[b-35otps96mq] { border-bottom-color: #16a34a; }
.dmov-importe input[b-35otps96mq] { color: inherit; }

.dmov-categorias[b-35otps96mq] { display: flex; flex-wrap: wrap; gap: 6px; }
.dmov-categoria[b-35otps96mq] {
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
    border: 1.5px solid transparent; background: var(--pl-panel-alto); cursor: pointer;
    font: inherit; font-size: 12.5px; font-weight: 600; color: #475569;
}
.dmov-categoria__icono[b-35otps96mq] { font-size: 14px; line-height: 1; }
.dmov-categoria:hover[b-35otps96mq] { border-color: var(--color-cat, var(--pl-borde-alto)); }
.dmov-categoria.activa[b-35otps96mq] {
    border-color: var(--color-cat, var(--pl-marca)); color: var(--pl-texto); font-weight: 750;
    background: color-mix(in srgb, var(--color-cat, #94a3b8) 14%, var(--pl-panel));
}

.dmov-interruptor[b-35otps96mq] {
    display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin-bottom: 16px;
    background: var(--pl-fondo); border-radius: 10px; cursor: pointer;
}
.dmov-interruptor input[b-35otps96mq] { width: 16px; height: 16px; margin-top: 2px; accent-color: #ef4444; }
.dmov-interruptor span[b-35otps96mq] { display: flex; flex-direction: column; }
.dmov-interruptor b[b-35otps96mq] { font-size: 13px; }
.dmov-interruptor small[b-35otps96mq] { font-size: 12px; color: var(--pl-suave); }

.dmov-recibo[b-35otps96mq] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px;
    background: var(--pl-fondo); border-radius: 10px; font-size: 13px;
}
.dmov-recibo__miniatura[b-35otps96mq] {
    width: 52px; height: 52px; flex: 0 0 52px; border-radius: 8px; overflow: hidden; display: block;
    border: 1px solid var(--pl-borde); background: var(--pl-panel);
}
.dmov-recibo__miniatura img[b-35otps96mq] { width: 100%; height: 100%; object-fit: cover; display: block; }
.dmov-recibo__icono[b-35otps96mq] {
    width: 40px; height: 40px; flex: 0 0 40px; border-radius: 8px; display: grid; place-items: center;
    background: var(--pl-panel); font-size: 20px;
}
.dmov-recibo__texto[b-35otps96mq] { flex: 1; min-width: 140px; display: flex; flex-direction: column; }
.dmov-recibo__texto b[b-35otps96mq] { font-size: 13px; }
.dmov-recibo__texto small[b-35otps96mq] { font-size: 12px; color: var(--pl-suave); }
.dmov-recibo__subir[b-35otps96mq] { cursor: pointer; }
.dmov-recibo__subir.pl-btn--deshabilitado[b-35otps96mq] { pointer-events: none; opacity: .6; }

.dmov-guardar.gasto[b-35otps96mq] { background: #ef4444; border-color: #ef4444; }
.dmov-guardar.ingreso[b-35otps96mq] { background: #16a34a; border-color: #16a34a; }
.dmov-guardar.gasto:hover:not(:disabled)[b-35otps96mq] { background: #dc2626; border-color: #dc2626; }
.dmov-guardar.ingreso:hover:not(:disabled)[b-35otps96mq] { background: #15803d; border-color: #15803d; }
/* /Components/Shared/FacturaDatosFacturacion.razor.rz.scp.css */
/* Datos de facturación (emisor). Lo común sale de panel.css. */

.df-derecha[b-drqawntrtp] { margin-left: auto; }
.df-intro[b-drqawntrtp] { color: var(--pl-suave); font-size: 13px; margin-bottom: 14px; }
.df-titulo[b-drqawntrtp] { margin-top: 18px; }
.df-paises[b-drqawntrtp] { margin-bottom: 6px; }
.df-pais small[b-drqawntrtp] { color: var(--pl-suave); font-size: 12px; }
.df-nota[b-drqawntrtp] { margin: 4px 0 12px; }
.df-rejilla[b-drqawntrtp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.df-rejilla--tres[b-drqawntrtp] { grid-template-columns: 120px repeat(2, minmax(0, 1fr)); }

.df-emisor[b-drqawntrtp] {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; margin-bottom: 8px;
    border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-panel);
    font: inherit; text-align: left; color: var(--pl-texto); cursor: pointer;
}
.df-emisor:hover[b-drqawntrtp] { border-color: var(--pl-marca); background: var(--pl-marca-suave); }
.df-emisor__icono[b-drqawntrtp] {
    flex: 0 0 34px; width: 34px; height: 34px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; color: var(--pl-marca); background: var(--pl-marca-suave);
}
.df-emisor__texto[b-drqawntrtp] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.df-emisor__texto small[b-drqawntrtp] { font-size: 12px; color: var(--pl-suave); }

@media (max-width: 560px) {
    .df-rejilla[b-drqawntrtp], .df-rejilla--tres[b-drqawntrtp] { grid-template-columns: 1fr; }
}
/* /Components/Shared/FacturaDetalle.razor.rz.scp.css */
/* Cajón de una factura o proforma. Lo común (cajón, pestañas, campos, chips, botones, modal) sale de panel.css. */

.fd-cajon[b-we164au41m] { width: min(600px, 100%); }

.fd-titulo[b-we164au41m] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fd-titulo > span:last-child[b-we164au41m] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fd-icono[b-we164au41m] {
    flex: 0 0 30px; width: 30px; height: 30px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px;
    --tono: var(--pl-azul); color: var(--tono); background: color-mix(in srgb, var(--tono) 12%, transparent);
}
.fd-icono.verde[b-we164au41m] { --tono: var(--pl-verde); }
.fd-icono.gris[b-we164au41m] { --tono: var(--pl-suave); }

.fd-suave[b-we164au41m] { color: var(--pl-suave); }
.fd-rojo[b-we164au41m] { color: var(--pl-rojo); font-weight: 650; }
.fd-verde[b-we164au41m] { color: var(--pl-verde); }

/* ------------------------------------------------------------ cabecera con el importe */

.fd-hero[b-we164au41m] {
    display: flex; flex-direction: column; gap: 2px;
    padding: 16px 20px 14px; background: linear-gradient(180deg, var(--pl-marca-suave), var(--pl-panel));
}
.fd-hero.cobrada[b-we164au41m] { background: linear-gradient(180deg, var(--pl-verde-suave), var(--pl-panel)); }
.fd-hero.anulada[b-we164au41m] { background: linear-gradient(180deg, var(--pl-panel-alto), var(--pl-panel)); }
.fd-hero.anulada strong[b-we164au41m] { text-decoration: line-through; color: var(--pl-suave); }
.fd-chips[b-we164au41m] { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.fd-cliente[b-we164au41m] { font-size: 17px; font-weight: 800; overflow-wrap: anywhere; }
.fd-hero > small[b-we164au41m] { color: var(--pl-suave); font-size: 12.5px; }
.fd-hero strong[b-we164au41m] { font-size: 28px; font-weight: 850; letter-spacing: -.8px; line-height: 1.2; margin-top: 6px; }
.fd-hero.cobrada strong[b-we164au41m] { color: var(--pl-verde); }
.fd-meta[b-we164au41m] { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--pl-suave); }

.fd-pestanas[b-we164au41m] { padding: 0 20px; }

/* ------------------------------------------------------------ avisos */

.fd-banner[b-we164au41m] {
    display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-bottom: 14px;
    border-radius: 10px; background: var(--pl-acento-suave); border: 1px solid #f5d9a8; color: var(--pl-ambar);
}
.fd-banner > div[b-we164au41m] { flex: 1; display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; }
.fd-banner b[b-we164au41m] { font-size: 13px; }
.fd-banner--rojo[b-we164au41m] { background: #fdecec; border-color: #f4c9ca; color: var(--pl-rojo); }

/* ------------------------------------------------------------ secciones */

.fd-seccion[b-we164au41m] { padding: 4px 0 16px; margin-bottom: 14px; border-bottom: 1px solid var(--pl-borde); }
.fd-seccion:last-child[b-we164au41m] { border-bottom: 0; margin-bottom: 0; }
.fd-seccion .pl-tarjeta__titulo[b-we164au41m] { margin-bottom: 10px; }

.fd-linea[b-we164au41m] { display: flex; align-items: flex-start; gap: 10px; padding: 7px 0; }
.fd-linea + .fd-linea[b-we164au41m] { border-top: 1px dashed var(--pl-borde); }
.fd-linea > div[b-we164au41m] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.fd-linea b[b-we164au41m] { font-weight: 700; overflow-wrap: anywhere; }
.fd-linea small[b-we164au41m] { font-size: 12px; color: var(--pl-suave); }
.fd-linea > span[b-we164au41m] { font-weight: 700; white-space: nowrap; }

.fd-fila[b-we164au41m] { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; font-size: 13px; }
.fd-fila > span:first-child[b-we164au41m] { color: var(--pl-suave); }
.fd-fila > span:last-child[b-we164au41m] { white-space: nowrap; font-weight: 600; }
.fd-fila--fuerte[b-we164au41m] { font-size: 15px; }
.fd-fila--fuerte > span[b-we164au41m] { color: var(--pl-texto) !important; font-weight: 800 !important; }
.fd-separador[b-we164au41m] { border: 0; border-top: 1px solid var(--pl-borde); margin: 8px 0; }

.fd-progreso[b-we164au41m] { height: 6px; margin: 6px 0 4px; border-radius: 99px; background: var(--pl-panel-alto); overflow: hidden; }
.fd-progreso i[b-we164au41m] { display: block; height: 100%; border-radius: 99px; background: var(--pl-verde); transition: width .3s; }

.fd-cobro__form[b-we164au41m] { margin-top: 10px; padding: 14px; border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-fondo); }
.fd-cobro__rapidos[b-we164au41m] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: -6px 0 12px; }
.fd-cobro__rapidos small[b-we164au41m] { font-size: 12px; color: var(--pl-suave); margin-left: 4px; }
.fd-rejilla[b-we164au41m] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.fd-botones[b-we164au41m] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fd-botones .pl-btn--principal[b-we164au41m] { margin-left: auto; }

.fd-btn-verde[b-we164au41m] { background: var(--pl-verde) !important; border-color: var(--pl-verde) !important; color: #fff !important; }
.fd-btn-verde:hover:not(:disabled)[b-we164au41m] { background: var(--pl-verde-alto) !important; }
.fd-btn-rojo[b-we164au41m] { background: var(--pl-rojo); border-color: var(--pl-rojo); color: #fff; }
.fd-btn-rojo:hover:not(:disabled)[b-we164au41m] { background: #b02a2e; }

.fd-datos[b-we164au41m] { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px 14px; margin: 0; font-size: 13px; }
.fd-datos dt[b-we164au41m] { color: var(--pl-suave); font-weight: 650; font-size: 12px; padding-top: 1px; }
.fd-datos dd[b-we164au41m] { margin: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.fd-datos dd small[b-we164au41m] { font-size: 12px; color: var(--pl-suave); }
.fd-notas[b-we164au41m] { white-space: pre-wrap; }
.fd-proyecto[b-we164au41m] { display: inline-flex; align-items: center; gap: 6px; }
.fd-proyecto i[b-we164au41m] { width: 9px; height: 9px; border-radius: 50%; }

.fd-acciones[b-we164au41m] { display: flex; flex-direction: column; gap: 6px; }
.fd-accion[b-we164au41m] {
    --tono: var(--pl-marca); --tono-suave: var(--pl-marca-suave);
    display: flex; align-items: center; gap: 12px; padding: 9px 12px; width: 100%;
    border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-panel);
    font: inherit; text-align: left; color: var(--pl-texto); text-decoration: none; cursor: pointer;
}
.fd-accion:hover:not(:disabled)[b-we164au41m] { border-color: var(--tono); background: var(--tono-suave); }
.fd-accion:disabled[b-we164au41m] { opacity: .5; cursor: not-allowed; }
.fd-accion > span:last-child[b-we164au41m] { display: flex; flex-direction: column; min-width: 0; }
.fd-accion b[b-we164au41m] { font-size: 13px; font-weight: 700; }
.fd-accion small[b-we164au41m] { font-size: 11.5px; color: var(--pl-suave); }
.fd-accion__icono[b-we164au41m] {
    flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--tono-suave); color: var(--tono); font-size: 15px;
}
.fd-accion--rojo[b-we164au41m] { --tono: var(--pl-rojo); --tono-suave: #fdecec; }
.fd-accion--rojo b[b-we164au41m] { color: var(--pl-rojo); }

.fd-eventos[b-we164au41m] { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid var(--pl-borde); }
.fd-eventos li[b-we164au41m] { position: relative; display: flex; flex-direction: column; padding: 0 0 14px 6px; }
.fd-eventos li[b-we164au41m]::before {
    content: ""; position: absolute; left: -20px; top: 5px; width: 10px; height: 10px; border-radius: 50%;
    background: var(--pl-panel); border: 2px solid var(--pl-marca);
}
.fd-eventos b[b-we164au41m] { font-size: 13px; }
.fd-eventos small[b-we164au41m] { font-size: 12px; color: var(--pl-suave); }

.fd-pie__hueco[b-we164au41m] { flex: 1; }
.fd-pie__derecha[b-we164au41m] { margin-left: auto; }

/* ------------------------------------------------------------ confirmaciones */

.fd-modal-fondo[b-we164au41m] { z-index: 140; }
.fd-modal[b-we164au41m] { width: min(460px, 100%); }
.fd-modal p[b-we164au41m] { line-height: 1.5; }
.fd-modal__campo[b-we164au41m] { margin: 14px 0 0; }
.fd-resumen[b-we164au41m] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 12px; padding: 10px 12px;
    border-radius: 10px; background: var(--pl-panel-alto); font-size: 13px;
}
.fd-resumen b[b-we164au41m] { margin-left: auto; }
.fd-pregunta[b-we164au41m] { margin-top: 12px; font-size: 14px; }

@media (max-width: 560px) {
    .fd-datos[b-we164au41m] { grid-template-columns: 1fr; gap: 2px; }
    .fd-datos dd[b-we164au41m] { margin-bottom: 8px; }
    .fd-rejilla[b-we164au41m] { grid-template-columns: 1fr; }
}
/* /Components/Shared/FacturaFormulario.razor.rz.scp.css */
/* Borrador de factura o proforma. Lo común (cajón, campos, chips, botones) sale de panel.css. */

.ff-cajon[b-ecrfe1uqxr] { width: min(760px, 100%); }
.ff-derecha[b-ecrfe1uqxr] { margin-left: auto; }
.ff-suave[b-ecrfe1uqxr] { color: var(--pl-suave); font-size: 13px; }

.ff-seccion[b-ecrfe1uqxr] { padding: 2px 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--pl-borde); }
.ff-seccion:last-child[b-ecrfe1uqxr] { border-bottom: 0; margin-bottom: 0; }
.ff-seccion .pl-tarjeta__titulo[b-ecrfe1uqxr] { margin-bottom: 10px; }
.ff-seccion__cabecera[b-ecrfe1uqxr] { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ff-seccion__cabecera .pl-tarjeta__titulo[b-ecrfe1uqxr] { margin-bottom: 0; }
.ff-elegir[b-ecrfe1uqxr] { width: auto !important; max-width: 260px; padding: 6px 10px !important; font-size: 12.5px !important; }

.ff-emisor[b-ecrfe1uqxr] { margin-top: 14px; }
.ff-rejilla[b-ecrfe1uqxr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.ff-plazos[b-ecrfe1uqxr] { margin: -6px 0 14px; }

.ff-anadir[b-ecrfe1uqxr] {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; margin-bottom: 12px;
    border: 1px dashed var(--pl-borde-alto); border-radius: 12px; background: var(--pl-panel);
    font: inherit; text-align: left; color: var(--pl-texto); cursor: pointer;
}
.ff-anadir:hover[b-ecrfe1uqxr] { border-color: var(--pl-marca); background: var(--pl-marca-suave); }
.ff-anadir > span:first-child[b-ecrfe1uqxr] { font-size: 20px; }
.ff-anadir > span:last-child[b-ecrfe1uqxr] { display: flex; flex-direction: column; }
.ff-anadir small[b-ecrfe1uqxr] { font-size: 12px; color: var(--pl-suave); }

.ff-linea[b-ecrfe1uqxr] { padding: 12px; margin-bottom: 10px; border: 1px solid var(--pl-borde); border-radius: 12px; background: var(--pl-fondo); }
.ff-linea .pl-campo[b-ecrfe1uqxr] { margin-bottom: 8px; }
.ff-linea__cabecera[b-ecrfe1uqxr] { display: flex; align-items: flex-end; gap: 8px; }
.ff-linea__cabecera .pl-campo[b-ecrfe1uqxr] { flex: 1; }
.ff-linea__numeros[b-ecrfe1uqxr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 0 8px; }
.ff-quitar[b-ecrfe1uqxr] {
    flex: 0 0 34px; width: 34px; height: 36px; margin-bottom: 8px; border-radius: 9px;
    border: 1px solid #f0c4c5; background: var(--pl-panel); color: var(--pl-rojo);
    font: inherit; font-size: 18px; line-height: 1; cursor: pointer;
}
.ff-quitar:hover[b-ecrfe1uqxr] { background: #fdecec; }
.ff-falta[b-ecrfe1uqxr] { border-color: var(--pl-rojo) !important; color: var(--pl-rojo); }
.ff-base[b-ecrfe1uqxr] { margin: 2px 0 0; text-align: right; font-size: 12.5px; color: var(--pl-suave); }
.ff-anadir-linea[b-ecrfe1uqxr] { width: 100%; justify-content: center; }

.ff-fila[b-ecrfe1uqxr] { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; font-size: 13px; }
.ff-fila > span:first-child[b-ecrfe1uqxr] { color: var(--pl-suave); }
.ff-fila > span:last-child[b-ecrfe1uqxr] { white-space: nowrap; font-weight: 600; }
.ff-fila--fuerte[b-ecrfe1uqxr] { margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--pl-borde); font-size: 15px; }
.ff-fila--fuerte > span[b-ecrfe1uqxr] { color: var(--pl-texto) !important; font-weight: 800 !important; }
.ff-avisos[b-ecrfe1uqxr] {
    display: flex; flex-direction: column; gap: 2px; margin-top: 10px; padding: 10px 12px; border-radius: 10px;
    background: var(--pl-acento-suave); border: 1px solid #f5d9a8; color: var(--pl-ambar); font-size: 12.5px;
}

@keyframes ff-girar-b-ecrfe1uqxr { to { transform: rotate(360deg); } }
.ff-girando[b-ecrfe1uqxr] {
    width: 14px; height: 14px; border-radius: 50%;
    border: 2px solid var(--pl-borde-alto); border-top-color: var(--pl-marca); animation: ff-girar-b-ecrfe1uqxr .8s linear infinite;
}

@media (max-width: 600px) {
    .ff-rejilla[b-ecrfe1uqxr] { grid-template-columns: 1fr; }
    .ff-elegir[b-ecrfe1uqxr] { max-width: 180px; }
}
/* /Components/Shared/SeoAsistente.razor.rz.scp.css */
.sia[b-usj9cdlrjr]{padding:26px;margin-bottom:24px;border:1px solid #bcd4df}.sia-titulo[b-usj9cdlrjr]{display:flex;gap:14px;align-items:flex-start}.sia-titulo>span[b-usj9cdlrjr]{background:#173d54;color:#fff;padding:10px;border-radius:10px;font-size:13px;font-weight:800}.sia h3[b-usj9cdlrjr]{margin:0 0 7px;font-size:19px}.sia-titulo p[b-usj9cdlrjr],.sia-pie p[b-usj9cdlrjr]{font-size:13px;color:#60768a;line-height:1.6;margin:0}.sia-form[b-usj9cdlrjr]{display:flex;gap:18px;align-items:flex-start;margin-top:22px}.sia-form label[b-usj9cdlrjr]{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;min-width:180px}.sia-pregunta[b-usj9cdlrjr]{flex:1}.sia select[b-usj9cdlrjr],.sia textarea[b-usj9cdlrjr]{font:inherit;font-size:14px;font-weight:400;padding:12px;border:1px solid #c4d3df;border-radius:9px;background:#fff;color:#243b53;width:100%;box-sizing:border-box}.sia textarea[b-usj9cdlrjr]{resize:vertical;line-height:1.6}.sia-pie[b-usj9cdlrjr]{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:15px}.sia-pie p[b-usj9cdlrjr]{max-width:650px;font-size:12px}.sia-pie button[b-usj9cdlrjr]{white-space:nowrap}.sia-error[b-usj9cdlrjr],.sia-advertencia[b-usj9cdlrjr]{color:#8b5c17;background:#fff5e6;padding:13px;border-radius:8px;font-size:13px;line-height:1.6}.sia-resultado[b-usj9cdlrjr]{border-top:1px solid #dce6ee;margin-top:22px;padding-top:22px}.sia-meta[b-usj9cdlrjr]{font-size:11px;color:#60768a}.sia-resumen[b-usj9cdlrjr]{font-size:15px;line-height:1.7}.sia-acciones[b-usj9cdlrjr]{list-style:none;padding:0;display:grid;gap:14px}.sia-acciones li[b-usj9cdlrjr]{padding:19px;border-radius:11px;background:#f4f8fa;border:1px solid #e1eaf0}.sia-prioridad[b-usj9cdlrjr]{display:inline-block;color:#276b82;background:#dfedf2;padding:4px 9px;border-radius:15px;font-size:11px;font-weight:750}.sia h4[b-usj9cdlrjr]{margin:12px 0;font-size:15px;line-height:1.6}.sia-acciones p[b-usj9cdlrjr],.sia-limites[b-usj9cdlrjr]{font-size:13px;line-height:1.7;color:#506779}.sia-resultado small[b-usj9cdlrjr]{color:#60768a;font-size:12px}@media(max-width:700px){.sia[b-usj9cdlrjr]{padding:18px}.sia-form[b-usj9cdlrjr],.sia-pie[b-usj9cdlrjr]{flex-direction:column;align-items:stretch}.sia-pie[b-usj9cdlrjr]{gap:14px}.sia-form label[b-usj9cdlrjr]{min-width:0}}
/* /Components/Shared/SeoComparativa.razor.rz.scp.css */
.sc-panel[b-vt4xn9uux2]{padding:28px;border:1px solid #e1e9ee;border-radius:20px;margin-bottom:24px}.sc-header[b-vt4xn9uux2]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.sc-eyebrow[b-vt4xn9uux2]{font-size:10px;letter-spacing:1.4px;color:#658494;font-weight:750}.sc-header h2[b-vt4xn9uux2]{font-size:23px;color:#183d51;letter-spacing:-.5px;margin:10px 0 8px}.sc-header p[b-vt4xn9uux2]{font-size:12px;color:#6c8493;margin:0;line-height:1.6}.sc-header label[b-vt4xn9uux2]{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#6c8493;min-width:210px}.sc-header select[b-vt4xn9uux2]{padding:11px 13px;background:#f7fafb;border:1px solid #dce6ec;border-radius:10px;color:#294e64;font:inherit;font-size:13px}.sc-grid[b-vt4xn9uux2]{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.sc-empresa[b-vt4xn9uux2]{display:block;text-decoration:none;padding:15px 17px;border:1px solid #e6edf1;border-radius:12px;background:#fbfcfd;transition:background .2s,border-color .2s}.sc-empresa:hover[b-vt4xn9uux2],.sc-empresa:focus-visible[b-vt4xn9uux2]{background:#f0f8f7;border-color:#8bcac2;outline:2px solid transparent}.sc-nombre[b-vt4xn9uux2]{display:flex;align-items:center;justify-content:space-between;color:#294c60;font-size:13px}.sc-nombre>span[b-vt4xn9uux2]{font-weight:650}.sc-nombre strong[b-vt4xn9uux2]{font-size:20px;letter-spacing:-.4px}.sc-nombre i[b-vt4xn9uux2]{font-size:13px;font-style:normal;color:#8ba4b1;margin-left:13px}.sc-track[b-vt4xn9uux2]{height:7px;background:#eaf0f3;border-radius:8px;margin:11px 0 7px;overflow:hidden}.sc-track>span[b-vt4xn9uux2]{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#168b87,#63bcb3);transition:width .45s}.sc-empresa small[b-vt4xn9uux2]{font-size:10px;color:#7c93a1}.sc-nota[b-vt4xn9uux2]{font-size:11px;line-height:1.7;color:#7a909e;margin:18px 0 0}@media(max-width:700px){.sc-panel[b-vt4xn9uux2]{padding:18px}.sc-header[b-vt4xn9uux2]{flex-direction:column;align-items:stretch;gap:16px}.sc-grid[b-vt4xn9uux2]{grid-template-columns:1fr;gap:10px}}@media(prefers-reduced-motion:reduce){.sc-track>span[b-vt4xn9uux2],.sc-empresa[b-vt4xn9uux2]{transition:none}}
/* /Components/Shared/SeoGraficos.razor.rz.scp.css */
.seo-graficos[b-4jbovzoz03]{margin:22px 0;color:#183d51}.sg-kpis[b-4jbovzoz03]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.sg-kpi[b-4jbovzoz03]{position:relative;overflow:hidden;padding:22px 24px;background:#fff;border:1px solid #e1e9ee;border-radius:18px;box-shadow:0 4px 16px #183d5104}.sg-kpi[b-4jbovzoz03]:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;background:currentColor;border-radius:0 4px 4px 0}.teal[b-4jbovzoz03]{color:#168b87}.violet[b-4jbovzoz03]{color:#7961c5}.blue[b-4jbovzoz03]{color:#397ec2}.amber[b-4jbovzoz03]{color:#b6812e}.sg-kpi>span[b-4jbovzoz03]{font-size:12px;color:#5a7181;font-weight:650}.sg-kpi strong[b-4jbovzoz03]{display:block;margin:12px 0 10px;font-size:clamp(26px,2.7vw,38px);font-weight:750;letter-spacing:-1px;color:#183d51}.sg-kpi small[b-4jbovzoz03]{display:block;color:#687f8f;line-height:1.5;font-size:11px}.sg-card[b-4jbovzoz03]{padding:26px;border-radius:20px;border:1px solid #e1e9ee;box-shadow:0 4px 20px #183d5104;min-width:0}.sg-evolucion[b-4jbovzoz03]{margin-bottom:22px}.sg-eyebrow[b-4jbovzoz03]{display:block;font-size:10px;letter-spacing:1.4px;color:#77909f;font-weight:750;margin-bottom:9px}.sg-card h3[b-4jbovzoz03]{margin:0;color:#183d51;font-size:19px;letter-spacing:-.3px}.sg-card p[b-4jbovzoz03],.sg-card small[b-4jbovzoz03]{font-size:12px;line-height:1.6;color:#698190}.sg-card p[b-4jbovzoz03]{margin:9px 0}.sg-cabecera[b-4jbovzoz03],.sg-chart-toolbar[b-4jbovzoz03]{display:flex;align-items:center;justify-content:space-between;gap:18px}.sg-chart-toolbar[b-4jbovzoz03]{margin:22px 0 4px;padding-top:20px;border-top:1px solid #edf1f4}.sg-controles[b-4jbovzoz03]{display:flex;gap:3px;background:#f1f5f7;padding:4px;border:1px solid #e4ecef;border-radius:11px}.sg-controles button[b-4jbovzoz03]{border:0;background:transparent;color:#587082;padding:8px 15px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.sg-controles [aria-pressed=true][b-4jbovzoz03]{background:#fff;color:#173d54;font-weight:700;box-shadow:0 2px 7px #173d5412}.sg-controles button:focus-visible[b-4jbovzoz03],.sg-leyenda button:focus-visible[b-4jbovzoz03]{outline:2px solid #168b87;outline-offset:3px}.sg-lectura span[b-4jbovzoz03]{font-size:11px;color:#698190}.sg-lectura strong[b-4jbovzoz03]{display:block;font-size:26px;letter-spacing:-.6px;margin-top:4px}.sg-lectura strong small[b-4jbovzoz03]{font-size:12px;font-weight:500;letter-spacing:0}.sg-filtros[b-4jbovzoz03]{display:flex;align-items:center;gap:14px}.sg-filtros label[b-4jbovzoz03]{display:flex;align-items:center;gap:9px;color:#698190;font-size:12px}.sg-filtros select[b-4jbovzoz03]{font:inherit;padding:10px 12px;color:#264a5c;border:1px solid #dae5eb;border-radius:9px;background:#fff}.sg-chart[b-4jbovzoz03]{display:block;width:100%;max-height:340px;margin-top:14px;overflow:visible}.sg-chart text[b-4jbovzoz03]{font-family:inherit;fill:#7b91a0;font-size:11px}.sg-grid[b-4jbovzoz03]{stroke:#eaf0f3;stroke-dasharray:3 5}.sg-cursor[b-4jbovzoz03]{pointer-events:none}.sg-hit[b-4jbovzoz03]{cursor:crosshair}.sg-hit:focus[b-4jbovzoz03]{outline:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 4;fill:#168b8707}.sg-bar[b-4jbovzoz03]{transition:y .25s,height .25s,opacity .2s}.sg-chart-pie[b-4jbovzoz03]{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7b91a0;line-height:1.6;padding:8px 0 16px}.sg-card details[b-4jbovzoz03]{border-top:1px solid #edf1f4;padding-top:14px}.sg-card summary[b-4jbovzoz03]{cursor:pointer;color:#527184;font-size:12px;font-weight:650}.sg-columnas[b-4jbovzoz03]{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sg-comparacion[b-4jbovzoz03]{display:flex;align-items:center;gap:15px;margin:20px 0}.sg-comparacion>strong[b-4jbovzoz03]{font-size:34px;letter-spacing:-1px}.sg-comparacion>span[b-4jbovzoz03]{font-size:11px;color:#36776f;background:#edf7f4;padding:7px 11px;border-radius:20px}.sg-barra[b-4jbovzoz03]{margin:17px 0}.sg-barra>div:first-child[b-4jbovzoz03]{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px;color:#5b7484}.sg-barra strong[b-4jbovzoz03]{color:#274c60}.sg-pista[b-4jbovzoz03]{height:12px;background:#eff4f6;border-radius:8px;overflow:hidden}.sg-pista span[b-4jbovzoz03]{display:block;height:100%;border-radius:8px;transition:width .5s ease}.actual[b-4jbovzoz03]{background:linear-gradient(90deg,#168b87,#51b7ad)}.anterior[b-4jbovzoz03]{background:#bcced9}.sg-mini[b-4jbovzoz03]{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #eaf0f3;margin-top:23px;padding-top:20px}.sg-mini span[b-4jbovzoz03]{display:block;font-size:11px;color:#6a8494}.sg-mini strong[b-4jbovzoz03]{display:block;font-size:23px;margin:8px 0}.sg-mini small[b-4jbovzoz03]{display:block;font-size:10px}.sg-donut-layout[b-4jbovzoz03]{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px 0}.sg-donut[b-4jbovzoz03]{flex:none;width:170px;height:170px;border-radius:50%;background:conic-gradient(#168b87 0 var(--organico),#c3d4e3 var(--organico) 100%);padding:21px;transition:filter .25s}.sg-donut-resto[b-4jbovzoz03]{background:conic-gradient(#67b9b2 0 var(--organico),#527b9d var(--organico) 100%)}.sg-donut>div[b-4jbovzoz03]{height:100%;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 0 0 6px #ffffff66}.sg-donut strong[b-4jbovzoz03]{font-size:24px;letter-spacing:-.7px}.sg-donut span[b-4jbovzoz03]{font-size:11px;color:#698190}.sg-leyenda[b-4jbovzoz03]{flex:1;min-width:0}.sg-leyenda button[b-4jbovzoz03]{display:flex;align-items:center;gap:9px;width:100%;padding:13px 10px;margin-bottom:7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#527184;text-align:left;font:inherit;font-size:12px;cursor:pointer}.sg-leyenda button.elegido[b-4jbovzoz03]{background:#f0f7f7;border-color:#d5eae7}.sg-leyenda strong[b-4jbovzoz03]{margin-left:auto;color:#23485e;font-size:15px}.sg-dot[b-4jbovzoz03]{width:8px;height:8px;background:#168b87;border-radius:50%;flex:none}.sg-dot.resto[b-4jbovzoz03]{background:#a9bfd2}.sg-leyenda small[b-4jbovzoz03]{font-size:10px}.sg-pendiente[b-4jbovzoz03]{padding:35px 22px;border:1px dashed #d1dfe7;background:#f8fafb;border-radius:12px;margin:20px 0;color:#6e8595;font-size:13px;line-height:1.7}@media(min-width:1500px){.sg-evolucion[b-4jbovzoz03]{padding:30px 38px}.sg-chart[b-4jbovzoz03]{max-height:370px}}@media(max-width:1050px){.sg-columnas[b-4jbovzoz03]{grid-template-columns:1fr}.sg-kpis[b-4jbovzoz03]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sg-card[b-4jbovzoz03]{padding:18px}.sg-kpis[b-4jbovzoz03]{gap:10px}.sg-kpi[b-4jbovzoz03]{padding:17px}.sg-kpi strong[b-4jbovzoz03]{font-size:26px}.sg-cabecera[b-4jbovzoz03],.sg-chart-toolbar[b-4jbovzoz03]{align-items:flex-start;flex-direction:column}.sg-filtros[b-4jbovzoz03]{width:100%;flex-wrap:wrap;justify-content:space-between;gap:10px}.sg-controles button[b-4jbovzoz03]{padding:8px 12px}.sg-chart[b-4jbovzoz03]{min-height:190px}.sg-chart-pie[b-4jbovzoz03]{flex-direction:column;gap:4px}.sg-donut-layout[b-4jbovzoz03]{gap:15px}.sg-donut[b-4jbovzoz03]{width:132px;height:132px;padding:17px}.sg-donut strong[b-4jbovzoz03]{font-size:20px}.sg-leyenda button[b-4jbovzoz03]{padding:10px 6px;font-size:11px}.sg-comparacion[b-4jbovzoz03]{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.sg-bar[b-4jbovzoz03],.sg-pista span[b-4jbovzoz03],.sg-controles button[b-4jbovzoz03],.sg-donut[b-4jbovzoz03]{transition:none}}
/* /Components/Shared/ViajeFormulario.razor.rz.scp.css */
/* Formulario de viaje: vista previa de la portada, selector de color e icono. */

.vjf__vista[b-0np7wxolu8] {
    --vjf-color: #0EA5E9;
    display: flex; align-items: center; gap: 14px;
    min-height: 96px; padding: 16px 18px; margin-bottom: 18px;
    border-radius: 16px; color: #fff;
    background: linear-gradient(135deg, var(--vjf-color), color-mix(in srgb, var(--vjf-color) 62%, #000));
    background-size: cover; background-position: center;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .14);
}
.vjf__vista-icono[b-0np7wxolu8] { font-size: 34px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,.2)); }
.vjf__vista strong[b-0np7wxolu8] { display: block; font-size: 18px; font-weight: 800; letter-spacing: -.3px; }
.vjf__vista small[b-0np7wxolu8] { display: block; font-size: 12.5px; opacity: .85; }

.vjf__seccion[b-0np7wxolu8] {
    margin: 18px 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .9px;
    text-transform: uppercase; color: var(--pl-suave);
}
.vjf__dos[b-0np7wxolu8] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
.vjf__nota[b-0np7wxolu8] { margin: -6px 0 6px; }

.vjf__colores[b-0np7wxolu8] { display: flex; gap: 8px; flex-wrap: wrap; }
.vjf__color[b-0np7wxolu8] {
    width: 28px; height: 28px; border-radius: 50%; border: 3px solid #fff; padding: 0; cursor: pointer;
    box-shadow: 0 0 0 1px var(--pl-borde-alto);
}
.vjf__color.activo[b-0np7wxolu8] { box-shadow: 0 0 0 2px var(--pl-texto); }

.vjf__iconos[b-0np7wxolu8] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.vjf__icono[b-0np7wxolu8] {
    width: 36px; height: 36px; border-radius: 10px; font-size: 18px; cursor: pointer;
    border: 1px solid var(--pl-borde); background: var(--pl-panel);
}
.vjf__icono:hover[b-0np7wxolu8] { background: var(--pl-panel-alto); }
.vjf__icono.activo[b-0np7wxolu8] { border-color: var(--pl-marca); background: var(--pl-marca-suave); box-shadow: 0 0 0 2px rgba(51,78,104,.15); }

.vjf__portada[b-0np7wxolu8] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
/* Subir portada: el <input type=file> de InputFile va dentro de la etiqueta (invisible pero en el DOM). */
.vjf__subir[b-0np7wxolu8] { position: relative; overflow: hidden; cursor: pointer; }
.vjf__subir.ocupado[b-0np7wxolu8] { opacity: .7; cursor: progress; }
.vjf__subir[b-0np7wxolu8]  input[type=file] {
    position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: inherit; font-size: 0;
}
.vjf__enlace[b-0np7wxolu8] { margin-top: 8px; }
.vjf__enlace summary[b-0np7wxolu8] { font-size: 12px; color: var(--pl-suave); cursor: pointer; margin-bottom: 6px; }

@media (max-width: 520px) {
    .vjf__dos[b-0np7wxolu8] { grid-template-columns: minmax(0, 1fr); }
}