/* =========================================================
   GHOSTBASE V1.9.9.5
   HERO/TOPO DOS FORMULÁRIOS NO PADRÃO DO CADASTRO DE OPERADOR
   ========================================================= */

.gb1995-operator-hero{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;

    min-height:260px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;

    background:
        radial-gradient(circle at 92% 30%,rgba(255,106,0,.11),transparent 15%),
        linear-gradient(105deg,#071116 0%,#081216 52%,#18110d 100%)!important;

    border-bottom:1px solid rgba(255,106,0,.16)!important;
    box-shadow:inset 0 -28px 70px rgba(0,0,0,.18)!important;
}

.gb1995-operator-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;

    background-image:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
    background-size:54px 100%!important;
    opacity:.18!important;
}

.gb1995-operator-hero::after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;

    width:320px!important;
    height:320px!important;
    right:4%!important;
    top:-30px!important;
    border-radius:50%!important;

    background:
        radial-gradient(circle,
          rgba(255,106,0,.16) 0 2%,
          transparent 2.8% 16%,
          rgba(255,106,0,.10) 16.5% 17.4%,
          transparent 18% 31%,
          rgba(255,106,0,.07) 31.5% 32.2%,
          transparent 33% 100%)!important;

    filter:drop-shadow(0 0 20px rgba(255,106,0,.10))!important;
}

.gb1995-hide-original{
    display:none!important;
}

.gb1995-hero-inner{
    width:min(980px,calc(100% - 36px))!important;
    margin:0 auto!important;
    padding:48px 0 38px!important;
    position:relative!important;
    z-index:3!important;
}

.gb1995-eyebrow{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:12px!important;

    color:#ff6a00!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
}

.gb1995-eyebrow::after{
    content:""!important;
    width:44px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#ff6a00,transparent)!important;
}

.gb1995-hero-title{
    max-width:780px!important;
    margin:0 0 10px!important;
    color:#fff!important;

    font-size:clamp(44px,5vw,66px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
    text-wrap:balance!important;
}

.gb1995-hero-copy{
    max-width:780px!important;
    margin:0!important;
    color:#8fa2a9!important;

    font-size:15px!important;
    line-height:1.55!important;
}

/* faixa de informações logo abaixo, como no padrão do operador */
.gb1995-info-strip{
    width:min(980px,calc(100% - 36px))!important;
    margin:18px auto 0!important;

    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}

.gb1995-info-item{
    min-height:70px!important;
    padding:13px 14px!important;
    box-sizing:border-box!important;

    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;

    border:1px solid #29434d!important;
    border-radius:12px!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.012),transparent),
        #091419!important;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.gb1995-info-icon{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;

    border:1px solid #435a63!important;
    border-radius:8px!important;
    color:#ff7a17!important;
    background:#071115!important;

    font-size:12px!important;
    font-weight:950!important;
}

.gb1995-info-item strong{
    display:block!important;
    margin:0 0 3px!important;
    color:#edf2f4!important;
    font-size:10px!important;
    font-weight:900!important;
}

.gb1995-info-item span{
    display:block!important;
    color:#748891!important;
    font-size:8px!important;
    line-height:1.4!important;
}

/* formulário começa com o mesmo respiro do cadastro de operador */
.gb1995-page-standard form{
    margin-top:38px!important;
}

/* remove efeitos/posicionamentos divergentes dos heros antigos */
.gb1995-page-standard .community-form-hero-v237,
.gb1995-page-standard .v18-hero,
.gb1995-page-standard .gbp-hero,
.gb1995-page-standard .community-premium-hero-v237,
.gb1995-page-standard .gb1991-hero{
    min-height:260px!important;
    padding:0!important;
    margin:0!important;
}

@media(max-width:700px){
    .gb1995-operator-hero{
        min-height:220px!important;
    }

    .gb1995-operator-hero::after{
        width:230px!important;
        height:230px!important;
        right:-52px!important;
        top:-20px!important;
        opacity:.55!important;
    }

    .gb1995-hero-inner{
        width:calc(100% - 24px)!important;
        padding:36px 0 30px!important;
    }

    .gb1995-info-strip{
        width:calc(100% - 24px)!important;
        grid-template-columns:1fr!important;
        margin-top:12px!important;
    }

    .gb1995-hero-title{
        font-size:clamp(38px,12vw,52px)!important;
    }
}
