:root {
    --blue:#325483;
    --blue-2:#325483;
    --blue-3:#325483;
    --red:#e30621;
    --red-2:#c90019;
    --dark:#03134a;
    --text:#061b56;
    --muted:#5b6685;
    --light:#f7f9fd;
    --line:#e6ebf5;
    --white:#ffffff;
    --radius:18px;
    --shadow:0 18px 45px rgba(7,31,89,.10);
    --shadow-soft:0 12px 30px rgba(5,26,72,.08);
    --container:1160px;

}

* {
    box-sizing:border-box;
    margin:0;
    padding:0
}

body {
    font-family:'Inter',Arial,sans-serif;
    color:var(--text);
    background:#fff;
    line-height:1.5;
    overflow-x:hidden;

}

a {
    text-decoration:none;
    color:inherit
}

img {
    max-width:100%;
    display:block
}

.container {
    width:min(var(--container),calc(100% - 40px));
    margin-inline:auto
}

.barra-superior {
    background:#325483;
    color:#fff;
    font-size:13px;

}

.barra-superior .container {
    height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

}

.barra-superior-esquerda,.barra-superior-direita {
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap
}

.barra-superior span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    opacity:.96
}

.barra-superior i {
    font-size:15px
}

.social {
    display:flex;
    align-items:center;
    gap:14px
}

.cabecalho {
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(16px);
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:1px solid #fbfbfb69;

}

.navegacao {
    height:108px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;

}

.logo {
    min-width:250px;
    display:flex;
    align-items:center;
    gap:8px;

}

.marca-logo {
    font-weight:900;
    letter-spacing:-1px;
    line-height:.88;
    font-size:34px;
    color:var(--blue);
    text-transform:uppercase;

}

.marca-logo strong {
    display:block;
    color:var(--red);
    font-size:20px;
    letter-spacing:1px;
    margin-top:4px
}

.marca-logo small {
    font-size:8px;
    color:var(--blue);
    letter-spacing:1.6px;
    margin-left:4px
}

.chama-logo {
    color:var(--red);
    font-size:24px;
    margin-left:-18px;
    margin-top:-18px
}

.menu {
    display:flex;
    align-items:center;
    gap:36px;
    list-style:none;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    color:#001b65
}

.menu a {
    position:relative;
    color: #6c6d70;
    padding:12px 0
}

.menu a.ativo:after,.menu a:hover:after {
    content:"";
    position:absolute;
    left:0;
    bottom:3px;
    width:100%;
    height:2px;
    background:var(--blue);
    border-radius:4px;

}

.botao {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    padding:0 22px;
    border-radius:9px;
    border:1px solid transparent;
    font-weight:900;
    font-size:13px;
    text-transform:uppercase;
    cursor:pointer;
    transition:.2s ease;

}

.botao-vermelho {
    background:#25d366;
    color:#fff;
    box-shadow:0 12px 26px rgba(227,6,33,.24)
}

.botao-vermelho:hover {
    transform:translateY(-2px);
    box-shadow:0 16px 32px rgba(227,6,33,.34)
}

.botao-contorno {
    background:#fff;
    color:var(--blue);
    border-color:var(--blue)
}

.botao-contorno:hover {
    background:var(--blue);
    color:#fff
}

.botao-menu-mobile {
    display:none;
    border:0;
    background:var(--blue);
    color:#fff;
    width:46px;
    height:46px;
    border-radius:10px;
    font-size:19px
}

.banner-principal {
    position:relative;
    min-height:560px;
    background:linear-gradient(90deg,#ffffff 0%,#ffffff 36%,rgba(255,255,255,.78) 50%,rgba(247,249,253,.25) 100%);
    overflow:hidden;
    display:flex;
    align-items:center;

}

.grade-banner {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,520px);
    align-items:center;
    padding:58px 0 122px;
    min-height:560px;

}

.conteudo-banner {
    position:relative;
    z-index:3;
    max-width:520px;

}

.conteudo-banner h1 {
    font-size:58px;
    line-height:.96;
    letter-spacing:-2px;
    text-transform:uppercase;
    color:#325483;
    font-weight:900;
    margin-bottom:24px;

}

.conteudo-banner h1 span {
    display:inline-block;
    background:var(--red);
    color:#fff;
    padding:4px 12px 7px;
    border-radius:8px;
    margin-top:8px;

}

.conteudo-banner p {
    font-size:18px;
    font-weight:700;
    color:#09296f;
    max-width:520px;
    margin-bottom:28px;

}

.acoes-banner {
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;

}

.visual-banner {
    display:none;

}

.imagem-banner-principal {
    position:absolute;
    top:50%;
    right:0;
    z-index:1;
    width:72vw;
    max-width:1180px;
    min-width:760px;
    height:auto;
    transform:translateY(-50%);
    object-fit:contain;
    object-position:right center;
    pointer-events:none;
    user-select:none;

}

