/* R19 · Perímetro como diferencial central (2026-10-09, docs/isol-strategy/staging/rodada19/PERIMETRO-POSICIONAMENTO.md).
   Componentes: bloco da Home (.p19-home), diagrama "Você escolhe onde sua IA opera" (.p19-dia), cartão de abertura
   (.p19-card), Ficha de Perímetro (.p19-ficha), linha de prova (.p19-line) e pilares NVIDIA (.p19-nv).
   Tokens do tema preto executivo (--bg-*, --line-exec, --on-dark*, --cyan, --azure); sem cor nem fonte nova.
   Cores explícitas: o componente fica legível mesmo dentro de uma .section-light. */

/* bloco da Home: pergunta + contraste à esquerda, diagrama à direita */
.p19-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.p19-k{display:inline-block;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.p19-q{margin:0 0 14px;font-family:var(--f-display);font-size:clamp(26px,3.4vw,40px);line-height:1.15;color:var(--on-dark);letter-spacing:-.01em;text-wrap:balance}
.p19-contra{margin:0 0 14px;font-size:18px;line-height:1.5;color:var(--on-dark-soft)}
.p19-contra.p19-strong{color:var(--on-dark);font-family:var(--f-display);font-size:20px;line-height:1.4}
.p19-contra b{color:var(--on-dark);font-weight:600}
.p19-promise{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line-exec);font-family:var(--f-display);font-size:20px;line-height:1.35;color:var(--on-dark)}
.p19-promise span{color:var(--cyan)}
.p19-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--on-dark-mut);max-width:62ch}
.p19-act{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:900px){.p19-home{grid-template-columns:1fr;gap:28px}}

/* diagrama: duas origens → perímetro → Command */
.p19-dia{margin:0;padding:22px;border:1px solid var(--line-exec);border-radius:20px;background:var(--bg-1);color:var(--on-dark)}
.p19-dia-t{margin:0 0 16px;font-family:var(--f-display);font-size:20px;line-height:1.25;color:var(--on-dark)}
.p19-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p19-opt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 14px;border:1px solid var(--line-exec);border-radius:14px;background:var(--bg-2);color:var(--on-dark);text-decoration:none;transition:border-color .15s,background .15s}
.p19-opt:hover,.p19-opt:focus-visible{border-color:var(--cyan);background:var(--bg-3)}
.p19-opt svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.p19-opt b{font-family:var(--f-display);font-size:17px;line-height:1.25}
.p19-opt small{font-family:var(--f-mono);font-size:12px;letter-spacing:.03em;color:var(--cyan)}
.p19-opt span{font-size:14px;line-height:1.4;color:var(--on-dark-soft)}
.p19-ar{display:flex;justify-content:center;padding:8px 0;color:var(--on-dark-mut)}
.p19-ar svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.p19-per{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 14px;border:1px solid rgba(52,195,240,.45);border-radius:14px;background:linear-gradient(180deg,rgba(52,195,240,.08),rgba(52,195,240,.02))}
.p19-per svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.p19-per b{font-family:var(--f-display);font-size:18px;line-height:1.25}
.p19-per ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.p19-per li{padding:4px 10px;border:1px solid var(--line-exec);border-radius:999px;font-size:13px;color:var(--on-dark-soft);background:var(--bg-1)}
.p19-cmd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 14px;border:1px solid var(--line-exec);border-radius:14px;background:var(--bg-2)}
.p19-cmd b{font-family:var(--f-display);font-size:18px}
.p19-cmd p{margin:0;font-size:14px;color:var(--on-dark-soft)}
.p19-cmd ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:14px;color:var(--on-dark)}
.p19-cmd li{display:flex;align-items:center;gap:6px}
.p19-cmd li svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:420px){.p19-dia{padding:16px}.p19-opts{gap:8px}.p19-opt{padding:14px 8px}.p19-opt b{font-size:15px}.p19-opt span{font-size:13px}}
@media (prefers-reduced-motion:no-preference){
  .p19-dia .p19-ar svg{animation:p19ar 2.4s var(--ease) 3}
  @keyframes p19ar{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}
}
.p19-paused .p19-ar svg{animation:none!important}

