/* Integração da V2 aprovada na rota /negocios: cabeçalho real (Criador / Negócios / Entrar), seletor de
   idioma do motor global (/i18n.js), planos com checkout e rodapé legal. As seções da V2 não mudam. */

/* ── cabeçalho: Criador / Negócios (mesmas pílulas do /creator) ── */
nav>a.rz-prod{min-height:36px;font-size:13px;font-weight:650;padding:7px 13px;border-radius:999px;border:1px solid transparent;color:var(--muted)}
nav>a.rz-prod:hover{color:var(--ink)}
nav>a.rz-prod--on{background:#e7f6ec;border-color:#9fd6b1;color:#14743b}

/* ── seletor de idioma: o motor injeta uma pílula fixa; o negocios-app.js move para .rz-lang-slot ── */
body > .replizo-lang-selector{visibility:hidden}
.rz-lang-slot{display:flex;align-items:center}
.rz-lang-slot .replizo-lang-selector{position:static;left:auto;top:auto;z-index:auto;transform:none;opacity:1;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.rz-lang-slot .replizo-lang-selector:hover,.rz-lang-slot .replizo-lang-selector:focus-within{transform:none;opacity:1}
.rz-lang-slot .replizo-lang-selector button{min-width:32px;padding:7px 8px;border-radius:999px;color:var(--muted);font:700 11px/1 DM,system-ui,sans-serif;letter-spacing:.04em}
.rz-lang-slot .replizo-lang-selector button:hover{color:var(--ink)}
.rz-lang-slot .replizo-lang-selector button.active{background:var(--forest);color:#fff}
.rz-lang-slot .replizo-lang-selector button:focus-visible{outline:2px solid var(--green);outline-offset:1px}

@media(min-width:1024px) and (max-width:1240px){
  /* EN/ES são mais longos: menu + seletor numa linha só a partir de 1024 px */
  nav{gap:14px}
  nav>a.rz-prod{padding:6px 9px}
  nav .login{padding:10px 14px}
  .rz-lang-slot .replizo-lang-selector button{min-width:27px;padding:6px 5px;font-size:10px}
}
@media(min-width:901px) and (max-width:1023px){
  /* Abaixo de 1024 px o menu completo não cabe junto com o seletor: usa o mesmo menu compacto do celular
     (só as regras do cabeçalho do bloco ≤ 900 px do negocios-base.css; as seções não mudam). */
  .menu{display:flex;align-items:center;gap:10px;border:1px solid #c2cec0;padding:10px 13px;border-radius:5px;min-height:44px;font-size:12px}
  .nav-wrap{position:relative}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf7;border:1px solid #d0dbcb;border-radius:0 0 10px 10px;padding:18px;box-shadow:0 15px 20px #1c38201a}
  nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  nav>a,nav>button{padding:12px;text-align:left}
}
@media(max-width:1023px){
  /* no menu compacto, o seletor é a primeira linha, com alvo de toque grande */
  .rz-lang-slot{order:-1;padding:2px 12px 10px}
  .rz-lang-slot .replizo-lang-selector button{min-width:52px;padding:11px 14px;font-size:13px}
  nav>a.rz-prod{min-height:44px;padding:12px}
}

/* ── planos: o botão da V2 vira link para o checkout mensal ── */
.plan .plan-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 14px;background:#e8f1e1;border:1px solid #c7d8be;font-size:12px;min-height:46px;border-radius:6px;font-weight:650}
.plan .plan-cta:hover{background:#dcebd2}
.plan:nth-child(2) .plan-cta{background:#00c853;color:#0c361b;border-color:transparent}
.plan:nth-child(2) .plan-cta:hover{background:#20df6e}
.plans-foot{margin-top:26px;display:grid;gap:6px;max-width:920px;font-size:12px;line-height:1.6;color:#4d6152}
.plans-foot p{line-height:1.6}
.plans-foot b{color:var(--ink);font-weight:650}
.plans-foot a{text-decoration:underline}
@media(max-width:640px){.plan .plan-cta{font-size:13px}.plans-foot{font-size:11px}}

/* ── planos: paridade comercial com o /creator (plano gratuito, benefícios, progressão, "Mais popular") ── */
.plan{position:relative}
.plan-flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#00c853;color:#07351a;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap}
.plan .volume{margin-bottom:4px;padding-bottom:12px}
.plan-list{list-style:none;margin:0 0 24px;padding:0;flex:1}
.plan-list li{font-size:12.5px;color:var(--muted);padding:7px 0 7px 20px;position:relative;line-height:1.5}
.plan-list li::before{content:"";position:absolute;left:0;top:13px;width:11px;height:6px;border-left:2px solid #00c853;border-bottom:2px solid #00c853;transform:rotate(-45deg)}
.plan-free{display:flex;justify-content:space-between;align-items:center;gap:26px;border:1px solid #9fd6b1;background:#eefaf1;border-radius:14px;padding:26px 30px;margin-bottom:24px;flex-wrap:wrap}
.plan-free__tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#14743b;margin-bottom:10px}
.plan-free__t{font-size:20px;letter-spacing:-.03em;margin:0 0 6px}
.plan-free__d{font-size:13px;color:var(--muted);margin:0}
.plan-free__cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #c7d8be;border-radius:6px;background:#fffefa;font-size:12px;font-weight:650;white-space:nowrap}
.plan-free__cta:hover{background:#e8f1e1}
@media(max-width:640px){.plan-free{flex-direction:column;align-items:flex-start;padding:22px}.plan-free__cta{width:100%}}

/* ── rodapé: links legais no lugar do botão "Sobre esta prévia" ── */
footer>div:not(.brand){flex-wrap:wrap}
footer>div:not(.brand) a{text-decoration:underline;min-height:24px;display:inline-flex;align-items:center}