.elementor-17 .elementor-element.elementor-element-b0e966d{--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-17 .elementor-element.elementor-element-7d50b51{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:70px;--padding-bottom:65px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-c4ca731{--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-17 .elementor-element.elementor-element-d141606{--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-17 .elementor-element.elementor-element-72cdb8f{--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-17 .elementor-element.elementor-element-5f1431b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0cb7c32{--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-17 .elementor-element.elementor-element-16398ca{--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-17 .elementor-element.elementor-element-0931dc0{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-bebe4a5{--display:flex;}.elementor-17 .elementor-element.elementor-element-81c6138.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-2ca35ed{--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-17 .elementor-element.elementor-element-2ca35ed:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2ca35ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1DFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-7d50b51{--content-width:1350px;}.elementor-17 .elementor-element.elementor-element-c4ca731{--width:50%;}.elementor-17 .elementor-element.elementor-element-d141606{--width:50%;}.elementor-17 .elementor-element.elementor-element-72cdb8f{--content-width:1350px;}.elementor-17 .elementor-element.elementor-element-5f1431b{--content-width:1350px;}.elementor-17 .elementor-element.elementor-element-0cb7c32{--width:50%;}.elementor-17 .elementor-element.elementor-element-16398ca{--width:50%;}.elementor-17 .elementor-element.elementor-element-0931dc0{--content-width:1350px;}.elementor-17 .elementor-element.elementor-element-2ca35ed{--content-width:1350px;}}/* Start custom CSS for container, class: .elementor-element-7d50b51 *//* =====================================================
   BSN - SEÇÃO EMPRESA
   Classe da Section: bsn-empresa
===================================================== */

.bsn-empresa{
    --bsn-yellow:#E3D21B;
    --bsn-black:#111111;
    --bsn-gray:#606062;
    --bsn-lavender:#DDDBFF;
    --bsn-white:#FFFFFF;

    position:relative;
    overflow:hidden;
}

/* =====================================================
   COLUNA ESQUERDA
===================================================== */

.bsn-empresa .bsn-empresa-visual{
    position:relative;
    min-height:580px;
}

.bsn-empresa .bsn-empresa-img-principal{

    width:84%;
    height:520px;

    object-fit:cover;
    object-position:center;

    border-radius:28px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.14);

}

.bsn-empresa .bsn-empresa-img-secundaria{

    position:absolute;

    right:0;
    bottom:0;

    width:48%;
    height:245px;

    object-fit:cover;

    border-radius:24px;

    border:10px solid #FFF;

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

}

.bsn-empresa .bsn-empresa-selo{

    position:absolute;

    top:55px;
    right:12px;

    width:150px;
    height:150px;

    border-radius:50%;

    background:var(--bsn-yellow);

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

    padding:22px;

    text-align:center;

    font-family:Poppins,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.5;

    color:#111;

    box-shadow:
    0 18px 40px rgba(227,210,27,.32);

    animation:bsnFloat 4s ease-in-out infinite;

}

@keyframes bsnFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/* =====================================================
   COLUNA DIREITA
===================================================== */

.bsn-empresa .bsn-empresa-subtitulo{

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

    margin-bottom:18px;

    font-family:Poppins,sans-serif;

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

    letter-spacing:.14em;

    text-transform:uppercase;

    color:#555;

}

.bsn-empresa .bsn-empresa-subtitulo:before{

    content:"";

    width:34px;
    height:4px;

    background:var(--bsn-yellow);

    border-radius:50px;

}

.bsn-empresa .bsn-empresa-titulo{

    margin:0 0 24px;

    font-family:Poppins,sans-serif;

    font-size:clamp(35px,4vw,55px);

    font-weight:700;

    line-height:1.02;

    letter-spacing:-.05em;

    color:#111;

}

.bsn-empresa .bsn-empresa-descricao{

    margin-bottom:34px;

    font-family:Poppins,sans-serif;

    font-size:17px;

    line-height:1.8;

    color:#666;

}

/* =====================================================
   LISTA
===================================================== */

.bsn-empresa .bsn-empresa-lista{

    list-style:none;

    padding:0;
    margin:0 0 40px;

}

.bsn-empresa .bsn-empresa-lista li{

    display:flex;
    align-items:center;

    gap:14px;

    margin-bottom:16px;

    font-family:Poppins,sans-serif;

    font-size:15px;

    font-weight:600;

    color:#111;

}

.bsn-empresa .bsn-empresa-lista span{

    width:28px;
    height:28px;

    flex:0 0 28px;

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

    border-radius:8px;

    background:var(--bsn-lavender);

    transition:.3s;

}

.bsn-empresa .bsn-empresa-lista li:hover span{

    background:var(--bsn-yellow);

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

}

/* =====================================================
   BOTÃO
===================================================== */

.bsn-empresa .bsn-btn-empresa{

    display:inline-flex;

    align-items:center;

    gap:24px;

    padding:17px 28px;

    background:var(--bsn-yellow);

    border-radius:12px;

    text-decoration:none;

    font-family:Poppins,sans-serif;

    font-size:15px;

    font-weight:700;

    color:#111;

    box-shadow:
    0 15px 35px rgba(227,210,27,.28);

    transition:.35s;

}

.bsn-empresa .bsn-btn-empresa:hover{

    transform:translateY(-4px);

    background:#D6C617;

    box-shadow:
    0 22px 45px rgba(227,210,27,.36);

}

.bsn-empresa .bsn-btn-empresa i{

    width:13px;
    height:13px;

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

    transform:rotate(45deg);

    transition:.3s;

}

.bsn-empresa .bsn-btn-empresa:hover i{

    transform:translateX(6px) rotate(45deg);

}

/* =====================================================
   RESPONSIVO
===================================================== */

@media(max-width:1024px){

    .bsn-empresa .bsn-empresa-visual{

        max-width:700px;
        margin:auto;

    }

}

@media(max-width:767px){

    .bsn-empresa .bsn-empresa-visual{

        min-height:440px;

    }

    .bsn-empresa .bsn-empresa-img-principal{

        width:100%;
        height:380px;

    }

    .bsn-empresa .bsn-empresa-img-secundaria{

        width:56%;
        height:170px;

        border-width:7px;

    }

    .bsn-empresa .bsn-empresa-selo{

        width:110px;
        height:110px;

        top:20px;
        right:5px;

        padding:12px;

        font-size:11px;

    }

    .bsn-empresa .bsn-empresa-titulo{

        font-size:38px;

    }

    .bsn-empresa .bsn-btn-empresa{

        width:100%;
        justify-content:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0aa3e11 *//* =====================================================
   BSN INTERNATIONAL LOGISTIC
   SECTION - SERVIÇOS
   Classe principal: bsn-servicos-completo
===================================================== */

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

.bsn-servicos-completo{

    --bsn-amarelo:#E3D21B;
    --bsn-amarelo-hover:#D6C617;
    --bsn-preto:#111111;
    --bsn-cinza:#666666;
    --bsn-branco:#FFFFFF;
    --bsn-fundo:#F8F8F8;

    width:100%;
    padding:100px 0;

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


/*=====================================================
HEADER
=====================================================*/

.bsn-servicos-header{

    max-width:900px;

    margin:0 auto 70px;

    text-align:center;

}

.bsn-servicos-header .bsn-subtitulo{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 22px;

    margin-bottom:22px;

    background:rgba(227,210,27,.18);

    color:#8F8500;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

}

.bsn-servicos-header h2{

    margin:0 0 25px;

    color:var(--bsn-preto);

    font-size:clamp(40px,4vw,56px);

    line-height:1.12;

    font-weight:700;

}

.bsn-servicos-header p{

    max-width:760px;

    margin:0 auto;

    color:var(--bsn-cinza);

    font-size:17px;

    line-height:1.9;

}


/*=====================================================
GRID
=====================================================*/

.bsn-servicos-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}


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

.bsn-servico-box{

    position:relative;

    background:#fff;

    border-radius:26px;

    padding:45px;

    overflow:hidden;

    border:1px solid #ECECEC;

    box-shadow:
        0 20px 55px rgba(0,0,0,.06);

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

}

.bsn-servico-box:hover{

    transform:translateY(-10px);

    box-shadow:
        0 35px 70px rgba(0,0,0,.10);

}

.bsn-servico-box::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:6px;

    background:var(--bsn-amarelo);

}


/*=====================================================
TAG
=====================================================*/

.bsn-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(227,210,27,.16);

    color:#8F8500;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    margin-bottom:22px;

}


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

.bsn-servico-box h3{

    margin:0 0 18px;

    color:var(--bsn-preto);

    font-size:34px;

    font-weight:700;

    line-height:1.2;

}


/*=====================================================
DESCRIÇÃO
=====================================================*/

.bsn-servico-box p{

    margin:0 0 30px;

    color:var(--bsn-cinza);

    font-size:16px;

    line-height:1.9;

}


/*=====================================================
LISTA
=====================================================*/

.bsn-servico-box ul{

    list-style:none;

    margin:0;

    padding:0;

}

.bsn-servico-box li{

    position:relative;

    padding-left:38px;

    margin-bottom:18px;

    color:#333;

    font-size:16px;

    line-height:1.75;

}


/*=====================================================
ÍCONE
=====================================================*/

.bsn-servico-box li::before{

    content:"✓";

    position:absolute;

    left:0;
    top:3px;

    width:24px;
    height:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--bsn-amarelo);

    color:#111;

    font-size:13px;

    font-weight:700;

    transition:.3s;

}

.bsn-servico-box:hover li::before{

    transform:scale(1.12);

    background:var(--bsn-amarelo-hover);

}


/*=====================================================
BOTÃO
=====================================================*/

.bsn-servicos-footer{

    margin-top:65px;

    text-align:center;

}

.bsn-servicos-btn{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 34px;

    background:var(--bsn-amarelo);

    color:#111;

    text-decoration:none;

    border-radius:12px;

    font-size:15px;

    font-weight:700;

    box-shadow:
        0 16px 35px rgba(227,210,27,.28);

    transition:
        all .35s ease;

}

.bsn-servicos-btn span{

    transition:.35s;

    font-size:20px;

}

.bsn-servicos-btn:hover{

    background:var(--bsn-amarelo-hover);

    color:#111;

    transform:translateY(-5px);

    box-shadow:
        0 22px 45px rgba(227,210,27,.38);

}

.bsn-servicos-btn:hover span{

    transform:translateX(7px);

}


/*=====================================================
RESPONSIVO
=====================================================*/

@media(max-width:1024px){

    .bsn-servicos-grid{

        grid-template-columns:1fr;

    }

}


@media(max-width:767px){

    .bsn-servicos-completo{

        padding:70px 0;

    }

    .bsn-servicos-header{

        margin-bottom:45px;

    }

    .bsn-servicos-header h2{

        font-size:34px;

    }

    .bsn-servicos-header p{

        font-size:15px;

        line-height:1.8;

    }

    .bsn-servico-box{

        padding:32px;

    }

    .bsn-servico-box h3{

        font-size:28px;

    }

    .bsn-servico-box p{

        font-size:15px;

    }

    .bsn-servico-box li{

        font-size:15px;

        line-height:1.7;

    }

    .bsn-servicos-btn{

        width:100%;

        justify-content:center;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f1431b *//* =====================================================
   BSN — DIFERENCIAIS
   Classe do container principal: bsn-diferenciais
===================================================== */

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

.bsn-diferenciais{
    --bsn-amarelo:#E3D21B;
    --bsn-preto:#050505;
    --bsn-card:#11110F;
    --bsn-card-hover:#17170F;
    --bsn-branco:#FFFFFF;
    --bsn-cinza:#A7A7A7;
    --bsn-borda:rgba(255,255,255,.14);

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(227,210,27,.10),
            transparent 32%
        ),
        var(--bsn-preto);

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

/* Glow decorativo */

.bsn-diferenciais::before{
    content:"";

    position:absolute;
    top:-190px;
    right:-180px;

    width:520px;
    height:520px;

    background:var(--bsn-amarelo);
    border-radius:50%;

    filter:blur(170px);
    opacity:.10;

    pointer-events:none;
}

/* Garante que o conteúdo fique acima do glow */

.bsn-diferenciais > .e-con-inner,
.bsn-diferenciais > .elementor-container,
.bsn-diferenciais > .elementor-widget-wrap{
    position:relative;
    z-index:2;
}

/* =====================================================
   COLUNA ESQUERDA
===================================================== */

.bsn-diferenciais .bsn-diferenciais-conteudo{
    width:100%;
    max-width:590px;
}

.bsn-diferenciais .bsn-diferenciais-subtitulo{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:22px;

    color:#777C88;

    font-size:12px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.bsn-diferenciais .bsn-diferenciais-subtitulo::before{
    content:"";

    width:34px;
    height:4px;
    flex:0 0 34px;

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

.bsn-diferenciais .bsn-diferenciais-titulo{
    margin:0 0 24px;

    color:var(--bsn-branco);

    font-size:clamp(42px,4vw,64px);
    font-weight:700;
    line-height:1.02;
    letter-spacing:-.05em;
}

.bsn-diferenciais .bsn-diferenciais-descricao{
    max-width:540px;
    margin:0;

    color:#C2C2C2;

    font-size:17px;
    font-weight:400;
    line-height:1.75;
}

/* =====================================================
   COLUNA DIREITA
===================================================== */

.bsn-diferenciais .bsn-diferenciais-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;

    width:100%;
}

/* =====================================================
   CARDS
===================================================== */

.bsn-diferenciais .bsn-diferencial-card{
    position:relative;

    min-height:200px;
    padding:31px 29px;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        ),
        var(--bsn-card);

    border:1px solid var(--bsn-borda);
    border-radius:21px;

    overflow:hidden;

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

/* Linha amarela superior animada */

.bsn-diferenciais .bsn-diferencial-card::before{
    content:"";

    position:absolute;
    left:0;
    top:0;

    width:100%;
    height:3px;

    background:var(--bsn-amarelo);

    transform:scaleX(0);
    transform-origin:left center;

    transition:transform .35s ease;
}

/* Brilho interno */

.bsn-diferenciais .bsn-diferencial-card::after{
    content:"";

    position:absolute;
    top:-90px;
    right:-90px;

    width:180px;
    height:180px;

    background:var(--bsn-amarelo);
    border-radius:50%;

    filter:blur(70px);
    opacity:0;

    transition:opacity .35s ease;

    pointer-events:none;
}

.bsn-diferenciais .bsn-diferencial-card:hover{
    transform:translateY(-7px);

    background-color:var(--bsn-card-hover);
    border-color:rgba(227,210,27,.34);

    box-shadow:
        0 22px 50px rgba(0,0,0,.38);
}

.bsn-diferenciais .bsn-diferencial-card:hover::before{
    transform:scaleX(1);
}

.bsn-diferenciais .bsn-diferencial-card:hover::after{
    opacity:.12;
}

/* Número */

.bsn-diferenciais .bsn-diferencial-numero{
    position:relative;
    z-index:2;

    display:block;
    margin-bottom:36px;

    color:var(--bsn-amarelo);

    font-size:13px;
    font-weight:700;
    line-height:1;
}

/* Título */

.bsn-diferenciais .bsn-diferencial-card h3{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:var(--bsn-branco);

    font-size:20px;
    font-weight:700;
    line-height:1.35;
}

/* Texto */

.bsn-diferenciais .bsn-diferencial-card p{
    position:relative;
    z-index:2;

    margin:0;

    color:var(--bsn-cinza);

    font-size:14px;
    font-weight:400;
    line-height:1.75;
}

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

@media(max-width:1024px){

    .bsn-diferenciais .bsn-diferenciais-conteudo{
        max-width:760px;
    }

    .bsn-diferenciais .bsn-diferenciais-grid{
        margin-top:10px;
    }
}

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

@media(max-width:767px){

    .bsn-diferenciais .bsn-diferenciais-titulo{
        font-size:40px;
        line-height:1.06;
    }

    .bsn-diferenciais .bsn-diferenciais-descricao{
        font-size:15px;
        line-height:1.7;
    }

    .bsn-diferenciais .bsn-diferenciais-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .bsn-diferenciais .bsn-diferencial-card{
        min-height:auto;
        padding:27px 24px;
    }

    .bsn-diferenciais .bsn-diferencial-numero{
        margin-bottom:28px;
    }

    .bsn-diferenciais .bsn-diferencial-card h3{
        font-size:19px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81c6138 *//* ===================================================== 
   BSN — BANNER LOGÍSTICA INTERNACIONAL
   Classe principal: bsn-logistica-banner
===================================================== */

.bsn-logistica-banner,
.bsn-logistica-banner *{
    box-sizing:border-box;
}

.bsn-logistica-banner{
    --bsn-amarelo:#E3D21B;
    --bsn-branco:#FFFFFF;
    --bsn-preto:#000000;

    position:relative;
    min-height:540px;

    display:flex;
    align-items:center;

    padding:70px;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.72) 38%,
            rgba(0,0,0,.30) 70%,
            rgba(0,0,0,.12) 100%
        ),
        url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=85") center center / cover no-repeat;

    border-radius:30px;
    overflow:hidden;

    box-shadow:
        0 26px 65px rgba(0,0,0,.16);

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

/* Camada adicional de contraste */

.bsn-logistica-banner::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.06),
            rgba(0,0,0,.22)
        );

    pointer-events:none;
}

/* Brilho amarelo discreto */

.bsn-logistica-banner::after{
    content:"";

    position:absolute;
    right:-140px;
    bottom:-180px;

    width:450px;
    height:450px;

    background:var(--bsn-amarelo);
    border-radius:50%;

    filter:blur(150px);
    opacity:.10;

    pointer-events:none;
}

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

.bsn-logistica-banner .bsn-logistica-conteudo{
    position:relative;
    z-index:2;

    width:100%;
    max-width:670px;
}

/* Subtítulo */

.bsn-logistica-banner .bsn-logistica-subtitulo{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:22px;

    color:rgba(255,255,255,.76);

    font-size:13px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.bsn-logistica-banner .bsn-logistica-subtitulo::before{
    content:"";

    width:34px;
    height:4px;
    flex:0 0 34px;

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

/* Título */

.bsn-logistica-banner .bsn-logistica-titulo{
    max-width:620px;
    margin:0 0 24px;

    color:var(--bsn-branco);

    font-size:clamp(35px,4.7vw,52px);
    font-weight:700;
    line-height:1.03;
    letter-spacing:-.05em;
}

/* Descrição */

.bsn-logistica-banner .bsn-logistica-descricao{
    max-width:660px;
    margin:0 0 32px;

    color:rgba(255,255,255,.78);

    font-size:16px;
    font-weight:400;
    line-height:1.75;
}

/* =====================================================
   BOTÃO
===================================================== */

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

    min-height:56px;
    padding:15px 27px;

    background:var(--bsn-amarelo);
    color:var(--bsn-preto);

    border-radius:11px;

    font-size:15px;
    font-weight:700;
    line-height:1.2;

    text-decoration:none;

    box-shadow:
        0 15px 35px rgba(227,210,27,.28);

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

.bsn-logistica-banner .bsn-logistica-botao:hover{
    background:#D6C617;
    color:var(--bsn-preto);

    transform:translateY(-4px);

    box-shadow:
        0 21px 45px rgba(227,210,27,.38);
}

/* Seta do botão */

.bsn-logistica-banner .bsn-logistica-botao i{
    width:14px;
    height:14px;

    border-top:2px solid currentColor;
    border-right:2px solid currentColor;

    transform:rotate(45deg);

    transition:transform .3s ease;
}

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

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

@media(max-width:1024px){

    .bsn-logistica-banner{
        min-height:500px;
        padding:55px 45px;

        background-position:center center;
    }

    .bsn-logistica-banner .bsn-logistica-conteudo{
        max-width:620px;
    }

    .bsn-logistica-banner .bsn-logistica-titulo{
        font-size:52px;
    }
}

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

@media(max-width:767px){

    .bsn-logistica-banner{
        min-height:580px;

        align-items:flex-end;

        padding:38px 25px;

        border-radius:22px;

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.20) 0%,
                rgba(0,0,0,.55) 46%,
                rgba(0,0,0,.92) 100%
            ),
            url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=85") center center / cover no-repeat;
    }

    .bsn-logistica-banner .bsn-logistica-subtitulo{
        margin-bottom:17px;

        font-size:11px;
        letter-spacing:.11em;
    }

    .bsn-logistica-banner .bsn-logistica-titulo{
        font-size:39px;
        line-height:1.06;
    }

    .bsn-logistica-banner .bsn-logistica-descricao{
        font-size:15px;
        line-height:1.65;
    }

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