/* cartão de abertura de /soberania/ (ref-cartao.jpg, adaptado ao tema escuro) */
.p19-card{max-width:820px;padding:clamp(22px,4vw,40px);border:1px solid var(--line-exec);border-radius:22px;background:var(--bg-2);color:var(--on-dark)}
.p19-card .p19-k{color:var(--on-dark-mut)}
.p19-card h1,.p19-card .p19-c1{margin:0;font-family:var(--f-display);font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.015em;color:var(--on-dark)}
.p19-card .p19-c2{display:block;margin-top:12px;font-size:clamp(22px,3vw,32px);line-height:1.2;color:var(--cyan)}
.p19-card h1{margin:14px 0 0}
.p19-card h1 .p19-c1{display:block}
.p19-card p{margin:18px 0 0;font-size:18px;line-height:1.55;color:var(--on-dark-soft);max-width:56ch}
.p19-card .p19-sig{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-exec);font-family:var(--f-display);font-size:18px;color:var(--on-dark)}

/* texto aprovado, escaneável */
.p19-txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;align-items:start}
.p19-txt h3{margin:0 0 8px;font-family:var(--f-display);font-size:20px;line-height:1.3;color:var(--on-dark)}
.p19-txt p{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--on-dark-soft)}
.p19-txt p b{color:var(--on-dark)}
.p19-assets{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.p19-assets li{padding:6px 12px;border:1px solid var(--line-exec);border-radius:999px;background:var(--bg-2);font-size:14px;color:var(--on-dark)}
.p19-two{list-style:none;margin:0;padding:0;display:grid;gap:12px}
/* v1.50.3 (direção, 2026-10-09): sem a faixa lateral curva colorida; borda neutra fina */
.p19-two li{padding:16px 18px;border:1px solid var(--line-exec);border-radius:12px;background:var(--bg-2);font-size:15px;line-height:1.55;color:var(--on-dark-soft)}
.p19-two b{display:block;margin-bottom:4px;color:var(--on-dark);font-family:var(--f-display);font-size:16px}
.p19-big{margin:6px 0 0;font-family:var(--f-display);font-size:clamp(20px,2.6vw,26px);line-height:1.3;color:var(--on-dark)}
.p19-big span{color:var(--cyan)}
.p19-span2{grid-column:1/-1}
.p19-txt h2{margin:8px 0 14px}
.p19-txt .p19-big{margin:0 0 14px}
.p19-two-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.p19-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;align-items:center;padding-top:24px;border-top:1px solid var(--line-exec)}
.p19-hero .p19-card{margin-bottom:22px}
@media (max-width:860px){.p19-two-2,.p19-prod{grid-template-columns:1fr}}
@media (max-width:860px){.p19-txt{grid-template-columns:1fr}}

/* Ficha de Perímetro: 7 itens em grade */
.p19-ficha{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:p19f}
.p19-ficha li{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1px solid var(--line-exec);border-radius:14px;background:var(--bg-2);color:var(--on-dark)}
.p19-ficha li::before{counter-increment:p19f;content:counter(p19f,decimal-leading-zero);font-family:var(--f-mono);font-size:12px;color:var(--cyan)}
.p19-ficha b{font-family:var(--f-display);font-size:16px;line-height:1.3}
.p19-ficha span{font-size:14px;line-height:1.45;color:var(--on-dark-soft)}
.p19-ficha .p19-ficha-end{border-style:dashed;justify-content:center;background:transparent}
.p19-ficha .p19-ficha-end::before{content:none}
@media (max-width:1100px){.p19-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.p19-ficha{grid-template-columns:1fr}}

