:root {
                --ink: #26352c;
                --muted: #748078;
                --energy: #68814b;
                --sun: #d7a93e;
                --pale: #f1f5ea;
                --sand: #f7f2e5;
                --line: #e9ede5;
            }
            body, input, select, textarea {
                font-family: "Source Sans Pro", sans-serif !important;
                color: var(--ink);
            }
            section, #header, hr, .major {
                border: none !important;
                box-shadow: none !important;
                padding: 0 !important;
            }
            
            #sidebar {
                position: fixed !important;
                top: 0;
                left: 0;
                height: 100vh !important;
                width: 18em !important;
                overflow: hidden !important;
                z-index: 10000;
                background: #fff;
                border-right: 1px solid #f2f2f2 !important;
            }
            #wrapper {
                padding-left: 18em !important;
            }
            .inner {
                padding: 2.2em 5em 0 !important;
                max-width: 1600px !important;
                margin: auto;
                width: 100%;
                box-sizing: border-box;
            }
            .eyebrow {
                font-size: 0.65em;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 4px;
                color: #a2a99e;
                display: block;
                margin-bottom: 16px;
            }
            .hero {
                display: grid;
                grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
                gap: 5em;
                align-items: start;
                padding-bottom: 3.6em !important;
            }
            .hero h1 {
                font-size: 3.8em;
                letter-spacing: -2.5px;
                line-height: 1.02;
                margin: 0.15em 0 0.35em;
                color: #26352c;
            }
            .lead {
                font-size: 1.17em;
                line-height: 1.75;
                color: var(--muted);
                max-width: 800px;
            }
            .energy-orbit {
                width: 100%;
                max-width: 400px;
                aspect-ratio: 1;
                border-radius: 50%;
                position: relative;
                margin: 0;
                justify-self: center;
                overflow: hidden;
                box-sizing: border-box;
                background: #f6f3df url("/images/energia-consciente.webp") center/cover no-repeat;
                box-shadow: 0 30px 80px rgba(57, 79, 45, 0.2);
            }
            .section-block {
                border-top: 1px solid var(--line);
                padding: 3.2em 0 !important;
            }
            .section-head {
                display: grid;
                grid-template-columns: 180px minmax(0, 820px);
                gap: 2em;
                margin-bottom: 2em;
            }
            .section-head h2 {
                font-size: 2em;
                letter-spacing: -0.6px;
                margin: 0;
                color: var(--ink);
            }
            .section-head p {
                margin: 0;
                color: var(--muted);
                line-height: 1.7;
            }
            .principles {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 1.1em;
            }
            .principle {
                padding: 1.55em;
                border-radius: 15px;
                background: var(--pale);
            }
            .principle:nth-child(2n) {
                background: var(--sand);
            }
            .principle b {
                color: var(--energy);
                display: block;
                margin-bottom: 0.45em;
            }
            .principle p {
                font-size: 0.88em;
                line-height: 1.6;
                color: var(--muted);
                margin: 0;
            }
            .stats {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 1.1em;
            }
            .stat {
                padding: 1.55em;
                border: 1px solid var(--line);
                border-radius: 15px;
            }
            .stat small {
                display: block;
                text-transform: uppercase;
                letter-spacing: 1.2px;
                color: #8f998f;
            }
            .stat strong {
                display: block;
                font-size: 2.25em;
                line-height: 1;
                color: var(--energy);
                margin: 0.28em 0;
            }
            .stat span {
                font-size: 0.8em;
                color: var(--muted);
            }
            .mix {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 0.8em;
                margin-top: 1.2em;
            }
            .mix-item {
                background: #fafbf8;
                padding: 1em;
                border-radius: 12px;
            }
            .mix-item b {
                display: block;
                color: var(--ink);
            }
            .mix-item span {
                font-size: 0.77em;
                color: var(--muted);
            }
            .local-card {
                background: #304a39;
                color: #fff;
                padding: 2em;
                border-radius: 18px;
            }
            .local-card h3 {
                color: #fff;
                margin: 0 0 0.35em;
            }
            .local-card > p {
                color: #d6e0d8;
            }
            .plants {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 0.8em;
                margin-top: 1.4em;
            }
            .plant {
                background: rgba(255, 255, 255, 0.08);
                padding: 1.1em;
                border-radius: 10px;
            }
            .plant small {
                display: block;
                color: #b9cbbb;
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            .plant b {
                color: #fff;
                display: block;
                margin: 0.25em 0;
            }
            .plant span {
                font-size: 0.78em;
                color: #c9d7cc;
            }
            .honesty {
                font-size: 0.78em;
                color: #b9cbbb !important;
                margin-top: 1.2em !important;
            }
            .steps {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.2em;
            }
            .step {
                border-top: 3px solid #d5dfc9;
                padding: 1.3em 1em 0 0;
            }
            .step strong {
                font-size: 1.7em;
                color: #a0b184;
            }
            .step h3 {
                font-size: 1.03em;
                margin: 0.3em 0;
            }
            .step p {
                font-size: 0.88em;
                line-height: 1.6;
                color: var(--muted);
            }
            .chapters {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 1em;
            }
            .chapter {
                display: block;
                text-decoration: none;
                color: inherit;
                border: 1px solid var(--line);
                border-radius: 14px;
                padding: 1.4em;
                transition: 0.25s;
            }
            .chapter:hover {
                transform: translateY(-3px);
                border-color: #bdcbaa;
            }
            .chapter small {
                color: var(--sun);
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            .chapter h3 {
                font-size: 1.05em;
                color: var(--ink);
                margin: 0.4em 0;
            }
            .chapter p {
                font-size: 0.84em;
                line-height: 1.55;
                color: var(--muted);
                margin: 0;
            }
            .news-list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.2em;
            }
            .news-item {
                padding: 1.4em;
                border: 1px solid var(--line);
                border-radius: 14px;
                text-decoration: none;
                color: inherit;
            }
            .news-item h3 {
                font-size: 1.05em;
                line-height: 1.4;
                margin: 0.4em 0;
                color: var(--ink);
            }
            .news-item span {
                font-size: 0.68em;
                color: #9ba39d;
            }
            .empty {
                color: #9ba39d;
                font-style: italic;
            }
            .footer {
                padding: 4em 5em 2em;
                border-top: 1px solid var(--line);
                opacity: 0.4;
                text-align: right;
                box-sizing: border-box;
            }

            .footer-wordmark {
                display: flex;
                justify-content: flex-end;
            }

            .bio-wordmark {
                display: inline-block;
                text-align: center;
                line-height: 1;
                font-family: "Georgia", "Times New Roman", serif;
            }

            .bio-wordmark strong {
                display: block;
                font-size: 1.15em;
                font-weight: 400;
                letter-spacing: -0.4px;
                color: #81966e;
                line-height: 1;
                font-family: inherit;
            }

            .bio-wordmark small {
                display: block;
                margin-top: 2px;
                font-size: 0.43em;
                font-weight: 700;
                letter-spacing: 1.8px;
                text-transform: uppercase;
                color: #a66f50;
                line-height: 1;
                font-family: inherit;
            }
            @media (max-width: 1280px) {
                #sidebar {
                    position: relative !important;
                    width: 100% !important;
                    height: auto !important;
                }
                #wrapper {
                    padding-left: 0 !important;
                }
                .hero {
                    grid-template-columns: 1fr;
                }
                .energy-orbit {
                    width: 320px;
                }
                .principles, .stats, .chapters {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 760px) {
                .inner {
                    padding: 1.7em 1.4em 0 !important;
                }
                .hero h1 {
                    font-size: 2.55em;
                }
                .hero {
                    gap: 2.5em;
                }
                .energy-orbit {
                    width: 235px;
                }
                .section-head {
                    grid-template-columns: 1fr;
                    gap: 0.7em;
                }
                .principles, .stats, .mix, .plants, .steps, .chapters, .news-list {
                    grid-template-columns: 1fr;
                }
            }

           /* --- 1. RESET DE VALIDAÇÃO (Mata o Vermelho e as Setas) --- */
            #solar-lab input::-webkit-outer-spin-button,
            #solar-lab input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            #solar-lab input[type=number] { -moz-appearance: textfield; appearance: none; }

            #solar-lab input, 
            #solar-lab select,
            #solar-lab button {
                box-shadow: none !important;
                outline: none !important;
                border-color: var(--line) !important;
                -webkit-appearance: none;
                appearance: none;
            }

            /* Remove o border vermelho de erro do browser */
            #solar-lab input:invalid, 
            #solar-lab input:out-of-range,
            #solar-lab input:focus:invalid,
            #solar-lab .clean-select:focus {
                border-color: var(--energy) !important;
                box-shadow: none !important;
                outline: none !important;
            }

            /* --- 2. GRID COMPACTO 2x2 --- */
            .input-grid-compact {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 1rem;
            }

            .input-card {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: 16px;
                padding: 1.2rem 1.5rem;
                display: flex;
                flex-direction: column;
                gap: 0.4rem;
            }

            .input-card label { font-weight: 800; color: var(--ink); font-size: 0.85rem; margin: 0; }
            .input-card small { font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; font-size: 0.5rem; color: #bbb; }

            /* --- 3. INPUTS ESTILO CLEAN --- */
            .input-wrap { 
                display: flex; 
                align-items: baseline; 
                border-bottom: 1px solid var(--line); 
                width: fit-content;
                padding-bottom: 2px;
            }
            .input-wrap input { 
                border: 0 !important; 
                font-family: Georgia, serif; 
                font-size: 1.6rem; 
                width: 90px; 
                padding: 0 !important;
                background: transparent !important;
            }
            .input-wrap span { font-size: 0.9rem; color: var(--muted); margin-left: 5px; }

            .clean-select {
                width: 100%;
                height: 40px;
                border: 1px solid var(--line) !important;
                border-radius: 8px !important;
                background: #fff !important;
                font-size: 0.85rem;
                padding: 0 10px;
            }

            /* --- 4. BOTÃO PILL (Estilo "Ver mais culturas") --- */
            .action-area { text-align: left; margin-top: 2.5rem; }

            .btn-biocultura-pill {
                display: inline-flex !important;
                width: auto !important;
                align-items: center;
                justify-content: center;
                padding: 0.7rem 2.5rem !important;
                background: #fff !important;
                border: 1px solid #dce4dc !important;
                border-radius: 999px !important;
                color: var(--energy) !important;
                font-family: Georgia, serif !important;
                font-weight: 700;
                font-size: 1rem;
                cursor: pointer;
                transition: all 0.2s ease;
            }
            .btn-biocultura-pill:hover { border-color: var(--energy) !important; background: var(--pale) !important; }

            .project-reference{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin:3.2rem 0;padding:1.8rem!important;border:1px solid var(--line)!important;border-radius:18px;background:var(--pale)}
            .project-reference .section-head{grid-column:1;margin:0}.project-reference-link{grid-column:2;padding:.65rem .95rem;border:1px solid #cfdac6!important;border-radius:999px;color:#506b3e!important;font-size:.72rem;font-weight:900;text-decoration:none;white-space:nowrap}
            .project-reference-link:hover{border-color:#91a77f!important;background:#fff;color:#415a32!important}
            @media(max-width:760px){.project-reference{grid-template-columns:1fr}.project-reference-link{grid-column:1;justify-self:start;white-space:normal}}

            /* --- 5. RESULTADOS (Estilo Editorial Mongólia) --- */
            .impact-node .node-value {
                font-family: Georgia, serif !important;
                font-size: 2.4rem;
                font-weight: 400;
                color: var(--ink);
                line-height: 1.1;
            }
            .impact-node .node-label {
                font-family: "Source Sans Pro", sans-serif;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-size: 0.65rem;
                color: var(--muted);
                margin: 0.5rem 0;
            }
            .impact-node p { font-size: 0.85rem; line-height: 1.5; color: var(--muted); margin: 0; }

            /* Seleção de Bateria */
            .input-card.selectable.active { border-color: var(--energy) !important; background: var(--pale) !important; }
            .check-circle { width: 16px; height: 16px; border: 2px solid var(--line); border-radius: 50%; margin-right: 8px; display: inline-block; vertical-align: middle; }
            .active .check-circle { background: var(--energy); border-color: var(--energy); }

            /* --- Estilo Lista de Resultados (Baseado no teu exemplo) --- */
.res-item {
    margin-bottom: 1.8rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.res-item small {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 0.85rem;
    color: var(--muted);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.res-item strong {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.5rem;
    color: var(--ink);
    font-weight: 700;
}

.res-item p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.1rem;
    color: var(--ink);
    margin: 0;
    font-weight: 600;
}

.price-value {
    color: var(--energy) !important; /* Destaque no preço */
}

.tax-note {
    font-size: 0.75rem;
    color: var(--muted);
}

/* Reajuste da Grelha para preencher o espaço */
.impact-grid-two-cols {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 4rem;
    margin-top: 2rem;
}

.impact-column {
    display: flex;
    flex-direction: column;
}