/* =========================================================
   GHOSTBASE V2.0.4
   OPERADORES — MIX + LEITURA PREMIUM
   ========================================================= */

.gb204-operator-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid #304752!important;
    border-radius:16px!important;
    background:#081116!important;
    box-shadow:
        0 18px 44px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025)!important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease!important;
    isolation:isolate!important;
}

.gb204-operator-card:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(255,106,0,.72)!important;
    box-shadow:
        0 24px 58px rgba(0,0,0,.30),
        0 0 0 1px rgba(255,106,0,.08),
        0 0 26px rgba(255,106,0,.08)!important;
}

.gb204-operator-card img{
    transition:transform .32s ease,filter .32s ease!important;
}

.gb204-operator-card:hover img{
    transform:scale(1.028)!important;
    filter:saturate(1.03) contrast(1.02)!important;
}

/* sombra progressiva atrás do texto */
.gb204-operator-card::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0 0!important;
    height:58%!important;
    z-index:1!important;
    pointer-events:none!important;

    background:
      linear-gradient(
        to top,
        rgba(3,8,11,.98) 0%,
        rgba(3,8,11,.92) 28%,
        rgba(3,8,11,.72) 52%,
        rgba(3,8,11,.25) 78%,
        rgba(3,8,11,0) 100%
      )!important;
}

/* qualquer conteúdo textual do card fica acima do degradê */
.gb204-operator-card > *:not(img):not(picture){
    position:relative!important;
    z-index:2!important;
}

/* bloco textual detectado */
.gb204-operator-card .gb204-copy{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:3!important;
    padding:18px 18px 16px!important;
    box-sizing:border-box!important;
}

/* rótulo/equipe */
.gb204-operator-card .gb204-eyebrow{
    display:block!important;
    margin:0 0 6px!important;
    color:#ff9a34!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}

/* nome */
.gb204-operator-card .gb204-name{
    margin:0 0 7px!important;
    color:#fff!important;
    font-size:clamp(22px,2vw,31px)!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
    font-weight:950!important;
    text-shadow:
        0 2px 12px rgba(0,0,0,.78),
        0 1px 1px rgba(0,0,0,.95)!important;
}

/* função / especialidade */
.gb204-operator-card .gb204-role{
    margin:0 0 10px!important;
    color:#e4ecef!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:650!important;
    text-shadow:0 2px 8px rgba(0,0,0,.80)!important;
}

/* link */
.gb204-operator-card .gb204-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#ff9800!important;
    font-size:11px!important;
    font-weight:950!important;
    text-decoration:none!important;
    text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}

.gb204-operator-card .gb204-link:hover{
    color:#ffb24d!important;
}

/* pequena placa de contraste, sem esconder a foto */
.gb204-operator-card .gb204-copy::before{
    content:""!important;
    position:absolute!important;
    inset:-18px -18px -16px!important;
    z-index:-1!important;
    background:
      linear-gradient(to top,rgba(3,8,11,.78),rgba(3,8,11,.25) 70%,transparent)!important;
    backdrop-filter:blur(1.5px)!important;
}

/* fade visual na troca */
.gb204-operator-card.gb204-enter{
    animation:gb204Enter .36s ease both!important;
}

@keyframes gb204Enter{
    from{opacity:.25;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
}

@media(max-width:700px){
    .gb204-operator-card .gb204-copy{
        padding:15px!important;
    }
    .gb204-operator-card .gb204-name{
        font-size:24px!important;
    }
}