/* ===== HEADER FIXO (DESKTOP + MOBILE IGUAL) ===== */
.header-fixed{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:rgba(18,18,18,0.85);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

/* Container */
.header-container{
    max-width:1200px;
    margin:0 auto;
    padding:12px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Logo */
.header-logo img{
    height:40px;
    width:auto;
    display:block;
}

/* Navegação */
.header-nav{
    display:flex;
    align-items:center;
    gap:12px;
}

/* Botões */
.btn-header{
    padding:10px 18px;
    border-radius:30px;
    background:#FF842A;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
    transition:all .3s ease;
}

.btn-header:hover{
    background:#e67622;
    transform:translateY(-1px);
}

/* Botão outline */
.btn-outline{
    background:transparent;
    border:2px solid #FF842A;
    color:#FF842A;
}

.btn-outline:hover{
    background:#FF842A;
    color:#fff;
}

/* ===== MOBILE (MESMO LAYOUT DO DESKTOP) ===== */
@media (max-width:768px){

    .header-container{
        padding:10px 14px;
    }

    .header-logo img{
        height:34px;
    }

    .btn-header{
        padding:8px 14px;
        font-size:13px;
    }
}

/* ===== ESPAÇO PARA NÃO COBRIR O CONTEÚDO ===== */
body{
    padding-top:85px;
}

/* Mobile */
@media (max-width:768px){
    body{
        padding-top:75px;
    }
}

/* iOS Safe Area (notch) */
@supports(padding: max(0px)){
    body{
        padding-top:calc(85px + env(safe-area-inset-top));
    }

    @media (max-width:768px){
        body{
            padding-top:calc(75px + env(safe-area-inset-top));
        }
    }