/* XLX026 AO VIVO FINAL BUNDLE V1 — generated preserving production cascade order */

/* ===== SOURCE: ao-vivo-cirurgico-v1.css ===== */
/*
 * XLX026 AO VIVO CIRURGICO V1
 *
 * Escopo deliberadamente restrito a:
 * body[data-page="ao-vivo"]
 *
 * Objetivos:
 * - resumo de conexoes no topo;
 * - protocolo em destaque sem aumentar a altura dos detalhes;
 * - suportar 1, 2 e 3 transmissoes;
 * - impedir overflow/sobreposicao.
 */

/* ============================================================
   CONTADORES NO TOPO
   ============================================================ */

body[data-page="ao-vivo"] .live-widget > .live-summary-bar{
    display:grid !important;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:6px !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 0 9px !important;
    padding:0 !important;

    box-sizing:border-box !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-item{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    min-width:0 !important;
    min-height:30px !important;

    margin:0 !important;
    padding:5px 8px !important;

    overflow:hidden !important;

    border:1px solid rgba(40,81,100,.90) !important;
    border-radius:9px !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,31,42,.96),
            rgba(5,23,32,.96)
        ) !important;

    box-sizing:border-box !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-item b{
    flex:0 0 auto !important;

    margin:0 !important;

    color:#ffffff !important;

    font-size:clamp(14px,1.35vw,18px) !important;
    font-weight:900 !important;
    line-height:1 !important;

    font-variant-numeric:tabular-nums !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-item small{
    display:block !important;

    min-width:0 !important;

    margin:0 !important;

    color:#b7cfda !important;

    font-size:clamp(8px,.72vw,10px) !important;
    font-weight:700 !important;
    line-height:1 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-connected{
    border-color:rgba(0,216,255,.30) !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-connected b{
    color:#eaffff !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-active{
    border-color:rgba(255,49,92,.28) !important;
}

body[data-page="ao-vivo"] .live-widget .live-summary-active b{
    color:#ff91aa !important;
}


/* ============================================================
   PROTOCOLO EM USO
   ============================================================ */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-details
> .tx-v30-protocol-box{
    min-width:0 !important;

    border-color:rgba(0,216,255,.42) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,216,255,.09),
            rgba(7,27,37,.91)
        ) !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-box
> small{
    color:#86dff0 !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-line{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    gap:5px !important;

    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;

    line-height:1 !important;

    white-space:nowrap !important;
    overflow:hidden !important;

    box-sizing:border-box !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-value{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 1 auto !important;

    min-width:0 !important;
    max-width:68% !important;

    margin:0 !important;
    padding:3px 6px !important;

    border:1px solid rgba(0,216,255,.55) !important;
    border-radius:999px !important;

    background:rgba(0,216,255,.12) !important;

    color:#bff7ff !important;

    font-size:clamp(9px,.88vw,13px) !important;
    font-weight:950 !important;
    line-height:1 !important;
    letter-spacing:.025em !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    box-shadow:
        0 0 10px rgba(0,216,255,.08) !important;

    box-sizing:border-box !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-module-inline{
    display:inline-block !important;

    flex:0 1 auto !important;

    min-width:0 !important;

    color:#a8c7d4 !important;

    font-size:clamp(7px,.62vw,9px) !important;
    font-weight:800 !important;
    line-height:1 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* ============================================================
   PROTECAO CONTRA SOBREPOSICAO
   ============================================================ */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-details,
body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-details
> div{
    min-width:0 !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-details
> div{
    overflow:hidden !important;
}


/* ============================================================
   TELAS ESTREITAS
   ============================================================ */

@media (max-width:700px){

    body[data-page="ao-vivo"]
    .live-widget
    > .live-summary-bar{
        gap:5px !important;
        margin-bottom:7px !important;
    }

    body[data-page="ao-vivo"]
    .live-widget
    .live-summary-item{
        min-height:28px !important;
        padding:4px 6px !important;
    }

    body[data-page="ao-vivo"]
    .live-widget
    .live-summary-item b{
        font-size:14px !important;
    }

    body[data-page="ao-vivo"]
    .live-widget
    .live-summary-item small{
        font-size:8px !important;
    }

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-protocol-value{
        max-width:66% !important;
        padding:2px 5px !important;
        font-size:9px !important;
    }

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-module-inline{
        font-size:7px !important;
    }
}


/* ============================================================
   CARDS MUITO ESTREITOS — 2/3 TX OU LAYOUT COMPACTADO
   ============================================================ */

@container (max-width:260px){

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-protocol-line{
        gap:3px !important;
    }

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-protocol-value{
        max-width:64% !important;
        padding:2px 4px !important;
        font-size:8px !important;
    }

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-module-inline{
        font-size:6px !important;
    }
}

/* ===== SOURCE: ao-vivo-boxes-v2.css ===== */
/*
 * XLX026 — BOXES V2
 * Escopo restrito ao Ao Vivo
 * Objetivo: reformular somente os boxes
 */

body[data-page="ao-vivo"] #moduleGrid .tx-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border-radius:16px !important;
}

/* ============================================================
   STANDBY — radar/gif no box inteiro
   ============================================================ */

body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live){
    background:
        linear-gradient(
            135deg,
            rgba(6,22,32,.96),
            rgba(8,28,39,.95)
        ) !important;
    border:1px solid rgba(0,216,255,.18) !important;
    box-shadow:
        0 0 0 1px rgba(0,216,255,.05) inset,
        0 10px 30px rgba(0,0,0,.22) !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live)::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(5,14,22,.28),
            rgba(5,14,22,.52)
        ),
        url("talking-radio.gif") center center / cover no-repeat !important;

    opacity:.58 !important;
    filter:saturate(1.05) contrast(1.02) !important;

    transform:scale(1.03) !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live)::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(0,216,255,.10),
            rgba(0,0,0,0) 58%
        ) !important;

    pointer-events:none !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) > *{
    position:relative !important;
    z-index:1 !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) .tx-title,
