{{--
    Tema "Plenário Feira Grande" — CSS.

    Reprodução do painel público homologado do PHP puro de Feira Grande
    (feiragrande/public/painel.php). Valores (cores, raios, sombras,
    tamanhos, animações) copiados de lá. TODAS as regras começam por
    .lg-publico-php e este bloco só é renderizado quando o tema ativo é
    'plenario_feiragrande' (ver resultado-ao-vivo.blade.php) — o CSS dos
    demais temas nem chega a ser renderizado junto com este, e vice-versa.

    Camadas fixas usam z-index ABAIXO de 70 de propósito: o botão
    "Ativar som do painel" da raiz do componente (compartilhado por todos
    os temas) fica em z-index 70 e precisa continuar clicável.
--}}
<style>
    /* ===================== Base ===================== */
    .lg-publico-php {
        --cardMin: 380px;
        --avatarSize: 96px;
        --cardPad: 24px;
        --cardGap: 16px;
        --nameSize: 1.2rem;
        --badgeSize: .95rem;
        --fg-text: #0f172a;
        --fg-muted: #64748b;
        --fg-border: #e5e7eb;
        --fg-shadow-sm: 0 6px 18px rgba(2, 6, 23, .06);
        --fg-shadow-lg: 0 26px 70px rgba(2, 6, 23, .15);

        flex: 1 0 auto;
        min-height: 100dvh;
        font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
        color: var(--fg-text);
        background-color: #010814;
        background-image:
            radial-gradient(900px 420px at 0 -60%, #bbf7d0 0 58%, transparent 59%),
            radial-gradient(900px 420px at 100% -60%, #bfdbfe 0 55%, transparent 56%);
        background-repeat: no-repeat;
        overflow-x: hidden;
    }

    .lg-publico-php *,
    .lg-publico-php *::before,
    .lg-publico-php *::after { box-sizing: border-box; }

    .lg-publico-php [x-cloak] { display: none !important; }

    .lg-publico-php .fg-wrap {
        width: min(1600px, 96vw);
        margin: 0 auto;
        padding: clamp(14px, 2vw, 22px) clamp(10px, 1.6vw, 16px);
    }

    /* ===================== Cabeçalho ===================== */
    .lg-publico-php .fg-headline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(10px);
        padding: 16px 24px;
        border-radius: 18px;
        box-shadow: var(--fg-shadow-lg);
        margin-bottom: 20px;
    }

    .lg-publico-php .fg-header-left { display: flex; align-items: center; gap: 16px; min-width: 260px; }
    .lg-publico-php .fg-logo { width: 60px; height: 60px; object-fit: contain; }

    .lg-publico-php .fg-title h1 {
        margin: 0;
        font-size: clamp(1.6rem, 2vw + 1rem, 2.4rem);
        font-weight: 900;
        background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .lg-publico-php .fg-meta { color: var(--fg-muted); }

    .lg-publico-php .fg-header-right {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .lg-publico-php .fg-live {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 18px;
        border-radius: 999px;
        background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 100%);
        color: #fff;
        font-weight: 1000;
        box-shadow: 0 12px 28px rgba(220, 38, 38, .28);
    }

    .lg-publico-php .fg-live-dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        animation: fgBlink 1s infinite;
    }

    .lg-publico-php .fg-live.fg-live-aguardando {
        background: linear-gradient(135deg, #334155 0%, #64748b 100%);
        box-shadow: 0 12px 28px rgba(51, 65, 85, .28);
    }

    .lg-publico-php .fg-live.fg-live-aguardando .fg-live-dot { animation: none; opacity: .7; }

    .lg-publico-php .fg-clock {
        min-width: 290px;
        padding: 14px 20px;
        border-radius: 18px;
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        color: #fff;
        box-shadow: 0 12px 30px rgba(2, 6, 23, .30);
        border: 1px solid rgba(255, 255, 255, .08);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .lg-publico-php .fg-clock-time {
        font-size: clamp(2rem, 2.2vw + 1rem, 3.6rem);
        font-weight: 1000;
        line-height: 1;
        letter-spacing: 2px;
        font-variant-numeric: tabular-nums;
        color: #fff;
        text-shadow: 0 4px 14px rgba(0, 0, 0, .35);
    }

    .lg-publico-php .fg-clock-date {
        margin-top: 8px;
        font-size: 1rem;
        font-weight: 700;
        color: #cbd5e1;
        letter-spacing: .4px;
        text-align: center;
    }

    /* ===================== Título de seção ===================== */
    .lg-publico-php .fg-h3 {
        margin: 18px 0 14px;
        font-size: 1.2rem;
        color: #fff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .lg-publico-php .fg-h3::before {
        content: '';
        width: 4px;
        height: 24px;
        background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
        border-radius: 2px;
    }

    .lg-publico-php .fg-h3-sub { color: #94a3b8; font-weight: 700; }

    .lg-publico-php .fg-aguardando {
        margin-top: 8px;
        color: #94a3b8;
        font-size: 1.05rem;
    }

    /* ===================== Grade de quórum ===================== */
    .lg-publico-php .fg-quorum-grid {
        display: grid;
        gap: 14px;
        align-content: start;
        grid-template-columns: repeat(auto-fit, minmax(var(--cardMin), 1fr));
    }

    .lg-publico-php .fg-card {
        background: #fff;
        border: 1px solid var(--fg-border);
        border-radius: 22px;
        box-shadow: var(--fg-shadow-sm);
        padding: var(--cardPad);
        display: grid;
        grid-template-columns: var(--avatarSize) 1fr;
        gap: var(--cardGap);
        align-items: center;
        position: relative;
        overflow: hidden;
        color: var(--fg-text);
        transition: box-shadow .3s ease, transform .3s ease;
    }

    .lg-publico-php .fg-card.sem-foto { grid-template-columns: 1fr; }

    .lg-publico-php .fg-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
    }

    .lg-publico-php .fg-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #e5e7eb 0%, #cbd5e1 100%);
        transition: background .3s ease;
    }

    .lg-publico-php .fg-card-info { min-width: 0; }

    .lg-publico-php .fg-card.present {
        background: linear-gradient(135deg, #0f9b0f 0%, #048f2d 100%);
        border-color: #088138;
        color: #fff;
    }

    .lg-publico-php .fg-card.present::before { background: linear-gradient(90deg, #039216 0%, #189b07 100%); }

    .lg-publico-php .fg-card.absent {
        background: #fff;
        border: 1px solid #fecaca;
        color: #111827;
        box-shadow: 0 8px 22px rgba(220, 38, 38, .10), 0 2px 8px rgba(220, 38, 38, .06);
    }

    .lg-publico-php .fg-card.absent::before { background: linear-gradient(90deg, #fecaca 0%, #fca5a5 100%); }

    .lg-publico-php .fg-card.justified {
        background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
        border-color: #f59e0b;
        color: #7c2d12;
        box-shadow: 0 8px 22px rgba(245, 158, 11, .16), 0 2px 8px rgba(217, 119, 6, .10);
    }

    .lg-publico-php .fg-card.justified::before { background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%); }

    .lg-publico-php .fg-avatar {
        width: var(--avatarSize);
        height: var(--avatarSize);
        border-radius: 18px;
        object-fit: cover;
        background: #e5e7eb;
        border: 5px solid #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
        transition: transform .3s ease;
    }

    .lg-publico-php .fg-avatar-inicial {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        font-weight: 900;
        font-size: calc(var(--avatarSize) * .38);
    }

    .lg-publico-php .fg-card:hover .fg-avatar { transform: scale(1.05); }

    .lg-publico-php .fg-nome {
        font-weight: 900;
        font-size: var(--nameSize);
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .lg-publico-php .fg-card.present .fg-nome { color: #fff; }

    .lg-publico-php .fg-card.absent .fg-nome {
        color: #000;
        font-size: calc(var(--nameSize) + .10rem);
        font-weight: 1000;
    }

    .lg-publico-php .fg-card.justified .fg-nome {
        color: #7c2d12;
        font-size: calc(var(--nameSize) + .10rem);
        font-weight: 1000;
    }

    .lg-publico-php .fg-sigla {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: .18rem .55rem;
        border-radius: 999px;
        font-weight: 1000;
        font-size: .78rem;
        letter-spacing: .02em;
        border: 1px solid rgba(15, 23, 42, .18);
        background: rgba(15, 23, 42, .06);
        color: rgba(15, 23, 42, .85);
    }

    .lg-publico-php .fg-card.present .fg-sigla {
        border-color: rgba(255, 255, 255, .55);
        background: rgba(255, 255, 255, .18);
        color: #fff;
    }

    .lg-publico-php .fg-card.absent .fg-sigla {
        border-color: rgba(0, 0, 0, .12);
        background: rgba(0, 0, 0, .04);
        color: #000;
    }

    .lg-publico-php .fg-card.justified .fg-sigla {
        border-color: rgba(124, 45, 18, .22);
        background: rgba(245, 158, 11, .14);
        color: #7c2d12;
    }

    .lg-publico-php .fg-badges {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 6px;
    }

    .lg-publico-php .fg-badge {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .35rem .7rem;
        border-radius: 8px;
        font-weight: 800;
        font-size: var(--badgeSize);
        transition: transform .2s ease;
    }

    .lg-publico-php .fg-badge:hover { transform: scale(1.05); }

    .lg-publico-php .fg-badge.b-pres {
        background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
        color: #065f46;
        border: 1px solid #86efac;
    }

    .lg-publico-php .fg-card.present .fg-badge.b-pres {
        background: rgba(255, 255, 255, .25);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .5);
    }

    .lg-publico-php .fg-badge.b-aus {
        background: #fff;
        color: #000;
        border: 1px solid #fca5a5;
        font-weight: 900;
    }

    .lg-publico-php .fg-badge.b-just {
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        color: #fff;
        border: 1px solid #b45309;
        font-weight: 1000;
    }

    .lg-publico-php .fg-badge.b-mic {
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        color: #8a5800;
        border: 1px dashed #fbbf24;
        animation: fgPulse 2s infinite;
    }

    .lg-publico-php .fg-badge.b-aparte {
        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
        color: #1e3a8a;
        border: 1px solid #93c5fd;
        animation: fgPulse 2s infinite;
    }

    /* ===================== Camadas fixas (overlays) ===================== */
    .lg-publico-php .fg-camada {
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px;
        background: rgba(15, 23, 42, .65);
        backdrop-filter: blur(8px);
    }

    .lg-publico-php .fg-camada-fila { z-index: 44; }
    .lg-publico-php .fg-camada-fala { z-index: 46; }

    /* ===================== Votação (tela cheia) ===================== */
    .lg-publico-php .fg-ov-vote {
        position: fixed;
        inset: 0;
        z-index: 40;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        color: #fff;
        background:
            radial-gradient(900px 420px at 0 -60%, #bbf7d0 0 58%, transparent 59%),
            radial-gradient(900px 420px at 100% -60%, #bfdbfe 0 55%, transparent 56%),
            linear-gradient(180deg, #032236 8%, #021342 34%, #020817 100%);
    }

    .lg-publico-php .fg-vote-hd {
        flex: 0 0 auto;
        padding: 18px 26px 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
        background: rgba(255, 255, 255, .08);
        backdrop-filter: blur(8px);
    }

    .lg-publico-php .fg-vote-top {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        min-width: 0;
    }

    .lg-publico-php .fg-vote-title {
        font-size: clamp(2rem, 2.8vw + .8rem, 4rem);
        font-weight: 1000;
        color: #fff;
        line-height: 1.06;
        letter-spacing: .3px;
        text-shadow: 0 4px 16px rgba(0, 0, 0, .25);
        overflow-wrap: anywhere;
    }

    .lg-publico-php .fg-vote-title i { margin-right: 8px; }

    .lg-publico-php .fg-vote-prop {
        color: rgba(255, 255, 255, .86);
        font-size: clamp(1rem, .6vw + .9rem, 1.2rem);
        margin-top: 2px;
        font-weight: 700;
    }

    .lg-publico-php .fg-block-notice {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        width: 100%;
        padding: 14px 18px;
        border-radius: 18px;
        background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #0ea5e9 100%);
        border: 1px solid rgba(255, 255, 255, .28);
        box-shadow: 0 14px 34px rgba(29, 78, 216, .30);
        color: #fff;
    }

    .lg-publico-php .fg-block-main { display: flex; align-items: center; gap: 14px; min-width: 0; }

    .lg-publico-php .fg-block-icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        border-radius: 15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, .18);
        border: 1px solid rgba(255, 255, 255, .24);
        font-size: 1.35rem;
    }

    .lg-publico-php .fg-block-title {
        font-size: clamp(1rem, .7vw + .9rem, 1.35rem);
        font-weight: 1000;
        line-height: 1.1;
        letter-spacing: .4px;
    }

    .lg-publico-php .fg-block-sub {
        margin-top: 4px;
        color: rgba(255, 255, 255, .88);
        font-size: .92rem;
        font-weight: 750;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: min(800px, 60vw);
    }

    .lg-publico-php .fg-vote-score {
        display: grid;
        grid-template-columns: repeat(4, minmax(180px, 1fr));
        gap: 16px;
        margin-top: 10px;
        width: 100%;
        max-width: 1320px;
    }

    .lg-publico-php .fg-pill {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .6rem 1rem;
        border-radius: 12px;
        font-weight: 800;
        transition: all .25s ease;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
        white-space: nowrap;
    }

    .lg-publico-php .fg-vote-score .fg-pill {
        justify-content: center;
        font-size: clamp(1.2rem, 1vw + 1rem, 1.9rem);
        font-weight: 1000;
        padding: 1.1rem 1.25rem;
        border-radius: 22px;
        min-height: 92px;
        box-shadow: 0 16px 36px rgba(0, 0, 0, .22);
    }

    .lg-publico-php .fg-pill.p-green { background: linear-gradient(135deg, #12af03 0%, #037e1e 100%); color: #f8faf8; border: 1px solid #04790a; }
    .lg-publico-php .fg-pill.p-red { background: linear-gradient(135deg, #c40d0d 0%, #b91010 100%); color: #fdfcfc; border: 1px solid #861e0c; }
    .lg-publico-php .fg-pill.p-orange { background: linear-gradient(135deg, #d16c0e 0%, #ec8c1d 100%); color: #f8f9fa; border: 1px solid #cbd5e1; }
    .lg-publico-php .fg-pill.p-gold { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #8a5800; border: 1px solid #fbbf24; }
    .lg-publico-php .fg-pill.p-purple { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); color: #fff; border: 1px solid #5b21b6; }
    .lg-publico-php .fg-pill.p-slate { background: linear-gradient(135deg, #334155 0%, #1e293b 100%); color: #fff; border: 1px solid #475569; }

    .lg-publico-php .fg-vote-bd {
        flex: 1 1 auto;
        overflow: hidden;
        padding: 18px 24px 22px;
        min-height: 0;
        position: relative;
    }

    .lg-publico-php .fg-vote-desc {
        color: rgba(255, 255, 255, .88);
        font-size: clamp(.95rem, .35vw + .85rem, 1.1rem);
        margin-bottom: 14px;
        max-width: 100%;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 3em;
        word-break: break-word;
    }

    .lg-publico-php .fg-vote-grid {
        display: grid;
        gap: 14px;
        align-items: stretch;
        overflow: hidden;
        align-content: start;
        min-height: 0;
    }

    .lg-publico-php .fg-vote-card {
        min-height: 106px;
        border-radius: 22px;
        border: 2px solid rgba(255, 255, 255, .14);
        display: grid;
        grid-template-columns: 72px 1fr;
        gap: 14px;
        align-items: center;
        padding: 14px 16px;
        transition: all .25s ease;
        position: relative;
        overflow: hidden;
        background: #fff;
        color: #0f172a;
    }

    .lg-publico-php .fg-vote-card.sem-foto { grid-template-columns: 1fr; }

    .lg-publico-php .fg-vote-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
    }

    .lg-publico-php .fg-vote-card .fg-vote-avatar {
        width: 72px;
        height: 72px;
        border-radius: 18px;
        object-fit: cover;
        border: 3px solid rgba(255, 255, 255, .85);
        box-shadow: 0 4px 12px rgba(0, 0, 0, .14);
        background: #e5e7eb;
    }

    .lg-publico-php .fg-vote-card .fg-avatar-inicial { font-size: 1.6rem; }

    .lg-publico-php .fg-vote-card .fg-nome {
        font-size: clamp(1.05rem, .7vw + .9rem, 1.35rem);
        font-weight: 1000;
        line-height: 1.15;
        gap: 6px;
    }

    .lg-publico-php .fg-vote-card .fg-sigla { font-size: .78rem; padding: .18rem .45rem; }

    .lg-publico-php .fg-vote-card.favor {
        background: linear-gradient(135deg, #0da114 0%, #219908 100%);
        color: #fff;
        border-color: #06a11b;
        box-shadow: 0 4px 16px rgba(3, 139, 21, .3);
    }

    .lg-publico-php .fg-vote-card.contra {
        background: linear-gradient(135deg, #b11414 0%, #cc0a0a 100%);
        color: #fff;
        border-color: #c51313;
        box-shadow: 0 4px 16px rgba(226, 17, 17, .3);
    }

    .lg-publico-php .fg-vote-card.abstencao {
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
        color: #111827;
        border-color: #cbd5e1;
    }

    /* Presidente impedido pela regra de votação — mesmo tratamento do PHP
       homologado (.vote-card.nao-vota + .tag-estado). */
    .lg-publico-php .fg-vote-card.nao-vota { opacity: .72; filter: grayscale(.4); }

    .lg-publico-php .fg-tag-estado {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: .7em;
        font-weight: 900;
        letter-spacing: .04em;
        background: #475569;
        color: #fff;
        vertical-align: middle;
    }

    .lg-publico-php .fg-tag-estado.fg-tag-desempate { background: #4338ca; }
    .lg-publico-php .fg-tag-estado.fg-tag-liberado { background: #0369a1; }

    .lg-publico-php .fg-vote-card.favor .fg-sigla,
    .lg-publico-php .fg-vote-card.contra .fg-sigla {
        border-color: rgba(255, 255, 255, .55);
        background: rgba(255, 255, 255, .18);
        color: #fff;
    }

    /* mini-fila de pedidos de voz durante a votação */
    .lg-publico-php .fg-mini-fila {
        position: absolute;
        top: 12px;
        right: 24px;
        z-index: 2;
        background: rgba(17, 24, 39, .96);
        color: #fff;
        border-radius: 16px;
        padding: 12px 14px;
        max-width: 520px;
        box-shadow: 0 12px 40px rgba(15, 23, 42, .5);
        font-size: .95rem;
        backdrop-filter: blur(8px);
    }

    .lg-publico-php .fg-mini-fila-hd {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 900;
        margin-bottom: 8px;
        font-size: 1rem;
    }

    .lg-publico-php .fg-mini-fila-hd .fg-pill { padding: .2rem .5rem; border-radius: 999px; box-shadow: none; }
    .lg-publico-php .fg-mini-fila-lista { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

    .lg-publico-php .fg-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: .35rem .7rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .3);
        font-weight: 800;
        font-size: .92rem;
        color: #fff;
    }

    .lg-publico-php .fg-chip img,
    .lg-publico-php .fg-chip .fg-chip-inicial {
        width: 28px;
        height: 28px;
        border-radius: 10px;
        object-fit: cover;
        border: 2px solid rgba(255, 255, 255, .4);
    }

    .lg-publico-php .fg-chip .fg-chip-inicial {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #475569;
        font-size: .8rem;
    }

    /* ===================== Leitura (tela cheia) ===================== */
    .lg-publico-php .fg-leitura {
        position: fixed;
        inset: 0;
        z-index: 40;
        background: linear-gradient(135deg, rgba(10, 10, 10, .98) 0%, rgba(15, 23, 42, .98) 100%);
        color: #fff;
        padding: clamp(22px, 3vw, 48px);
        overflow: auto;
    }

    .lg-publico-php .fg-leitura-wrapper {
        width: min(1700px, 96vw);
        margin: 0 auto;
        display: grid;
        grid-template-columns: clamp(240px, 22vw, 360px) 1fr;
        gap: clamp(16px, 2.5vw, 40px);
        align-items: start;
    }

    .lg-publico-php .fg-leitura-lateral {
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 24px;
        padding: 18px;
        backdrop-filter: blur(10px);
        box-shadow: 0 30px 80px rgba(0, 0, 0, .25);
    }

    .lg-publico-php .fg-leitura-foto {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 22px;
        border: 6px solid rgba(255, 255, 255, .18);
        box-shadow: 0 16px 50px rgba(0, 0, 0, .35);
        display: block;
        background: rgba(255, 255, 255, .08);
    }

    .lg-publico-php .fg-leitura-foto-inicial {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        font-weight: 900;
        color: #cbd5e1;
    }

    .lg-publico-php .fg-autor-nome {
        margin-top: 14px;
        font-weight: 1000;
        font-size: clamp(1.1rem, 1.2vw + .8rem, 1.7rem);
        line-height: 1.15;
    }

    .lg-publico-php .fg-autor-partido {
        margin-top: 8px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-weight: 900;
        letter-spacing: .5px;
        color: #e5e7eb;
        opacity: .95;
    }

    .lg-publico-php .fg-tag-partido {
        background: rgba(255, 255, 255, .10);
        border: 1px solid rgba(255, 255, 255, .18);
        padding: 8px 12px;
        border-radius: 14px;
        font-size: 1rem;
        font-weight: 1000;
    }

    .lg-publico-php .fg-leitura-conteudo { padding-top: clamp(6px, 1vw, 14px); min-width: 0; }

    .lg-publico-php .fg-leitura-id {
        color: #f59e0b;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
        font-size: clamp(.95rem, .6vw + .8rem, 1.25rem);
        margin-bottom: 10px;
    }

    .lg-publico-php .fg-leitura-conteudo h1 {
        margin: 0 0 14px;
        font-weight: 1000;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: clamp(2.3rem, 3.6vw + 1rem, 5rem);
        line-height: 1.05;
        color: #fff;
        text-shadow: 0 10px 40px rgba(0, 0, 0, .35);
        overflow-wrap: anywhere;
    }

    .lg-publico-php .fg-leitura-conteudo h2 {
        margin: 0 0 18px;
        font-weight: 500;
        color: rgba(226, 232, 240, .96);
        font-size: clamp(1.35rem, 1.7vw + .8rem, 2.6rem);
        line-height: 1.35;
        max-width: 1200px;
        white-space: pre-line;
        overflow-wrap: anywhere;
    }

    /* textos longos: mesma ideia das faixas do tema padrão (tl-*),
       reduzindo o corpo pra caber na TV sem rolagem */
    .lg-publico-php .fg-leitura-conteudo.fg-medio h1 { font-size: clamp(2rem, 2.8vw + .9rem, 4rem); }
    .lg-publico-php .fg-leitura-conteudo.fg-medio h2 { font-size: clamp(1.2rem, 1.3vw + .7rem, 2.1rem); }
    .lg-publico-php .fg-leitura-conteudo.fg-longo h1 { font-size: clamp(1.7rem, 2vw + .8rem, 3rem); }
    .lg-publico-php .fg-leitura-conteudo.fg-longo h2 { font-size: clamp(1.05rem, .9vw + .7rem, 1.6rem); line-height: 1.45; }
    .lg-publico-php .fg-leitura-conteudo.fg-muito-longo h1 { font-size: clamp(1.4rem, 1.5vw + .7rem, 2.4rem); }
    .lg-publico-php .fg-leitura-conteudo.fg-muito-longo h2 { font-size: clamp(.95rem, .6vw + .7rem, 1.3rem); line-height: 1.5; }

    .lg-publico-php .fg-leitura-status {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        color: #111;
        font-weight: 1000;
        padding: 12px 22px;
        border-radius: 16px;
        box-shadow: 0 16px 50px rgba(245, 158, 11, .35);
        border: 1px solid rgba(255, 255, 255, .12);
        margin: 0 0 22px;
        font-size: 1.1rem;
        letter-spacing: .3px;
    }

    /* ===================== Orador (speaker) ===================== */
    .lg-publico-php .fg-speaker-pilha {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        width: 100%;
        max-height: 100%;
    }

    .lg-publico-php .fg-speaker-box {
        width: min(96vw, 1700px);
        min-height: min(78vh, 900px);
        background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
        border: 1px solid var(--fg-border);
        border-radius: 34px;
        box-shadow: 0 40px 100px rgba(0, 0, 0, .35);
        padding: clamp(24px, 3vw, 42px);
        display: grid;
        grid-template-columns: clamp(220px, 22vw, 340px) 1fr;
        gap: clamp(20px, 3vw, 42px);
        animation: fgModalIn .4s ease-out;
        align-items: center;
        color: var(--fg-text);
    }

    .lg-publico-php .fg-speaker-box.fg-com-fila,
    .lg-publico-php .fg-speaker-box.fg-com-cabecalho { min-height: min(62vh, 760px); }

    .lg-publico-php .fg-speaker-foto {
        width: clamp(220px, 22vw, 340px);
        height: clamp(220px, 22vw, 340px);
        border-radius: 28px;
        object-fit: cover;
        border: 8px solid #fff;
        box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
        transition: transform .3s ease;
        background: #e5e7eb;
    }

    .lg-publico-php .fg-speaker-foto:hover { transform: scale(1.03); }

    .lg-publico-php .fg-speaker-foto-inicial {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6rem;
        font-weight: 1000;
        color: #64748b;
    }

    .lg-publico-php .fg-speaker-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
        padding: 10px 16px;
        border-radius: 14px;
        font-weight: 1000;
        font-size: 1rem;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    }

    .lg-publico-php .fg-speaker-tag.normal { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); color: #166534; border: 1px solid #86efac; }
    .lg-publico-php .fg-speaker-tag.aparte { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); color: #1e3a8a; border: 1px solid #93c5fd; }
    .lg-publico-php .fg-speaker-tag.avulsa { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #854d0e; border: 1px solid #f59e0b; }
    .lg-publico-php .fg-speaker-tag.encaminhamento { background: linear-gradient(135deg, #e0f2fe, #bae6fd); color: #0c4a6e; border: 1px solid #7dd3fc; }

    .lg-publico-php .fg-speaker-name {
        font-weight: 1000;
        font-size: clamp(2.4rem, 3.4vw + 1rem, 4.8rem);
        margin: 0 0 .3rem;
        background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        line-height: 1.05;
        overflow-wrap: anywhere;
    }

    .lg-publico-php .fg-speaker-partido {
        font-weight: 800;
        color: #64748b;
        font-size: clamp(1rem, 1.2vw + .6rem, 1.6rem);
        margin-bottom: .6rem;
    }

    .lg-publico-php .fg-speaker-time {
        font-variant-numeric: tabular-nums;
        font-weight: 1000;
        font-size: clamp(5rem, 12vw, 11rem);
        line-height: .9;
        margin: .3rem 0 1.4rem;
        background: linear-gradient(135deg, #111827 0%, #374151 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        white-space: nowrap;
    }

    .lg-publico-php .fg-speaker-time.excedido { background: linear-gradient(135deg, #b91c1c 0%, #ef4444 100%); -webkit-background-clip: text; background-clip: text; }

    .lg-publico-php .fg-progress {
        height: 30px;
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
        border: 2px solid var(--fg-border);
        border-radius: 999px;
        overflow: hidden;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    }

    .lg-publico-php .fg-progress i {
        display: block;
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, #22c55e 0%, #16a34a 50%, #f59e0b 80%, #ef4444 100%);
        transition: width .25s linear;
        border-radius: 999px;
    }

    .lg-publico-php .fg-speaker-cabecalho {
        text-align: center;
        color: #fff;
    }

    .lg-publico-php .fg-speaker-cabecalho .fg-materia-enc {
        font-size: clamp(1.4rem, 2vw + .8rem, 2.6rem);
        font-weight: 1000;
        margin-top: 12px;
        max-width: 1400px;
        text-shadow: 0 4px 16px rgba(0, 0, 0, .3);
    }

    /* fila "aguardando a palavra" abaixo do orador (chips, padrão miniQueue do PHP) */
    .lg-publico-php .fg-fila-espera {
        width: min(96vw, 1700px);
        background: rgba(17, 24, 39, .96);
        color: #fff;
        border: 1px solid rgba(148, 163, 184, .4);
        border-radius: 20px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
        padding: 16px 18px;
    }

    .lg-publico-php .fg-fila-espera .fg-mini-fila-hd { font-size: 1.15rem; margin-bottom: 12px; }
    .lg-publico-php .fg-fila-espera .fg-chip { padding: .45rem .8rem; font-size: 1rem; font-weight: 900; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .32); }
    .lg-publico-php .fg-fila-espera .fg-chip img,
    .lg-publico-php .fg-fila-espera .fg-chip .fg-chip-inicial { width: 34px; height: 34px; border-radius: 12px; }

    /* ===================== Fila de voz / uso da palavra ===================== */
    .lg-publico-php .fg-queue-modal {
        width: min(1500px, 96vw);
        max-height: 90vh;
        overflow: auto;
        background: #fff;
        border: 1px solid var(--fg-border);
        border-radius: 28px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
        animation: fgModalIn .3s ease-out;
        color: var(--fg-text);
    }

    .lg-publico-php .fg-queue-hd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 24px 28px;
        border-bottom: 1px solid var(--fg-border);
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    }

    .lg-publico-php .fg-queue-title {
        font-size: clamp(1.4rem, 1.4vw + 1rem, 2.2rem);
        font-weight: 1000;
        display: flex;
        align-items: center;
        gap: 12px;
        color: #0f172a;
        flex-wrap: wrap;
    }

    .lg-publico-php .fg-queue-title .fg-pill { font-size: 1rem; padding: .45rem .9rem; }

    .lg-publico-php .fg-queue-bd { padding: 22px 28px 28px; }
    .lg-publico-php .fg-queue-list { display: grid; gap: 16px; }

    .lg-publico-php .fg-voice-item {
        display: grid;
        grid-template-columns: 120px 1fr auto;
        gap: 20px;
        align-items: center;
        min-height: 128px;
        padding: 18px 20px;
        border: 2px solid #dbe2ea;
        border-radius: 22px;
        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
        transition: all .25s ease;
        box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
    }

    .lg-publico-php .fg-voice-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
    }

    .lg-publico-php .fg-voice-avatar {
        width: 110px;
        height: 110px;
        border-radius: 22px;
        object-fit: cover;
        border: 5px solid #fff;
        background: #e5e7eb;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    }

    .lg-publico-php .fg-voice-avatar.fg-avatar-inicial { font-size: 2.6rem; }

    .lg-publico-php .fg-voice-main { min-width: 0; }

    .lg-publico-php .fg-voice-name {
        font-size: clamp(1.6rem, 1.2vw + 1rem, 2.4rem);
        font-weight: 1000;
        line-height: 1.08;
        color: #0f172a;
        margin-bottom: 8px;
        letter-spacing: -.02em;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .lg-publico-php .fg-voice-sub {
        font-size: clamp(1rem, .55vw + .9rem, 1.35rem);
        color: #475569;
        font-weight: 700;
    }

    .lg-publico-php .fg-voice-sub i { margin-right: 8px; color: #b45309; }

    .lg-publico-php .fg-convidado {
        background: #fde68a;
        color: #78350f;
        font-size: .8rem;
        font-weight: 900;
        padding: 3px 12px;
        border-radius: 999px;
        letter-spacing: 0;
    }

    .lg-publico-php .fg-voice-right {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .lg-publico-php .fg-voice-num {
        min-width: 74px;
        height: 74px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 1000;
        background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
        color: #fff;
        border-radius: 18px;
        text-align: center;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .28);
        padding: 0 10px;
    }

    .lg-publico-php .fg-voice-min {
        min-height: 74px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 1.55rem;
        font-weight: 1000;
        color: #8a5800;
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        border: 2px dashed #f59e0b;
        border-radius: 18px;
        padding: 0 18px;
        box-shadow: 0 8px 20px rgba(245, 158, 11, .20);
    }

    .lg-publico-php .fg-voice-min.fg-momento {
        color: #5b21b6;
        background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
        border-color: #7c3aed;
        box-shadow: 0 8px 20px rgba(124, 58, 237, .18);
        font-size: 1.2rem;
    }

    .lg-publico-php .fg-vazio {
        text-align: center;
        padding: clamp(30px, 6vh, 60px) 20px;
        color: #475569;
    }

    .lg-publico-php .fg-vazio strong {
        display: block;
        font-size: clamp(1.8rem, 2vw + 1rem, 2.6rem);
        font-weight: 1000;
        color: #0f172a;
        margin-bottom: 10px;
    }

    /* ===================== Painéis de estado (mensagem / suspensa) ===================== */
    .lg-publico-php .fg-painel-estado {
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(10px);
        border-radius: 28px;
        box-shadow: var(--fg-shadow-lg);
        padding: clamp(28px, 5vh, 60px) clamp(24px, 4vw, 60px);
        text-align: center;
        min-height: 55dvh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        animation: fgModalIn .35s ease-out;
    }

    .lg-publico-php .fg-painel-estado .fg-tag-estado {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 14px 26px;
        border-radius: 18px;
        font-weight: 1000;
        font-size: clamp(1.1rem, 1vw + .8rem, 1.6rem);
        color: #fff;
        background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #0ea5e9 100%);
        box-shadow: 0 14px 34px rgba(29, 78, 216, .30);
    }

    .lg-publico-php .fg-painel-estado .fg-texto-estado {
        margin-top: clamp(20px, 4vh, 40px);
        font-size: clamp(2rem, 5vw, 4.2rem);
        font-weight: 1000;
        line-height: 1.15;
        max-width: 1400px;
        color: #0f172a;
        overflow-wrap: anywhere;
    }

    .lg-publico-php .fg-painel-estado .fg-subtexto-estado {
        margin-top: 16px;
        font-size: clamp(1.1rem, 1vw + .8rem, 1.6rem);
        font-weight: 800;
        color: #64748b;
    }

    .lg-publico-php .fg-painel-estado.fg-suspensa .fg-tag-estado {
        background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
        color: #111827;
        box-shadow: 0 18px 40px rgba(245, 158, 11, .30);
    }

    .lg-publico-php .fg-painel-estado.fg-suspensa .fg-texto-estado { color: #9a3412; }

    /* votação incidental (dentro da tela cheia de votação) */
    .lg-publico-php .fg-incidental-info {
        background: #fff;
        color: #0f172a;
        border-radius: 22px;
        padding: 20px 26px;
        max-width: 1320px;
        box-shadow: 0 16px 36px rgba(0, 0, 0, .22);
    }

    .lg-publico-php .fg-incidental-info .fg-rotulo { color: #64748b; font-weight: 800; font-size: .95rem; }
    .lg-publico-php .fg-incidental-info .fg-valor { font-weight: 900; font-size: clamp(1.1rem, .8vw + .9rem, 1.5rem); margin-bottom: 12px; }

    /* ===================== Projetor ===================== */
    .lg-publico-php .fg-projetor {
        position: fixed;
        inset: 0;
        z-index: 42;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lg-publico-php .fg-projetor img,
    .lg-publico-php .fg-projetor iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border: 0;
        display: block;
    }

    .lg-publico-php .fg-projetor-vazio { color: #94a3b8; font-size: 1.3rem; text-align: center; }

    /* ===================== Pedido de vistas (overlay) ===================== */
    .lg-publico-php .fg-camada-vistas { z-index: 55; }

    .lg-publico-php .fg-vistas-box {
        width: min(96vw, 1500px);
        min-height: min(62vh, 760px);
        background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
        border: 2px solid #fdba74;
        border-radius: 34px;
        box-shadow: 0 40px 100px rgba(0, 0, 0, .38);
        padding: clamp(24px, 3vw, 42px);
        display: grid;
        grid-template-columns: clamp(220px, 22vw, 340px) 1fr;
        gap: clamp(20px, 3vw, 42px);
        align-items: center;
        animation: fgModalIn .35s ease-out;
    }

    .lg-publico-php .fg-vistas-foto {
        width: clamp(220px, 22vw, 340px);
        height: clamp(220px, 22vw, 340px);
        border-radius: 28px;
        object-fit: cover;
        border: 8px solid #fff;
        box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
        background: #fdba74;
    }

    .lg-publico-php .fg-vistas-tag {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 22px;
        padding: 20px 30px;
        border-radius: 20px;
        font-weight: 1000;
        font-size: 1.8rem;
        letter-spacing: .5px;
        background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
        color: #111827;
        border: 2px solid #fbbf24;
        box-shadow: 0 18px 40px rgba(245, 158, 11, .30);
    }

    .lg-publico-php .fg-vistas-nome {
        font-weight: 1000;
        font-size: clamp(3rem, 4.4vw + 1rem, 6rem);
        margin: 0 0 1rem;
        color: #9a3412;
        line-height: 1.02;
        text-shadow: 0 4px 18px rgba(154, 52, 18, .12);
        overflow-wrap: anywhere;
    }

    .lg-publico-php .fg-vistas-sub {
        font-size: clamp(1.8rem, 2vw + .9rem, 2.8rem);
        color: #431407;
        font-weight: 900;
        line-height: 1.15;
    }

    .lg-publico-php .fg-vistas-materia {
        margin-top: 18px;
        font-size: clamp(1.1rem, 1vw + .8rem, 1.6rem);
        font-weight: 800;
        color: #7c2d12;
        background: rgba(255, 255, 255, .6);
        border: 1px solid rgba(124, 45, 18, .12);
        border-radius: 18px;
        padding: 16px 18px;
    }

    /* ===================== Resultado final (cinematográfico) ===================== */
    .lg-publico-php .fg-resultado-final {
        position: fixed;
        inset: 0;
        z-index: 60;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        padding: clamp(18px, 2.5vw, 38px);
        background:
            radial-gradient(circle at 50% 42%, rgba(59, 130, 246, .20), transparent 34%),
            radial-gradient(circle at 15% 10%, rgba(34, 197, 94, .16), transparent 30%),
            radial-gradient(circle at 85% 10%, rgba(239, 68, 68, .14), transparent 30%),
            rgba(2, 6, 23, .985);
        backdrop-filter: blur(12px);
        animation: fgResultadoFadeIn .32s ease-out both;
    }

    .lg-publico-php .fg-resultado-final::before {
        content: '';
        position: absolute;
        inset: -40%;
        opacity: .25;
        background: repeating-linear-gradient(115deg, transparent 0 38px, rgba(255, 255, 255, .035) 39px 40px);
        animation: fgResultadoLinhas 16s linear infinite;
        pointer-events: none;
    }

    .lg-publico-php .fg-resultado-final.fg-rev.aprovada { background: radial-gradient(circle at 50% 38%, rgba(34, 197, 94, .33), transparent 38%), rgba(2, 20, 12, .985); }
    .lg-publico-php .fg-resultado-final.fg-rev.rejeitada { background: radial-gradient(circle at 50% 38%, rgba(239, 68, 68, .34), transparent 38%), rgba(26, 3, 7, .985); }
    .lg-publico-php .fg-resultado-final.fg-rev.empatada { background: radial-gradient(circle at 50% 38%, rgba(245, 158, 11, .35), transparent 38%), rgba(25, 14, 2, .985); }
    .lg-publico-php .fg-resultado-final.fg-rev.unanime { background: radial-gradient(circle at 50% 32%, rgba(250, 204, 21, .42), transparent 38%), rgba(15, 13, 2, .99); }

    .lg-publico-php .fg-resultado-box { position: relative; z-index: 1; width: min(1500px, 97vw); text-align: center; }

    .lg-publico-php .fg-resultado-apurando { animation: fgResultadoSubir .42s ease-out both; }

    .lg-publico-php .fg-resultado-encerrada {
        font-size: clamp(2.1rem, 4vw, 5.2rem);
        font-weight: 1000;
        letter-spacing: .08em;
        text-transform: uppercase;
        text-shadow: 0 10px 34px rgba(0, 0, 0, .55);
    }

    .lg-publico-php .fg-resultado-separador {
        width: min(760px, 82vw);
        height: 5px;
        margin: 28px auto;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent, #60a5fa, #fff, #60a5fa, transparent);
        box-shadow: 0 0 28px rgba(96, 165, 250, .72);
        animation: fgResultadoPulso 1s ease-in-out infinite;
    }

    .lg-publico-php .fg-resultado-apurando-texto {
        font-size: clamp(1.35rem, 2.2vw, 2.8rem);
        font-weight: 850;
        color: #dbeafe;
        letter-spacing: .04em;
    }

    .lg-publico-php .fg-resultado-pontos::after { content: ''; animation: fgResultadoPontos 1.2s steps(4, end) infinite; }

    .lg-publico-php .fg-resultado-revelacao { animation: fgResultadoRevelar .55s cubic-bezier(.2, .9, .2, 1.15) both; }

    .lg-publico-php .fg-resultado-titulo {
        font-size: clamp(1.1rem, 1.4vw, 1.75rem);
        font-weight: 900;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, .72);
        margin-bottom: 12px;
    }

    .lg-publico-php .fg-resultado-materia {
        max-width: 1250px;
        margin: 0 auto 20px;
        font-size: clamp(1.25rem, 1.8vw, 2.25rem);
        font-weight: 850;
        line-height: 1.15;
        color: #fff;
        text-shadow: 0 6px 22px rgba(0, 0, 0, .42);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .lg-publico-php .fg-resultado-extra {
        color: #94a3b8;
        font-size: clamp(1rem, 1.6vw, 1.5rem);
        font-weight: 700;
        margin: -8px auto 18px;
        max-width: 1100px;
    }

    .lg-publico-php .fg-resultado-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        min-width: min(900px, 90vw);
        padding: clamp(18px, 2.1vw, 30px) clamp(28px, 4vw, 70px);
        border-radius: 28px;
        font-size: clamp(3.2rem, 7vw, 8rem);
        line-height: .95;
        font-weight: 1000;
        letter-spacing: .035em;
        text-transform: uppercase;
        border: 2px solid rgba(255, 255, 255, .32);
        box-shadow: 0 30px 90px rgba(0, 0, 0, .40);
        text-shadow: 0 8px 28px rgba(0, 0, 0, .38);
    }

    .lg-publico-php .fg-resultado-status.aprovada { background: linear-gradient(135deg, rgba(22, 163, 74, .96), rgba(5, 100, 42, .96)); box-shadow: 0 26px 90px rgba(34, 197, 94, .35); }
    .lg-publico-php .fg-resultado-status.rejeitada { background: linear-gradient(135deg, rgba(220, 38, 38, .97), rgba(127, 29, 29, .97)); box-shadow: 0 26px 90px rgba(239, 68, 68, .34); }
    .lg-publico-php .fg-resultado-status.empatada { background: linear-gradient(135deg, rgba(245, 158, 11, .97), rgba(146, 64, 14, .97)); box-shadow: 0 26px 90px rgba(245, 158, 11, .32); }
    .lg-publico-php .fg-resultado-status.unanime { color: #3b2a00; background: linear-gradient(135deg, #fff7ae, #facc15, #f59e0b); box-shadow: 0 26px 100px rgba(250, 204, 21, .43); border-color: rgba(255, 255, 255, .75); }

    .lg-publico-php .fg-resultado-unanimidade {
        margin: 12px 0 18px;
        color: #fde68a;
        font-size: clamp(1.25rem, 2vw, 2.4rem);
        font-weight: 1000;
        letter-spacing: .16em;
        text-transform: uppercase;
        text-shadow: 0 0 26px rgba(250, 204, 21, .5);
        animation: fgResultadoBrilho 1.35s ease-in-out infinite alternate;
    }

    .lg-publico-php .fg-resultado-nota {
        margin-top: 22px;
        color: #e2e8f0;
        font-size: clamp(1.05rem, 2vw, 1.4rem);
        font-weight: 800;
    }

    .lg-publico-php .fg-resultado-placar {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(14px, 2vw, 28px);
        margin-top: clamp(24px, 3vw, 42px);
    }

    .lg-publico-php .fg-res-card {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
        padding: clamp(20px, 2.5vw, 36px);
        border: 1px solid rgba(255, 255, 255, .22);
        background: rgba(255, 255, 255, .08);
        box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
        animation: fgResultadoCard .52s ease-out both;
    }

    .lg-publico-php .fg-res-card:nth-child(1) { animation-delay: .18s; }
    .lg-publico-php .fg-res-card:nth-child(2) { animation-delay: .32s; }
    .lg-publico-php .fg-res-card:nth-child(3) { animation-delay: .46s; }

    .lg-publico-php .fg-res-card::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: .18;
        background: linear-gradient(125deg, transparent 20%, #fff 48%, transparent 75%);
        transform: translateX(-120%);
        animation: fgResultadoReflexo 2.4s ease-in-out infinite;
        pointer-events: none;
    }

    .lg-publico-php .fg-res-card span {
        display: block;
        font-size: clamp(1.15rem, 1.7vw, 2.1rem);
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .lg-publico-php .fg-res-card strong {
        display: block;
        margin: 12px 0 18px;
        font-size: clamp(4.5rem, 8vw, 9.2rem);
        line-height: .85;
        font-weight: 1000;
        font-variant-numeric: tabular-nums;
        text-shadow: 0 8px 28px rgba(0, 0, 0, .35);
    }

    .lg-publico-php .fg-res-card.favor { background: linear-gradient(135deg, rgba(13, 161, 20, .96), rgba(3, 94, 28, .96)); }
    .lg-publico-php .fg-res-card.contra { background: linear-gradient(135deg, rgba(220, 38, 38, .96), rgba(127, 29, 29, .96)); }
    .lg-publico-php .fg-res-card.abstencao { background: linear-gradient(135deg, rgba(245, 158, 11, .96), rgba(180, 83, 9, .96)); }

    .lg-publico-php .fg-res-barra {
        height: 18px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(0, 0, 0, .25);
        border: 1px solid rgba(255, 255, 255, .22);
        box-shadow: inset 0 2px 6px rgba(0, 0, 0, .25);
    }

    .lg-publico-php .fg-res-barra i {
        display: block;
        width: 0%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, rgba(255, 255, 255, .62), #fff);
        box-shadow: 0 0 20px rgba(255, 255, 255, .55);
        transition: width 1.05s cubic-bezier(.2, .9, .2, 1);
    }

    .lg-publico-php .fg-resultado-rodape {
        margin-top: clamp(20px, 2.4vw, 34px);
        font-size: clamp(.95rem, 1.1vw, 1.35rem);
        font-weight: 800;
        color: rgba(255, 255, 255, .72);
        letter-spacing: .08em;
        text-transform: uppercase;
        opacity: 0;
        animation: fgResultadoFadeIn .55s .8s ease-out forwards;
    }

    /* ===================== Animações ===================== */
    @keyframes fgPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, .4); }
        50% { box-shadow: 0 0 0 8px rgba(251, 191, 36, 0); }
    }

    @keyframes fgBlink {
        0%, 100% { opacity: 1; }
        50% { opacity: .25; }
    }

    @keyframes fgModalIn {
        from { opacity: 0; transform: scale(.95) translateY(20px); }
        to { opacity: 1; transform: scale(1) translateY(0); }
    }

    @keyframes fgResultadoFadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes fgResultadoSubir { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes fgResultadoRevelar { 0% { opacity: 0; transform: scale(.82); filter: blur(7px); } 100% { opacity: 1; transform: scale(1); filter: blur(0); } }
    @keyframes fgResultadoCard { from { opacity: 0; transform: translateY(38px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes fgResultadoPulso { 0%, 100% { transform: scaleX(.88); opacity: .55; } 50% { transform: scaleX(1); opacity: 1; } }
    @keyframes fgResultadoPontos { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75%, 100% { content: '...'; } }
    @keyframes fgResultadoLinhas { from { transform: translate3d(-4%, -4%, 0) rotate(0deg); } to { transform: translate3d(4%, 4%, 0) rotate(4deg); } }
    @keyframes fgResultadoReflexo { 0%, 45% { transform: translateX(-120%); } 75%, 100% { transform: translateX(120%); } }
    @keyframes fgResultadoBrilho { from { opacity: .72; transform: scale(.98); } to { opacity: 1; transform: scale(1.03); } }

    /* ===================== Responsividade (breakpoints do PHP) ===================== */
    @media (max-width: 1200px) {
        .lg-publico-php .fg-vote-score { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
    }

    @media (max-width: 980px) {
        .lg-publico-php .fg-headline { justify-content: center; }
        .lg-publico-php .fg-clock { width: 100%; }

        .lg-publico-php .fg-speaker-box {
            width: min(97vw, 1200px);
            min-height: auto;
            grid-template-columns: 1fr;
            text-align: center;
            padding: 24px;
        }

        .lg-publico-php .fg-speaker-foto { margin: 0 auto; }
        .lg-publico-php .fg-speaker-time { font-size: clamp(4rem, 18vw, 8rem); }

        .lg-publico-php .fg-vote-hd { padding: 14px; }
        .lg-publico-php .fg-vote-bd { padding: 14px; }
        .lg-publico-php .fg-vote-score { grid-template-columns: 1fr 1fr; gap: 10px; }

        .lg-publico-php .fg-vote-card {
            min-height: 82px;
            grid-template-columns: 56px 1fr;
            gap: 10px;
            padding: 10px 12px;
        }

        .lg-publico-php .fg-vote-card .fg-vote-avatar { width: 56px; height: 56px; }

        .lg-publico-php .fg-leitura-wrapper { grid-template-columns: 1fr; }
        .lg-publico-php .fg-leitura-lateral { max-width: 460px; }

        .lg-publico-php .fg-voice-item {
            grid-template-columns: 86px 1fr;
            gap: 14px;
            min-height: auto;
            padding: 14px;
        }

        .lg-publico-php .fg-voice-avatar { width: 86px; height: 86px; border-radius: 18px; }
        .lg-publico-php .fg-voice-name { font-size: 1.35rem; }
        .lg-publico-php .fg-voice-sub { font-size: 1rem; }

        .lg-publico-php .fg-voice-right {
            grid-column: 1 / -1;
            justify-content: flex-start;
            padding-left: 100px;
        }

        .lg-publico-php .fg-voice-num { min-width: 56px; height: 56px; font-size: 1.4rem; border-radius: 14px; }
        .lg-publico-php .fg-voice-min { min-height: 56px; font-size: 1.15rem; border-radius: 14px; padding: 0 14px; }

        .lg-publico-php .fg-mini-fila { position: static; margin-bottom: 12px; max-width: none; }
    }

    @media (max-width: 900px) {
        .lg-publico-php .fg-vistas-box { grid-template-columns: 1fr; text-align: center; }
        .lg-publico-php .fg-vistas-foto { margin: 0 auto; }
    }

    @media (max-width: 780px) {
        .lg-publico-php .fg-resultado-final { overflow-y: auto; }
        .lg-publico-php .fg-resultado-status { min-width: 0; width: 100%; font-size: clamp(2.4rem, 12vw, 4.6rem); }
        .lg-publico-php .fg-resultado-placar { grid-template-columns: 1fr; }
        .lg-publico-php .fg-res-card { padding: 18px 20px; }
        .lg-publico-php .fg-res-card strong { font-size: clamp(3.8rem, 18vw, 6rem); }
    }

    @media (max-width: 760px) {
        .lg-publico-php .fg-block-notice { align-items: flex-start; flex-direction: column; }
        .lg-publico-php .fg-block-sub { max-width: 78vw; }
    }

    @media (max-width: 640px) {
        .lg-publico-php .fg-vote-score { grid-template-columns: 1fr; }
        .lg-publico-php .fg-header-left { min-width: 0; }
        .lg-publico-php .fg-clock { min-width: 0; }
    }

    @media (prefers-reduced-motion: reduce) {
        .lg-publico-php *,
        .lg-publico-php *::before,
        .lg-publico-php *::after {
            animation-duration: .01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: .01ms !important;
        }

        .lg-publico-php .fg-resultado-rodape { opacity: 1; }
    }
</style>