.beneficios {
    position:relative;
    z-index:5;
    margin-top:-72px;
    margin-bottom:42px
}

.cartao-beneficios {
    background:#fff;
    border-radius:18px;
    box-shadow:var(--shadow);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    border:1px solid rgba(225,231,244,.85)
}

.beneficio {
    display:flex;
    align-items:center;
    gap:18px;
    padding:28px 34px;
    min-height:112px;
    border-right:1px solid var(--line)
}

.beneficio:last-child {
    border-right:0
}

.beneficio i {
    font-size:42px;
    color:var(--blue)
}

.beneficio:nth-child(2) i,.beneficio:nth-child(3) i {
    color:var(--red)
}

.beneficio h3 {
    font-size:15px;
    line-height:1.25;
    font-weight:900;
    color:#325483;
    margin-bottom:6px
}

.beneficio p {
    font-size:12.5px;
    color:#111827;
    font-weight:500
}

section {
    padding:0 0 22px
}

.cabecalho-secao {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px
}

.subtitulo-secao {
    font-size:12px;
    text-transform:uppercase;
    font-weight:900;
    color:var(--blue);
    margin-bottom:5px
}

.titulo {
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.8px;
    color:#325483;
    font-weight:900;
    max-width:450px
}

.titulo:after {
    content:"";
    display:block;
    width:42px;
    height:3px;
    background:var(--red);
    border-radius:4px;
    margin-top:12px
}

.grade-servicos {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin-bottom:18px
}

.cartao-servico {
    background:#fff;
    border:1px solid #edf1f8;
    border-radius:14px;
    box-shadow:var(--shadow-soft);
    padding:28px 20px 22px;
    text-align:center;
    min-height:255px;
    display:flex;
    flex-direction:column;
    align-items:center;
    transition:.2s ease
}

.cartao-servico:hover {
    transform:translateY(-5px);
    box-shadow:var(--shadow)
}

.icone-servico {
    height:72px;
    display:grid;
    place-items:center;
    color:var(--blue);
    font-size:46px;
    margin-bottom:15px
}

.cartao-servico:nth-child(2) .icone-servico {
    color:var(--red)
}

.cartao-servico h3 {
    font-size:14px;
    text-transform:uppercase;
    font-weight:900;
    line-height:1.25;
    color:#325483;
    margin-bottom:16px;
    min-height:36px
}

.cartao-servico p {
    font-size:13px;
    color:#1f2937;
    margin-bottom:22px;
    flex:1
}

.link-vermelho {
    color:var(--red);
    font-size:13px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:8px
}

.numeros {
    margin:18px auto 36px;
    background:linear-gradient(135deg,#002b91,#002174 56%,#0035a8);
    border-radius:16px;
    color:#fff;
    box-shadow:0 20px 38px rgba(0,43,143,.22);
    padding:30px;
    display:grid;
    grid-template-columns:1.4fr 2.1fr 1.35fr;
    align-items:center;
    gap:26px
}

.numeros h2 {
    font-size:25px;
    line-height:1.25;
    margin:8px 0 14px
}

.numeros p {
    font-size:13px;
    opacity:.92
}

.estatisticas {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-left:1px solid rgba(255,255,255,.25);
    border-right:1px solid rgba(255,255,255,.25)
}

.numero {
    text-align:center;
    padding:0 18px;
    border-right:1px solid rgba(255,255,255,.25)
}

.numero:last-child {
    border-right:0
}

.numero i {
    font-size:31px;
    margin-bottom:10px
}

.numero b {
    display:block;
    font-size:28px;
    margin-bottom:4px
}

.numero span {
    font-size:13px
}

.certificacoes h3 {
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:9px
}

.certificacoes strong {
    font-size:23px;
    line-height:1.25;
    display:block;
    margin-bottom:18px
}

.logos-certificacoes {
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap
}

.logos-certificacoes span {
    font-size:20px;
    font-weight:900;
    color:#fff
}

.logos-certificacoes .mygas {
    color:#ffd600
}

.logos-certificacoes small {
    font-size:11px;
    font-weight:700;
    opacity:.9
}

.grade-projetos {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px
}

.cartao-projeto {
    height:146px;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    background:#dce5f5;
    box-shadow:var(--shadow-soft)
}

.cartao-projeto:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 42%,rgba(0,30,100,.92))
}

