@import url("https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap");
            :root {
                --brand-yellow: #d4b23a; /* ajuste se quiser igual ao seu logo */
                --brand-dark: #2e2f33;
                --brand-gray: #6c757d;
            }
            body {
                font-family: "DM Sans", sans-serif;
                font-weight: 200;
                scroll-behavior:smooth;
                color:#2a2a2a;
            }
            .navbar {
                box-shadow: 0 6px 24px rgba(0,0,0,.08);
            }
            .navbar-brand img{
                height:70px;
            }
            .btn-brand{
                background:var(--brand-yellow);
                border:none;
                color:#111;
                font-weight:700;
            }
            .btn-brand:hover{
                filter:brightness(.95);
                color:#111;
            }
            .text-brand{
                color:var(--brand-yellow)!important;
            }
            .bg-brand-soft{
                background:rgba(212,178,58,.12);
            }

            /* Hero */
            #hero{
                position:relative;
                background: url('../images/site0-bg-casa.png');
                background-size:cover;
                background-position:center;
                color: #fff
            }
            #hero::before {
                content: "";
                position: absolute;
                inset: 0; /* cobre toda a div */
                background: rgba(0, 0, 0, 0.5); /* aqui controla o nível do escuro */
            }
            #hero .content{
                position:relative;
                z-index:2;
                padding-top:8rem;
                padding-bottom:6rem;
            }

            /* Cards */
            .kit-card{
                border:1px solid rgba(0,0,0,.07);
                border-radius:1.25rem;
                overflow:hidden;
                box-shadow:0 12px 30px rgba(0,0,0,.06);
                transition:transform .2s ease, box-shadow .2s ease;
            }
            .kit-card:hover{
                transform:translateY(-4px);
                box-shadow:0 16px 36px rgba(0,0,0,.08);
            }
            .kit-badge{
                position:absolute;
                top:12px;
                left:12px;
                background:var(--brand-yellow);
                color:#111;
                font-weight:700;
                padding:.35rem .6rem;
                border-radius:.5rem;
                font-size:.8rem;
            }

            .check{
                align-items:center;
                gap:.5rem;
                margin-bottom: 10px;
            }
            .check:before{
                content:"✔";
                color:var(--brand-yellow);
                font-weight:700;
                padding-right: 10px;
            }

            /* Sections */
            section{
                padding:4.5rem 0;
            }
            .section-title{
                font-weight:800;
                letter-spacing:.2px;
            }
            .lead-hero{
                font-size:1.15rem;
                color:#ffffff;
            }
            .btn-outline{
                border: 1px solid #fff;
                color: #fff;
            }
            /* FAQ */
            .accordion-button:not(.collapsed){
                background:rgba(212,178,58,.12);
                color:#111;
            }
            .accordion-button:focus{
                box-shadow:0 0 0 .25rem rgba(212,178,58,.35);
            }

            /* Footer */
            footer{
                background:#0f0f10;
                color:#bdbdbd;
            }
            footer a{
                color:#e9e6dc;
                text-decoration:none;
            }
            footer a:hover{
                color:#fff;
            }

            /* Floating WhatsApp */
            .wa-float{
                position:fixed;
                right:18px;
                bottom:18px;
                z-index:1040;
            }
            .wa-float .btn{
                box-shadow:0 12px 24px rgba(0,0,0,.2);
                border-radius:999px;
                padding:.85rem 1.15rem;
                font-weight:700;
            }

            /* Utilities */
            .small-muted{
                font-size:.9rem;
                color:#6b7280;
            }
            #calculadora *{
                color: #6b7280;
            }