/* R4d · Home executiva e leve (rodada 4, frente D).
   1) .pm5   — mapa do portfólio em uma tela: 5 famílias + painel compacto + motor na base
   2) .jr2   — jornada Assist → Command em degraus + combinações
   3) blocos compactos: a mudança (.r4d-shift), autonomia (.r4d-auto), começar (.r4d-tf), objeções (.r4d-obj)
   Só tokens existentes (--bg-*, --line-exec, --azure, --cyan, --grad; Sora / IBM Plex Sans / JetBrains Mono). */

/* ---------- ritmo geral ---------- */
.v6-home-section .section-head{max-width:820px}
.v6-home-section .section-head p{max-width:640px}
.r4d-more2{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 28px;margin-top:18px}
.r4d-more2>details{flex:0 1 auto;margin:0}
.r4d-more2>details[open]{flex-basis:100%}

/* ---------- 1) mapa do portfólio ---------- */
.pm5-sec{background:radial-gradient(90% 60% at 50% 0%,rgba(27,157,224,.10),transparent 70%),var(--bg-0,#05070A)}
.pm5{position:relative}
.pm5-legend{display:none;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.pm5-fams{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.pm5-fam{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 14px 14px;border:1px solid var(--line-exec,rgba(255,255,255,.08));border-radius:18px;background:linear-gradient(180deg,var(--bg-2,#10161F),var(--bg-1,#0A0E14));transition:border-color .2s var(--ease,ease),box-shadow .2s var(--ease,ease)}
.pm5-fam:hover{border-color:rgba(52,195,240,.4)}
.pm5-fam.is-on{border-color:var(--cyan,#34C3F0);box-shadow:inset 0 0 0 1px var(--cyan,#34C3F0),0 22px 44px -28px rgba(52,195,240,.6)}
.pm5-btn{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px}
.pm5-btn:focus-visible{outline:2px solid var(--cyan,#34C3F0);outline-offset:4px}
.pm5-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(52,195,240,.12);color:var(--cyan,#34C3F0)}
.pm5-ic svg,.pm5-pic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pm5-fam.is-on .pm5-ic{background:var(--grad);color:#fff}
.pm5-name b{display:block;font:600 17px/1.2 var(--f-display,"Sora",sans-serif);color:#fff}
.pm5-name small{display:block;margin-top:2px;font:500 10.5px var(--f-mono,monospace);letter-spacing:.08em;color:var(--on-dark-mut,#7f97ae)}
.pm5-verb{grid-column:1/-1;font-size:13.5px;line-height:1.35;color:var(--on-dark-soft,#b9cbdd)}
.pm5-car{display:none}
.pm5-fam.is-on .pm5-car{display:block;position:absolute;left:50%;bottom:-9px;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);background:var(--bg-1,#0A0E14);border-right:1px solid var(--cyan,#34C3F0);border-bottom:1px solid var(--cyan,#34C3F0)}
.pm5-famst{margin:-4px 0 0}
.pm5-chips{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm5-chips a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;padding:5px 7px 5px 10px;border-radius:10px;background:var(--bg-3,#172131);color:var(--on-dark,#eaf3fb);font-size:13.5px;line-height:1.2;text-decoration:none;transition:background .2s}
.pm5-chips a:hover,.pm5-chips a:focus-visible{background:rgba(52,195,240,.16)}
.pm5-chips .vx-badge{font-size:10px;padding:2px 7px;flex:none}
.pm5-chips-s{flex-direction:row;flex-wrap:wrap}
.pm5-chips-s a{min-height:30px;padding:4px 9px;font-size:12.5px}
.pm5-panels{margin-top:14px}
.pm5-p{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:14px 18px;border:1px solid rgba(52,195,240,.4);border-radius:16px;background:linear-gradient(90deg,rgba(52,195,240,.10),rgba(52,195,240,.03))}
.pm5-p[hidden]{display:none}
.pm5-pic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff}
.pm5-q{margin:0;font-size:15.5px;font-style:italic;color:#fff}
.pm5-d{margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--on-dark-soft,#b9cbdd)}
.pm5-core{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:14px;padding:12px 22px;border:1px solid rgba(52,195,240,.35);border-radius:18px;background:linear-gradient(90deg,rgba(27,157,224,.22),rgba(52,195,240,.06) 70%)}

.pm5-core img{width:58px;height:auto}
.pm5-core b{display:block;font:700 1.1rem var(--f-display,"Sora",sans-serif);color:#fff}
.pm5-core ul{display:flex;flex-wrap:wrap;gap:2px 12px;list-style:none;margin:3px 0 0;padding:0;font:12.5px var(--f-mono,monospace);color:var(--on-dark-soft,#b9cbdd)}
.pm5-core li+li::before{content:"·";margin-right:12px;color:var(--cyan,#34C3F0)}
.pm5-core .x-link{margin-left:auto}
/* telas médias e celular: selo vira ponto + legenda */
@media (max-width:1180px){
  .pm5-legend{display:flex}
  .pm5-chips .vx-badge{font-size:0;gap:0;width:9px;height:9px;padding:0;border:1.5px solid var(--on-dark-mut,#7f97ae);border-radius:50%;box-sizing:border-box}
  .pm5-chips .vx-badge-real{border:0}
  .pm5-chips .vx-badge-real::before{width:9px;height:9px}
  .pm5-legend .vx-badge:not(.vx-badge-real)::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor;box-sizing:border-box}
}
@media (max-width:900px){
  .pm5-fams{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:10px}
  .pm5-ind{grid-column:1/-1}
  .pm5-fam{padding:12px;gap:10px;border-radius:16px}
  .pm5-ic{width:36px;height:36px;border-radius:10px}
  .pm5-name b{font-size:15.5px}
  .pm5-verb{font-size:12.5px}
  .pm5-chips{flex-direction:row;flex-wrap:wrap;gap:5px}
  .pm5-chips a{min-height:30px;padding:4px 8px;font-size:12.5px;gap:6px}
  .pm5-fam.is-on .pm5-car{display:none}
  .pm5-p{grid-template-columns:auto minmax(0,1fr);padding:12px 14px}
  .pm5-p .btn{grid-column:1/-1;justify-self:start}
  .pm5-core{padding:10px 14px}
  .pm5-core img{width:44px}
  .pm5-core .x-link{margin-left:0}
}

/* ---------- 2) jornada compacta ---------- */
.jr2{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.jr2 li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;margin-top:calc((5 - var(--j)) * 26px);padding:14px 14px 18px;border:1px solid var(--line-exec,rgba(255,255,255,.08));border-radius:16px;background:var(--bg-2,#10161F);overflow:hidden}
.jr2-name{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;color:inherit;text-decoration:none}
.jr2-name img{grid-row:span 2;width:46px;height:auto}
.jr2-word{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan,#34C3F0)}
.jr2-name b{font:600 16px/1.2 var(--f-display,"Sora",sans-serif);color:#fff}
.jr2-name:hover b,.jr2-name:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.jr2 .vx-badge{font-size:10px}
.jr2-cta{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid rgba(52,195,240,.5);color:var(--cyan,#34C3F0);font-size:13px;font-weight:600;text-decoration:none}
.jr2-cta:hover,.jr2-cta:focus-visible{background:rgba(52,195,240,.12)}
.jr2-bar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--j) * 1.6px + 2px);background:var(--grad);opacity:.85}
.jr2-cmb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;padding:12px 16px;border:1px dashed rgba(52,195,240,.35);border-radius:16px}
.jr2-cmb-h{margin:0;font:600 14px var(--f-display,"Sora",sans-serif);color:#fff}
.jr2-cmb ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.jr2-cmb li{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-3,#172131);font-size:12.5px}
.jr2-cmb em{font-style:normal;color:var(--on-dark-mut,#7f97ae)}
.jr2-p{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;color:#fff;font-weight:600}
.jr2-p i{font-style:normal;color:var(--cyan,#34C3F0)}
.jr2-any{margin:0 0 0 auto;font-size:13.5px;color:var(--on-dark-soft,#b9cbdd)}
.jr2-any b{font-weight:600;color:#fff}
@media (max-width:900px){
  .jr2{grid-template-columns:1fr;gap:8px}
  .jr2 li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-top:0;margin-left:calc((var(--j) - 1) * 12px);padding:10px 12px 12px}
  .jr2-name img{width:40px}
  .jr2 .vx-badge{grid-column:2;grid-row:1}
  .jr2-cta{grid-column:1/-1;justify-self:start;min-height:30px;font-size:12.5px}
  .jr2-cmb{padding:12px}
  .jr2-any{margin:0}
}

/* ---------- 3) a mudança: uso isolado → operação com IA ---------- */
.r4d-shift{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.3fr);align-items:stretch;gap:14px}
.r4d-shift .pt-pains{grid-template-columns:1fr;gap:8px}
.r4d-shift .pt-pains li{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 12px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--bg-1,#0A0E14)}
.r4d-shift .pt-pain-ill{grid-row:span 2;height:54px;margin:0}
.r4d-shift .pt-pain-ill b{font-size:1rem;right:4px;top:2px}
.r4d-shift .pt-pains strong{font-size:15px}
.r4d-shift .pt-pains span{font-size:13px;line-height:1.35}
.r4d-shift .pt-lane-op{display:flex;flex-direction:column;justify-content:center}
.r4d-shift-arrow{display:grid;place-items:center;color:var(--cyan,#34C3F0)}
.r4d-shift-arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.r4d-usefull{margin-bottom:14px}
@media (max-width:900px){
  .r4d-shift{grid-template-columns:1fr}
  .r4d-shift-arrow{transform:rotate(90deg);height:28px}
  .r4d-shift .pt-pains li{grid-template-columns:60px minmax(0,1fr)}
  .r4d-shift .pt-pain-ill{height:44px}
}

/* ---------- 4) autonomia em uma régua ---------- */
.r4d-auto{margin-top:4px;padding:14px 18px;border:1px solid var(--line-exec,rgba(255,255,255,.08));border-radius:var(--radius,16px);background:var(--bg-2,#10161F)}
.r4d-auto-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 10px}
.r4d-auto-h .kicker{margin:0}
.r4d-auto-h b{font:600 16px var(--f-display,"Sora",sans-serif);color:#fff}
.r4d-lv{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;margin:0;padding:0}
.r4d-lv li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:linear-gradient(90deg,rgba(27,157,224,calc(.08 + var(--l) * .07)),rgba(52,195,240,calc(.05 + var(--l) * .06)));font-size:12.5px;line-height:1.25;color:var(--on-dark,#eaf3fb)}
.r4d-lv b{font-size:12px;color:var(--cyan,#34C3F0)}
.r4d-lv-ax{display:flex;justify-content:space-between;margin:6px 0 0;font:11px var(--f-mono,monospace);color:var(--on-dark-mut,#7f97ae)}
.r4d-lv-ax em{font-style:normal}
.r4d-lv-ax em:first-child::before{content:"← "}
.r4d-lv-ax em:last-child::after{content:" →"}
@media (max-width:620px){
  .r4d-lv{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
  .r4d-lv li{padding:6px 5px;font-size:10.5px}
}

/* ---------- 5) escritório, motor, catálogo ---------- */
.r4d-chart{margin-top:14px}
.r4d-chart .pt-chart{margin-top:10px}
.r4d-story{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--on-dark-soft,#b9cbdd);font-size:14.5px}
.wm-thesis{margin:0 0 16px;max-width:760px;color:var(--on-dark-soft,#b9cbdd)}
.r4d-cat{margin:18px auto 0;max-width:var(--container,1200px);padding-inline:24px}
.r4d-cat>summary{margin-bottom:6px}
.r4d-cat[open] .map-section{margin-top:10px;border-radius:var(--radius,16px)}

/* ---------- 6) como começar ---------- */
.r4d-tf{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:16px 0 0}
.r4d-tf-h{margin:0;font-size:12px;letter-spacing:.06em;color:var(--cyan,#34C3F0)}
.r4d-tfrow{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.r4d-tfrow li{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border:1px solid var(--line-exec,rgba(255,255,255,.08));border-radius:999px;background:var(--bg-2,#10161F);font-size:12.5px;color:var(--on-dark-soft,#b9cbdd)}
.r4d-tfrow li strong{font:600 12.5px var(--f-mono,monospace);color:#fff}
.r4d-tfrow li span{display:none}
.r4d-start .wsteps-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.r4d-start .xquiz{margin-top:16px}

/* ---------- 7) objeções: 6 cartões (grade; carrossel no celular) ---------- */
.r4d-obj{grid-template-columns:repeat(3,minmax(0,1fr))}
.r4d-obj .pt-ob{padding:16px 18px;gap:6px}
.r4d-obj .pt-ob>svg{width:34px;height:34px;padding:7px}
.r4d-obj .pt-ob h3{font-size:16.5px;line-height:1.3}
#faq details.pt-more>.r4d-obj{margin-top:12px}
@media (max-width:900px){
  .r4d-obj{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;margin-inline:-4px;padding-inline:4px;scrollbar-width:thin}
  .r4d-obj .pt-ob{flex:0 0 82%;scroll-snap-align:start}
}

/* ---------- 8) celular: menos altura sem perder respiro ---------- */
@media (max-width:620px){
  .exec .v6-home-section{padding-block:46px}
  .v6-home-section .section-head{margin-bottom:18px}
  .pt-map-row{grid-template-columns:1fr;padding:12px 14px;gap:8px}
  .pt-map-d{grid-column:1;font-size:13px}
  .pt-map-a ul{gap:6px 8px}
  .pt-map-a li{width:56px;font-size:11px}
  .pt-map-a li img{width:40px}
  .pt-map-p ul li{padding:6px 10px 6px 6px}
  /* portfólio vendável: cartões em 2 colunas */
  .pt-del-prods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pt-sell{padding:10px!important;gap:6px!important}
  .pt-sell .pt-d{font-size:12.5px;line-height:1.35}
  .pt-sell .btn{font-size:12px;padding:6px 10px;min-height:34px;white-space:normal;text-align:center}
  /* quem somos: fundadores compactos */
  .wq-team{gap:10px}
  .wq-p{grid-template-columns:64px minmax(0,1fr)!important;gap:4px 12px!important;padding:12px!important}
  .wq-p>img{width:64px;height:64px}
  .wq-bio{font-size:13.5px;line-height:1.45}
  .wq-creds{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 6px}
  .wq-creds li{font-size:11px}
  .pt-vals ol{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .pt-vals li{padding:8px!important;font-size:12.5px}
  .wsteps{gap:8px}
  .wsteps li{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){.pm5-fam,.pm5-chips a{transition:none}}

/* ---------- ajustes de leitura (rodada de revisão) ---------- */
.v6-home-section .section-head{max-width:1040px}
.jr2{align-items:end}
.jr2 li{margin-top:0;margin-bottom:calc((var(--j) - 1) * 18px)}
.r4d-more2 .pt-team{margin-top:0}
.r4d-more2 .pt-team>summary,.r4d-more2 .pt-goals>summary{font:500 13px var(--f-mono,monospace);color:var(--cyan,#34C3F0);padding:10px 14px}
.r4d-more2 .pt-goals{margin-top:0}
.r4d-more2 .r4d-chart{margin-top:0}
.pt-cmd-row{margin-top:10px}
.wq-team{margin-top:24px}
.wq-p{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px 16px;padding:18px}
.wq-p>img{width:72px;height:72px}
.wq-p>.wq-creds{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 6px;margin:0}
.wq-p .wq-bio{margin:0}
@media (max-width:900px){.jr2 li{margin-bottom:0}}
@media (max-width:620px){
  .wq-p{grid-template-columns:56px minmax(0,1fr);padding:12px;gap:6px 12px}
  .wq-p>img{width:56px;height:56px}
}
.v6-home-section .w-headrow{display:block}
@media (max-width:620px){
  .pt-vals li{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;text-align:left}
  .pt-vals li small{display:none}
  .pt-vals li svg{width:22px;height:22px;flex:none}
}
/* ações na mesma linha dos "ver detalhes" */
.r4d-act{align-items:center}
.r4d-act>.vx-actions{margin:0 0 0 auto}
/* portfólio vendável mais enxuto */
.pt-sell>svg{display:none}
.pt-sell{padding:14px;gap:6px}
.pt-del{gap:12px}
/* fechamento mais curto */
#contato .vx-cta-band{gap:12px}
#contato .vx-path{padding:16px 18px;gap:4px}
#contato .vx-path p{margin-bottom:10px}
#contato .xclose{margin:0 0 14px}
@media (max-width:900px){.r4d-act>.vx-actions{margin:0}}
@media (max-width:620px){
  /* casos e posicionamento: carrossel e pilares lado a lado */
  #prova .vx-case-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:thin}
  #prova .vx-case{flex:0 0 86%;scroll-snap-align:start}
  .pt-pillars{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .pt-pillars li{padding:10px 8px!important;gap:4px!important}
  .pt-pillars li span{font-size:11.5px;line-height:1.3}
  .pt-pillars li strong{font-size:14px}
  /* hero: equipe em 3 colunas */
  .xh-team{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"tag tag pause" "core core core" "a1 a2 a3" "a4 a5 a5" "ap ap ap"}
  .xh-agent img{max-width:56px}
  #contato .vx-cta-band{grid-template-columns:1fr}
}
@media (min-width:621px){.exec .v6-home-section{padding-block:54px}}
.r4d-obj .pt-ob{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px}
.r4d-obj .pt-ob>svg{grid-row:1}
.r4d-obj .pt-ob>.xfaq-p{grid-row:1;grid-column:2}
.r4d-obj .pt-ob>:not(svg):not(.xfaq-p){grid-column:1/-1}
.pt-why{margin-top:14px}
.wq-team{margin-top:16px}
.pm5-chips{margin-top:0}
.pm5-chips .vx-badge{max-width:100%}
@media (max-width:1180px){
  .pm5-chips .pm5-sc{border-style:dashed}
  .pm5-legend .pm5-sc::before{border-style:dashed}
}
@media (max-width:900px){
  .pm5-core{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  .pm5-core ul{font-size:11px;gap:0 8px}
  .pm5-core li+li::before{margin-right:8px}
  .pm5-core .x-link{grid-column:2}
  .pm5-head p{font-size:15px}
}
.pm5-chips a{flex-wrap:wrap;row-gap:3px}
.pm5-chips a>span[translate]:first-child{flex:1 1 auto;min-width:0}