.imagem-projeto {
    height:100%;
    background:linear-gradient(135deg,#f1f3f6,#cfd7e4);
    position:relative
}

.imagem-projeto.tubulacao:after {
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:35px;
    height:9px;
    background:#e4a500;
    border-radius:8px;
    box-shadow:0 24px 0 #e4a500,50px 48px 0 #e4a500
}

.imagem-projeto.aquecedor:after {
    content:"";
    position:absolute;
    left:50%;
    top:23px;
    transform:translateX(-50%);
    width:70px;
    height:88px;
    background:#fff;
    border:3px solid #d4dbe8;
    border-radius:9px;
    box-shadow:inset 0 -26px 0 #f4f6fb
}

.imagem-projeto.cozinha:after {
    content:"";
    position:absolute;
    left:30px;
    right:30px;
    bottom:36px;
    height:45px;
    background:#cfd6df;
    border-radius:6px;
    box-shadow:50px -45px 0 #e9edf4
}

.imagem-projeto.tecnico:after {
    content:"";
    position:absolute;
    right:34px;
    top:22px;
    width:75px;
    height:105px;
    background:#15213a;
    border-radius:35px 35px 8px 8px;
    box-shadow:-72px 40px 0 #dbe2ed
}

.cartao-projeto h3 {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:var(--blue);
    color:#fff;
    text-align:center;
    font-size:13px;
    font-weight:900;
    padding:10px 8px;
    z-index:2
}

.grade-inferior {
    display:grid;
    grid-template-columns:1fr 320px;
    gap:34px;
    margin:25px auto 18px
}

.depoimentos {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px
}

.depoimento {
    background:#fff;
    border:1px solid #edf1f8;
    border-radius:13px;
    box-shadow:var(--shadow-soft);
    padding:26px 22px
}

.aspas {
    font-size:40px;
    line-height:.6;
    color:var(--red);
    font-weight:900
}

.depoimento p {
    font-size:13px;
    color:#111827;
    margin:10px 0
}

.estrelas {
    color:var(--red);
    font-size:14px;
    margin-bottom:8px
}

.depoimento strong {
    font-size:13px;
    color:#07256d
}

.depoimento span {
    display:block;
    font-size:12px;
    color:#163579;
    font-weight:700
}

.caixa-cta {
    background:linear-gradient(135deg,#002b91,#001d67);
    color:#fff;
    border-radius:15px;
    padding:27px 28px;
    align-self:end;
    box-shadow:var(--shadow)
}

.caixa-cta small {
    text-transform:uppercase;
    font-weight:900
}

.caixa-cta h2 {
    font-size:31px;
    line-height:1.1;
    margin:8px 0
}

.caixa-cta p {
    font-size:17px;
    margin-bottom:16px
}

.telefone-cta {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    background:var(--red);
    border-radius:8px;
    color:#fff;
    font-size:25px;
    font-weight:900;
    padding:12px 14px
}

.telefone-cta i {
    font-size:28px
}

.rodape {
    background:linear-gradient(135deg,#002b91,#001b58);
    color:#fff;
    margin-top:8px;
    padding:32px 0 14px
}

.grade-rodape {
    display:grid;
    grid-template-columns:1.5fr 1fr 1.2fr 1.25fr 1.2fr;
    gap:34px
}

.logo-rodape {
    font-size:28px;
    font-weight:900;
    line-height:.86;
    text-transform:uppercase
}

.logo-rodape strong {
    display:block;
    color:#fff
}

.logo-rodape span {
    display:block;
    color:#fff;
    font-size:15px;
    margin-top:5px
}

.rodape p,.rodape a {
    font-size:12.5px;
    opacity:.94
}

.rodape h3 {
    font-size:13px;
    text-transform:uppercase;
    margin-bottom:12px
}

.rodape ul {
    list-style:none
}

.rodape li {
    margin:4px 0
}

.rodape-contato li {
    display:flex;
    gap:9px;
    align-items:flex-start
}

.rodape-contato i {
    color:var(--red);
    margin-top:2px
}

.social-rodape {
    display:flex;
    gap:12px;
    margin-top:16px
}

.social-rodape a {
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.7);
    display:grid;
    place-items:center;
    font-size:13px
}

.emergencia {
    border:1px solid var(--red);
    border-radius:9px;
    padding:13px 15px;
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:13px;
    color:var(--red);
    font-weight:900
}

.emergencia i {
    font-size:29px
}

.direitos {
    text-align:center;
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:24px;
    padding-top:13px;
    font-size:12px;
    opacity:.9
}

@media(max-width:1050px) {
    .barra-superior .container {
        height:auto;
        padding:10px 0;
        align-items:flex-start
    }

    .barra-superior-esquerda,.barra-superior-direita {
        gap:12px
    }

    .navegacao {
        height:86px
    }

    .botao-menu-mobile {
        display:grid;
        place-items:center
    }

    .menu {
        position:fixed;
        top:132px;
        right:20px;
        left:20px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:16px;
        box-shadow:var(--shadow);
        padding:22px;
        display:none;
        flex-direction:column;
        align-items:flex-start;
        gap:8px
    }

    .menu.aberto {
        display:flex
    }

    .navegacao .botao-vermelho {
        display:none
    }

    .grade-banner {
        grid-template-columns:1fr;
        padding-top:38px
    }

    .conteudo-banner {
        text-align:center
    }

    .conteudo-banner h1 {
        font-size:48px
    }

    .conteudo-banner p {
        margin-inline:auto
    }

    .acoes-banner {
        justify-content:center
    }

    .visual-banner {
        min-height:330px
    }

    .cartao-beneficios {
        grid-template-columns:repeat(2,1fr)
    }

    .beneficio:nth-child(2) {
        border-right:0
    }

    .grade-servicos,.grade-projetos {
        grid-template-columns:repeat(3,1fr)
    }

    .numeros {
        grid-template-columns:1fr
    }

    .estatisticas {
        border:0
    }

    .grade-inferior {
        grid-template-columns:1fr
    }

    .grade-rodape {
        grid-template-columns:repeat(2,1fr)
    }

}

@media(max-width:720px) {
    .container {
        width:min(100% - 26px,var(--container))
    }

    .barra-superior {
        font-size:12px
    }

    .barra-superior .container {
        gap:8px
    }

    .barra-superior-esquerda,.barra-superior-direita {
        width:100%;
        justify-content:center
    }

    .navegacao {
        height:78px
    }

    .logo {
        min-width:auto
    }

    .marca-logo {
        font-size:25px
    }

    .marca-logo strong {
        font-size:15px
    }

    .marca-logo small {
        display:none
    }

    .menu {
        top:124px
    }

    .banner-principal {
        min-height:auto
    }

    .grade-banner {
        padding-bottom:96px
    }

    .conteudo-banner h1 {
        font-size:39px;
        letter-spacing:-1px
    }

    .conteudo-banner p {
        font-size:16px
    }

    .botao {
        width:100%;
        max-width:280px
    }

    .anos {
        left:50%;
        transform:translateX(-50%);
        top:4px
    }

    .anos b {
        font-size:92px;
        letter-spacing:-5px
    }

    .anos span {
        font-size:26px
    }

    .anos i {
        font-size:30px;
        left:63px;
        top:48px
    }

    .caminhonete {
        transform:scale(.82);
        transform-origin:center bottom;
        margin-top:55px
    }

    .beneficios {
        margin-top:-55px
    }

    .cartao-beneficios {
        grid-template-columns:1fr
    }

    .beneficio {
        border-right:0;
        border-bottom:1px solid var(--line);
        padding:24px
    }

    .beneficio:last-child {
        border-bottom:0
    }

    .cabecalho-secao {
        align-items:flex-start;
        flex-direction:column
    }

    .titulo {
        font-size:26px
    }

    .grade-servicos,.grade-projetos,.depoimentos {
        grid-template-columns:1fr
    }

    .cartao-servico {
        min-height:auto
    }

    .numeros {
        padding:25px 20px
    }

    .estatisticas {
        grid-template-columns:repeat(2,1fr);
        gap:22px
    }

    .numero {
        border-right:0;
        padding:0
    }

    .grade-inferior {
        gap:22px
    }

    .grade-rodape {
        grid-template-columns:1fr
    }

    .telefone-cta {
        font-size:21px
    }

    .visual-banner {
        overflow:hidden
    }

    .logo-caminhonete,.rotulo-telefone {
        display:none
    }

}

@media(max-width:1050px) {
    .banner-principal {
        min-height:520px;

    }

    .grade-banner {
        grid-template-columns:1fr;
        min-height:520px;
        padding-top:42px;
        padding-bottom:96px;

    }

    .conteudo-banner {
        max-width:500px;
        text-align:left;

    }

    .imagem-banner-principal {
        right:-180px;
        width:88vw;
        min-width:700px;
      

    }

}
.conteudo-banner {
      margin-left: 10px;
    margin-top: -80px;
}
.acoes-banner{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.botao-banner{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    height:54px;
    padding:0 26px;

    border-radius:12px;

    font-size:15px;
    font-weight:700;

    transition:.25s;
}

.botao-banner i{
    font-size:22px;
}

.botao-orcamento{
    background:#e30621;
    color:#fff;
    box-shadow:0 10px 30px rgba(227,6,33,.22);
}

.botao-orcamento:hover{
    background:#c90019;
    transform:translateY(-3px);
}

.botao-whatsapp{
    background:#fff;
    color:#002b8f;
    border:2px solid #dce5f5;
    box-shadow:0 10px 30px rgba(0,43,143,.08);
}

.botao-whatsapp i{
    color:#25D366;
}

.botao-whatsapp:hover{
    border-color:#25D366;
    color:#25D366;
    transform:translateY(-3px);
}

@media(max-width:720px){
    .banner-principal{
        min-height: auto;
        background: #ffffff;
        overflow: hidden;
        margin-top: 50px;
    }

    .conteudo-banner {
      margin-left: 0px;
    margin-top: 0px;
}

    .banner-principal:before,
    .banner-principal:after{
        display: none;
    }

    .grade-banner{
        display: block;
        padding: 26px 0 0;
        position: relative;
        z-index: 2;
    }

    .conteudo-banner{
        text-align: left;
        max-width: 100%;
        position: relative;
        z-index: 3;
    }

    .conteudo-banner h1{
        font-size: 34px;
        line-height: .95;
        letter-spacing: -1px;
        margin-bottom: 14px;
    }

    .conteudo-banner h1 span{
        padding: 3px 10px 6px;
        border-radius: 7px;
    }

    .conteudo-banner p{
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 18px;
        max-width: 100%;
    }

  .acoes-banner{
        flex-direction:column;
        align-items:stretch;
    }

    .botao-banner{
        width:90%;
        justify-content:center;
    }



    .acoes-banner .botao{
        width: auto;
        max-width: none;
        min-height: 42px;
        padding: 0 14px;
        font-size: 11px;
    }

    .imagem-banner-principal{
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        width: 132%;
        max-width: none;
        min-width: 0;
        margin-left: 6%;
        margin-top: -18px;
        z-index: 1;
    }

    .beneficios{
        margin-top: 14px;
    }
}

@media(max-width:430px) {
    .grade-banner {
        padding-bottom:280px;

    }

    .imagem-banner-principal {
        right:-50%;
        width:168%;

    }

}


/* Ajuste final do banner principal com imagem real */
.banner-principal {
    position: relative;
    min-height: 560px;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 36%, rgba(255, 255, 255, .78) 50%, rgba(247, 249, 253, .25) 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
}

.grade-banner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 520px);
    align-items: center;
    min-height: 560px;
    padding: 58px 0 122px;
}

.visual-banner {
    display: none;
}

.imagem-banner-principal {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 72vw;
    max-width: 1180px;
    min-width: 760px;
    height: auto;
    object-fit: contain;
    object-position: right center;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

@media (max-width: 1050px) {
    .banner-principal {
        min-height: auto;
        display: block;
    }

    .grade-banner {
        min-height: auto;
        padding: 42px 0 20px;
    }

    .conteudo-banner {
        max-width: 500px;
        text-align: left;
    }

    .imagem-banner-principal {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: 118%;
        max-width: none;
        min-width: 0;
        margin: -8px 0 0 auto;
        transform: none;
    }

    .beneficios {
        margin-top: 0;
    }
}

@media (max-width: 720px) {
    .banner-principal {
        min-height: auto;
        background: #ffffff;
        overflow: hidden;
        display: block;
    }

    .banner-principal:before,
    .banner-principal:after {
        display: none;
    }

    .grade-banner {
        display: block;
        min-height: auto;
        padding: 24px 0 12px;
    }

    .conteudo-banner {
        max-width: 100%;
        text-align: center;
    }

    .conteudo-banner h1 {
        font-size: 34px;
        line-height: .95;
        letter-spacing: -1px;
        margin-bottom: 14px;
    }

    .conteudo-banner h1 span {
        padding: 3px 10px 6px;
        border-radius: 7px;
    }

    .conteudo-banner p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 16px;
        font-weight: 0;
    }

    .acoes-banner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 0;
    }

    .acoes-banner .botao {
        width: auto;
        max-width: none;
        min-height: 40px;
        padding: 0 13px;
        font-size: 11px;
    }

    .imagem-banner-principal {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        display: block;
        width: 126%;
        max-width: none;
        min-width: 0;
        height: auto;
        margin: 6px -28% 0 auto;
        transform: none;
        z-index: 1;
    }

    .beneficios {
        margin-top: 0;
    }
}