/* linha de prova (Command, iSol Cases): uma frase + link */
.p19-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:20px 0 0;padding:14px 18px;border:1px solid var(--line-exec);border-radius:12px;background:var(--bg-1);color:var(--on-dark);font-size:15px;line-height:1.45}
.p19-line svg{width:20px;height:20px;flex:none;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.p19-line b{font-family:var(--f-display);font-weight:600}
.p19-line a{color:var(--cyan);text-underline-offset:3px}

/* /sobre/: três pilares NVIDIA */
.p19-nv-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.p19-nv-top .nv-placa{flex:none;width:170px}
.p19-nv-top .nv-placa img{width:100%;height:auto;display:block}
.p19-nv-top p{flex:1 1 320px;margin:0;font-size:16px;line-height:1.6;color:var(--on-dark-soft)}
.p19-pil{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p19-pil li{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line-exec);border-radius:14px;background:var(--bg-2);color:var(--on-dark)}
.p19-pil small{font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.p19-pil b{font-family:var(--f-display);font-size:17px;line-height:1.3}
.p19-pil span{font-size:14px;line-height:1.5;color:var(--on-dark-soft)}
.p19-traj{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.p19-traj li{padding:14px;border-top:2px solid var(--cyan);background:var(--bg-1);border-radius:0 0 10px 10px;font-size:14px;line-height:1.45;color:var(--on-dark-soft)}
.p19-traj b{display:block;color:var(--on-dark);font-family:var(--f-display);font-size:15px;margin-bottom:2px}
@media (max-width:860px){.p19-pil{grid-template-columns:1fr}.p19-traj{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.p19-traj{grid-template-columns:1fr}}
/* páginas com regra própria para <p> (w25): o destaque mantém a escala */
.p19-sec p.p19-big,.p19-sec h3.p19-big{font-family:var(--f-display);font-size:clamp(20px,2.6vw,26px);line-height:1.3;color:var(--on-dark)}
.p19-ficha-end .sb-link{color:var(--cyan)}
/* /soberania/ no celular: o cartão (H1) abre a página; o robô vem depois, menor */
@media (max-width:900px){.p19-hero .sb-hero-fig{order:1}.p19-hero .sb-hero-motor{width:150px}.p19-hero{padding-top:28px}}
/* /onsite/: inferência local, aceleração NVIDIA e a Ficha, logo antes do diagrama do perímetro */
.p19-os{margin:18px 0 22px;padding:18px;border:1px solid rgba(52,195,240,.35);border-radius:16px;background:linear-gradient(180deg,rgba(52,195,240,.06),transparent)}
.p19-os .p19-os-t{margin:0 0 12px;font-family:var(--f-display);font-size:20px;line-height:1.3;color:var(--on-dark)}
.p19-os ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p19-os li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line-exec);border-radius:12px;background:var(--bg-2)}
.p19-os li svg{width:26px;height:26px;flex:none;stroke:var(--cyan);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.p19-os li div{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45;color:var(--on-dark-soft)}
.p19-os li b{font-family:var(--f-display);font-size:16px;color:var(--on-dark)}
.p19-os li a{color:var(--cyan);font-weight:600;text-underline-offset:3px}
@media (max-width:860px){.p19-os ul{grid-template-columns:1fr}}
.p19-os li div a,.p19-line a.p19-a,.p19-sec .p19-ficha-end a{color:var(--cyan)}
.p19-nv-txt{margin:0;max-width:78ch;font-size:16px;line-height:1.65;color:var(--on-dark-soft)}
.p19-sec .p19-act .btn{width:auto}

/* v1.50.2: /sobre/#tecnologia, título e texto à esquerda, diagrama do perímetro à direita; no celular o diagrama vem logo
   abaixo do título, compacto (sem as frases de apoio das duas origens) */
.p19-nv-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"head dia" "txt dia";grid-template-rows:auto 1fr;column-gap:44px;row-gap:18px;align-items:start}
.p19-nv-hd>.sb-head{grid-area:head;margin-bottom:0}
.p19-nv-hd>.p19-dia{grid-area:dia}
.p19-nv-hd>.p19-nv-txt{grid-area:txt}
@media (max-width:900px){
  .p19-nv-hd{grid-template-columns:1fr;grid-template-areas:"head" "dia" "txt";grid-template-rows:none;row-gap:20px}
  .p19-nv-hd>.p19-dia{max-width:520px;width:100%}
}
@media (max-width:600px){
  .p19-nv-hd .p19-dia{padding:14px}
  .p19-nv-hd .p19-dia-t{font-size:17px;margin-bottom:12px}
  .p19-nv-hd .p19-opt{padding:12px 8px}
  .p19-nv-hd .p19-opt svg,.p19-nv-hd .p19-per svg{width:24px;height:24px}
  .p19-nv-hd .p19-opt>span{display:none}
  .p19-nv-hd .p19-per{padding:12px 10px}
  .p19-nv-hd .p19-per li{font-size:12px;padding:3px 8px}
  .p19-nv-hd .p19-cmd{padding:12px 10px}
  .p19-nv-hd .p19-ar{padding:4px 0}
}