* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, Arial, sans-serif; }

        :root {
            --cor-destaque: #10B981;
            --fundo-escuro: #121214;
            --fundo-menu: #1A1A1E;
            --fundo-card: #1F1F23;
            --texto-normal: #E2E8F0;
            --texto-suave: #94A3B8;
            --borda: #27272B;
            --sombra: rgba(16, 185, 129, 0.2);
            --sombra-forte: rgba(16, 185, 129, 0.35);
            --sucesso: #10B981;
            --aviso: #F59E0B;
            --erro: #EF4444;
            --transicao: all 0.3s ease;
        }

        .tema-azul { --cor-destaque: #3B82F6; --sombra: rgba(59,130,246,0.2); --sombra-forte: rgba(59,130,246,0.35); }
        .tema-roxo { --cor-destaque: #8B5CF6; --sombra: rgba(139,92,246,0.2); --sombra-forte: rgba(139,92,246,0.35); }
        .tema-laranja { --cor-destaque: #F97316; --sombra: rgba(249,115,22,0.2); --sombra-forte: rgba(249,115,22,0.35); }

        body { 
            background: var(--fundo-escuro); 
            color: var(--texto-normal); 
            min-height: 100vh;
            position: relative;
        }

        /* LOGO PRINCIPAL NO TOPO */
        .logo-fixo {
            position: fixed;
            top: 5px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1002;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            opacity: 1;
            visibility: visible;
            transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
            pointer-events: none;
        }
        .logo-fixo.escondido {
            opacity: 0;
            transform: translateX(-50%) translateY(-20px);
            visibility: hidden;
        }
        .logo-fixo img { 
            height: 160px; 
            width: auto; 
            object-fit: contain;
            display: block;
            background: transparent !important;
        }

        /* Botão Hambúrguer */
        .btn-hamburguer {
            position: fixed;
            top: 25px;
            left: 15px;
            width: 48px;
            height: 48px;
            border-radius: 10px;
            background: var(--cor-destaque);
            color: #fff;
            border: none;
            font-size: 22px;
            cursor: pointer;
            z-index: 1003;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transicao);
            box-shadow: 0 2px 8px var(--sombra);
        }
        .btn-hamburguer:hover { transform: scale(1.05); filter: brightness(1.1); }

        .fundo-menu {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.6);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: var(--transicao);
        }
        .fundo-menu.aberto { opacity: 1; visibility: visible; }

        .sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: 260px;
            height: 100vh;
            background: var(--fundo-menu);
            border-right: 2px solid var(--cor-destaque);
            padding: 70px 15px 20px;
            z-index: 1001;
            transform: translateX(-100%);
            transition: var(--transicao);
            display: flex;
            flex-direction: column;
            gap: 15px;
            overflow-y: auto;
        }
        .sidebar.aberto { transform: translateX(0); }

        .btn-fechar {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 36px;
            height: 36px;
            border-radius: 8px;
            background: rgba(255,255,255,0.05);
            color: var(--texto-suave);
            border: none;
            font-size: 18px;
            cursor: pointer;
            transition: var(--transicao);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .btn-fechar:hover { background: var(--cor-destaque); color: #fff; }

        /* NOME DO SISTEMA NO MENU LATERAL */
        .nome-menu {
            text-align: center;
            font-size: 22px;
            font-weight: 800;
            color: var(--cor-destaque);
            padding: 10px 0 5px;
            letter-spacing: 0.5px;
            text-shadow: 0 0 8px var(--sombra);
        }
        .subtitulo-menu {
            text-align: center;
            font-size: 11px;
            color: var(--texto-suave);
            margin-bottom: 5px;
        }

        .seletor-tema {
            display: flex;
            gap: 10px;
            justify-content: center;
            padding: 10px 0 12px;
            border-bottom: 1px solid var(--borda);
            flex-shrink: 0;
        }
        .btn-cor {
            width: 28px; height: 28px; border-radius: 50%; border: 2px solid transparent;
            cursor: pointer; transition: var(--transicao);
        }
        .btn-cor.ativo { border-color: #fff; transform: scale(1.15); box-shadow: 0 0 8px var(--sombra); }
        .v { background: #10B981; } .a { background: #3B82F6; } .r { background: #8B5CF6; } .l { background: #F97316; }

        /* SELETOR DE IDIOMA */
        .seletor-idioma {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            justify-content: center;
            padding: 0 0 12px;
            border-bottom: 1px solid var(--borda);
            flex-shrink: 0;
        }
        .btn-idioma {
            padding: 6px 10px;
            border-radius: 8px;
            border: 2px solid transparent;
            background: rgba(255,255,255,0.05);
            color: var(--texto-suave);
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: var(--transicao);
        }
        .btn-idioma:hover { color: var(--texto-normal); }
        .btn-idioma.ativo {
            border-color: var(--cor-destaque);
            color: var(--cor-destaque);
            background: var(--sombra);
        }

        .menu-lista { 
            display: flex; 
            flex-direction: column; 
            gap: 10px; 
            flex: 1; 
            padding: 10px 5px; 
        }
        .menu-item {
            display: flex; 
            align-items: center; 
            justify-content: flex-start;
            gap: 12px; 
            padding: 12px 14px;
            border-radius: 10px; 
            color: var(--texto-suave); 
            font-size: 15px;
            font-weight: 500;
            cursor: pointer; 
            transition: var(--transicao);
            background: transparent;
            border-left: 3px solid transparent;
            text-decoration: none;
        }
        .menu-item i { 
            color: var(--texto-suave); 
            font-size: 18px;
            min-width: 20px; 
            transition: color var(--transicao); 
        }
        .menu-item:hover {
            background: rgba(16, 185, 129, 0.08); 
            color: var(--cor-destaque); 
            border-left-color: var(--cor-destaque);
            transform: translateX(3px);
        }
        .menu-item:hover i { color: var(--cor-destaque); }
        .menu-item.ativo {
            background: var(--sombra); 
            color: var(--cor-destaque); 
            border-left-color: var(--cor-destaque);
            font-weight: 600;
            box-shadow: 0 2px 8px var(--sombra-forte);
        }
        .menu-item.ativo i { color: var(--cor-destaque); }

        .sidebar-botoes { 
            display: flex; 
            flex-direction: column; 
            gap: 12px; 
            padding: 0 5px;
            flex-shrink: 0;
        }
        .btn {
            padding: 13px 10px;
            border-radius: 10px; 
            text-decoration: none; 
            font-size: 15px;
            font-weight: 600; 
            text-align: center; 
            transition: var(--transicao); 
            display: flex;
            align-items: center; 
            justify-content: center; 
            gap: 8px; 
            border: none;
            cursor: pointer;
        }
        .btn:active { transform: scale(0.97); }
        .btn i { font-size: 17px; }
        .btn-principal { 
            background: var(--cor-destaque); 
            color: #fff; 
            box-shadow: 0 2px 6px var(--sombra);
        }
        .btn-principal:hover { 
            filter: brightness(1.1); 
            box-shadow: 0 4px 12px var(--sombra-forte); 
            transform: translateY(-2px);
        }
        .btn-secundario { 
            border: 2px solid var(--cor-destaque); 
            color: var(--cor-destaque); 
            background: transparent; 
        }
        .btn-secundario:hover { 
            background: var(--sombra); 
            transform: translateY(-2px);
        }

        .sidebar-rodape { 
            font-size: 11px; 
            color: var(--texto-suave); 
            text-align: center; 
            padding-top: 15px; 
            margin-top: auto;
            border-top: 1px solid var(--borda);
            flex-shrink: 0;
        }

        .conteudo { 
            padding: 190px 20px 30px; 
            max-width: 1000px; 
            margin: 0 auto;
            width: 100%;
        }
        .secao { display: none; animation: aparece 0.3s ease; }
        .secao.ativa { display: block; }
        @keyframes aparece { from {opacity:0;transform:translateX(10px)} to {opacity:1;transform:translateX(0)} }

        .titulo {
            font-size: 32px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;
            gap: 12px;
            color: var(--cor-destaque); font-weight: 700; transition: color var(--transicao);
            text-align: center;
        }
        .titulo i { font-size: 28px; }
        .subtitulo {
            color: var(--texto-suave); font-size: 18px; margin-bottom: 25px; padding-bottom: 12px;
            border-bottom: 1px solid var(--borda); line-height: 1.5;
            text-align: center;
        }

        .destaque-garantia {
            background: rgba(16, 185, 129, 0.1);
            border: 2px solid var(--cor-destaque);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 600;
        }
        .destaque-garantia i { color: var(--cor-destaque); margin-right: 8px; font-size: 18px; }

        .ajuda-rapida {
            background: rgba(59, 130, 246, 0.08);
            border: 1px solid var(--cor-destaque);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            margin-bottom: 20px;
        }
        .ajuda-rapida h4 { color: var(--cor-destaque); margin-bottom: 8px; font-size: 15px; }
        .ajuda-rapida p { font-size: 13px; color: var(--texto-suave); margin-bottom: 10px; }
        .btn-ajuda {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 15px;
            background: var(--cor-destaque);
            color: #fff;
            border-radius: 20px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 600;
            transition: var(--transicao);
        }
        .btn-ajuda:hover { transform: translateY(-2px); box-shadow: 0 3px 10px var(--sombra); }

        .status-atendimento {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            margin-bottom: 20px;
        }
        .status-atendimento.aberto { border-color: var(--sucesso); background: rgba(16,185,129,0.05); }
        .status-atendimento.fechado { border-color: var(--aviso); background: rgba(245,158,11,0.05); }
        .status-titulo { font-weight: 700; font-size: 16px; margin-bottom: 8px; }
        .status-titulo.aberto { color: var(--sucesso); }
        .status-titulo.fechado { color: var(--aviso); }
        .horario-lista { font-size: 14px; color: var(--texto-suave); line-height: 1.7; margin-top: 10px; }
        .horario-lista .fechado { color: var(--erro); font-weight: 600; }

        .dados-rapidos {
            display: flex;
            gap: 15px;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }
        .dado {
            background: var(--fundo-card);
            padding: 15px 20px;
            border-radius: 10px;
            text-align: center;
            min-width: 130px;
            border: 1px solid var(--borda);
            transition: transform var(--transicao);
        }
        .dado:hover { transform: translateY(-2px); }
        .dado-numero { font-size: 24px; font-weight: 800; color: var(--cor-destaque); margin-bottom: 5px; }
        .dado-texto { font-size: 13px; color: var(--texto-suave); }

        .card { 
            background: var(--fundo-card); border: 1px solid var(--borda); border-radius: 12px; 
            padding: 25px 30px; margin-bottom: 20px; 
            text-align: center;
            transition: border-color var(--transicao);
        }
        .card:hover { border-color: var(--cor-destaque); }
        .card p { color: var(--texto-suave); font-size: 17px; line-height: 1.6; margin-bottom: 15px; }
        .card strong { color: var(--cor-destaque); font-weight: 600; font-size: 18px; transition: color var(--transicao); }

        .botoes-download {
            display: flex;
            gap: 12px;
            justify-content: center;
            flex-wrap: wrap;
            margin: 20px 0;
        }
        .btn-download {
            flex: 1;
            min-width: 220px;
            padding: 14px 18px;
            border-radius: 10px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: var(--transicao);
            border: none;
            cursor: pointer;
        }
        .btn-download:hover { transform: translateY(-2px); box-shadow: 0 4px 12px var(--sombra); }
        .btn-download i { font-size: 18px; }
        .link-play { background: var(--cor-destaque); color: #fff; }
        .link-media { background: var(--fundo-card); color: var(--cor-destaque); border: 2px solid var(--cor-destaque); }

        .btn-comprar-grande {
            display: block;
            max-width: 320px;
            margin: 20px auto 0;
            padding: 16px 25px;
            border-radius: 10px;
            background: var(--cor-destaque);
            color: #fff;
            text-decoration: none;
            font-size: 17px;
            font-weight: 700;
            text-align: center;
            transition: var(--transicao);
            border: none;
            cursor: pointer;
        }
        .btn-comprar-grande:hover { transform: translateY(-2px); box-shadow: 0 4px 15px var(--sombra-forte); filter: brightness(1.05); }
        .btn-comprar-grande i { margin-right: 8px; font-size: 19px; }

        .selos-confianca {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid var(--borda);
        }
        .selos-confianca span {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 600;
            color: var(--texto-suave);
            background: rgba(255,255,255,0.03);
            border: 1px solid var(--borda);
            padding: 7px 12px;
            border-radius: 20px;
        }
        .selos-confianca i { color: var(--cor-destaque); font-size: 13px; }

        .operadoras { display: flex; gap: 25px; flex-wrap: wrap; margin-top: 25px; justify-content: center; }
        .op { 
            background: var(--fundo-card); padding: 20px 25px; border-radius: 10px; 
            border: 1px solid var(--borda); display: flex; align-items: center; justify-content: center;
            min-width: 120px;
            transition: transform var(--transicao);
        }
        .op:hover { transform: scale(1.05); }
        .op img { height: 75px; width: auto; object-fit: contain; }

        .planos { display: flex; flex-direction: column; gap: 30px; margin-top: 25px; }
        .plano-titulo { 
            font-size: 20px; font-weight: 700; margin-bottom: 15px; 
            text-align: center;
            padding: 8px;
            border-top: 2px solid var(--cor-destaque);
            border-bottom: 2px solid var(--cor-destaque);
            position: relative;
        }
        .plano-novo {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background: var(--aviso);
            color: #000;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 4px;
            font-weight: 700;
        }
        .plano-vantagens {
            font-size: 13px;
            color: var(--texto-suave);
            margin: -10px 0 15px;
            text-align: center;
        }
        .grupo-planos { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 20px; justify-content: center; }
        .plano {
            background: var(--fundo-card); padding: 25px 20px; border-radius: 12px;
            border: 1px solid var(--cor-destaque); text-align: center;
            transition: var(--transicao);
            cursor: pointer;
            position: relative;
        }
        .plano:hover { transform: translateY(-3px); box-shadow: 0 5px 15px var(--sombra); }
        .plano.destaque { 
            background: var(--sombra); 
            transform: scale(1.03); 
            border: 2px solid var(--cor-destaque);
        }
        .plano.destaque:hover { transform: scale(1.05); }
        .plano .selo {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--aviso);
    color: #000;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.plano .selo.lucro { 
    background: var(--cor-destaque); 
    color: #fff; 
}

.plano .dias {
    font-size: 17px;
    color: var(--texto-suave);
    margin-bottom: 6px;
    font-weight: 600;
    margin-top: 12px;
}

        .plano .selo.iniciar { background: var(--cor-destaque); color: #fff; }
        .plano .valor { font-size: 32px; font-weight: 800; color: var(--cor-destaque); margin-bottom: 5px; transition: color var(--transicao); }
        .plano .valor small { font-size: 14px; color: var(--texto-suave); font-weight: 500; }
        .plano .info { font-size: 12px; color: var(--texto-suave); margin-top: 8px; line-height: 1.5; }
        .plano .info strong { color: var(--cor-destaque); font-size: 13px; }
        .plano .lucro {
            margin-top: 12px;
            padding: 8px;
            background: rgba(16,185,129,0.1);
            border-radius: 6px;
            font-size: 12px;
            font-weight: 700;
            color: var(--sucesso);
        }

        .faq { margin-top: 25px; display: flex; flex-direction: column; gap: 12px; }
        .faq-item {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 10px;
            overflow: hidden;
            transition: border-color var(--transicao);
        }
        .faq-item:hover { border-color: var(--cor-destaque); }
        .faq-pergunta {
            padding: 15px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-weight: 600;
            font-size: 15px;
            text-align: left;
            transition: background var(--transicao);
        }
        .faq-pergunta:hover { background: rgba(255,255,255,0.03); }
        .faq-resposta {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
            padding: 0 20px;
            color: var(--texto-suave);
            font-size: 14px;
            line-height: 1.6;
            text-align: left;
        }
        .faq-item.aberto .faq-resposta {
            max-height: 220px;
            padding: 0 20px 15px;
        }
        .faq-item.aberto .faq-pergunta i { transform: rotate(180deg); }

        .contato { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 25px; justify-content: center; }
        .link {
            flex: 1; min-width: 150px; padding: 18px; border-radius: 10px; color: #fff;
            text-decoration: none; text-align: center; transition: var(--transicao); font-size: 15px;
            border: none;
            cursor: pointer;
        }
        .link i { font-size: 26px; margin-bottom: 7px; display: block; }
        .link:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
        .wpp { background: #25D366; } .tg { background: #26A5E4; }
        .ig { background: linear-gradient(45deg,#F58529,#DD2A7B); } .mail { background: #EA4335; }

        .em-breve {
            background: rgba(245,158,11,0.1);
            border: 1px dashed var(--aviso);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            margin-top: 20px;
            font-size: 14px;
            color: var(--aviso);
        }

        .revenda-hero {
            background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(16,185,129,0.02));
            border: 1px solid var(--cor-destaque);
            border-radius: 16px;
            padding: 35px 25px;
            text-align: center;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
        }
        .revenda-hero::before {
            content: "";
            position: absolute;
            top: -50%;
            right: -20%;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, var(--sombra) 0%, transparent 70%);
            pointer-events: none;
        }
        .revenda-hero h2 {
            font-size: 28px;
            font-weight: 800;
            color: var(--cor-destaque);
            margin-bottom: 12px;
            position: relative;
        }
        .revenda-hero p {
            font-size: 16px;
            color: var(--texto-normal);
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
            position: relative;
        }
        .revenda-hero .marca {
            display: inline-block;
            margin-top: 15px;
            padding: 8px 18px;
            background: var(--fundo-card);
            border: 1px solid var(--cor-destaque);
            border-radius: 20px;
            font-size: 13px;
            font-weight: 700;
            color: var(--cor-destaque);
            position: relative;
        }
        .revenda-hero .marca i { margin-right: 6px; }

        .kpis-revenda {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
            margin-bottom: 30px;
        }
        .kpi {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 12px;
            padding: 20px 15px;
            text-align: center;
            transition: var(--transicao);
        }
        .kpi:hover {
            border-color: var(--cor-destaque);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px var(--sombra);
        }
        .kpi i {
            font-size: 24px;
            color: var(--cor-destaque);
            margin-bottom: 8px;
        }
        .kpi .numero {
            font-size: 22px;
            font-weight: 800;
            color: var(--cor-destaque);
            margin-bottom: 4px;
        }
        .kpi .rotulo {
            font-size: 12px;
            color: var(--texto-suave);
            font-weight: 500;
        }

        .tabela-lucro-nova {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 12px;
            margin: 25px 0;
            font-size: 15px;
        }
        .tabela-lucro-nova thead th {
            background: transparent;
            color: var(--cor-destaque);
            font-weight: 700;
            text-transform: uppercase;
            font-size: 11px;
            letter-spacing: 0.5px;
            padding: 10px 8px;
            text-align: center;
            border-bottom: 2px solid var(--cor-destaque);
        }
        .tabela-lucro-nova tbody tr {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            transition: var(--transicao);
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        .tabela-lucro-nova tbody tr:hover {
            transform: scale(1.01);
            border-color: var(--cor-destaque);
            box-shadow: 0 4px 14px var(--sombra);
        }
        .tabela-lucro-nova tbody tr.linha-destaque {
            background: linear-gradient(90deg, var(--sombra), transparent);
            border: 2px solid var(--cor-destaque) !important;
            transform: scale(1.02);
            position: relative;
        }
        .tabela-lucro-nova tbody tr.linha-destaque::before {
            content: attr(data-badge);
            position: absolute;
            top: -10px;
            right: 20px;
            background: var(--aviso);
            color: #000;
            font-size: 9px;
            font-weight: 800;
            padding: 3px 10px;
            border-radius: 10px;
            letter-spacing: 0.5px;
        }
        .tabela-lucro-nova td {
            padding: 18px 10px;
            text-align: center;
            vertical-align: middle;
            border-top: 1px solid var(--borda);
            border-bottom: 1px solid var(--borda);
        }
        .tabela-lucro-nova td:first-child {
            border-left: 1px solid var(--borda);
            border-radius: 10px 0 0 10px;
            font-weight: 700;
            font-size: 16px;
            color: var(--texto-normal);
        }
        .tabela-lucro-nova td:last-child {
            border-right: 1px solid var(--borda);
            border-radius: 0 10px 10px 0;
        }
        .tabela-lucro-nova .icone-pacote {
            font-size: 20px;
            margin-right: 6px;
        }
        .tabela-lucro-nova .valor-investe {
            color: var(--cor-destaque);
            font-weight: 700;
            font-size: 16px;
        }
        .tabela-lucro-nova .custo-unit {
            color: var(--texto-suave);
            font-weight: 600;
        }
        .tabela-lucro-nova .lucro-unit {
            color: var(--sucesso);
            font-weight: 700;
        }
        .tabela-lucro-nova .lucro-total {
            color: var(--sucesso);
            font-weight: 900;
            font-size: 20px;
            text-shadow: 0 0 10px rgba(16,185,129,0.2);
        }
        .tabela-lucro-nova .seta {
            color: var(--aviso);
            font-size: 14px;
            font-weight: 800;
        }
        .aviso-calculo {
            text-align: center;
            font-size: 12px;
            color: var(--texto-suave);
            margin-top: -10px;
            margin-bottom: 20px;
            padding: 8px;
            background: rgba(255,255,255,0.02);
            border-radius: 6px;
            border: 1px dashed var(--borda);
        }
        .aviso-calculo strong { color: var(--cor-destaque); }

        .resumo-lucro {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 12px;
            margin: 20px 0 30px;
        }
        .resumo-item {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            transition: var(--transicao);
        }
        .resumo-item:hover { border-color: var(--cor-destaque); }
        .resumo-item .rotulo {
            font-size: 11px;
            color: var(--texto-suave);
            text-transform: uppercase;
            letter-spacing: 0.3px;
            margin-bottom: 5px;
        }
        .resumo-item .valor {
            font-size: 18px;
            font-weight: 800;
            color: var(--cor-destaque);
        }
        .resumo-item .valor.lucro { color: var(--sucesso); }

        .vantagens-revenda {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 18px;
            margin: 30px 0;
        }
        .vantagem {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 12px;
            padding: 22px 18px;
            text-align: left;
            transition: var(--transicao);
        }
        .vantagem:hover {
            border-color: var(--cor-destaque);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px var(--sombra);
        }
        .vantagem .icone {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            background: var(--sombra);
            color: var(--cor-destaque);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            margin-bottom: 14px;
        }
        .vantagem h4 {
            font-size: 15px;
            font-weight: 700;
            color: var(--texto-normal);
            margin-bottom: 6px;
        }
        .vantagem p {
            font-size: 13px;
            color: var(--texto-suave);
            line-height: 1.5;
            margin: 0;
        }

        .passos-revenda {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin: 30px 0;
            position: relative;
        }
        .passo {
            background: var(--fundo-card);
            border: 1px solid var(--borda);
            border-radius: 12px;
            padding: 20px 15px;
            text-align: center;
            position: relative;
            transition: var(--transicao);
        }
        .passo:hover { border-color: var(--cor-destaque); }
        .passo .numero-passo {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--cor-destaque);
            color: #fff;
            font-weight: 800;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px;
        }
        .passo h4 {
            font-size: 14px;
            font-weight: 700;
            color: var(--cor-destaque);
            margin-bottom: 6px;
        }
        .passo p {
            font-size: 12px;
            color: var(--texto-suave);
            line-height: 1.5;
            margin: 0;
        }

        .cta-final-revenda {
            background: linear-gradient(135deg, var(--cor-destaque), #059669);
            border-radius: 16px;
            padding: 35px 25px;
            text-align: center;
            margin-top: 30px;
            box-shadow: 0 8px 25px var(--sombra-forte);
        }
        .cta-final-revenda h3 {
            color: #fff;
            font-size: 24px;
            font-weight: 800;
            margin-bottom: 10px;
        }
        .cta-final-revenda p {
            color: rgba(255,255,255,0.9);
            font-size: 15px;
            margin-bottom: 20px;
        }
        .cta-final-revenda .botoes-cta {
            display: flex;
            gap: 12px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .cta-final-revenda .btn-cta {
            padding: 14px 22px;
            border-radius: 10px;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transicao);
            border: none;
            cursor: pointer;
        }
        .cta-final-revenda .btn-cta.branco {
            background: #fff;
            color: var(--cor-destaque);
        }
        .cta-final-revenda .btn-cta.preto {
            background: var(--fundo-escuro);
            color: #fff;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .cta-final-revenda .btn-cta:hover { transform: translateY(-2px); filter: brightness(1.05); }

        @media (max-width:768px) {
            .logo-fixo img { height: 110px; }
            .btn-hamburguer { top: 25px; }
            .conteudo { padding: 150px 15px 20px; }
            .titulo { font-size: 26px; }
            .plano-novo { display: none; }
            .operadoras, .contato { justify-content:center; }
            .grupo-planos { grid-template-columns: 1fr; }
            .plano.destaque { transform: scale(1); }
            .plano:hover, .plano.destaque:hover { transform: translateY(-2px); }
            .faq-pergunta { font-size: 14px; padding: 12px 15px; }
            .faq-resposta { font-size: 13px; }
            .botoes-download { flex-direction: column; align-items: center; }
            .btn-download { width: 100%; max-width: 280px; }
            .nome-menu { font-size: 20px; }
            .revenda-hero h2 { font-size: 22px; }
            
            .tabela-lucro-nova {
                font-size: 12px;
                border-spacing: 0 8px;
            }
            .tabela-lucro-nova thead { display: none; }
            .tabela-lucro-nova tbody tr {
                display: block;
                border-radius: 12px;
                margin-bottom: 15px;
                padding: 12px;
            }
            .tabela-lucro-nova tbody tr.linha-destaque {
                transform: scale(1);
                padding-top: 20px;
            }
            .tabela-lucro-nova td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 7px 4px !important;
                border: none !important;
                border-radius: 0 !important;
                border-bottom: 1px solid var(--borda) !important;
                text-align: right;
            }
            .tabela-lucro-nova td:last-child { border-bottom: none !important; }
            .tabela-lucro-nova td::before {
                content: attr(data-label);
                font-weight: 700;
                color: var(--cor-destaque);
                text-transform: uppercase;
                font-size: 10px;
                letter-spacing: 0.3px;
                text-align: left;
            }
            .tabela-lucro-nova td:first-child {
                justify-content: center;
                font-size: 16px;
                padding-bottom: 10px !important;
            }
            .tabela-lucro-nova td:first-child::before { display: none; }
            .tabela-lucro-nova .lucro-total { font-size: 17px; }
            .tabela-lucro-nova tbody tr.linha-destaque::before {
                right: 50%;
                transform: translateX(50%);
            }
            
            .cta-final-revenda .botoes-cta { flex-direction: column; align-items: stretch; }
        }

        /* RODAPE PROFISSIONAL */
        .rodape-site {
            margin-top: 50px;
            padding: 35px 20px 20px;
            border-top: 1px solid var(--borda);
            background: var(--fundo-menu);
        }
        .rodape-colunas {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: space-between;
            max-width: 900px;
            margin: 0 auto;
        }
        .rodape-coluna { flex: 1; min-width: 180px; }
        .rodape-marca p { color: var(--texto-suave); font-size: 13px; margin-top: 10px; line-height: 1.5; }
        .rodape-logo { height: 40px; width: auto; object-fit: contain; }
        .rodape-coluna h4 { color: var(--texto-normal); font-size: 14px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
        .rodape-coluna a, .rodape-coluna span {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--texto-suave);
            text-decoration: none;
            font-size: 13px;
            margin-bottom: 10px;
            transition: var(--transicao);
        }
        .rodape-coluna a:hover { color: var(--cor-destaque); }
        .rodape-coluna i { color: var(--cor-destaque); width: 16px; text-align: center; }

        .rodape-legal {
            max-width: 900px;
            margin: 25px auto 0;
            border-top: 1px solid var(--borda);
            padding-top: 18px;
        }
        .rodape-legal details {
            margin-bottom: 10px;
            color: var(--texto-suave);
            font-size: 13px;
        }
        .rodape-legal summary {
            cursor: pointer;
            color: var(--texto-normal);
            font-weight: 600;
            font-size: 13px;
            list-style: none;
        }
        .rodape-legal summary::-webkit-details-marker { display: none; }
        .rodape-legal summary::before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 8px; color: var(--cor-destaque); }
        .rodape-legal details[open] summary::before { content: "\f107"; }
        .rodape-legal p { margin-top: 8px; line-height: 1.6; padding-left: 20px; }

        .rodape-copy {
            text-align: center;
            font-size: 12px;
            color: var(--texto-suave);
            margin-top: 25px;
            padding-top: 18px;
            border-top: 1px solid var(--borda);
        }

        /* Telas muito pequenas (celulares antigos / compactos) */
        @media (max-width:380px) {
            .logo-fixo img { height: 90px; }
            .conteudo { padding: 130px 10px 20px; }
            .titulo { font-size: 22px; }
            .subtitulo { font-size: 13px; }
            .btn-hamburguer { width: 42px; height: 42px; font-size: 18px; }
            .plano .valor { font-size: 15px; }
            .revenda-hero h2 { font-size: 19px; }
        }

        /* Tablets e telas medias */
        @media (min-width:769px) and (max-width:1024px) {
            .conteudo { max-width: 700px; margin: 0 auto; }
            .grupo-planos { grid-template-columns: repeat(3, 1fr); }
        }

        /* Desktop: evita que o conteudo fique esticado demais em telas largas */
        @media (min-width:1025px) {
            .conteudo { max-width: 820px; margin: 0 auto; }
        }