/* /pas · prefijo .pa- */

.pa-ico{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--acc)}
.pa-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── Hero ─────────────────────────────────────────────────────────────── */
.pa-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
.pa-hero>*{min-width:0}
.pa-hero .h-xl{font-size:clamp(40px,5.2vw,70px)}
.pa-map{position:relative;border-radius:26px;background:#0b1633;border:1px solid #ffffff2e;box-shadow:0 50px 100px -40px #000c;overflow:hidden}
.pa-map-top{position:absolute;z-index:2;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.pa-live{display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 9px;border-radius:var(--pill);background:#ffffff14;color:#fff;font-size:12.5px;font-weight:500;transition:background .4s,color .4s}
.pa-live i{width:8px;height:8px;border-radius:50%;background:#3ee08a;animation:pa-live 1.8s ease-out infinite}
@keyframes pa-live{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.pa-map.is-storm .pa-live{background:#f2b84b;color:#3a2400}
.pa-map.is-storm .pa-live i{background:#b3261e;animation-name:pa-live-r}
@keyframes pa-live-r{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.pa-map-k{font-size:9.5px;color:#7d90c4}
.pa-map-svg{display:block;width:100%;height:auto;aspect-ratio:520/400}
.pa-parcels rect{fill:#9fb6ff;stroke:#9fb6ff;stroke-opacity:.16}
.pa-road{fill:none;stroke:#9fb6ff;stroke-opacity:.3;stroke-width:1.4;stroke-dasharray:5 4}
.pa-swath,.pa-swath-core{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.pa-swath{fill:#f2b84b;fill-opacity:.16;stroke:#f2b84b;stroke-opacity:.45;stroke-dasharray:4 4}
.pa-swath-core{fill:#f2b84b;fill-opacity:.2}
.pa-map.is-fading .pa-swath,.pa-map.is-fading .pa-swath-core{opacity:0;transition:opacity .6s}
.pa-cell{transform:translateX(var(--cx,0px));opacity:0;transition:opacity .4s}
.pa-map.is-storm .pa-cell{opacity:1}
.pa-cell-a{fill:#f2b84b;fill-opacity:.18}
.pa-cell-b{fill:#f2b84b;fill-opacity:.32}
.pa-cell-c{fill:#fff3c9;fill-opacity:.9}
.pa-bolt{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:pa-bolt 1.3s steps(1) infinite}
@keyframes pa-bolt{0%,62%{opacity:0}64%,70%{opacity:1}72%,100%{opacity:0}}
.pa-pin-dot{fill:#dfe6fb;stroke:#0b1633;stroke-width:2;transition:fill .3s}
.pa-pin-halo{fill:#f2b84b;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3)}
.pa-pin.is-hit .pa-pin-dot{fill:#f2b84b}
.pa-pin.is-hit .pa-pin-halo{animation:pa-hit 1.6s ease-out 2}
@keyframes pa-hit{0%{opacity:.7;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
.pa-panel{position:absolute;right:14px;bottom:14px;width:min(250px,48%);display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:#fff;box-shadow:var(--sh-3);color:var(--ink)}
.pa-panel-k{font-size:9.5px}
.pa-panel-n{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.25;color:var(--text)}
.pa-panel-n b{font:600 30px/1 var(--sans);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.pa-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;min-height:106px}
.pa-hits li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:var(--soft);font-size:12.5px;animation:pa-row .45s cubic-bezier(.2,.8,.2,1)}
@keyframes pa-row{from{opacity:0;transform:translateY(-6px)}}
.pa-hits li b{font-weight:600;white-space:nowrap}
.pa-hits li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px}
.pa-hits li i{flex:none;width:8px;height:8px;border-radius:50%;background:#f2b84b}
.pa-hits li i.is-alta{background:#d9534f}
.pa-hits li.pa-more{background:none;color:var(--muted);font-size:11.5px;padding:2px 8px}
.pa-ready{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#e3f3eb;color:#0b4f38;font-size:12.5px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pa-map.is-ready .pa-ready{opacity:1;transform:none}
.pa-ready-ico{flex:none}
.pa-ready img{display:block}

/* ── Hoy / con Ucotron ────────────────────────────────────────────────── */
.pa-vs-box{display:flex;flex-direction:column;gap:18px}
.pa-vs-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;padding:4px;border-radius:var(--pill);background:var(--soft);border:1px solid var(--line)}
.pa-vs-btn{position:relative;z-index:1;padding:10px 20px;border:0;background:none;border-radius:var(--pill);font:500 15px var(--sans);color:var(--text);cursor:pointer;transition:color .3s}
.pa-vs-btn.is-on{color:#fff}
.pa-vs-knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--pill);background:var(--acc);box-shadow:var(--sh-1);transition:transform .45s cubic-bezier(.65,0,.35,1),background .3s}
.pa-vs-box[data-side=con] .pa-vs-knob{transform:translateX(100%)}
.pa-vs-box[data-side=hoy] .pa-vs-knob{background:#6f7b98}
.pa-vs-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pa-vs-list li{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);transition:border-color .4s,background .4s}
.pa-vs-k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.pa-vs-cell{display:grid}
.pa-vs-hoy,.pa-vs-con{grid-area:1/1;font:500 clamp(17px,1.6vw,20px)/1.35 var(--sans);letter-spacing:-.01em;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pa-vs-hoy{color:var(--muted)}
.pa-vs-con{color:var(--ink)}
.pa-vs-box[data-side=con] .pa-vs-hoy,.pa-vs-box[data-side=hoy] .pa-vs-con{opacity:0;transform:translateY(8px);pointer-events:none}
.pa-vs-box[data-side=hoy] .pa-vs-list li{background:var(--soft)}
.pa-vs-box[data-side=con] .pa-vs-list li{border-color:#1d3c8f40}
.pa-vs-list li:nth-child(2) .pa-vs-cell>*{transition-delay:.06s}
.pa-vs-list li:nth-child(3) .pa-vs-cell>*{transition-delay:.12s}
.pa-vs-list li:nth-child(4) .pa-vs-cell>*{transition-delay:.18s}

/* ── El caso real ─────────────────────────────────────────────────────── */
.pa-real-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:clamp(20px,3vw,40px);align-items:start}
.pa-real-grid>*{min-width:0}
.pa-real-fig{margin:0}
.pa-real-img{position:relative;aspect-ratio:1200/570;overflow:hidden;border-radius:var(--r-lg);background:#3a3a2c;box-shadow:var(--sh-2)}
.pa-real-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0}
.pa-real-svg{position:absolute;inset:0;width:100%;height:100%}
.pa-franja{fill:#f2b84b;fill-opacity:0;stroke:#fff;stroke-width:4;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1),fill-opacity .6s 1.4s}
.pa-real-grid[data-step="0"] .pa-franja,.pa-real-grid[data-step="1"] .pa-franja,.pa-real-grid[data-step="2"] .pa-franja,.pa-real-grid[data-step="3"] .pa-franja{stroke-dashoffset:0;fill-opacity:.2}
.pa-dpin circle:last-child{fill:#fff;stroke:#0b1633;stroke-width:3;transition:fill .4s calc(var(--i) * 60ms),transform .4s}
.pa-dpin-halo{fill:#f2b84b;opacity:0;transform-box:fill-box;transform-origin:center}
.pa-real-grid[data-step="1"] .pa-dpin-in circle:last-child,.pa-real-grid[data-step="2"] .pa-dpin-in circle:last-child,.pa-real-grid[data-step="3"] .pa-dpin-in circle:last-child{fill:#f2b84b}
.pa-real-grid[data-step="1"] .pa-dpin-halo{animation:pa-hit 1.6s calc(var(--i) * 90ms) ease-out 2}
.pa-real-grid:not([data-step]) .pa-dpin,.pa-real-grid[data-step="0"] .pa-dpin:not(.pa-dpin-in){opacity:.75}
.pa-real-tag{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:var(--pill);background:#0b1633d9;color:#fff;font-size:10px}
.pa-real-count{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#fff;box-shadow:var(--sh-2);font-size:12.5px;color:var(--text);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pa-real-count b{font:600 22px/1 var(--sans);color:var(--ink)}
.pa-real-grid[data-step="1"] .pa-real-count,.pa-real-grid[data-step="2"] .pa-real-count,.pa-real-grid[data-step="3"] .pa-real-count{opacity:1;transform:none}
.pa-real-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.pa-real-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pa-real-steps li{display:flex;gap:14px;padding:16px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);transition:border-color .35s,box-shadow .35s,opacity .35s}
.pa-real-grid[data-step] .pa-real-steps li:not(.is-on){opacity:.6}
.pa-real-steps li.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f12,var(--sh-1)}
.pa-real-n{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);font-size:11px;transition:background .3s,color .3s}
.pa-real-steps li.is-on .pa-real-n{background:var(--acc);color:#fff}
.pa-real-steps b{display:block;font:600 16px/1.25 var(--sans);color:var(--ink);margin-bottom:3px}
.pa-real-steps li>span:last-child>span{font-size:14px;line-height:1.45}

/* ── Bandeja y bitácora ───────────────────────────────────────────────── */
.pa-tray{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:start}
.pa-tray>*{min-width:0}
.pa-inbox{padding:16px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line)}
.pa-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.pa-inbox-head b{font:600 17px var(--sans);color:var(--ink)}
.pa-inbox-n{font-size:10.5px}
.pa-drafts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pa-draft{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line-2);transition:border-color .3s,box-shadow .3s,opacity .4s}
.pa-draft.is-focus{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-1)}
.pa-draft.is-done{opacity:.7;border-style:dashed}
.pa-draft-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.pa-chip{padding:4px 8px;border-radius:var(--pill);background:var(--soft);font-size:9.5px}
.pa-kind-den .pa-chip{background:#fff1e6;color:#b4521f}
.pa-draft-head b{font:600 15px var(--sans);color:var(--ink)}
.pa-draft-lot{font-size:12.5px;color:var(--muted)}
.pa-draft-msg{padding:10px 12px;border-radius:3px 14px 14px 14px;background:#d9fdd3;font-size:14px;line-height:1.45;color:#111b21}
.pa-den{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}
.pa-den-img{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#9a7a5a}
.pa-den-img img{position:absolute;max-width:none;width:207.6%;left:-107.3%;top:-1.9%;height:auto}
.pa-den ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pa-den li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.pa-den li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;background:#b4521f}
.pa-draft-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pa-approve,.pa-edit{padding:9px 14px;border-radius:var(--pill);font:600 13.5px var(--sans);cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s}
.pa-approve{border:0;background:var(--acc);color:#fff;box-shadow:var(--sh-1)}
.pa-approve:hover{background:var(--acc-2)}
.pa-approve.is-press{transform:scale(.94)}
.pa-edit{border:1px solid var(--line-2);background:#fff;color:var(--ink)}
.pa-sent{display:none;align-items:center;gap:6px;font:600 13px var(--sans);color:#0b6b4c}
.pa-sent svg{width:18px;height:18px;padding:2px;border-radius:50%;background:#e3f3eb;fill:none;stroke:#0b6b4c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pa-draft.is-done .pa-approve,.pa-draft.is-done .pa-edit{display:none}
.pa-draft.is-done .pa-sent{display:inline-flex;animation:pa-row .4s cubic-bezier(.2,.8,.2,1)}
.pa-log{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2}
.pa-log-head{display:flex;align-items:center;gap:10px}
.pa-log-head b{font:600 16px var(--sans);color:#fff}
.pa-log-head .mono{margin-left:auto;font-size:9.5px;color:#7d90c4}
.pa-log-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffffff14}
.pa-log-ico svg{width:16px;height:16px;fill:none;stroke:#9fb6ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-log-list{list-style:none;margin:0;padding:0 0 0 12px;display:flex;flex-direction:column;gap:9px;border-left:1px dashed #ffffff2e;max-height:340px;overflow:hidden}
.pa-log-list li{position:relative;display:flex;gap:10px;font-size:13px;line-height:1.4}
.pa-log-list li::before{content:"";position:absolute;left:-16.5px;top:6px;width:8px;height:8px;border-radius:50%;background:#9fb6ff}
.pa-log-list li.is-new{animation:pa-row .45s cubic-bezier(.2,.8,.2,1)}
.pa-log-list li.is-new::before{background:#3ddc97;box-shadow:0 0 0 4px #3ddc9726}
.pa-log-list time{flex:none;font-size:10.5px;color:#7d90c4;padding-top:2px}
.pa-rule{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1a;font-size:13px;line-height:1.35;color:#fff}
.pa-rule-ico svg{display:block;width:18px;height:18px;fill:none;stroke:#f2b84b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── Captación por QR ─────────────────────────────────────────────────── */
.pa-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.pa-step{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.pa-step+.pa-step::before{content:"";position:absolute;left:-28px;top:120px;width:28px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 4px,transparent 4px 8px)}
.pa-step+.pa-step::after{content:"";position:absolute;left:-24px;top:116px;width:10px;height:10px;border-radius:50%;background:var(--acc);opacity:0}
.pa-step.is-on+.pa-step::after{animation:pa-dot .9s cubic-bezier(.65,0,.35,1)}
@keyframes pa-dot{0%{opacity:1;transform:translateX(-10px)}100%{opacity:0;transform:translateX(26px)}}
.pa-step-k{font-size:10.5px;color:var(--muted);transition:color .3s}
.pa-step.is-on .pa-step-k{color:var(--acc)}
.pa-step>div{flex:1;border-radius:var(--r-lg);transition:box-shadow .4s,transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s}
.pa-step.is-on>div{transform:translateY(-4px);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-2)}
.pa-flyer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;background:#fff;border:1px solid var(--line-2);text-align:center}
.pa-flyer-brand{font:600 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.pa-flyer-t{font:600 20px/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.pa-qr-code{width:128px;height:128px;padding:8px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pa-qr-code path{fill:#0b1633}
.pa-step.is-on .pa-qr-code{animation:pa-scan 1.6s ease-in-out}
@keyframes pa-scan{40%{transform:scale(1.06)}}
.pa-flyer-s{font-size:13px;color:var(--muted)}
.pa-mini{display:flex;flex-direction:column;overflow:hidden;background:#e9e0d6;border:1px solid var(--line-2)}
.pa-mini-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#075e54;color:#fff}
.pa-mini-bar img{border-radius:50%;background:#fff;padding:2px}
.pa-mini-bar b{font:600 13.5px var(--sans)}
.pa-mini-chat{display:flex;flex-direction:column;gap:8px;padding:12px}
.pa-mini-out{align-self:flex-end;padding:7px 10px;border-radius:12px 3px 12px 12px;background:#d9fdd3;font-size:13px;color:#111b21}
.pa-mini-in{display:flex;flex-direction:column;gap:4px;padding:5px 5px 9px;border-radius:3px 12px 12px 12px;background:#fff;font-size:12.5px;line-height:1.4;color:#3b4a54;box-shadow:0 1px 1px #0b163326}
.pa-mini-in b,.pa-mini-in span:not(.pa-mini-img),.pa-mini-in small{padding:0 6px}
.pa-mini-in b{font:600 14px var(--sans);color:#111b21}
.pa-mini-in small{font:500 10.5px var(--mono);color:#0b6b4c}
.pa-mini-img{display:block;aspect-ratio:704/222;border-radius:9px;background:url(/mundo/img/casos/lote-historia-campana-por-campana.jpg) no-repeat 2.2% 2.6%/170.5% auto}
.pa-lead{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--dark);color:#c9d5f2}
.pa-lead-h{display:flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#9fb6ff}
.pa-lead-dot{width:8px;height:8px;border-radius:50%;background:#3ee08a;animation:pa-live 1.8s ease-out infinite}
.pa-lead-t{font:600 20px/1.2 var(--sans);letter-spacing:-.02em;color:#fff}
.pa-lead ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.pa-lead li{display:flex;gap:8px;font-size:14px;line-height:1.4}
.pa-lead li::before{content:"✓";color:#3ddc97;font-weight:600}
.pa-lead-btn{align-self:flex-start;margin-top:auto;padding:9px 14px;border-radius:var(--pill);background:#fff;color:var(--acc);font:600 13.5px var(--sans)}

/* ── Recetas ──────────────────────────────────────────────────────────── */
.pa-rc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pa-rc{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.pa-rc:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:var(--sh-2)}
.pa-rc-top{display:flex;align-items:center;gap:10px}
.pa-rc-peril{font-size:10.5px;color:var(--muted)}
.pa-rc h3{font-size:18.5px;font-weight:600}
.pa-rc-when{font-size:13.5px;color:var(--acc)}
.pa-rc-does{font-size:14px;line-height:1.45}
.pa-rc-ch{list-style:none;margin:auto 0 0;padding:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;border-top:1px dashed var(--line-2)}
.pa-rc-ch li{padding:4px 9px;border-radius:var(--pill);background:var(--soft);font-size:12px;color:var(--ink)}

/* ── Plan Profesional ─────────────────────────────────────────────────── */
.pa-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:28px;background:var(--dark);color:#c9d5f2}
.pa-plan>*{min-width:0}
.pa-plan .label{color:#9fb6ff}
.pa-plan h2{color:#fff}
.pa-plan .tone{color:var(--lt)}
.pa-plan-note{margin-top:16px;font-size:16px;line-height:1.45;color:#a9b6dc;max-width:460px}
.pa-plan-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.pa-plan-list li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.38;color:#e6ecfb}
.pa-plan-list svg{flex:none;width:18px;height:18px;margin-top:1px;padding:2px;border-radius:50%;background:#3ddc9726;fill:none;stroke:#3ddc97;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pa-plan-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.pa-plan .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.pa-plan .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.pa-plan .btn-light{background:transparent;color:#fff;border-color:#ffffff59}
.pa-plan .btn-light:hover{background:#ffffff14}
.pa-dots-box{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r-lg);background:#ffffff0a;border:1px solid #ffffff1a}
.pa-dots{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px}
.pa-dots i{aspect-ratio:1;border-radius:3px;background:#ffffff14;transition:background .3s,transform .3s}
.pa-dots i.is-on{background:#9fb6ff}
.pa-dots i.is-hit{background:#f2b84b;transform:scale(1.15)}
.pa-dots-n{display:flex;align-items:baseline;gap:8px;font-size:14px;color:#a9b6dc}
.pa-dots-n b{font:600 34px/1 var(--sans);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}

section.is-off .pa-live i,section.is-off .pa-bolt,section.is-off .pa-lead-dot{animation-play-state:paused}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:1000px){
  .pa-hero,.pa-real-grid,.pa-tray,.pa-plan{grid-template-columns:1fr}
  .pa-rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pa-log{position:static}
}
@media (max-width:760px){
  .pa-panel{position:static;width:auto;margin:0 10px 10px;box-shadow:none}
  .pa-hits{min-height:0}
  .pa-vs-list{grid-template-columns:1fr}
  .pa-flow{grid-template-columns:1fr;gap:30px}
  .pa-step+.pa-step::before{left:50%;top:-24px;width:2px;height:20px;background:repeating-linear-gradient(180deg,var(--line-2) 0 4px,transparent 4px 8px)}
  .pa-step+.pa-step::after{display:none}
}
@media (max-width:600px){
  .pa-rc-grid,.pa-plan-list{grid-template-columns:1fr}
  .pa-den{grid-template-columns:84px minmax(0,1fr)}
  .pa-map-k{display:none}
  .pa-real-img{aspect-ratio:4/3}
  .pa-real-count{right:8px;bottom:8px;max-width:calc(100% - 16px);font-size:11.5px;padding:6px 10px}
  .pa-real-count b{font-size:18px}
  .pa-real-tag{top:8px;left:8px}
  .pa-dots{gap:3px}
}
@media (prefers-reduced-motion:reduce){
  .pa-live i,.pa-bolt,.pa-lead-dot,.pa-pin-halo,.pa-dpin-halo{animation:none!important}
  .pa-franja,.pa-vs-hoy,.pa-vs-con,.pa-vs-knob{transition:none}
}