/* HOME RESPONSIVA HERO V10 — SmarteSST Pro
   Mantém desktop e mobile com a mesma primeira dobra.
   A imagem foi espelhada para liberar a área esquerda do texto.
   Não altera menu lateral interno após login. */

html.sst-home-responsiva-v10-html,
body.sst-home-responsiva-v10 {
    min-height: 100vh;
}

body.sst-home-responsiva-v10 {
    background-color: #11342d !important;
    background-image:
        linear-gradient(90deg, rgba(2, 10, 8, .28) 0%, rgba(2, 15, 13, .12) 45%, rgba(2, 10, 16, .05) 100%),
        url("../img/smartesst-home-bg-espelhada-v10.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color: #ffffff;
}

/* Remove pseudo-elements e camadas antigas */
body.sst-home-responsiva-v10::before,
body.sst-home-responsiva-v10::after {
    display: none !important;
}

/* Limpa fundos que estavam cobrindo a imagem */
body.sst-home-responsiva-v10 .auth-page,
body.sst-home-responsiva-v10 .login-page,
body.sst-home-responsiva-v10 .landing-page,
body.sst-home-responsiva-v10 .public-page,
body.sst-home-responsiva-v10 .home-page,
body.sst-home-responsiva-v10 .page-login,
body.sst-home-responsiva-v10 .login-wrapper,
body.sst-home-responsiva-v10 .auth-wrapper,
body.sst-home-responsiva-v10 .landing-wrapper,
body.sst-home-responsiva-v10 main,
body.sst-home-responsiva-v10 .hero,
body.sst-home-responsiva-v10 .hero-section,
body.sst-home-responsiva-v10 .landing-hero,
body.sst-home-responsiva-v10 .login-hero,
body.sst-home-responsiva-v10 .sst-hero-principal-v10 {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* HERO principal: primeira dobra real no desktop */
body.sst-home-responsiva-v10 .sst-hero-principal-v10 {
    min-height: calc(100vh - 90px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: clamp(56px, 6.5vw, 96px) clamp(34px, 4.2vw, 74px) !important;
    position: relative !important;
    z-index: 1 !important;
    order: -100 !important;
}

body.sst-home-responsiva-v10 .sst-hero-text-v10 {
    max-width: min(820px, 52vw) !important;
    margin-left: 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

/* Não deixa a seção de documentos subir antes da hero */
body.sst-home-responsiva-v10 .sst-docs-section-v10 {
    order: 20 !important;
}

/* Topo desktop */
body.sst-home-responsiva-v10 header,
body.sst-home-responsiva-v10 .topbar,
body.sst-home-responsiva-v10 .navbar,
body.sst-home-responsiva-v10 .home-header,
body.sst-home-responsiva-v10 .landing-header {
    background: rgba(231, 241, 247, .92) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .08) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Texto da hero */
body.sst-home-responsiva-v10 h1,
body.sst-home-responsiva-v10 .hero h1,
body.sst-home-responsiva-v10 [class*="hero"] h1,
body.sst-home-responsiva-v10 .sst-hero-principal-v10 h1 {
    color: #ffffff !important;
    text-shadow: 0 8px 22px rgba(0, 0, 0, .34) !important;
}

body.sst-home-responsiva-v10 .sst-hero-principal-v10 h1 {
    max-width: 840px !important;
}

body.sst-home-responsiva-v10 p,
body.sst-home-responsiva-v10 .hero p,
body.sst-home-responsiva-v10 [class*="hero"] p,
body.sst-home-responsiva-v10 .sst-hero-principal-v10 p {
    color: rgba(241, 245, 249, .96) !important;
    text-shadow: 0 4px 12px rgba(0, 0, 0, .22) !important;
}

/* Header sem sombra nos textos */
body.sst-home-responsiva-v10 header *,
body.sst-home-responsiva-v10 .topbar *,
body.sst-home-responsiva-v10 .navbar * {
    text-shadow: none !important;
}

/* Cards e seções transparentes, sem contorno pesado */
body.sst-home-responsiva-v10 section,
body.sst-home-responsiva-v10 .section,
body.sst-home-responsiva-v10 .home-section,
body.sst-home-responsiva-v10 .landing-section,
body.sst-home-responsiva-v10 .module-section,
body.sst-home-responsiva-v10 .card,
body.sst-home-responsiva-v10 [class*="card"],
body.sst-home-responsiva-v10 [class*="panel"],
body.sst-home-responsiva-v10 [class*="box"] {
    border: 0 !important;
    outline: 0 !important;
}

body.sst-home-responsiva-v10 .card,
body.sst-home-responsiva-v10 [class*="card"],
body.sst-home-responsiva-v10 [class*="feature"],
body.sst-home-responsiva-v10 [class*="recurso"],
body.sst-home-responsiva-v10 [class*="resource"],
body.sst-home-responsiva-v10 [class*="preview"],
body.sst-home-responsiva-v10 [class*="mockup"] {
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Mockup da direita continua oculto para a imagem de fundo trabalhar */
body.sst-home-responsiva-v10 .sst-hide-home-mockup {
    display: none !important;
}

/* Chips e botões */
body.sst-home-responsiva-v10 .chip,
body.sst-home-responsiva-v10 .badge,
body.sst-home-responsiva-v10 [class*="chip"],
body.sst-home-responsiva-v10 [class*="tag"],
body.sst-home-responsiva-v10 [class*="pill"] {
    border: 0 !important;
    outline: 0 !important;
    background: rgba(16, 185, 129, .34) !important;
    color: #ecfdf5 !important;
    box-shadow: 0 8px 18px rgba(2, 6, 23, .08) !important;
}

body.sst-home-responsiva-v10 .btn,
body.sst-home-responsiva-v10 button,
body.sst-home-responsiva-v10 a[class*="btn"] {
    border: 0 !important;
    outline: 0 !important;
    text-shadow: none !important;
}

body.sst-home-responsiva-v10 input,
body.sst-home-responsiva-v10 select,
body.sst-home-responsiva-v10 textarea {
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    border: 0 !important;
}

/* MOBILE — mantém a mesma hero do desktop como primeira dobra */
@media (max-width: 900px) {
    body.sst-home-responsiva-v10 {
        min-height: 100svh;
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
        overflow-x: hidden !important;
    }

    body.sst-home-responsiva-v10 header,
    body.sst-home-responsiva-v10 .topbar,
    body.sst-home-responsiva-v10 .navbar,
    body.sst-home-responsiva-v10 .home-header,
    body.sst-home-responsiva-v10 .landing-header {
        min-height: 116px !important;
        height: auto !important;
        padding: 10px 16px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 8px 10px !important;
        background: rgba(231, 241, 247, .94) !important;
    }

    /* Links do menu aparecem no mobile em segunda linha */
    body.sst-home-responsiva-v10 header nav,
    body.sst-home-responsiva-v10 .topbar nav,
    body.sst-home-responsiva-v10 .navbar nav,
    body.sst-home-responsiva-v10 .home-header nav,
    body.sst-home-responsiva-v10 .landing-header nav,
    body.sst-home-responsiva-v10 header .nav,
    body.sst-home-responsiva-v10 .topbar .nav,
    body.sst-home-responsiva-v10 .navbar .nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 10 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        gap: clamp(16px, 4vw, 28px) !important;
        padding: 8px 0 2px !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.sst-home-responsiva-v10 header nav::-webkit-scrollbar,
    body.sst-home-responsiva-v10 .topbar nav::-webkit-scrollbar,
    body.sst-home-responsiva-v10 .navbar nav::-webkit-scrollbar {
        display: none;
    }

    body.sst-home-responsiva-v10 header nav a,
    body.sst-home-responsiva-v10 .topbar nav a,
    body.sst-home-responsiva-v10 .navbar nav a,
    body.sst-home-responsiva-v10 .home-header nav a,
    body.sst-home-responsiva-v10 .landing-header nav a,
    body.sst-home-responsiva-v10 header .nav a,
    body.sst-home-responsiva-v10 .topbar .nav a,
    body.sst-home-responsiva-v10 .navbar .nav a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #263548 !important;
        font-size: clamp(13px, 3.6vw, 16px) !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        pointer-events: auto !important;
        text-shadow: none !important;
    }

    body.sst-home-responsiva-v10 .sst-hero-principal-v10 {
        min-height: calc(100svh - 116px) !important;
        padding: 34px 22px 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        order: -100 !important;
    }

    body.sst-home-responsiva-v10 .sst-hero-text-v10 {
        max-width: 94vw !important;
        width: 94vw !important;
        margin-left: 0 !important;
    }

    body.sst-home-responsiva-v10 .sst-hero-principal-v10 h1 {
        font-size: clamp(36px, 11vw, 56px) !important;
        line-height: .98 !important;
        letter-spacing: -0.055em !important;
        max-width: 94vw !important;
        margin-top: 18px !important;
        color: #ffffff !important;
        text-shadow: 0 8px 24px rgba(0, 0, 0, .36) !important;
    }

    body.sst-home-responsiva-v10 .sst-hero-principal-v10 p {
        font-size: 16px !important;
        line-height: 1.55 !important;
        max-width: 94vw !important;
        color: rgba(241, 245, 249, .96) !important;
    }

    body.sst-home-responsiva-v10 .sst-hero-principal-v10 .btn,
    body.sst-home-responsiva-v10 .sst-hero-principal-v10 button,
    body.sst-home-responsiva-v10 .sst-hero-principal-v10 a[class*="btn"] {
        min-height: 46px !important;
        border-radius: 14px !important;
    }

    /* Documentos técnicos sempre abaixo da hero no mobile */
    body.sst-home-responsiva-v10 .sst-docs-section-v10 {
        order: 20 !important;
        margin-top: 0 !important;
    }

    /* Em tela muito estreita, menu rola lateral */
    @media (max-width: 380px) {
        body.sst-home-responsiva-v10 header nav,
        body.sst-home-responsiva-v10 .topbar nav,
        body.sst-home-responsiva-v10 .navbar nav {
            justify-content: flex-start !important;
            padding-left: 4px !important;
            padding-right: 4px !important;
        }
    }
}