body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) .tx-label,
body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) .tx-call,
body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) .tx-subtitle,
body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) h3,
body[data-page="ao-vivo"] #moduleGrid .tx-card:not(.live) strong{
    text-shadow:0 1px 12px rgba(0,0,0,.45) !important;
}

/* ============================================================
   LIVE — refinamento do box vermelho
   ============================================================ */

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30{
    border:1px solid rgba(255,61,98,.85) !important;
    box-shadow:
        0 0 0 1px rgba(255,61,98,.08) inset,
        0 12px 36px rgba(0,0,0,.22),
        0 0 22px rgba(255,61,98,.07) !important;
    background:
        linear-gradient(
            135deg,
            rgba(9,18,32,.98),
            rgba(6,20,31,.97)
        ) !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;

    background:
        linear-gradient(
            120deg,
            rgba(255,61,98,.00) 0%,
            rgba(255,61,98,.08) 38%,
            rgba(255,61,98,.00) 72%
        ),
        radial-gradient(
            circle at 78% 50%,
            rgba(255,61,98,.10),
            rgba(0,0,0,0) 28%
        ) !important;

    pointer-events:none !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 > *{
    position:relative !important;
    z-index:1 !important;
}

/* ============================================================
   PROTOCOLO V2
   ============================================================ */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-box-v2{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    min-width:0 !important;

    border-color:rgba(0,216,255,.44) !important;
    background:
        linear-gradient(
            135deg,
            rgba(0,216,255,.08),
            rgba(4,18,28,.96)
        ) !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-box-v2 > small{
    color:#87dff0 !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-line-v2{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-protocol-value-v2{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:4px 8px !important;

    border:1px solid rgba(0,216,255,.56) !important;
    border-radius:999px !important;

    background:rgba(0,216,255,.12) !important;

    color:#c8fbff !important;
    font-size:clamp(10px,1.05vw,15px) !important;
    font-weight:950 !important;
    line-height:1 !important;
    letter-spacing:.02em !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.live.tx-v30
.tx-v30-module-inline{
    display:none !important;
}

/* ============================================================
   PROTECOES DE LAYOUT
   ============================================================ */

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .tx-v30-details,
body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .tx-v30-details > div{
    min-width:0 !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .tx-v30-details > div{
    overflow:hidden !important;
}

body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .tx-v30-mtr-wrap{
    box-shadow:
        0 0 0 1px rgba(0,255,170,.07) inset,
        0 8px 18px rgba(0,0,0,.18) !important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width:700px){

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.live.tx-v30
    .tx-v30-protocol-value-v2{
        padding:3px 6px !important;
        font-size:10px !important;
    }

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card:not(.live)::before{
        background-size:cover !important;
    }
}

/* ===== SOURCE: ao-vivo-boxes-v31-radar.css ===== */
/*
 * XLX026 — STANDBY RADAR V3.1
 * Escopo exclusivo do standby.
 *
 * IMPORTANTE:
 * esta folha substitui deliberadamente o background
 * com GIF definido pela BOXES V2.
 */


/* ==========================================================
   BOX STANDBY
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30{
    position:relative !important;
    isolation:isolate !important;

    border:
        1px solid
        rgba(37,236,166,.34) !important;

    background:
        radial-gradient(
            ellipse at 8% 50%,
            rgba(32,255,178,.070),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071b26 0%,
            #061720 54%,
            #071c27 100%
        ) !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(42,255,183,.025),

        0 10px 28px
        rgba(0,0,0,.18) !important;
}


/* ==========================================================
   SUBSTITUI O ::before DA V2
   NENHUMA IMAGEM
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    background-image:
        linear-gradient(
            rgba(42,255,181,.020) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42,255,181,.017) 1px,
            transparent 1px
        ),
        radial-gradient(
            ellipse at 9% 50%,
            rgba(29,255,176,.060),
            transparent 34%
        ) !important;

    background-color:
        transparent !important;

    background-size:
        24px 24px,
        24px 24px,
        auto !important;

    background-position:
        0 0,
        0 0,
        center !important;

    background-repeat:
        repeat,
        repeat,
        no-repeat !important;

    opacity:.95 !important;

    filter:none !important;
    transform:none !important;

    pointer-events:none !important;

    animation:
        xlx026V31Breath
        5.8s
        ease-in-out
        infinite !important;
}


/* ==========================================================
   FAIXA SUAVE DE VARREDURA
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30::after{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;
    left:-25% !important;

    width:17% !important;

    z-index:0 !important;

    border:0 !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(55,255,187,.035),
            rgba(55,255,187,.070),
            transparent
        ) !important;

    opacity:0;

    pointer-events:none !important;

    animation:
        xlx026V31BoxScan
        7.4s
        ease-in-out
        infinite !important;
}


body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30 > *{
    position:relative !important;
    z-index:2 !important;
}


/* ==========================================================
   LAYOUT INTERNO
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-content{
    display:grid !important;

    grid-template-columns:
        74px
        minmax(190px,.82fr)
        minmax(0,1.40fr) !important;

    align-items:center !important;

    width:100% !important;
    min-width:0 !important;

    height:72px !important;
    min-height:0 !important;

    margin:18px 0 0 !important;
    padding:0 !important;

    gap:12px !important;

    text-align:left !important;
}


/* ==========================================================
   RADAR PRINCIPAL
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-radar{
    position:relative !important;

    display:block !important;

    width:64px !important;
    height:64px !important;

    min-width:64px !important;
    min-height:64px !important;

    margin:0 auto !important;
    padding:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(64,255,192,.70) !important;

    border-radius:50% !important;

    background:
        linear-gradient(
            90deg,
            transparent 49%,
            rgba(62,255,191,.14) 49.5%,
            rgba(62,255,191,.14) 50.5%,
            transparent 51%
        ),

        linear-gradient(
            0deg,
            transparent 49%,
            rgba(62,255,191,.14) 49.5%,
            rgba(62,255,191,.14) 50.5%,
            transparent 51%
        ),

        repeating-radial-gradient(
            circle at center,
            transparent 0 8px,
            rgba(53,255,185,.17) 8.5px 9.5px,
            transparent 10px 18px
        ),

        radial-gradient(
            circle at center,
            rgba(27,255,175,.09),
            rgba(5,35,38,.93) 62%,
            rgba(2,18,27,.99) 100%
        ) !important;

    box-shadow:
        inset 0 0 18px
        rgba(31,255,177,.11),

        0 0 0 4px
        rgba(27,245,169,.025),

        0 0 22px
        rgba(30,255,179,.11) !important;

    filter:none !important;
    transform:none !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   FEIXE GIRATORIO
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-radar::before{
    content:"" !important;

    position:absolute !important;

    inset:3px !important;

    border:0 !important;
    border-radius:50% !important;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 282deg,
            rgba(43,255,182,.015) 301deg,
            rgba(43,255,182,.11) 327deg,
            rgba(43,255,182,.35) 349deg,
            rgba(111,255,208,.75) 358deg,
            transparent 360deg
        ) !important;

    transform-origin:
        50% 50% !important;

    animation:
        xlx026V31RadarRotate
        3.2s
        linear
        infinite !important;

    pointer-events:none !important;
}


/* centro */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-radar::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    width:4px !important;
    height:4px !important;

    margin:
        -2px
        0
        0
        -2px !important;

    border-radius:50% !important;

    background:
        #62ffc8 !important;

    box-shadow:
        0 0 5px
        rgba(85,255,198,.95),

        0 0 12px
        rgba(85,255,198,.38) !important;
}


/* ==========================================================
   PONTOS DO RADAR
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-radar > span{
    position:absolute !important;

    left:70% !important;
    top:27% !important;

    width:4px !important;
    height:4px !important;

    border-radius:50% !important;

    background:
        #69ffca !important;

    box-shadow:
        0 0 6px
        rgba(82,255,195,.95) !important;

    opacity:0 !important;

    animation:
        xlx026V31BlipA
        3.2s
        ease-in-out
        infinite !important;
}


body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-radar > i{
    position:absolute !important;

    left:28% !important;
    top:67% !important;

    width:3px !important;
    height:3px !important;

    border-radius:50% !important;

    background:
        #47edb0 !important;

    box-shadow:
        0 0 5px
        rgba(69,241,176,.85) !important;

    opacity:0 !important;

    animation:
        xlx026V31BlipB
        3.2s
        ease-in-out
        infinite !important;
}


/* ==========================================================
   TEXTO DE ESTADO
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-state{
    min-width:0 !important;

    font-size:0 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
}


body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-state::before{
    content:"Monitor em escuta" !important;

    display:block !important;

    color:#f2fff9 !important;

    font-size:
        clamp(
            15px,
            1.3vw,
            20px
        ) !important;

    font-weight:900 !important;

    line-height:1 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-state::after{
    content:"Aguardando a proxima transmissao" !important;

    display:block !important;

    margin-top:6px !important;

    color:
        rgba(
            139,
            220,
            194,
            .75
        ) !important;

    font-size:7px !important;
    font-weight:800 !important;

    line-height:1 !important;

    letter-spacing:.09em !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
}


/* ==========================================================
   ULTIMA TRANSMISSAO
   ========================================================== */

body[data-page="ao-vivo"]
#moduleGrid
.tx-card.standby.compact-tx.standby-v30
.standby-v30-last{
    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    padding:
        7px
        10px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(42,229,166,.15) !important;

    border-radius:9px !important;

    background:
        linear-gradient(
            135deg,
            rgba(8,41,43,.48),
            rgba(5,27,35,.67)
        ) !important;

    box-shadow:
        inset 2px 0 0
        rgba(43,242,174,.22) !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   ANIMACOES
   ========================================================== */

@keyframes xlx026V31RadarRotate{
    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}


@keyframes xlx026V31BlipA{
    0%,
    40%{
        opacity:0;
        transform:scale(.65);
    }

    49%{
        opacity:1;
        transform:scale(1);
    }

    65%{
        opacity:.55;
    }

    80%,
    100%{
        opacity:0;
        transform:scale(.7);
    }
}


@keyframes xlx026V31BlipB{
    0%,
    10%{
        opacity:0;
    }

    20%{
        opacity:.85;
        transform:scale(1);
    }

    35%{
        opacity:.35;
    }

    50%,
    100%{
        opacity:0;
        transform:scale(.7);
    }
}


@keyframes xlx026V31Breath{
    0%,
    100%{
        opacity:.77;
    }

    50%{
        opacity:1;
    }
}


@keyframes xlx026V31BoxScan{
    0%{
        left:-25%;
        opacity:0;
    }

    15%{
        opacity:.38;
    }

    60%{
        opacity:.16;
    }

    74%{
        left:112%;
        opacity:0;
    }

    100%{
        left:112%;
        opacity:0;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:720px){

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-content{
        grid-template-columns:
            44px
            minmax(94px,.83fr)
            minmax(0,1.22fr) !important;

        gap:6px !important;
    }


    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-radar{
        width:40px !important;
        height:40px !important;

        min-width:40px !important;
        min-height:40px !important;
    }


    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-state::before{
        font-size:
            clamp(
                10px,
                2.7vw,
                13px
            ) !important;
    }


    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-state::after{
        margin-top:4px !important;
        font-size:5px !important;
        letter-spacing:.04em !important;
    }
}


/* ==========================================================
   MOVIMENTO REDUZIDO
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30::before,

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30::after,

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-radar::before,

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-radar > span,

    body[data-page="ao-vivo"]
    #moduleGrid
    .tx-card.standby.compact-tx.standby-v30
    .standby-v30-radar > i{
        animation:none !important;
    }
}

/* ===== SOURCE: qrz-tx-photo-v1.css ===== */
/* XLX026 QRZ TX PHOTO FINAL V13 */
@keyframes xlx026QrzNeonPulseRed {
  0%,100%{box-shadow:0 0 5px rgba(255,49,92,.62),0 0 10px rgba(255,49,92,.28);border-color:#ff315c}
  50%{box-shadow:0 0 9px rgba(255,49,92,.95),0 0 16px rgba(255,49,92,.52);border-color:#ff9aae}
}
html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active{
  background:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active .signal-ring,
html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active::before,
html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  border:0 !important;
  box-shadow:none !important;
  animation:none !important;
}
html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active img.is-qrz-photo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:50% !important;
  border:3px solid #ff315c !important;
  box-sizing:border-box !important;
  animation:xlx026QrzNeonPulseRed 1.35s ease-in-out infinite !important;
}

/* Desktop com 1 TX: foto -> identidade -> técnico, conjunto centralizado. */
@media (min-width:721px){
  html body[data-page="ao-vivo"] #moduleGrid
  .tx-v30-person:has(.operator-visual.qrz-photo-active.qrz-size-1){
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    align-items:center !important;
    gap:18px !important;
    width:100% !important;
    position:relative !important;
    padding-left:26px !important;
  }
  html body[data-page="ao-vivo"] #moduleGrid
  .tx-v30-person:has(.operator-visual.qrz-photo-active.qrz-size-1)
  .operator-visual.qrz-photo-active.qrz-size-1{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
    width:120px !important;
    height:120px !important;
    min-width:120px !important;
    min-height:120px !important;
    max-width:120px !important;
    max-height:120px !important;
    z-index:3 !important;
  }
  html body[data-page="ao-vivo"] #moduleGrid
  .tx-v30-person:has(.operator-visual.qrz-photo-active.qrz-size-1)
  .tx-v30-person-data{
    padding-right:0 !important;
    margin:0 !important;
    min-width:0 !important;
    position:relative !important;
    z-index:3 !important;
  }
  html body[data-page="ao-vivo"] #moduleGrid
  .tx-card.live.tx-v30:has(.operator-visual.qrz-photo-active.qrz-size-1)
  .tx-v30-content{
    width:82% !important;
    max-width:1220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(390px,.96fr) minmax(500px,1.04fr) !important;
    gap:34px !important;
    align-items:center !important;
  }
  html body[data-page="ao-vivo"] #moduleGrid
  .tx-card.live.tx-v30:has(.operator-visual.qrz-photo-active.qrz-size-1)
  .xlx026-tech-v5{
    justify-self:end !important;
    width:100% !important;
    max-width:540px !important;
  }
}

@media (max-width:720px){
  html body[data-page="ao-vivo"] #moduleGrid .operator-visual.qrz-photo-active{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    min-height:72px !important;
    max-width:72px !important;
    max-height:72px !important;
  }
}


/* XLX026_DMR_AUDIO_VU_V1
   Reaproveita exatamente a linha decorativa SPECTRUM do box.
   Não altera grid-template, altura mínima nem estrutura do card. */
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu{
  position:relative !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:2px !important;
  padding:1px 74px 0 0 !important;
  overflow:hidden !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu .tx-vu-readout{
  display:none;
  position:absolute;
  right:0;
  top:0;
  width:70px;
  height:10px;
  line-height:10px;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  font-size:7px;
  font-weight:900;
  letter-spacing:.02em;
  color:#a8c5d2;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live .tx-vu-readout{
  display:block;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:2px !important;
  max-width:18px !important;
  height:6px !important;
  max-height:6px !important;
  opacity:.22 !important;
  animation:none !important;
  background:#31505f !important;
  box-shadow:none !important;
  transition:opacity .12s linear,background .12s linear,box-shadow .12s linear !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i.vu-lit:nth-child(-n+6){
  opacity:.96 !important;
  background:#4fa9c7 !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i.vu-lit:nth-child(n+7):nth-child(-n+13){
  opacity:1 !important;
  background:#21eaa0 !important;
  box-shadow:0 0 5px rgba(33,234,160,.24) !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i.vu-lit:nth-child(n+14):nth-child(-n+16){
  opacity:1 !important;
  background:#ffc857 !important;
  box-shadow:0 0 5px rgba(255,200,87,.22) !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i.vu-lit:nth-child(n+17){
  opacity:1 !important;
  background:#ff315c !important;
  box-shadow:0 0 6px rgba(255,49,92,.25) !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.is-live > i.vu-peak{
  outline:1px solid rgba(255,255,255,.92) !important;
  outline-offset:0 !important;
  opacity:1 !important;
}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.vu-low .tx-vu-readout{color:#8bcbe2 !important}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.vu-ideal .tx-vu-readout{color:#21eaa0 !important}
html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu.vu-high .tx-vu-readout{color:#ffc857 !important}
@container (max-width:650px){
 html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu{padding-right:62px !important;gap:1px !important}
 html body[data-page="ao-vivo"] #moduleGrid .tx-card.live.tx-v30 .spectrum.tx-vu .tx-vu-readout{width:59px;font-size:6px}
}
/* /XLX026_DMR_AUDIO_VU_V1 */