/* Página comércio e indústria: tema escuro sobre a mesma identidade */
body.escuro { background: #07211d; color: #e6f1ee; }
body.escuro .topo { background: rgba(7,33,29,.72); border-bottom-color: rgba(255,255,255,.1); box-shadow: none; }
body.escuro .menu a { color: #cfe0db; } body.escuro .menu a:hover { background: rgba(255,255,255,.08); color: #fff; }
body.escuro .hamb { background: rgba(255,255,255,.1); color: #fff; }
@media (max-width: 900px) { body.escuro .menu { background: #0a3d35; border-color: rgba(255,255,255,.12); } body.escuro .menu a { border-bottom-color: rgba(255,255,255,.08); } }
body.escuro .tag { background: rgba(255,255,255,.1); color: var(--menta); } body.escuro .tag::before { background: var(--menta); }
body.escuro h1, body.escuro h2, body.escuro h3 { color: #fff; }
body.escuro .sec h2 i, body.escuro h1 i { color: #8fb3aa; }
body.escuro .lede { color: #cfe0db; }
body.escuro .btn.linha { border-color: rgba(255,255,255,.5); color: #fff; background: transparent; }
body.escuro .btn.linha:hover { background: #fff; color: var(--verde); }
body.escuro .btn.menta { box-shadow: 0 12px 28px -12px rgba(63,217,171,.6); }
.c-hero { position: relative; overflow: hidden; padding-block: clamp(56px, 9vw, 120px) clamp(48px, 7vw, 96px); background: radial-gradient(60% 55% at 85% 20%, #3fd9ab2b, transparent 70%), radial-gradient(40% 50% at 0% 100%, #f28a4526, transparent 70%); }
.c-hero h1 { font-size: clamp(2.3rem, 5.4vw, 4.4rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.02; max-width: 16ch; }
.c-hero .lede { margin-top: 18px; max-width: 58ch; font-size: 1.1rem; }
.c-hero .acoes { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.c-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 36px; }
.c-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; padding: 24px; min-width: 0; backdrop-filter: blur(10px); }
.c-card h3 { font-size: 1.15rem; font-weight: 600; letter-spacing: -.02em; }
.c-card p { margin-top: 8px; font-size: .92rem; color: #b9cdc7; }
.c-lista { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 12px; }
.c-lista li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.c-lista .n { width: 44px; height: 44px; border-radius: 50%; background: var(--menta); color: var(--verde); font-family: var(--disp); font-weight: 800; font-size: 1.1rem; display: grid; place-items: center; }
.c-lista h3 { font-size: 1.15rem; font-weight: 600; letter-spacing: -.02em; }
.c-lista p { margin-top: 6px; color: #b9cdc7; font-size: .95rem; }
.c-celula { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 40px; align-items: center; background: linear-gradient(135deg, var(--verde) 0%, #0f5247 100%); border-radius: 32px; padding: clamp(28px, 5vw, 56px); }
.c-celula .acoes { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.c-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.c-checks li { padding: 12px 16px 12px 42px; border-radius: 14px; background: rgba(255,255,255,.08); position: relative; font-size: .95rem; }
.c-checks li::before { content: "✓"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: var(--menta); color: var(--verde); font-size: .75rem; font-weight: 800; display: grid; place-items: center; }
body.escuro .pe { background: #051a17; border-top-color: rgba(255,255,255,.08); }
body.escuro .pe .in { color: #8fb3aa; } body.escuro .pe a:hover { color: #fff; }
body.escuro .pe .in > span:first-of-type::before { background: var(--coral); }
@media (max-width: 1000px) { .c-grid { grid-template-columns: 1fr 1fr; } .c-celula { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .c-grid { grid-template-columns: 1fr; } .c-lista li { grid-template-columns: 40px 1fr; gap: 12px; padding: 18px; } .c-lista .n { width: 36px; height: 36px; font-size: .95rem; } }