
.gbh-hero{position:relative;overflow:hidden;min-height:600px;border-bottom:1px solid #20323b;background:radial-gradient(circle at 76% 42%,rgba(255,106,0,.12),transparent 25%),linear-gradient(135deg,#05080a,#0b1216 58%,#11100d)}
.gbh-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34;filter:saturate(.8) contrast(1.08)}.gbh-hero.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.96) 0%,rgba(5,8,10,.72) 48%,rgba(5,8,10,.45) 100%)}
.gbh-grid{position:absolute;inset:0;z-index:1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px}
.gbh-scan{position:absolute;z-index:2;left:0;right:0;height:1px;background:#ff6a00;box-shadow:0 0 24px #ff6a00;opacity:.25;animation:gbhscan 8s linear infinite}@keyframes gbhscan{from{top:0}to{top:100%}}
.gbh-hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:600px;padding-top:80px;padding-bottom:80px}
.gbh-kicker,.gbh-section-head>span,.gbh-final>span{font-size:11px;font-weight:900;letter-spacing:.22em;color:#ff6a00}.gbh-copy h1{max-width:850px;margin:18px 0 22px;font-size:clamp(52px,6vw,92px);line-height:.92;letter-spacing:-.055em}.gbh-copy h1 em{display:block;color:#ff6a00;font-style:normal}.gbh-copy p{max-width:720px;color:#aebcc3;font-size:17px;line-height:1.7}.gbh-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.gbh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #314650;border-radius:10px;color:#fff;text-decoration:none;font-weight:800}.gbh-btn.primary{background:#ff6a00;border-color:#ff6a00;color:#080b0d}
.gbh-mark{position:relative;width:min(360px,80vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.gbh-radar{position:absolute;border:1px solid rgba(255,106,0,.35);border-radius:50%;animation:gbhspin 14s linear infinite}.gbh-radar:before,.gbh-radar:after{content:"";position:absolute;background:#ff6a00;border-radius:50%;box-shadow:0 0 14px #ff6a00}.gbh-radar:before{width:8px;height:8px;top:12%;left:15%}.gbh-radar:after{width:5px;height:5px;right:8%;bottom:28%}.r1{inset:0}.r2{inset:44px;animation-direction:reverse;animation-duration:10s}.r3{inset:86px;animation-duration:7s}@keyframes gbhspin{to{transform:rotate(360deg)}}.gbh-core{position:relative;width:160px;height:160px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1317;border:1px solid #39515c;box-shadow:0 0 70px rgba(255,106,0,.16);transform:rotate(45deg)}.gbh-core>*{transform:rotate(-45deg)}.gbh-core strong{font-size:54px}.gbh-core small{color:#ff6a00;font-weight:900;letter-spacing:.16em}
.gbh-story,.gbh-projects,.gbh-final{padding-top:90px;padding-bottom:90px}.gbh-section-head{max-width:900px;margin-bottom:38px}.gbh-section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.02;margin:10px 0 12px;letter-spacing:-.035em}.gbh-section-head p{color:#81939d}.gbh-story-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.gbh-story-text{font-size:17px;line-height:1.8;color:#bac5ca}.gbh-story-text strong{color:#fff}
.gbh-quote{position:relative;overflow:hidden;padding:32px;border:1px solid #263b45;border-radius:20px;background:linear-gradient(145deg,#0d161a,#11100d)}.gbh-quote.has-image{min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}.gbh-quote>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.gbh-quote.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,12,.96),rgba(6,10,12,.18))}.gbh-quote>*:not(img){position:relative;z-index:2}.gbh-quote span{color:#ff6a00;font-size:10px;font-weight:900;letter-spacing:.18em}.gbh-quote blockquote{font-size:23px;line-height:1.35;margin:22px 0;color:#fff}
.gbh-timeline-wrap{padding:84px 0;background:#0a1013;border-block:1px solid #1e3038}.gbh-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gbh-timeline article{min-height:210px;padding:22px;border:1px solid #233842;border-radius:16px;background:#0c1519}.gbh-timeline article.active{border-color:rgba(255,106,0,.6);background:linear-gradient(160deg,#0d161a,#171109)}.gbh-timeline small{display:block;margin-top:28px;color:#ff6a00;font-weight:900}.gbh-timeline h3{font-size:19px}.gbh-timeline p{font-size:13px;color:#82949d;line-height:1.55}
.gbh-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gbh-cards article{overflow:hidden;min-height:250px;border:1px solid #243943;border-radius:18px;background:#0c1012;transition:.25s}.gbh-cards article:hover{transform:translateY(-5px);border-color:#ff6a00}.gbh-cards article>img{width:100%;height:170px;object-fit:cover}.gbh-card-body{padding:24px}.gbh-card-body>b{font-size:35px;color:#233842}.gbh-card-body>span{display:block;margin-top:26px;color:#ff6a00;font-size:9px;font-weight:900;letter-spacing:.15em}.gbh-card-body h3{font-size:20px}.gbh-card-body p{color:#84969f;line-height:1.55;font-size:13px}.gbh-card-body small{display:block;margin-top:12px;color:#627882;font-size:11px}
.gbh-gallery{padding:86px 0;background:#091013;border-block:1px solid #1f323a}.gbh-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gbh-gallery figure{position:relative;overflow:hidden;margin:0;min-height:260px;border-radius:16px;border:1px solid #253b45;background:#0b1519}.gbh-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover}.gbh-gallery figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(6,10,12,.82);color:#eef3f5;font-size:12px}
.gbh-network{padding:66px 0;background:linear-gradient(90deg,#ff6a00,#d94e00);color:#080b0d}.gbh-network-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:36px;align-items:center}.gbh-network .gbh-kicker{color:#381400}.gbh-network h2{font-size:38px}.gbh-network .gbh-btn.primary{background:#080b0d;color:#fff;border-color:#080b0d}.gbh-final{text-align:center}.gbh-final h2{font-size:clamp(68px,10vw,140px);line-height:.9;margin:18px 0}.gbh-final p{font-size:20px;color:#9aacb5}.gbh-final div{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.gbh-final a{color:#ff6a00;font-weight:800}
@media(max-width:980px){.gbh-hero-inner,.gbh-story-grid,.gbh-network-grid{grid-template-columns:1fr}.gbh-timeline{grid-template-columns:1fr 1fr}.gbh-cards{grid-template-columns:1fr 1fr}.gbh-gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gbh-timeline,.gbh-cards,.gbh-gallery-grid{grid-template-columns:1fr}.gbh-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.gbh-scan,.gbh-radar{animation:none}}


/* ==========================================================
   HISTÓRIA V1.3 — LOGO GHOSTWALKER + GALERIA EDITORIAL
   ========================================================== */

/* Logo dentro do radar */
.gbh-core.has-ghost-logo{
    width:180px!important;
    height:180px!important;
    border-radius:34px!important;
    overflow:hidden!important;
    background:rgba(7,15,18,.92)!important;
    padding:18px!important;
    box-sizing:border-box!important;
}
.gbh-core.has-ghost-logo .gbh-ghostwalker-logo{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:rotate(-45deg)!important;
    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.45))
        drop-shadow(0 0 14px rgba(255,106,0,.28))!important;
}
.gbh-core.has-ghost-logo strong,
.gbh-core.has-ghost-logo small{display:none!important}

/* Galeria nunca cresce verticalmente sem controle */
.gbh-gallery{
    overflow:hidden!important;
    padding:76px 0!important;
}
.gbh-gallery .container{
    width:min(calc(100% - 36px),1280px)!important;
    margin-inline:auto!important;
}
.gbh-gallery-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    gap:14px!important;
    align-items:stretch!important;
}
.gbh-gallery-grid figure{
    position:relative!important;
    overflow:hidden!important;
    margin:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    border-radius:16px!important;
    border:1px solid #29414b!important;
    background:#081216!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.gbh-gallery-grid .gbh-gallery-item-1{
    grid-column:span 2!important;
    grid-row:span 2!important;
    aspect-ratio:16/10!important;
}
.gbh-gallery-grid .gbh-gallery-item-4{
    grid-column:span 2!important;
    aspect-ratio:16/8!important;
}
.gbh-gallery-grid figure img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transition:transform .45s ease,filter .45s ease!important;
}
.gbh-gallery-grid figure:hover img{
    transform:scale(1.035)!important;
    filter:brightness(.9)!important;
}
.gbh-gallery-grid figcaption{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    z-index:2!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:10px!important;
    background:rgba(5,10,12,.82)!important;
    backdrop-filter:blur(8px)!important;
    color:#f0f5f6!important;
    font-size:11px!important;
}
.gbh-gallery-grid figure:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.16))!important;
}

@media(max-width:900px){
    .gbh-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .gbh-gallery-grid .gbh-gallery-item-1,
    .gbh-gallery-grid .gbh-gallery-item-4{
        grid-column:span 2!important;
        grid-row:auto!important;
        aspect-ratio:16/9!important;
    }
}
@media(max-width:580px){
    .gbh-gallery .container{width:min(calc(100% - 22px),1280px)!important}
    .gbh-gallery-grid{grid-template-columns:1fr!important}
    .gbh-gallery-grid .gbh-gallery-item-1,
    .gbh-gallery-grid .gbh-gallery-item-4{
        grid-column:auto!important;
        aspect-ratio:4/3!important;
    }
    .gbh-gallery-grid figure{
        aspect-ratio:4/3!important;
        max-height:320px!important;
    }
}


/* ==========================================================
   HISTÓRIA V1.4 — ENQUADRAMENTO COMPLETO + GRID UNIFORME
   ========================================================== */

/* Operações e projetos: imagem inteira, sem cortar cabeça/corpo/logo */
.gbh-cards{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
}
.gbh-cards article{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
}
.gbh-cards article>img{
    width:100%!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    box-sizing:border-box!important;
    background:
      radial-gradient(circle at center,rgba(255,106,0,.045),transparent 58%),
      #061014!important;
}
.gbh-cards .gbh-card-body{
    flex:1 1 auto!important;
}
.gbh-cards article.has-media:hover>img{
    transform:scale(1.015)!important;
}

/* Galeria: todos os quadros com o MESMO tamanho */
.gbh-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:14px!important;
}
.gbh-gallery-grid .gbh-gallery-item-1,
.gbh-gallery-grid .gbh-gallery-item-2,
.gbh-gallery-grid .gbh-gallery-item-3,
.gbh-gallery-grid .gbh-gallery-item-4,
.gbh-gallery-grid .gbh-gallery-item-5,
.gbh-gallery-grid .gbh-gallery-item-6{
    grid-column:auto!important;
    grid-row:auto!important;
    aspect-ratio:4/3!important;
}
.gbh-gallery-grid figure{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      radial-gradient(circle at center,rgba(255,106,0,.045),transparent 62%),
      #061014!important;
}
.gbh-gallery-grid figure img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    box-sizing:border-box!important;
    background:transparent!important;
}
.gbh-gallery-grid figure:hover img{
    transform:scale(1.01)!important;
    filter:none!important;
}
.gbh-gallery-grid figure:after{
    background:none!important;
}

/* Legenda não cobre excessivamente a foto */
.gbh-gallery-grid figcaption{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    max-width:calc(100% - 20px)!important;
    padding:8px 10px!important;
    background:rgba(5,10,12,.88)!important;
    font-size:10px!important;
}

/* Responsivo uniforme */
@media(max-width:980px){
    .gbh-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .gbh-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
    .gbh-cards,.gbh-gallery-grid{grid-template-columns:1fr!important}
    .gbh-cards article>img{height:210px!important;min-height:210px!important;max-height:210px!important}
    .gbh-gallery-grid figure{aspect-ratio:4/3!important;max-height:320px!important}
}


/* ==========================================================
   HISTÓRIA V1.5 — LAYOUT FINAL / SEM CORTES / SEM MOSAICO
   ========================================================== */

/* 1) OPERAÇÕES E PROJETOS — frame fixo + imagem inteira */
.gbh-cards{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
}
.gbh-cards article{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
    overflow:hidden!important;
    border-radius:18px!important;
}
.gbh-card-media-frame{
    width:100%!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:10px!important;
    background:
      radial-gradient(circle at center,rgba(255,106,0,.05),transparent 64%),
      #061014!important;
    border-bottom:1px solid #1e323b!important;
}
.gbh-card-media-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
}
.gbh-cards article:hover .gbh-card-media-frame img{
    transform:none!important;
}
.gbh-card-body{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
}
.gbh-card-body p{margin-top:auto!important}

