.elementor-330 .elementor-element.elementor-element-d5335b6{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-330 .elementor-element.elementor-element-d5335b6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-330 .elementor-element.elementor-element-3983e72{width:100%;max-width:100%;}.elementor-330 .elementor-element.elementor-element-3983e72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-330{margin:-10px -10px 0px -10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-330 .elementor-element.elementor-element-3983e72{width:100%;max-width:100%;}.elementor-330{margin:-10px -10px -10px -10px;}}@media(min-width:768px){.elementor-330 .elementor-element.elementor-element-d5335b6{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-3983e72 *//* =========================================
RESET
========================================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Segoe UI', sans-serif;
    background:#05070b;
}

/* =========================================
TOP BAR
========================================= */
.sr-topbar{
    width:100%;
    background:#ff6a00;
    position:relative;
    z-index:9999;
}

.sr-topbar__container{
    width:100%;
    max-width:1450px;
    margin:auto;
    padding:7px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.sr-topbar__info{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.sr-topbar__item{
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:12px;
    font-weight:600;
}

.sr-topbar__item i{
    font-size:12px;
}

.sr-topbar__socials{
    display:flex;
    align-items:center;
    gap:8px;
}

.sr-topbar__socials a{
    width:30px;
    height:30px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:13px;
    background: rgba(255,255,255,0.12);
    transition:.4s;
}

.sr-topbar__socials a:hover{
    background:#fff;
    color:#ff6a00;
    transform:translateY(-2px);
}

/* =========================================
HEADER (TRANSPARENTE E NO LUGAR CERTO)
========================================= */
.sr-header{
    position: absolute; 
    width: 100%;
    z-index: 9998;
    background: transparent;
    border-bottom: 1px solid transparent; 
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;
}

/* =========================================
HEADER COM SCROLL (VIDRO FOSCO E BEM MAIS FINO)
========================================= */
.sr-header.scrolled {
    position: fixed; 
    top: 0; 
    left: 0;
    background: linear-gradient(
        90deg,
        rgba(8,17,27,0.7),
        rgba(12,23,36,0.7)
    );
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px); 
    border-bottom: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Reduz o padding quase a zero no scroll para afinar a barra */
.sr-header.scrolled .sr-header__container {
    padding: 4px 40px; 
}

/* Logo fica menorzinha e elegante no scroll */
.sr-header.scrolled .sr-logo img {
    width: 95px; 
}

/* Botão diminui o preenchimento vertical para deixar a barra encolher */
.sr-header.scrolled .sr-btn-cotacao {
    padding: 8px 24px;
}

/* =========================================
CONTAINER
========================================= */
.sr-header__container{
    width:100%;
    max-width:1450px;
    margin:auto;
    padding:12px 40px;
    display:flex;
    align-items:center; 
    justify-content:space-between;
    gap:28px;
    transition: padding 0.4s ease; 
}

/* =========================================
LOGO
========================================= */
.sr-logo{
    display:flex;
    align-items:center;
}

.sr-logo img{
    width:135px;
    object-fit:contain;
    transition: width 0.4s ease; 
}

/* =========================================
MENU
========================================= */
.sr-nav{
    margin-left:auto;
}

.sr-menu{
    display:flex;
    align-items:center; 
    gap:34px;
    list-style:none;
    margin: 0 !important; 
    padding: 0 !important;
}

.sr-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.sr-menu a{
    position:relative;
    color:rgba(255,255,255,0.75);
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.4s;
    display: block;
}

.sr-menu a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-6px;
    width:0%;
    height:2px;
    border-radius:20px;
    background:#ff6a00;
    transition:.4s;
}

.sr-menu a:hover{
    color:#fff;
}

.sr-menu a:hover::after{
    width:100%;
}

/* =========================================
CTA (BOTÃO)
========================================= */
.sr-btn-cotacao{
    display: flex; 
    align-items: center;
    justify-content: center;
    margin: 0 !important; 
    padding: 12px 24px; /* Padding padrão maior quando no topo */
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(
        135deg,
        #ff5e00,
        #ff8c3b
    );
    transition: .4s;
    box-shadow: 0 10px 24px rgba(255,94,0,0.18);
}

.sr-btn-cotacao:hover{
    transform: translateY(-2px); 
    color: #fff;
    box-shadow: 0 16px 30px rgba(255,94,0,0.28);
}

/* =========================================
MOBILE BUTTON
========================================= */
.sr-mobile-toggle{
    display:none;
    width:44px;
    height:44px;
    background:none;
    border:none;
    cursor:pointer;
}

.sr-mobile-toggle span{
    display:block;
    width:26px;
    height:3px;
    margin:5px auto;
    border-radius:20px;
    background:#fff;
    transition:.4s;
}

/* =========================================
MOBILE MENU
========================================= */
.sr-mobile-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:320px;
    height:100vh;
    background: linear-gradient(180deg, #08111b, #0d1723);
    z-index:99999;
    display:flex;
    flex-direction:column;
    padding:100px 30px;
    gap:22px;
    transition:.5s;
}

.sr-mobile-menu.active{
    right:0;
}

.sr-mobile-menu a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
}

.sr-btn-mobile{
    margin-top:10px;
    padding:14px;
    border-radius:12px;
    text-align:center;
    background:#ff6a00;
}

/* =========================================
RESPONSIVO
========================================= */
@media(max-width:1100px){
    .sr-nav,
    .sr-btn-cotacao{
        display:none;
    }
    .sr-mobile-toggle{
        display:block;
    }
}

@media(max-width:820px){
    .sr-topbar{
        display:none;
    }
    .sr-header__container{
        padding:15px 30px;
    }
    .sr-header.scrolled .sr-header__container {
        padding: 4px 30px; 
    }
}

@media(max-width:768px){
    .sr-logo img{
        width:120px;
    }
    .sr-header.scrolled .sr-logo img {
        width: 85px; /* Logo no celular/tablet em pé fica mais fino ainda no scroll */
    }
    .sr-mobile-menu{
        width:100%;
    }
}

@media(max-width:480px){
    .sr-header__container{
        padding:12px 20px;
    }
    .sr-logo img{
        width:115px; 
    }
    .sr-header.scrolled .sr-header__container {
        padding: 4px 20px; 
    }
}/* End custom CSS */