/* /precios · todo con prefijo .pc- (site.css es compartido). */

/* ── Hero: copia a la izquierda, la cuenta del mes a la derecha ───────── */
.pc-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.pc-hero-copy{min-width:0}
.pc-hero .lead{max-width:560px}
.pc-zero{display:flex;align-items:center;gap:12px;margin-top:22px;font:500 17px/1.3 var(--sans);color:#fff;letter-spacing:-.01em}
.pc-zero-n{flex:none;padding:6px 12px;border-radius:var(--pill);background:#f2b84b;color:#3a2400;font:600 13px/1 var(--mono);letter-spacing:.02em}
.pc-hero-stage{position:relative;display:flex;justify-content:center;filter:drop-shadow(0 30px 40px rgba(5,12,32,.45))}

.pc-ticket{position:relative;width:min(100%,410px);padding:26px 24px 24px;background:#fff;color:var(--ink);border-radius:6px;transform:rotate(-1.6deg);
  -webkit-mask:radial-gradient(circle at 9px 0,#0000 6px,#000 6.5px) 0 0/18px 51% repeat-x,radial-gradient(circle at 9px 100%,#0000 6px,#000 6.5px) 0 100%/18px 51% repeat-x;
  mask:radial-gradient(circle at 9px 0,#0000 6px,#000 6.5px) 0 0/18px 51% repeat-x,radial-gradient(circle at 9px 100%,#0000 6px,#000 6.5px) 0 100%/18px 51% repeat-x}
.pc-tk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px dashed var(--line-2)}
.pc-tk-logo img{height:22px;width:auto;filter:brightness(0) saturate(100%) invert(11%) sepia(38%) saturate(3800%) hue-rotate(218deg) brightness(88%)}
.pc-tk-k{font-size:10px;color:var(--muted)}
.pc-tk-plan{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 10px;font:600 15px var(--sans)}
.pc-tk-plan b{font:600 15px var(--mono)}
.pc-tk-lines{list-style:none;margin:0;padding:0 0 6px;display:flex;flex-direction:column;gap:2px;min-height:212px}
.pc-tk-line{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px dotted var(--line);font-size:13px;line-height:1.3;
  opacity:0;transform:translateY(6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.pc-tk-line.is-on{opacity:1;transform:none}
.pc-tk-t{font:500 10.5px var(--mono);color:var(--muted)}
.pc-tk-d{color:var(--ink)}
.pc-tk-a{font:500 12px var(--mono);color:var(--ink);white-space:nowrap}
.pc-tk-line.is-inc .pc-tk-a{color:#0b6b4c}
.pc-tk-line.is-zero .pc-tk-d{color:var(--muted)}
.pc-tk-stamp{grid-column:2;justify-self:start;margin-top:2px;padding:5px 9px;border:2px solid #c2410c;border-radius:6px;color:#c2410c;font:700 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#fff7ed;
  opacity:0;transform:rotate(-8deg) scale(1.8);transition:opacity .2s .25s,transform .35s .25s cubic-bezier(.22,1,.36,1)}
.pc-tk-line.is-on .pc-tk-stamp{opacity:1;transform:rotate(-8deg) scale(1)}
.pc-tk-sum{padding:10px 0;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:6px}
.pc-tk-sum p{display:flex;justify-content:space-between;font-size:13px;color:var(--text)}
.pc-tk-sum b{font:500 12.5px var(--mono);color:var(--ink)}
.pc-tk-cred{color:#0b6b4c!important}
.pc-tk-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 14px;border-top:2px solid var(--ink);font:600 16px var(--sans)}
.pc-tk-total b{font:600 26px/1 var(--sans);letter-spacing:-.03em}
.pc-tk-cap p{display:flex;justify-content:space-between;margin-bottom:6px}
.pc-tk-cap .mono{font-size:10px;color:var(--muted)}
.pc-tk-cap i{display:block;height:6px;border-radius:6px;background:var(--soft);overflow:hidden}
.pc-tk-cap s{display:block;height:100%;width:100%;background:var(--acc);border-radius:6px;transform:scaleX(var(--cap,0));transform-origin:0 0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}

@media (max-width:980px){
  .pc-hero{grid-template-columns:1fr}
  .pc-hero-stage{justify-content:flex-start}
  .pc-ticket{transform:none}
}

/* ── Planes: cuatro tarjetas con los CTAs alineados (subgrid) ─────────── */
.pc-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.pc-plan{position:relative;display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:12px;align-content:start;min-width:0;padding:24px 20px 22px;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}
@supports not (grid-template-rows:subgrid){.pc-plan{display:flex;flex-direction:column}}
.pc-plan:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:var(--sh-2)}
.pc-plan.is-featured{border-color:var(--acc);box-shadow:var(--sh-1)}
.pc-stage{font-size:10.5px;color:var(--acc)}
.pc-name{font-size:24px;font-weight:600;letter-spacing:-.03em}
.pc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.pc-price b{font:600 38px/1 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.pc-price small{font-size:14px;color:var(--muted)}
.pc-note{font-size:14px;line-height:1.45;color:var(--text)}
.pc-meta{margin:0;padding:4px 12px;border-radius:12px;background:var(--soft)}
.pc-meta div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0}
.pc-meta div+div{border-top:1px dashed var(--line-2)}
.pc-meta dt{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pc-meta dd{margin:0;font:600 14px var(--sans);color:var(--ink);text-align:right}
.pc-plan .btn{justify-content:space-between;align-self:start}
.pc-items{list-style:none;margin:2px 0 0;padding:14px 0 0;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:9px;align-self:start}
.pc-items li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.38;color:var(--ink)}
.pc-items svg,.pc-yes svg{flex:none;width:16px;height:16px;margin-top:1px;padding:2px;border-radius:50%;background:#e3f3eb;fill:none;stroke:#0b6b4c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pc-plan.is-ent{background:var(--dark);border-color:var(--dark);color:#c9d5f2}
.pc-plan.is-ent .pc-stage{color:#9fb6ff}
.pc-plan.is-ent .pc-name,.pc-plan.is-ent .pc-price b{color:#fff}
.pc-plan.is-ent .pc-price b{font-size:32px}
.pc-plan.is-ent .pc-price small,.pc-plan.is-ent .pc-note{color:#a9b6dc}
.pc-plan.is-ent .pc-meta{background:#ffffff12}
.pc-plan.is-ent .pc-meta div+div{border-color:#ffffff26}
.pc-plan.is-ent .pc-meta dt{color:#8d9cc8}
.pc-plan.is-ent .pc-meta dd{color:#fff}
.pc-plan.is-ent .pc-items{border-color:#ffffff26}
.pc-plan.is-ent .pc-items li{color:#e6ecfb}
.pc-plan.is-ent .pc-items svg{background:#3ddc9726;stroke:#3ddc97}
.pc-plan.is-ent .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.pc-plan.is-ent .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.pc-flag{position:absolute;top:-11px;right:18px;padding:4px 9px;border-radius:var(--pill);background:#f2b84b;color:#3a2400;font:600 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 14px -6px #0b163380}
/* El plan que recomienda el cuestionario */
.pc-plan::after{content:"";position:absolute;inset:-6px;border-radius:calc(var(--r-lg) + 6px);border:2px solid #f2b84b;opacity:0;transform:scale(.98);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pc-plan.is-pick::after{opacity:1;transform:none}
@media (max-width:1100px){.pc-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pc-plans{grid-template-columns:1fr}.pc-price b{font-size:34px}}

/* ── ¿Qué plan es para mí? ─────────────────────────────────────────────── */
.pc-quiz{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}
.pc-q-form{display:flex;flex-direction:column;gap:12px;min-width:0}
.pc-q{margin:0;padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:#fff;min-width:0;transition:opacity .35s,border-color .3s}
.pc-q.is-wait{opacity:.5}
.pc-q.is-done{border-color:var(--acc)}
.pc-q legend{display:flex;align-items:center;gap:10px;float:left;width:100%;margin-bottom:14px;font:600 18px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink)}
.pc-q legend+*{clear:both}
.pc-q-n{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--soft);font-size:10.5px;color:var(--acc);letter-spacing:0;transition:background .3s,color .3s}
.pc-q.is-done .pc-q-n{background:var(--acc);color:#fff}
.pc-q-opts{display:flex;flex-wrap:wrap;gap:8px}
.pc-opt{position:relative;cursor:pointer}
.pc-opt input{position:absolute;opacity:0;width:1px;height:1px}
.pc-opt span{display:inline-flex;align-items:center;padding:10px 15px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font:500 14.5px/1.2 var(--sans);color:var(--ink);transition:background .2s,border-color .2s,color .2s,transform .2s}
.pc-opt:hover span{border-color:var(--acc);color:var(--acc)}
.pc-opt input:checked+span{background:var(--acc);border-color:var(--acc);color:#fff;transform:translateY(-1px);box-shadow:var(--sh-1)}
.pc-opt input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}

.pc-q-out{position:sticky;top:100px;min-height:300px;padding:24px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2;overflow:hidden;isolation:isolate}
.pc-q-wait{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:250px}
.pc-q-wait-t{font:500 19px/1.35 var(--sans);letter-spacing:-.01em;color:#fff;max-width:300px}
.pc-q-dots{display:flex;gap:8px}
.pc-q-dots i{width:12px;height:12px;border-radius:50%;border:1.5px solid #ffffff59;transition:background .3s,border-color .3s,transform .3s}
.pc-q-dots i.is-on{background:#f2b84b;border-color:#f2b84b;transform:scale(1.1)}
.pc-q-res{display:flex;flex-direction:column;gap:10px}
.pc-q-res[hidden],.pc-q-wait[hidden]{display:none}
.pc-q-res>*{animation:pc-up .5s cubic-bezier(.2,.8,.2,1) backwards}
.pc-q-res>:nth-child(2){animation-delay:.06s}.pc-q-res>:nth-child(3){animation-delay:.12s}.pc-q-res>:nth-child(4){animation-delay:.18s}.pc-q-res>:nth-child(5){animation-delay:.24s}.pc-q-res>:nth-child(6){animation-delay:.3s}
@keyframes pc-up{from{opacity:0;transform:translateY(10px)}}
.pc-q-k{color:#f2b84b}
.pc-q-name{font:600 clamp(34px,4vw,46px)/1 var(--sans);letter-spacing:-.04em;color:#fff}
.pc-q-price{font:500 15px var(--mono);color:#9fb6ff}
.pc-q-why{font-size:15px;line-height:1.5;color:#dfe6fb;max-width:380px}
.pc-q-cta{margin-top:8px}
.pc-q-cta .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.pc-q-cta .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.pc-q-cta .btn-light{background:transparent;color:#fff;border-color:#ffffffb3}
.pc-q-see{align-self:flex-start;font:500 12px var(--mono);letter-spacing:.03em;color:#9fb6ff;text-decoration:none;border-bottom:1px solid #9fb6ff66;padding-bottom:2px}
.pc-q-see:hover{color:#fff}
@media (max-width:900px){.pc-quiz{grid-template-columns:1fr}.pc-q-out{position:relative;top:0;min-height:0}.pc-q-wait{min-height:120px}}

/* ── Tabla comparativa: el encabezado queda pegado arriba ─────────────── */
.pc-cmp{position:relative}
.pc-cmp-pick{display:none}
.pc-tbl{border:1px solid var(--line-2);border-radius:var(--r-lg);background:#fff}
.pc-tr{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));border-top:1px solid var(--line);transition:background .15s}
.pc-tr:not(.pc-th):hover{background:#f7f9fd}
.pc-tr>span{padding:14px 16px;font-size:14px;line-height:1.35;color:var(--ink);min-width:0}
.pc-tc0{font-weight:500}
.pc-th{position:sticky;top:86px;z-index:5;border-top:0;background:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 1px 0 var(--line-2),0 10px 18px -16px rgba(11,22,51,.5)}
.pc-th>span{padding-block:16px}
.pc-th .pc-tc0{font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);align-self:end}
.pc-th .pc-tc b{display:block;font:600 17px var(--sans);letter-spacing:-.02em;color:var(--ink)}
.pc-th .pc-tc small{display:block;margin-top:2px;font:500 11.5px var(--mono);color:var(--muted)}
.pc-tg{display:block;padding:18px 16px 8px;border-top:1px solid var(--line);background:var(--soft)}
.pc-tg span{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--acc)}
.pc-yes{display:inline-flex}
.pc-no{display:inline-block;width:12px;height:1.5px;background:var(--line-2);vertical-align:middle}
.pc-tc{transition:background .3s}
.pc-cmp[data-pick="1"] .pc-tc[data-c="1"],.pc-cmp[data-pick="2"] .pc-tc[data-c="2"],.pc-cmp[data-pick="3"] .pc-tc[data-c="3"],.pc-cmp[data-pick="4"] .pc-tc[data-c="4"]{background:#fff6e2}
.pc-tr>.pc-tc[data-c="4"]{color:var(--acc)}
.pc-th .pc-tc[data-c="4"] b{color:var(--acc)}
@media (max-width:760px){
  .pc-cmp-pick{position:sticky;top:78px;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:10px;border-radius:var(--pill);background:#fff;border:1px solid var(--line-2);box-shadow:var(--sh-1)}
  .pc-cmp-pick button{padding:9px 4px;border:0;border-radius:var(--pill);background:none;font:500 13px var(--sans);color:var(--ink);cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pc-cmp-pick button[aria-pressed=true]{background:var(--acc);color:#fff}
  .pc-th{position:relative;top:0}
  .pc-tr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .pc-tr>span{padding:12px}
  .pc-cmp .pc-tc{display:none}
  .pc-cmp[data-show="1"] .pc-tc[data-c="1"],.pc-cmp[data-show="2"] .pc-tc[data-c="2"],.pc-cmp[data-show="3"] .pc-tc[data-c="3"],.pc-cmp[data-show="4"] .pc-tc[data-c="4"]{display:block;animation:pc-fade .3s ease}
}
@keyframes pc-fade{from{opacity:0}}

/* ── Calculadora de uso ────────────────────────────────────────────────── */
.pc-calc{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.pc-calc-main{min-width:0}
.pc-calc-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pc-calc-bar .mono{color:var(--muted)}
.pc-presets{display:flex;flex-wrap:wrap;gap:8px}
.pc-chip{padding:9px 14px;border-radius:var(--pill);border:1px dashed var(--line-2);background:#fff;font:500 14px var(--sans);color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.pc-chip:hover{border-color:var(--acc);color:var(--acc)}
.pc-chip.is-on{border-style:solid;border-color:var(--acc);background:var(--soft);color:var(--acc)}
.pc-uhead,.pc-urow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr) minmax(0,1.25fr) minmax(0,.6fr);gap:16px;align-items:center}
.pc-uhead{padding:0 18px 10px}
.pc-uhead span{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pc-uhead span:last-child{text-align:right}
.pc-urows{border:1px solid var(--line-2);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.pc-urow{padding:16px 18px;border-top:1px solid var(--line);transition:background .2s}
.pc-urow:first-child{border-top:0}
.pc-urow:hover{background:#f7f9fd}
.pc-uinfo b{display:block;font:500 15px/1.3 var(--sans);color:var(--ink)}
.pc-uinfo small{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.pc-ufacts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.pc-api{padding:3px 8px;border-radius:var(--pill);font:600 10.5px var(--mono);letter-spacing:.03em;background:var(--soft);color:var(--acc)}
.pc-api[data-api=Reportes]{background:#fff3d6;color:#7a4b00}
.pc-api[data-api=Recetas]{background:#e3f3eb;color:#0b6b4c}
.pc-unit{font-size:12.5px;color:var(--muted)}
.pc-uprice{flex-basis:100%;font:600 14px var(--mono);color:var(--ink)}
.pc-uctl{min-width:0}
.pc-uctl input[type=range]{--p:0%;width:100%;height:22px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.pc-uctl input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(var(--acc),var(--acc)) 0 0/var(--p) 100% no-repeat,var(--soft);border:1px solid var(--line)}
.pc-uctl input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(var(--acc),var(--acc)) 0 0/var(--p) 100% no-repeat,var(--soft);border:1px solid var(--line)}
.pc-uctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#fff;border:2px solid var(--acc);box-shadow:var(--sh-1);transition:transform .15s}
.pc-uctl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--acc)}
.pc-uctl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.pc-urow[data-api=Reportes] input{--c:#d99a1e}
.pc-uqty{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-size:12.5px;color:var(--muted)}
.pc-uq{font:600 14px var(--mono);color:var(--ink)}
.pc-usub{text-align:right}
.pc-usub b{display:block;font:600 15px var(--mono);color:var(--ink);transition:color .2s}
.pc-usub b.is-zero{color:var(--muted)}
.pc-uinc{display:block;margin-top:2px;font-size:11.5px;color:#0b6b4c}
.pc-uinc[hidden]{display:none}
.pc-ent-chip{display:inline-block;padding:7px 12px;border-radius:var(--pill);background:var(--dark);color:#fff;font:500 12px var(--sans)}
.pc-free{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pc-free li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1px dashed var(--line-2);background:#fff;font-size:13.5px;line-height:1.35;color:var(--ink)}
.pc-free b{flex:none;padding:4px 8px;border-radius:var(--pill);background:#e3f3eb;color:#0b6b4c;font:600 11px var(--mono)}

.pc-sum{position:sticky;top:100px;padding:20px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2;box-shadow:var(--sh-3)}
.pc-sum-k{color:#9fb6ff}
.pc-sum-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:14px 0 16px;padding:3px;border-radius:var(--pill);background:#ffffff14}
.pc-sum-plans button{padding:8px 2px;border:0;border-radius:var(--pill);background:none;color:#c9d5f2;font:500 12.5px var(--sans);cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .2s,color .2s}
.pc-sum-plans button:hover{color:#fff}
.pc-sum-plans button[aria-checked=true]{background:#fff;color:var(--acc)}
.pc-sum-rows{margin:0}
.pc-sum-rows div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #ffffff21}
.pc-sum-rows dt{font-size:13.5px}
.pc-sum-rows dd{margin:0;font:500 13.5px var(--mono);color:#fff;white-space:nowrap}
.pc-s-cred{color:#3ddc97!important}
.pc-stack{position:relative;display:flex;height:10px;margin:16px 0 8px;border-radius:10px;background:#ffffff14;overflow:visible}
.pc-stack i{display:block;height:100%;flex:none;width:0}
.pc-stack i:first-child{border-radius:10px 0 0 10px}
.pc-stack i[data-api=Places]{background:#9fb6ff}
.pc-stack i[data-api=Reportes]{background:#f2b84b}
.pc-stack i[data-api=Recetas]{background:#3ddc97}
.pc-cap-mk{position:absolute;top:-5px;bottom:-5px;left:0;width:2px;border-radius:2px;background:#fff;opacity:0;transition:opacity .2s}
.pc-cap-mk.is-on{opacity:1}
.pc-legend{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:12px;font-size:11.5px;color:#a9b6dc}
.pc-legend li{display:flex;align-items:center;gap:6px}
.pc-legend li::before{content:"";width:8px;height:8px;border-radius:50%;background:#9fb6ff}
.pc-legend li[data-api=Reportes]::before{background:#f2b84b}
.pc-legend li[data-api=Recetas]::before{background:#3ddc97}
.pc-cap{display:block;padding:12px 0;border-top:1px dashed #ffffff21}
.pc-cap-t{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:6px}
.pc-cap-t b{font:500 13px var(--mono);color:#fff}
.pc-cap input{width:100%;accent-color:#f2b84b}
.pc-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding-top:14px;border-top:1px solid #ffffff3d}
.pc-total span{flex-basis:100%;font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#9fb6ff}
.pc-total b{font:600 38px/1.05 var(--sans);letter-spacing:-.04em;color:#fff}
.pc-total small{font-size:13px;color:#a9b6dc}
.pc-sum-note{margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:#ffffff0f;font-size:13px;line-height:1.45;color:#dfe6fb}
.pc-sum-note.is-cap{background:#f2b84b26;color:#ffe2a8}
.pc-sum-ent .btn{margin-top:14px;background:#fff;border-color:#fff;color:var(--acc)}
.pc-sum-ent .btn .btn-arrow{background:var(--acc);color:#fff}
.pc-sum-body[hidden],.pc-sum-ent[hidden],.pc-sum-note[hidden]{display:none}

@media (max-width:1000px){
  .pc-calc{grid-template-columns:1fr}
  .pc-sum{position:sticky;top:auto;bottom:10px;z-index:4}
}
@media (max-width:760px){
  .pc-uhead{display:none}
  .pc-urow{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px}
  .pc-uinfo{grid-column:1/-1}
  .pc-ufacts{grid-column:1/-1}
  .pc-uprice{flex-basis:auto;margin-left:auto}
  .pc-uctl{grid-column:1}
  .pc-usub{grid-column:2;align-self:end}
  .pc-free{grid-template-columns:1fr}
  .pc-sum{position:relative;bottom:auto}
}

.pc-mini{display:none}
@media (max-width:760px){
  .pc-mini{position:sticky;bottom:12px;z-index:4;display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;padding:12px 18px;border-radius:var(--pill);background:var(--dark);color:#a9b6dc;box-shadow:var(--sh-3);font-size:13px}
  .pc-mini b{font:600 20px var(--sans);letter-spacing:-.02em;color:#fff}
}

/* ── Movimiento reducido y fuera de pantalla ───────────────────────────── */
section.is-off .pc-tk-line{transition:none}
@media (prefers-reduced-motion:reduce){
  .pc-tk-line,.pc-tk-stamp{transition:none}
  .pc-q-res>*{animation:none}
  .pc-plan,.pc-plan::after{transition:none}
}