/* 2) GALERIA — grade simétrica, SEM spans, SEM item gigante */
.gbh-gallery{
    padding:72px 0!important;
    overflow:hidden!important;
}
.gbh-gallery .container{
    width:min(calc(100% - 36px),1180px)!important;
    margin-inline:auto!important;
}
.gbh-gallery-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    grid-auto-flow:row!important;
    gap:14px!important;
    align-items:stretch!important;
}
.gbh-gallery-grid .gbh-gallery-item,
.gbh-gallery-grid .gbh-gallery-item-1,
.gbh-gallery-grid .gbh-gallery-item-2,
.gbh-gallery-grid .gbh-gallery-item-3,
.gbh-gallery-grid .gbh-gallery-item-4,
.gbh-gallery-grid .gbh-gallery-item-5,
.gbh-gallery-grid .gbh-gallery-item-6{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    aspect-ratio:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:10px!important;
    background:
      radial-gradient(circle at center,rgba(255,106,0,.045),transparent 62%),
      #061014!important;
    border:1px solid #29414b!important;
    border-radius:16px!important;
}
.gbh-gallery-grid figure img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    transform:none!important;
    filter:none!important;
}
.gbh-gallery-grid figure:hover img{
    transform:none!important;
    filter:none!important;
}
.gbh-gallery-grid figure:after{
    display:none!important;
}
.gbh-gallery-grid figcaption{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    max-width:calc(100% - 24px)!important;
    padding:8px 10px!important;
    font-size:10px!important;
    background:rgba(5,10,12,.90)!important;
}

