.elementor-21 .elementor-element.elementor-element-17ac45d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21 .elementor-element.elementor-element-8e89aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-97d164d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8ea2687{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8ea2687:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-8ea2687 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-0b59798{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-38e4ee2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-17ac45d7{--content-width:1350px;}.elementor-21 .elementor-element.elementor-element-8e89aa3{--content-width:1350px;}.elementor-21 .elementor-element.elementor-element-97d164d{--content-width:1350px;}.elementor-21 .elementor-element.elementor-element-8ea2687{--content-width:1350px;}.elementor-21 .elementor-element.elementor-element-38e4ee2{--content-width:1350px;}}/* Start custom CSS for container, class: .elementor-element-17ac45d7 *//* =====================================================
   BSN — TÍTULO INTERNO DE PÁGINA
   Classe principal: bsn-page-title
===================================================== */

.bsn-page-title,
.bsn-page-title *{
    box-sizing:border-box;
}

.bsn-page-title{
    --bsn-amarelo:#E3D21B;
    --bsn-preto:#000000;
    --bsn-branco:#FFFFFF;

    position:relative;

    min-height:320px;

    display:flex;
    align-items:center;

    padding:55px 30px;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.82) 34%,
            rgba(0,0,0,.50) 62%,
            rgba(0,0,0,.18) 100%
        ),
        url("https://bsnlogistic.com.br/wp-content/uploads/2026/07/sobreNos01.webp")
        center center / cover no-repeat;

    overflow:hidden;

    font-family:"Poppins", Arial, sans-serif;
}

/* Detalhe amarelo de fundo */

.bsn-page-title::after{
    content:"";

    position:absolute;
    right:-120px;
    bottom:-190px;

    width:420px;
    height:420px;

    background:var(--bsn-amarelo);

    border-radius:50%;

    filter:blur(150px);

    opacity:.12;

    pointer-events:none;
}

/* =====================================================
   CONTEÚDO
===================================================== */

.bsn-page-title .bsn-page-title-conteudo{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1400px;
    margin:0 auto;
}

/* =====================================================
   TÍTULO
===================================================== */

.bsn-page-title .bsn-page-title-titulo{
    position:relative;

    width:max-content;
    max-width:100%;

    margin:0 0 30px;

    color:var(--bsn-branco);

    font-family:"Poppins", Arial, sans-serif;

    font-size:clamp(35px,5vw,50px);

    font-weight:700;

    line-height:1.05;

    letter-spacing:-.045em;
}

/* Linha amarela */

.bsn-page-title .bsn-page-title-titulo::after{
    content:"";

    display:block;

    width:70px;
    height:5px;

    margin-top:15px;

    background:var(--bsn-amarelo);

    border-radius:50px;
}

/* =====================================================
   BREADCRUMB
===================================================== */

.bsn-page-title .bsn-page-title-breadcrumb{
    width:max-content;
    max-width:100%;

    display:flex;
    align-items:center;

    gap:15px;

    padding:12px 25px;

    border:1px solid rgba(255,255,255,.55);

    border-radius:50px;

    background:rgba(0,0,0,.18);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    color:var(--bsn-branco);

    font-size:14px;

    transition:
        border-color .3s ease,
        background-color .3s ease,
        box-shadow .3s ease;
}

.bsn-page-title .bsn-page-title-breadcrumb:hover{
    border-color:var(--bsn-amarelo);

    background:rgba(0,0,0,.36);

    box-shadow:
        0 12px 30px rgba(0,0,0,.18);
}

/* HOME */

.bsn-page-title .bsn-page-title-breadcrumb a{
    color:var(--bsn-branco);

    text-decoration:none;

    transition:color .3s ease;
}

.bsn-page-title .bsn-page-title-breadcrumb a:hover{
    color:var(--bsn-amarelo);
}

/* Separador */

.bsn-page-title .bsn-page-title-separador{
    color:rgba(255,255,255,.55);
}

/* Página atual */

.bsn-page-title .bsn-page-title-atual{
    color:var(--bsn-amarelo);

    font-weight:600;
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:1024px){

    .bsn-page-title{
        min-height:290px;

        padding:50px 25px;
    }

}

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