@media (max-width: 430px) {
    .grade-banner {
        padding: 22px 0 10px;
    }

    .imagem-banner-principal {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 138%;
        max-width: none;
        min-width: 0;
        margin: 6px -34% 0 auto;
        transform: none;
    }

    .beneficios {
        margin-top: 0;
    }
}


        img{max-width:100%;display:block}
        .container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}

        .barra-superior{background:var(--azul);color:#fff;font-size:13px}
        .barra-superior .container{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
        .grupo-topo{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
        .grupo-topo span{display:inline-flex;align-items:center;gap:8px;font-weight:600}

        .cabecalho{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #fbfbfb69}
        .navegacao{height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}
        .logo{font-size:32px;line-height:.86;font-weight:900;text-transform:uppercase;color:var(--azul);letter-spacing:-1px}
        .logo strong{display:block;color:var(--vermelho);font-size:18px;letter-spacing:.5px;margin-top:5px}
        .menu{display:flex;align-items:center;gap:34px;list-style:none;font-size:13px;font-weight:900;text-transform:uppercase;color:#626b78}
        .menu a{position:relative;padding:12px 0}
        .menu a.ativo,.menu a:hover{color:var(--azul)}
        .menu a.ativo:after,.menu a:hover:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:2px;background:var(--azul);border-radius:3px}
        .botao-whatsapp-topo{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;background:var(--verde);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;box-shadow:0 12px 30px rgba(37,211,102,.20)}
        .botao-menu{display:none;width:46px;height:46px;border:0;border-radius:12px;background:var(--azul);color:#fff;font-size:20px}

        .hero-empresa{position:relative;overflow:hidden;background:#f6f5f5;padding:82px 0 52px}
        .grade-hero{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}
        .selo-pagina{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--linha);box-shadow:var(--sombra-suave);font-size:12px;font-weight:900;color:var(--azul);text-transform:uppercase}
        .hero-empresa h1{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-2px;text-transform:uppercase;color:var(--azul);margin-bottom:20px}
        .hero-empresa h1 span{display:inline-block;background:var(--vermelho);color:#fff;padding:4px 14px 8px;border-radius:12px;margin-top:8px}
        .texto-hero{font-size:18px;font-weight:650;color:#32415b;max-width:620px;margin-bottom:28px}
        .acoes-hero{display:flex;gap:14px;flex-wrap:wrap}
        .botao-primario,.botao-secundario{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 25px;border-radius:13px;font-weight:900;font-size:14px;transition:.2s;text-transform:uppercase}
        .botao-primario{background:var(--verde);color:#fff;box-shadow:0 16px 34px rgba(37,211,102,.22)}
        .botao-secundario{background:#fff;color:var(--azul);border:1px solid #d8e2ee;box-shadow:var(--sombra-suave)}
        .botao-primario:hover,.botao-secundario:hover{transform:translateY(-3px)}
        .visual-empresa{position:relative;min-height:420px;display:flex;align-items:center;justify-content:flex-end}
        .imagem-empresa{width:112%;max-width:820px;margin-right:-110px;}

        .hero-home{
            position:relative;
            min-height:720px;
            overflow:hidden;
            background-color:#d6d7da;
            background-image:url('../img/banner-tecnogasexpress.webp');
            background-repeat:no-repeat;
            background-position:center center;
            background-size:cover;
        }
        .hero-home-conteudo{position:relative;min-height:720px;padding-top:68px;padding-bottom:50px}
        .hero-home-texto{max-width:560px}
        .hero-home .selo-pagina{padding:10px 17px;margin-bottom:20px;border:0;font-size:13px;box-shadow:0 10px 28px rgba(24,48,84,.10)}
        .hero-home .selo-pagina i{color:#075dd1}
        .hero-home h1{font-size:clamp(52px,5vw,76px);line-height:.94;letter-spacing:-2.5px;text-transform:uppercase;color:#143f84;margin-bottom:18px}
        .hero-home h1 span{display:inline-block;padding:5px 16px 10px;border-radius:12px;background:#e30621;color:#fff;margin-top:8px;box-shadow:0 10px 24px rgba(227,6,33,.18)}
        .hero-home-texto>p{max-width:500px;color:#183d72;font-size:19px;font-weight:650;line-height:1.5}
        .hero-home-aniversario{position:absolute;z-index:2;top:287px;right:4%;color:#073b9d;font-size:13px;font-weight:900;line-height:1.12;text-transform:uppercase}
        .diferenciais-hero-home{position:absolute;left:20px;bottom:125px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:510px}
        .diferencial-hero-home{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;color:#102b60}
        .diferencial-hero-home i{font-size:37px;color:#0758c8;text-align:center}
        .diferencial-hero-home strong{display:block;color:#0748ae;font-size:13px;text-transform:uppercase;margin-bottom:2px}
        .diferencial-hero-home span{display:block;font-size:11px;font-weight:650;line-height:1.35}
        .hero-home-acoes{position:absolute;left:20px;bottom:48px}
        .hero-home-acoes .botao-primario,.hero-home-acoes .botao-secundario{min-width:248px}

        .faixa-metricas{margin-top:-26px;position:relative;z-index:4}
        .grade-metricas{background:#fff;border:1px solid var(--linha);border-radius:22px;box-shadow:var(--sombra);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
        .metrica{padding:27px 26px;border-right:1px solid var(--linha)}
        .metrica:last-child{border-right:0}
        .metrica i{font-size:31px;color:var(--azul);margin-bottom:12px}
        .metrica b{display:block;font-size:28px;color:var(--azul);line-height:1}
        .metrica span{display:block;margin-top:7px;font-size:13px;font-weight:800;color:#546179}

        .secao{padding:72px 0}
        .cabecalho-secao{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
        .subtitulo{font-size:12px;text-transform:uppercase;font-weight:900;color:var(--azul);letter-spacing:.3px;margin-bottom:8px}
        .titulo{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-1px;color:var(--azul);max-width:620px}
        .descricao-secao{max-width:520px;color:var(--muted);font-weight:600}

        .grade-sobre{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:stretch}
        .bloco-sobre{background:#fff;border:1px solid var(--linha);border-radius:24px;padding:34px;box-shadow:var(--sombra-suave)}
        .bloco-sobre h2{font-size:31px;line-height:1.1;color:var(--azul);margin-bottom:18px}
        .bloco-sobre p{color:#34435c;font-weight:560;margin-bottom:15px}
        .lista-destaques{display:grid;gap:14px;margin-top:22px}
        .item-destaque{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--azul-claro)}
        .item-destaque i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--vermelho);box-shadow:0 8px 18px rgba(24,48,84,.08)}
        .item-destaque strong{display:block;color:var(--azul);font-size:15px;margin-bottom:3px}
        .item-destaque span{display:block;color:#536176;font-size:13px;font-weight:600}

        .grade-valores{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
        .cartao-valor{background:#fff;border:1px solid var(--linha);border-radius:22px;padding:30px;box-shadow:var(--sombra-suave);position:relative;overflow:hidden}
        .cartao-valor:before{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:rgba(50,84,131,.08)}
        .cartao-valor i{width:58px;height:58px;border-radius:17px;background:var(--azul-claro);display:grid;place-items:center;color:var(--azul);font-size:28px;margin-bottom:22px}
        .cartao-valor h3{font-size:22px;color:var(--azul);margin-bottom:10px}
        .cartao-valor p{color:#526076;font-weight:560}

        .secao-azul{background:linear-gradient(135deg,var(--azul),#243f64);color:#fff;padding:64px 0;margin:26px 0;border-radius:32px;width:min(1220px,calc(100% - 28px));margin-inline:auto;box-shadow:0 22px 50px rgba(50,84,131,.22)}
        .grade-processo{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
        .secao-azul .subtitulo,.secao-azul .titulo{color:#fff}
        .secao-azul .descricao-secao{color:rgba(255,255,255,.82)}
        .passos{display:grid;gap:15px}
        .passo{display:grid;grid-template-columns:50px 1fr;gap:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px}
        .passo b{width:50px;height:50px;border-radius:15px;background:#fff;color:var(--azul);display:grid;place-items:center;font-size:18px}
        .passo strong{display:block;font-size:17px;margin-bottom:4px}
        .passo span{display:block;color:rgba(255,255,255,.78);font-size:13px;font-weight:560}

        .grade-servicos-empresa{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
        .servico-card{background:#fff;border:1px solid var(--linha);border-radius:22px;padding:28px;box-shadow:var(--sombra-suave);min-height:230px;display:flex;flex-direction:column}
        .servico-card i{font-size:34px;color:var(--azul);margin-bottom:20px}
        .servico-card h3{font-size:20px;color:var(--azul);margin-bottom:10px}
        .servico-card p{color:#526076;font-weight:560;flex:1}
        .servico-card a{margin-top:18px;color:var(--vermelho);font-weight:900;font-size:13px;text-transform:uppercase}

        .cta-final{padding:34px 0 78px}
        .cta-final .caixa-cta{background:#fff;border:1px solid var(--linha);border-radius:28px;box-shadow:var(--sombra);padding:36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
        .cta-final .caixa-cta h2{font-size:34px;line-height:1.1;color:var(--azul);margin-bottom:10px}
        .cta-final .caixa-cta p{color:#526076;font-weight:600;max-width:650px}

        .rodape{background:var(--azul);color:#fff;padding:34px 0 16px}
        .grade-rodape{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
        .rodape h3{font-size:13px;text-transform:uppercase;margin-bottom:12px}.rodape p,.rodape a,.rodape li{font-size:13px;color:rgba(255,255,255,.9)}
        .rodape ul{list-style:none;display:grid;gap:6px}.direitos{text-align:center;border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:14px;font-size:12px;color:rgba(255,255,255,.82)}

        @media(max-width:980px){
            .menu,.botao-whatsapp-topo{display:none}.botao-menu{display:block}.grade-hero,.grade-sobre,.grade-processo{grid-template-columns:1fr}.visual-empresa{min-height:360px;justify-content:center}.imagem-empresa{width:112%;margin-right:-10%;max-width:none}.grade-metricas,.grade-valores,.grade-servicos-empresa{grid-template-columns:repeat(2,1fr)}.cta-final .caixa-cta{grid-template-columns:1fr}.grade-rodape{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:640px){
            .container{width:min(100% - 26px,var(--container))}.barra-superior .container{justify-content:center;text-align:center;padding:9px 0}.navegacao{height:78px}.logo{font-size:24px}.logo strong{font-size:14px}.hero-empresa{padding:46px 0 34px}.hero-empresa h1{font-size:38px}.texto-hero{font-size:15px}.acoes-hero{flex-direction:column}.botao-primario,.botao-secundario{width:100%}.visual-empresa{min-height:auto;margin-top:28px}.imagem-empresa{width:126%;margin-right:-22%;border-radius:22px}.grade-metricas,.grade-valores,.grade-servicos-empresa{grid-template-columns:1fr}.metrica{border-right:0;border-bottom:1px solid var(--linha)}.metrica:last-child{border-bottom:0}.secao{padding:48px 0}.cabecalho-secao{display:block}.descricao-secao{margin-top:12px}.bloco-sobre{padding:24px}.secao-azul{border-radius:24px;padding:44px 0}.cta-final .caixa-cta{padding:26px}.cta-final .caixa-cta h2{font-size:27px}.grade-rodape{grid-template-columns:1fr}
        }

        @media(max-width:700px){
            .pagina-home .barra-superior{display:none}
            .pagina-home .logo{min-width:0}
            .pagina-home .botao-menu-mobile{display:grid!important;place-items:center;flex:0 0 46px}
            .pagina-home .navegacao{width:100%;margin:0;padding:0 18px;gap:18px}
            .hero-home{min-height:1040px;background-image:url('../img/banner-tecnogas-mobile.webp');background-position:center top;background-size:100% auto}
            .hero-home-conteudo{width:100%;min-height:1040px;margin:0;padding:42px 14px 28px}
            .hero-home-texto{max-width:none}
            .hero-home .selo-pagina{font-size:12px;margin-bottom:22px}
            .hero-home h1{font-size:clamp(35px,9.5vw,42px);line-height:.98;letter-spacing:-1px;margin-bottom:18px}
            .hero-home h1 span{padding:5px 11px 8px;border-radius:9px;margin-top:7px}
            .hero-home-texto>p{width:100%;max-width:340px;font-size:15px;line-height:1.5}
            .hero-home-aniversario{display:none}
            .diferenciais-hero-home{left:0;right:0;bottom:166px;width:100%;padding:0 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
            .diferencial-hero-home{display:flex;min-width:0;flex-direction:column;gap:8px;padding:0 10px;text-align:center;border-right:1px solid rgba(7,88,200,.3)}
            .diferencial-hero-home:last-child{border-right:0}
            .diferencial-hero-home i{font-size:36px}
            .diferencial-hero-home strong{font-size:12px}
            .diferencial-hero-home span{font-size:10px}
            .hero-home-acoes{left:0;right:0;bottom:24px;width:100%;padding:0 14px;gap:10px}
            .hero-home-acoes .botao-primario,.hero-home-acoes .botao-secundario{width:100%;min-width:0;min-height:56px}
        }

                :root{
            --azul:#325483;
            --azul-escuro:#243f64;
            --azul-claro:#eef4fb;
            --vermelho:#e30621;
            --verde:#25d366;
            --texto:#10213f;
            --muted:#68758d;
            --linha:#e7edf5;
            --fundo:#f7f9fc;
            --branco:#ffffff;
            --radius:22px;
            --sombra:0 20px 50px rgba(24,48,84,.10);
            --sombra-suave:0 12px 34px rgba(24,48,84,.08);
            --container:1160px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        body{font-family:'Inter',Arial,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.55;overflow-x:hidden}
        a{text-decoration:none;color:inherit}

/* Hero da página A Empresa */
.hero-empresa {
    padding:56px 0;
    background:linear-gradient(120deg,#f7f8fa 0%,#f3f6fa 58%,#eaf1f8 100%);
}

.hero-empresa .grade-hero {
    grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
    gap:34px;
    min-height:430px;
}

.hero-empresa .visual-empresa {
    position:relative;
    align-self:stretch;
    min-height:430px;
    margin-right:min(0px,calc((100vw - var(--container)) / -2));
    overflow:hidden;
    border-radius:30px 0 0 30px;
    background:#dfe7ef;
    box-shadow:0 20px 50px rgba(24,48,84,.16);
}

.hero-empresa .visual-empresa::after {
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(247,248,250,.32),transparent 25%);
}

.hero-empresa .imagem-empresa {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    object-fit:cover;
    object-position:center;
}

@media(max-width:980px) {
    .hero-empresa .grade-hero {
        grid-template-columns:1fr;
        min-height:0;
    }

    .hero-empresa .visual-empresa {
        width:100%;
        min-height:360px;
        margin:8px 0 0;
        border-radius:26px;
    }
}

@media(max-width:640px) {
    .hero-empresa {
        padding:38px 0 34px;
    }

    .hero-empresa .visual-empresa {
        min-height:260px;
        margin-top:4px;
        border-radius:20px;
    }

    .hero-empresa .imagem-empresa {
        width:100%;
        margin:0;
        object-position:center;
    }
}

/* Cabeçalho dinâmico somente na home */
.pagina-home .cabecalho {
    background:rgb(221 221 225);
    border-bottom-color:#fbfbfb69;
    box-shadow:none;
    transition:background-color .38s ease,border-color .38s ease,box-shadow .38s ease;
}

.pagina-home .cabecalho.cabecalho-rolado {
    background:rgba(255,255,255,.97);
    border-bottom-color:#fbfbfb69;
    box-shadow:0 8px 24px rgba(24,48,84,.08);
}

@media(max-width:700px) {
    .barra-superior {
        display:none;
    }
}