/* 3) RESPONSIVO */
@media(max-width:1100px){
    .gbh-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .gbh-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
    .gbh-cards,.gbh-gallery-grid{grid-template-columns:1fr!important}
    .gbh-card-media-frame{
        height:220px!important;
        min-height:220px!important;
        max-height:220px!important;
    }
    .gbh-gallery-grid .gbh-gallery-item,
    .gbh-gallery-grid .gbh-gallery-item-1,
    .gbh-gallery-grid .gbh-gallery-item-2,
    .gbh-gallery-grid .gbh-gallery-item-3,
    .gbh-gallery-grid .gbh-gallery-item-4,
    .gbh-gallery-grid .gbh-gallery-item-5,
    .gbh-gallery-grid .gbh-gallery-item-6{
        height:300px!important;
        min-height:300px!important;
        max-height:300px!important;
    }
}


/* ==========================================================
   HISTÓRIA V1.6 — GALERIA 100% UNIFORME / FOTO INTEIRA
   ========================================================== */

/* Mata qualquer regra anterior de mosaico ou destaque */
.gbh-gallery-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:240px!important;
    gap:14px!important;
    align-items:stretch!important;
}

.gbh-gallery-grid > figure,
.gbh-gallery-grid > .gbh-gallery-item,
.gbh-gallery-grid > .gbh-gallery-item-1,
.gbh-gallery-grid > .gbh-gallery-item-2,
.gbh-gallery-grid > .gbh-gallery-item-3,
.gbh-gallery-grid > .gbh-gallery-item-4,
.gbh-gallery-grid > .gbh-gallery-item-5,
.gbh-gallery-grid > .gbh-gallery-item-6{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:1px solid #29414b!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at center,rgba(255,106,0,.035),transparent 60%),
        #061014!important;
}