@media(max-width:767px){

    .bsn-page-title{
        min-height:260px;

        padding:45px 20px;

        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.90),
                rgba(0,0,0,.55)
            ),
            url("https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1200&q=85")
            center center / cover no-repeat;
    }

    .bsn-page-title .bsn-page-title-titulo{
        font-size:42px;

        margin-bottom:25px;
    }

    .bsn-page-title .bsn-page-title-breadcrumb{
        padding:10px 18px;

        gap:10px;

        font-size:13px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e89aa3 *//* =====================================================
   BSN — INTRO SERVIÇOS
   Classe: bsn-servicos-intro
===================================================== */

.bsn-servicos-intro,
.bsn-servicos-intro *{
    box-sizing:border-box;
}

.bsn-servicos-intro{
    --amarelo:#E3D21B;
    --preto:#000000;
    --cinza:#606062;

    font-family:"Poppins", Arial, sans-serif;
}

.bsn-servicos-intro .bsn-servicos-intro-conteudo{
    width:100%;
    max-width:850px;
}

.bsn-servicos-intro .bsn-servicos-intro-label{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:18px;

    color:#535359;

    font-size:12px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.bsn-servicos-intro .bsn-servicos-intro-label::before{
    content:"";

    width:34px;
    height:4px;

    background:var(--amarelo);
    border-radius:50px;
}

.bsn-servicos-intro .bsn-servicos-intro-titulo{
    margin:0 0 25px;

    color:var(--preto);

    font-size:clamp(42px,4.5vw,66px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.05em;
}

.bsn-servicos-intro .bsn-servicos-intro-texto{
    max-width:760px;

    margin:0;

    color:var(--cinza);

    font-size:17px;
    line-height:1.8;
}

@media(max-width:767px){

    .bsn-servicos-intro .bsn-servicos-intro-titulo{
        font-size:38px;
    }

    .bsn-servicos-intro .bsn-servicos-intro-texto{
        font-size:15px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97d164d */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.exportacao{

    font-family:'Poppins',Arial,sans-serif;
    background:#FFF;
    padding:110px 25px;

}

.exportacao .container{

    max-width:1280px;
    margin:auto;

}

.titulo-section{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
    margin-bottom:70px;
    flex-wrap:wrap;

}

.titulo-left{

    flex:1;
    min-width:320px;

}

.tag{

    display:inline-flex;
    align-items:center;
    gap:12px;

    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    color:#606062;
    margin-bottom:18px;

}

.tag:before{

    content:"";
    width:45px;
    height:3px;
    background:#E3D21B;
    border-radius:50px;

}

.titulo-left h2{

    font-size:58px;
    line-height:1.05;
    color:#000;
    font-weight:700;

}

.titulo-right{

    flex:1;
    min-width:320px;
    max-width:500px;

}

.titulo-right p{

    color:#606062;
    font-size:17px;
    line-height:1.9;

}

.cards{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:28px;

}

.card{

    background:#FFF;
    border:1px solid #ECECEC;
    border-radius:22px;
    padding:38px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:0;

    background:#E3D21B;

    transition:.35s;

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.card:hover::before{

    height:100%;

}

.icone{

    width:64px;
    height:64px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    background:#DDDBFF;

    margin-bottom:28px;

    transition:.35s;

}

.card.destaque .icone{

    background:#E3D21B;

}

.card:hover .icone{

    transform:rotate(-8deg) scale(1.08);

}

.card h3{

    font-size:24px;
    color:#000;
    margin-bottom:15px;
    font-weight:600;

}

.card p{

    color:#606062;
    line-height:1.8;
    font-size:15px;

}

@media(max-width:992px){

.titulo-left h2{

    font-size:44px;

}

.titulo-section{

    gap:40px;

}

}

@media(max-width:768px){

.exportacao{

    padding:80px 20px;

}

.titulo-left h2{

    font-size:36px;

}

.cards{

    grid-template-columns:1fr;

}

.card{

    padding:30px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ea2687 *//* ==========================================================
   IMPORTAÇÃO - DARK SECTION
========================================================== */

.importacao{

    font-family:'Poppins', Arial, sans-serif;
    background:#000000;
    padding:110px 25px;

}

.importacao .container{

    max-width:1280px;
    margin:auto;

}


/* ==========================================================
   CABEÇALHO DA SEÇÃO
========================================================== */

.importacao .titulo-section{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
    margin-bottom:70px;
    flex-wrap:wrap;

}

.importacao .titulo-left{

    flex:1;
    min-width:320px;

}

.importacao .tag{

    display:inline-flex;
    align-items:center;
    gap:12px;

    font-size:13px;
    letter-spacing:2px;
    font-weight:600;

    color:#FFFFFF;

    margin-bottom:18px;

}

.importacao .tag:before{

    content:"";

    width:45px;
    height:3px;

    background:#E3D21B;

    border-radius:50px;

}

.importacao h2{

    font-size:58px;
    line-height:1.05;
    font-weight:700;

    color:#FFFFFF;

}

.importacao .titulo-right{

    flex:1;
    max-width:520px;
    min-width:320px;

}

.importacao .titulo-right p{

    font-size:17px;
    line-height:1.9;

    color:#BDBDBF;

}


/* ==========================================================
   GRID DOS CARDS
========================================================== */

.importacao .cards{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}


/* ==========================================================
   CARD
========================================================== */

.importacao .card{

    background:#111111;

    border:1px solid #2B2B2B;

    border-radius:22px;

    padding:38px;

    position:relative;

    overflow:hidden;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}

.importacao .card::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:4px;

    background:#E3D21B;

    transition:.35s ease;

}


/* ==========================================================
   HOVER CARD
========================================================== */

.importacao .card:hover{

    transform:translateY(-10px);

    border-color:#E3D21B;

    box-shadow:
    0 20px 45px rgba(0,0,0,.5);

}

.importacao .card:hover::after{

    width:100%;

}


/* ==========================================================
   ÍCONES
========================================================== */

.importacao .icone{

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    font-size:28px;

    margin-bottom:28px;

    background:#DDDBFF;

    transition:
    transform .35s ease,
    background .35s ease;

}

.importacao .card.destaque .icone{

    background:#E3D21B;

}

.importacao .card:hover .icone{

    transform:
    scale(1.1)
    rotate(10deg);

}


/* ==========================================================
   TÍTULO DO CARD
========================================================== */

.importacao h3{

    font-size:24px;

    font-weight:600;

    margin-bottom:16px;

    color:#FFFFFF;

}


/* ==========================================================
   DESCRIÇÃO DO CARD
========================================================== */

.importacao p{

    color:#AFAFB2;

    font-size:15px;

    line-height:1.8;

}


/* ==========================================================
   RESPONSIVIDADE TABLET
========================================================== */

@media(max-width:992px){

    .importacao h2{

        font-size:44px;

    }

    .importacao .titulo-section{

        gap:40px;

    }

}


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

@media(max-width:768px){

    .importacao{

        padding:80px 20px;

    }

    .importacao h2{

        font-size:36px;

    }

    .importacao .cards{

        grid-template-columns:1fr;

    }

    .importacao .card{

        padding:30px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38e4ee2 *//* =====================================================
   BSN — CTA SERVIÇOS
   Classe: bsn-servicos-cta
===================================================== */

.bsn-servicos-cta{
    --amarelo:#E3D21B;

    font-family:"Poppins", Arial, sans-serif;
}

.bsn-servicos-cta .bsn-servicos-cta-box{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:50px;

    padding:65px 70px;

    background:var(--amarelo);

    border-radius:30px;

    overflow:hidden;
}

.bsn-servicos-cta .bsn-servicos-cta-box::after{
    content:"";

    position:absolute;

    right:-110px;
    top:-135px;

    width:330px;
    height:330px;

    border:65px solid rgba(255,255,255,.24);

    border-radius:50%;
}

.bsn-servicos-cta .bsn-servicos-cta-label{
    display:block;

    margin-bottom:10px;

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

    letter-spacing:.14em;

    text-transform:uppercase;
}

.bsn-servicos-cta h2{
    max-width:760px;

    margin:0;

    font-size:clamp(36px,4vw,56px);
    font-weight:700;

    line-height:1.08;

    letter-spacing:-.045em;
}

.bsn-servicos-cta .bsn-servicos-cta-botao{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:22px;

    min-height:56px;

    padding:16px 28px;

    background:#000;

    color:#fff;

    border-radius:11px;

    text-decoration:none;

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

    transition:.3s ease;
}

.bsn-servicos-cta .bsn-servicos-cta-botao:hover{
    transform:translateY(-4px);

    background:#1A1A1A;
}

.bsn-servicos-cta .bsn-servicos-cta-botao i{
    width:13px;
    height:13px;

    border-top:2px solid #fff;
    border-right:2px solid #fff;

    transform:rotate(45deg);

    transition:.3s ease;
}

.bsn-servicos-cta .bsn-servicos-cta-botao:hover i{
    transform:translateX(5px) rotate(45deg);
}

@media(max-width:767px){

    .bsn-servicos-cta .bsn-servicos-cta-box{
        padding:45px 25px;

        flex-direction:column;
        align-items:flex-start;
    }

    .bsn-servicos-cta .bsn-servicos-cta-botao{
        width:100%;
    }
}/* End custom CSS */