/* Foto inteira dentro do quadro */
.gbh-gallery-grid > figure > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    transform:none!important;
    filter:none!important;
}

/* Não aumenta nem corta no hover */
.gbh-gallery-grid > figure:hover > img{
    transform:none!important;
    filter:none!important;
}

/* Remove qualquer overlay que possa alterar percepção do enquadramento */
.gbh-gallery-grid > figure::after{
    display:none!important;
    content:none!important;
}

/* Legendas compactas, sem alterar o tamanho do card */
.gbh-gallery-grid > figure > figcaption{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:3!important;
    max-width:calc(100% - 20px)!important;
    padding:7px 9px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:8px!important;
    background:rgba(5,10,12,.88)!important;
    color:#edf3f5!important;
    font-size:10px!important;
    line-height:1.35!important;
}

/* Tablet */
@media(max-width:980px){
    .gbh-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:230px!important;
    }
    .gbh-gallery-grid > figure,
    .gbh-gallery-grid > .gbh-gallery-item,
    .gbh-gallery-grid > .gbh-gallery-item-1,
    .gbh-gallery-grid > .gbh-gallery-item-2,
    .gbh-gallery-grid > .gbh-gallery-item-3,
    .gbh-gallery-grid > .gbh-gallery-item-4,
    .gbh-gallery-grid > .gbh-gallery-item-5,
    .gbh-gallery-grid > .gbh-gallery-item-6{
        height:230px!important;
        min-height:230px!important;
        max-height:230px!important;
    }
}

/* Mobile */
@media(max-width:620px){
    .gbh-gallery-grid{
        grid-template-columns:1fr!important;
        grid-auto-rows:260px!important;
    }
    .gbh-gallery-grid > figure,
    .gbh-gallery-grid > .gbh-gallery-item,
    .gbh-gallery-grid > .gbh-gallery-item-1,
    .gbh-gallery-grid > .gbh-gallery-item-2,
    .gbh-gallery-grid > .gbh-gallery-item-3,
    .gbh-gallery-grid > .gbh-gallery-item-4,
    .gbh-gallery-grid > .gbh-gallery-item-5,
    .gbh-gallery-grid > .gbh-gallery-item-6{
        height:260px!important;
        min-height:260px!important;
        max-height:260px!important;
    }
}


/* ==========================================================
   HISTORIA HERO BACKGROUND FIX V2
   Restaura a imagem configurada no Admin como fundo real.
   ========================================================== */
.gbh-hero{
    position:relative!important;
    isolation:isolate!important;
}
.gbh-hero-bg-v2{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
.gbh-hero-bg-v2 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.38!important;
    filter:saturate(.88) contrast(1.08) brightness(.78)!important;
}
.gbh-hero-bg-v2:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,
        rgba(5,8,10,.94) 0%,
        rgba(5,8,10,.76) 43%,
        rgba(5,8,10,.48) 72%,
        rgba(5,8,10,.38) 100%)!important;
}
.gbh-hero .gbh-grid,
.gbh-hero .gbh-scan{
    z-index:1!important;
}
.gbh-hero .gbh-hero-inner{
    z-index:3!important;
}
.gbh-hero .gbh-copy,
.gbh-hero .gbh-mark{
    position:relative!important;
    z-index:4!important;
}

/* O fundo nunca deve ser removido pelos botões sociais */
.gbh-hero.has-photo{
    background:#071014!important;
}

/* ==========================================================
   HISTÓRIA V1.0.4 — HERO DEFINITIVO
   Background real, sem imagem ocupando espaço no documento.
   ========================================================== */

.gb-history .gbh-hero{
    --gbh-hero-image:none;

    position:relative!important;
    isolation:isolate!important;
    display:block!important;

    width:100%!important;
    min-height:clamp(620px,72vh,780px)!important;

    overflow:hidden!important;

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

    border-bottom:1px solid rgba(255,106,0,.22)!important;

    background:
        radial-gradient(
            circle at 76% 42%,
            rgba(255,106,0,.12),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #05080a,
            #0b1216 58%,
            #11100d
        )!important;
}

/*
 * A foto existe somente como camada absoluta.
 * Ela nunca participa do layout e nunca aumenta a altura da página.
 */
.gb-history .gbh-hero.has-photo::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;
    z-index:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    background-image:var(--gbh-hero-image)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center 42%!important;

    opacity:.48!important;

    filter:
        saturate(.82)
        contrast(1.06)
        brightness(.82)!important;

    transform:none!important;
}

/*
 * Overlay cinematográfico:
 * mais escuro no texto e gradualmente aberto para a direita.
 */
.gb-history .gbh-hero.has-photo::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;
    z-index:1!important;

    pointer-events:none!important;

    background:
        linear-gradient(
            90deg,
            rgba(4,8,10,.95) 0%,
            rgba(4,8,10,.84) 28%,
            rgba(4,8,10,.67) 50%,
            rgba(4,8,10,.47) 72%,
            rgba(4,8,10,.52) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.10),
            rgba(0,0,0,.18)
        )!important;
}

/*
 * Neutraliza qualquer componente antigo que ainda possa existir
 * em cache ou em marcação legada.
 */
.gb-history .gbh-hero-photo,
.gb-history .gbh-hero-bg-v2{
    display:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
}

/* Efeitos ficam sobre a foto, mas atrás do conteúdo. */
.gb-history .gbh-hero > .gbh-grid{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
}

.gb-history .gbh-hero > .gbh-scan{
    position:absolute!important;
    z-index:3!important;
}

/*
 * Conteúdo sempre ocupa o Hero inteiro.
 * Não pode cair para baixo da imagem.
 */
.gb-history .gbh-hero .gbh-hero-inner{
    position:relative!important;
    z-index:4!important;

    width:min(calc(100% - 48px),1280px)!important;
    min-height:clamp(620px,72vh,780px)!important;

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

    display:grid!important;
    grid-template-columns:
        minmax(0,1.18fr)
        minmax(300px,.82fr)!important;

    align-items:center!important;
    gap:clamp(42px,6vw,88px)!important;

    box-sizing:border-box!important;

    transform:none!important;
}

/* Texto em escala consistente. */
.gb-history .gbh-hero .gbh-copy{
    position:relative!important;
    z-index:5!important;

    width:100%!important;
    max-width:760px!important;

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

    transform:none!important;
}

.gb-history .gbh-hero .gbh-copy h1{
    max-width:760px!important;

    margin:17px 0 20px!important;

    font-size:clamp(56px,5.4vw,88px)!important;
    line-height:.93!important;
    letter-spacing:-.055em!important;

    transform:none!important;
}

.gb-history .gbh-hero .gbh-copy p{
    max-width:700px!important;

    margin:0!important;

    font-size:16px!important;
    line-height:1.7!important;

    color:#aab9bf!important;
}

.gb-history .gbh-hero .gbh-actions{
    margin-top:27px!important;
}

/* Logo Ghostwalker / radar */
.gb-history .gbh-hero .gbh-mark{
    position:relative!important;
    z-index:5!important;

    width:min(370px,30vw)!important;
    min-width:280px!important;

    margin:auto!important;

    transform:none!important;
}

/* Redes ficam no fluxo normal abaixo dos dois CTAs. */
.gb-history .gbh-hero .gbh-social-actions{
    position:relative!important;
    z-index:6!important;

    margin-top:13px!important;

    transform:none!important;
}

/* Nenhuma imagem comum dentro do Hero pode virar bloco solto. */
.gb-history .gbh-hero > img{
    display:none!important;
}

/* Desktop largo */
@media(min-width:1500px){
    .gb-history .gbh-hero .gbh-hero-inner{
        width:min(calc(100% - 72px),1360px)!important;
    }

    .gb-history .gbh-hero .gbh-copy h1{
        font-size:clamp(64px,4.7vw,92px)!important;
    }
}

/* Tablet */
@media(max-width:980px){
    .gb-history .gbh-hero{
        min-height:auto!important;
    }

    .gb-history .gbh-hero.has-photo::before{
        background-position:center center!important;
        opacity:.38!important;
    }

    .gb-history .gbh-hero.has-photo::after{
        background:
            linear-gradient(
                180deg,
                rgba(4,8,10,.88) 0%,
                rgba(4,8,10,.80) 58%,
                rgba(4,8,10,.94) 100%
            )!important;
    }

    .gb-history .gbh-hero .gbh-hero-inner{
        width:min(calc(100% - 34px),860px)!important;
        min-height:auto!important;

        padding:76px 0 64px!important;

        grid-template-columns:1fr!important;
        gap:38px!important;
    }

    .gb-history .gbh-hero .gbh-copy{
        max-width:760px!important;
    }

    .gb-history .gbh-hero .gbh-mark{
        width:min(320px,70vw)!important;
        min-width:0!important;
    }
}

/* Mobile */
@media(max-width:620px){
    .gb-history .gbh-hero .gbh-hero-inner{
        width:min(calc(100% - 24px),620px)!important;
        padding:58px 0 50px!important;
        gap:30px!important;
    }

    .gb-history .gbh-hero .gbh-copy h1{
        font-size:clamp(44px,13vw,58px)!important;
    }

    .gb-history .gbh-hero .gbh-copy p{
        font-size:14px!important;
        line-height:1.62!important;
    }

    .gb-history .gbh-hero .gbh-mark{
        width:min(270px,74vw)!important;
    }

    .gb-history .gbh-hero.has-photo::before{
        background-position:58% center!important;
        opacity:.32!important;
    }
}

/* Acessibilidade */
@media(prefers-reduced-motion:reduce){
    .gb-history .gbh-hero .gbh-scan,
    .gb-history .gbh-hero .gbh-radar{
        animation:none!important;
    }
}
