/* Pago de cuotas (/pago_cuota, P-006). Generado desde la maqueta A por
   Docs/mockups/pago-cuotas/fuente/produccion.py. Cambios respecto de la maqueta:
   1. Todo queda bajo .pc (tokens incluidos), para no tocar el resto del sitio y ganarle al tema.
   2. Tipografía propia: el sitio solo declara LibreFranklin Regular; acá van Regular, Medium y Bold reales.
   3. Se neutralizan reglas del tema, plugins.css y Bootstrap que alteraban al componente (section, títulos,
      párrafos, tipografía forzada en span/div/li, márgenes de label, hr, subrayado, color y foco de enlaces).
   4. Sin las reglas de la maqueta (menú, cinta, notas, vistas previas de WhatsApp) ni de la variante B.
   5. Margen de salto de 16 px (el encabezado del sitio no queda fijo) y alineado con el título desde 768 px. */
@font-face{font-family:"LibreFranklinPC";font-style:normal;font-weight:400;font-display:swap;src:url("../font/LibreFranklin-Regular.ttf") format("truetype")}
@font-face{font-family:"LibreFranklinPC";font-style:normal;font-weight:500;font-display:swap;src:url("../font/LibreFranklin-Medium.ttf") format("truetype")}
@font-face{font-family:"LibreFranklinPC";font-style:normal;font-weight:700;font-display:swap;src:url("../font/LibreFranklin-Bold.ttf") format("truetype")}
/* Tokens tomados del sitio en vivo: rojo del panel lateral, tinta del título, fondo de la sección.
   Motivo de marca: esquinas redondeadas salvo la inferior derecha (logo Garden y recuadro del título). */
.pc{
  --red:#CD001A; --red-ink:#A30015; --red-tint:#FDF1F3; --id-tint:#FCF2F3;
  --ink:#1E2022; --ink-2:#3C4043; --muted:#676B72; --faint:#6E727A; --btn-line:#8F939A;
  --line:#E6E7EB; --line-2:#D4D6DB; --soft:#F4F4F6;
  --bg:#F9F9FA; --surface:#FFFFFF; --wa:#25D366;
  --r-lg:18px; --r-md:12px;
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-soft:cubic-bezier(.16,1,.3,1);
  --side:300px;
  font-family:"LibreFranklinPC","LibreFranklin",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink-2);-webkit-font-smoothing:antialiased
}

/* ---------- Producción: el tema del sitio no altera al componente ---------- */
.pc,.pc section,.pc article{padding:0;background:none;overflow:visible;position:static;z-index:auto;width:auto}
.pc h1,.pc h2,.pc h3,.pc h4,.pc h5,.pc h6{margin:0;font-family:inherit;color:inherit;letter-spacing:normal;line-height:inherit;text-transform:none}
.pc p{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
.pc hr{opacity:1}
.pc *{font-family:inherit}
.pc label{margin:0}
.pc a{text-decoration:underline}
.pc button:focus:not(:focus-visible){outline:0}
.pc,.pc *,.pc *::before,.pc *::after{box-sizing:border-box}
.pc img{display:block;max-width:100%;height:auto}
.pc button{font:inherit}
.pc .sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pc svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* ---------- Componente: pago por transferencia ---------- */
.pc .pc-lead{margin:22px 0 30px;max-width:66ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
.pc .pc-step{display:flex;align-items:center;gap:12px;margin:0 0 4px}
.pc .pc-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:700}
.pc .pc-q{margin:0;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.pc .pc-q:focus{outline:none}
.pc .pc-help{margin:0 0 16px 38px;font-size:15px;color:var(--muted)}
.pc .pc-picker{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s var(--ease-out),opacity .2s ease}
.pc .pc-picker>.pc-picker-in{min-height:0;overflow:hidden;container-type:inline-size;container-name:picker}
.pc .pc-picker.is-collapsed{grid-template-rows:0fr;opacity:0}
/* Celdas del selector: el idioma de /marcas (logos grises, grilla de líneas finas) con marco y estados de control */
.pc .pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.pc .pc-grid--brands{grid-template-columns:repeat(3,1fr)}
.pc .pc-grid--brands .pc-tile--help{grid-column:span 2}
@container picker (min-width:480px){.pc .pc-grid--brands{grid-template-columns:repeat(5,1fr)}.pc .pc-grid--brands .pc-tile--help{grid-column:span 2}}
@container picker (min-width:860px){.pc .pc-grid--brands{grid-template-columns:repeat(7,1fr)}.pc .pc-grid--brands .pc-tile--help{grid-column:span 1}}
.pc .pc-tile{position:relative;display:block;background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc .pc-face{display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:4px;min-height:100px;padding:10px 6px 9px;text-align:center;transition:background-color .15s ease,box-shadow .12s ease}
.pc .pc-mark{display:grid;place-items:center;width:100%}
.pc .pc-cap{font-size:11.5px;font-weight:500;line-height:1.25;color:var(--muted);transition:color .15s ease}
.pc .pc-tile input:checked+.pc-face .pc-cap{color:var(--ink)}
@container picker (min-width:860px){.pc .pc-face{min-height:108px}.pc .pc-cap{font-size:12px}}
.pc .pc-face img{width:min(100%,118px);opacity:.85;transition:opacity .15s ease,filter .15s ease,transform .08s ease}
.pc .pc-face img.ram{filter:brightness(0) opacity(.6)}
.pc .pc-tile:hover .pc-face{background:#FCFCFD}
.pc .pc-tile:hover .pc-face img{opacity:1;filter:brightness(.62)}
.pc .pc-tile:active .pc-face img{transform:scale(.96)}
.pc .pc-tile input:checked+.pc-face{background:var(--red-tint);box-shadow:inset 0 0 0 2px var(--red)}
.pc .pc-tile input:checked+.pc-face img{opacity:1;filter:brightness(.45)}
.pc .pc-tile input:focus-visible+.pc-face{outline:3px solid var(--red);outline-offset:-6px}
.pc .pc-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .2s var(--ease-soft);pointer-events:none}
.pc .pc-check svg.i{width:12px;height:12px;stroke-width:3}
.pc .pc-tile input:checked~.pc-check{opacity:1;transform:none}
.pc .pc-tile--help{cursor:default}
.pc .pc-tile--help .pc-face{grid-template-rows:none;gap:2px;align-content:center;text-align:center;font-size:12.5px;line-height:1.3;color:var(--muted)}
.pc .pc-tile--help a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.pc .pc-q2{margin:24px 0 10px;font-size:15.5px;font-weight:700;color:var(--ink)}
.pc .pc-grid.pc-grid--ch{grid-template-columns:repeat(2,1fr)}
.pc .pc-grid--ch .pc-tile:last-child:nth-child(odd){grid-column:span 2}
@container picker (min-width:560px){.pc .pc-grid.pc-grid--ch{grid-template-columns:repeat(5,1fr)}.pc .pc-grid--ch .pc-tile:last-child:nth-child(odd){grid-column:auto}}
.pc .pc-wordmark{font-size:15px;font-weight:700;letter-spacing:.12em;color:#7D8187;transition:color .15s ease}
@container picker (min-width:560px){.pc .pc-wordmark{font-size:18px;letter-spacing:.16em}}
.pc .pc-tile:hover .pc-wordmark{color:#45484D}
.pc .pc-tile input:checked+.pc-face .pc-wordmark{color:var(--ink)}
/* Anotaciones de maqueta (no son diseño): datos que el cliente tiene que confirmar */
.pc .pc-grid--ch .pc-face{grid-template-rows:none;height:auto;min-height:92px;gap:4px;align-content:center;padding:12px 8px;text-align:center}
.pc .pc-grid--ch .pc-face img{width:min(100%,150px);margin:-10px 0 -12px}
.pc .pc-ch-ico{display:grid;place-items:center;width:34px;height:34px;color:var(--ink-2)}
.pc .pc-ch-ico svg.i{width:26px;height:26px;stroke-width:1.6}
.pc .pc-ch-t{font-size:13.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.pc .pc-ch-s{font-size:12.5px;line-height:1.25;color:var(--muted)}
/* Línea de selección (el selector plegado) */
.pc .pc-sel{display:none;align-items:center;gap:14px;margin-top:12px;padding:10px 10px 10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .22s var(--ease-out)}
.pc .pc-sel.is-on{display:flex}
.pc .pc-sel.is-in{opacity:1;transform:none}
.pc .pc-sel.is-out{opacity:0;transition-duration:.15s}
.pc .pc-sel-mark{flex:none;display:grid;place-items:center;width:92px;height:46px;border-right:1px solid var(--line);padding-right:10px;overflow:hidden}
.pc .pc-sel-mark img{width:96px;max-width:none;filter:brightness(.45)}
.pc .pc-sel-mark svg.i{width:26px;height:26px;color:var(--ink)}
.pc .pc-sel-txt{flex:1;min-width:0}
@media (max-width:420px){.pc .pc-sel{gap:10px}.pc .pc-sel-mark{width:62px;height:40px;padding-right:8px}.pc .pc-sel-mark img{width:66px}.pc .pc-change{padding:0 12px;font-size:13.5px}}
.pc .pc-sel-k svg.i{width:12px;height:12px;stroke-width:3;color:var(--red);margin-right:5px;vertical-align:-1px}
.pc .pc-sel-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc .pc-sel-v{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.25}
.pc .pc-sel-v:focus{outline:none}
.pc .pc-change{flex:none;margin-left:auto;min-height:44px;padding:0 16px;border:1px solid var(--btn-line);border-radius:999px;background:var(--surface);color:var(--red);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .12s ease}
.pc .pc-change:hover{border-color:var(--red)}
/* Ficha de pago */
.pc .pc-card,.pc .pc-panel{display:none;margin-top:14px;container-type:inline-size;container-name:card;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 var(--r-lg);box-shadow:0 1px 2px rgba(30,32,34,.04),0 10px 30px rgba(30,32,34,.05);overflow:hidden}
.pc .pc-card.is-on,.pc .pc-panel.is-on{display:block}
.pc .pc-sec{opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .32s var(--ease-soft)}
.pc .pc-card.is-in .pc-sec,.pc .pc-panel.is-in .pc-sec{opacity:1;transform:none}
.pc .pc-card.is-in .pc-sec:nth-child(2),.pc .pc-panel.is-in .pc-sec:nth-child(2){transition-delay:.08s}
.pc .pc-card.is-in .pc-sec:nth-child(3),.pc .pc-panel.is-in .pc-sec:nth-child(3){transition-delay:.16s}
.pc .pc-card.is-in .pc-sec:nth-child(4){transition-delay:.22s}
.pc .pc-card.is-out .pc-sec,.pc .pc-panel.is-out .pc-sec{opacity:0;transform:none;transition-duration:.14s;transition-delay:0s}
/* Titular: región propia (Gestalt de región común) con el tinte de la selección, acento rojo único y la línea corta del sitio */
.pc .pc-id{display:grid;gap:0;padding:24px 20px 22px;background:var(--id-tint)}
.pc .pc-id .pc-k{color:var(--red);letter-spacing:.1em}
.pc .pc-rule{width:58px;height:3px;margin:14px 0 12px;border:0;background:var(--red)}
.pc .pc-id .pc-ruc{margin-top:16px}
.pc .pc-id .pc-ruc .num{font-size:18px}
@container card (min-width:700px){.pc .pc-id{grid-template-columns:1fr auto;align-items:end;gap:12px 40px;padding:30px 32px 28px}.pc .pc-id .pc-ruc{margin:0;justify-content:flex-end}}
.pc .pc-who{display:grid;gap:14px;padding:20px 20px 18px;border-bottom:1px solid var(--line)}
@container card (min-width:700px){.pc .pc-who{grid-template-columns:1fr 1fr;gap:16px 24px;align-items:start;padding:22px 32px 20px}.pc .pc-who>.pc-verify:first-child,.pc .pc-who>.pc-jump{grid-column:1/-1}}
.pc .pc-k{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc .pc-co{margin:0;font-size:clamp(25px,3.2vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.pc .pc-co-sub{margin:4px 0 0;font-size:14px;color:var(--muted)}
.pc .pc-ruc{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:14px}
.pc .pc-ruc .lbl{font-size:13px;font-weight:700;color:var(--muted)}
.pc .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;font-size:17px;font-weight:500;letter-spacing:.01em;color:var(--ink)}
.pc .pc-covers{margin:12px 0 0;font-size:14px;color:var(--ink-2)}
.pc .pc-covers b{color:var(--ink);font-weight:500}
.pc .pc-verify{display:flex;gap:12px;align-items:flex-start;margin:0;padding:14px 16px;border-radius:var(--r-md);background:var(--soft);font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.pc .pc-verify svg.i{width:22px;height:22px;margin-top:1px;color:var(--ink)}
.pc .pc-verify b{color:var(--ink)}
@container card (min-width:700px){.pc .pc-verify{align-self:start}}
.pc .pc-where{padding:22px 20px 14px}
@container card (min-width:700px){.pc .pc-where{padding:26px 32px 16px}}
.pc .pc-where .pc-q{font-size:18px}
.pc .pc-note{margin:6px 0 14px 38px;font-size:13.5px;color:var(--muted)}
.pc .pc-cols{display:none}
.pc .pc-list{list-style:none;margin:0;padding:0}
.pc .pc-bank{padding:14px 0;border-top:1px solid var(--line)}
.pc .pc-bank-n{margin:0 0 2px;font-size:16px;font-weight:700;color:var(--ink)}
.pc .pc-acc{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"cur num btn";align-items:center;column-gap:8px;min-height:50px;padding:2px 0}
.pc .pc-cur{grid-area:cur;font-size:12.5px;font-weight:700;color:var(--muted)}
.pc .pc-numw{grid-area:num;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pc .pc-acc .pc-copy{grid-area:btn}
.pc .pc-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--soft);font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.pc .pc-none{grid-area:num;font-size:14px;color:var(--faint)}
@container card (min-width:560px) and (max-width:859px){
  .pc .pc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
}
@container card (min-width:860px){
  .pc .pc-cols{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:20px;padding:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .pc .pc-bank{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:20px;align-items:center;padding:8px 0}
  .pc .pc-bank-n{margin:0;font-size:15.5px}
  .pc .pc-acc{grid-template-columns:1fr auto;grid-template-areas:"num btn";column-gap:12px}
  .pc .pc-cur{display:none}
  .pc .pc-numw{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .pc .pc-note{margin-bottom:16px}
}
.pc .pc-copy{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 11px;border:1px solid var(--btn-line);border-radius:10px 10px 0 10px;background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease,background-color .12s ease,transform .08s ease}
.pc .pc-copy svg.i{width:16px;height:16px}
.pc .pc-copy:hover{border-color:var(--ink)}
.pc .pc-copy:active{transform:scale(.97)}
.pc .pc-copy .ok{display:none}
.pc .pc-copy.is-done{border-color:var(--red);background:var(--red-tint);color:var(--red)}
.pc .pc-copy.is-done .ok{display:block}
.pc .pc-copy.is-done .cp{display:none}
@container card (min-width:860px){.pc .pc-copy{min-height:38px}}
/* Cotización del dólar: pizarra destacada, como el cuadro de la página anterior (fondo oscuro, montos grandes).
   Se ve con o sin marca elegida. Compra y venta en dos columnas con «Gs.» y cifras tabulares (2026-10-08). */
.pc .pc-fx{display:grid;gap:12px;margin:4px 0 18px;padding:16px 18px 14px;border-radius:var(--r-md) var(--r-md) 0 var(--r-md);background:var(--ink);color:#fff}
.pc .pc-fx-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pc .pc-fx-v{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:0}
.pc .pc-fx-v div{display:grid;gap:2px;min-width:0}
.pc .pc-fx-v dt{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pc .pc-fx-v dd{margin:0;font-size:24px;font-weight:700;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}
.pc .pc-fx-cur{margin-right:5px;font-size:14px;color:rgba(255,255,255,.75)}
.pc .pc-fx small{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.75)}
@container card (min-width:700px){.pc .pc-fx{max-width:520px}.pc .pc-fx-v dd{font-size:30px}.pc .pc-fx-cur{font-size:16px}}
.pc .pc-alt{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.pc .pc-alt p{margin:0}
.pc .pc-alt b{color:var(--ink)}
.pc .pc-alt-b{display:flex;flex-wrap:wrap;gap:8px}
.pc .pc-jump{display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:32px;font-size:14px;font-weight:700;color:var(--red);text-decoration:none}
.pc .pc-jump:hover{text-decoration:underline}
.pc .pc-jump svg.i{width:16px;height:16px}
.pc #pc-send-h{scroll-margin-top:16px}
.pc #pc-send-h:focus{outline:none}
.pc .pc-rules,.pc .pc-nobank{margin:14px 0 0;max-width:80ch;font-size:13.5px;line-height:1.55;color:var(--muted)}
.pc .pc-nobank a{color:var(--ink);font-weight:700}
.pc .pc-send-cta{display:grid;gap:8px;justify-items:start}
@container card (min-width:700px){.pc .pc-send-cta{justify-items:end;text-align:right}}
.pc .pc-send-alt{font-size:13.5px;color:rgba(255,255,255,.8)}
.pc .pc-btn{white-space:nowrap}
@container card (max-width:440px){.pc .pc-btn-x{display:none}}
.pc .pc-chip{min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:999px;background:var(--soft);color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}
.pc .pc-chip:hover{border-color:var(--line-2);background:var(--surface)}
.pc .pc-send{display:grid;gap:16px;padding:22px 20px 24px;background:var(--ink);color:#fff}
@container card (min-width:700px){.pc .pc-send{grid-template-columns:1fr auto;align-items:center;padding:24px 32px}}
.pc .pc-send h3{display:flex;align-items:center;gap:12px;margin:0;font-size:17px;font-weight:700;color:#fff}
.pc .pc-send p{margin:6px 0 0 38px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.pc .pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:0;border-radius:12px 12px 0 12px;background:var(--red);color:#fff;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .08s ease}
.pc .pc-btn:hover{background:var(--red-ink)}
.pc .pc-btn:active{transform:scale(.98)}
.pc .pc-btn svg{width:20px;height:20px;fill:currentColor}
.pc .pc-copy:focus-visible,.pc .pc-change:focus-visible,.pc .pc-chip:focus-visible,.pc .pc-btn:focus-visible,.pc .pc-fx summary:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.pc .pc-send .pc-btn:focus-visible{outline-color:#fff}
.pc .pc-foot{margin:22px 0 0;font-size:14px;color:var(--muted)}
.pc .pc-foot a{color:var(--ink);font-weight:700;white-space:nowrap}
/* Paso 2: los tres medios como opciones pares (mismo nivel, mismo peso visual) */
.pc .pc-methods{margin-top:36px;container-type:inline-size;container-name:methods}
.pc .pc-mgrid{display:grid;grid-template-columns:1fr;gap:10px}
@container methods (min-width:760px){.pc .pc-mgrid{grid-template-columns:repeat(3,1fr)}}
.pc .pc-mopt{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc .pc-mface{display:flex;gap:14px;align-items:flex-start;height:100%;padding:16px 46px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md) var(--r-md) 0 var(--r-md);transition:border-color .15s ease,background-color .15s ease,box-shadow .12s ease}
.pc .pc-mico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--soft);color:var(--ink);transition:background-color .15s ease,color .15s ease}
.pc .pc-mico svg.i{width:22px;height:22px;stroke-width:1.7}
.pc .pc-mt{display:block;font-size:16px;font-weight:700;line-height:1.3;color:var(--ink)}
.pc .pc-ms{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--muted)}
.pc .pc-mopt:hover .pc-mface{border-color:var(--line-2)}
.pc .pc-mopt input:checked+.pc-mface{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:var(--red-tint)}
.pc .pc-mopt input:checked+.pc-mface .pc-mico{background:var(--surface);color:var(--red)}
.pc .pc-mopt input:focus-visible+.pc-mface{outline:3px solid var(--red);outline-offset:2px}
.pc .pc-mopt .pc-check{top:14px;right:14px}
.pc .pc-mopt input:checked~.pc-check{opacity:1;transform:none}
/* Paso 3: pasos del medio elegido */
.pc .pc-ol{display:grid;gap:10px;max-width:74ch;margin:6px 0 0;padding-left:22px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.pc .pc-ol li::marker{color:var(--muted);font-weight:700}
.pc .pc-ol b{color:var(--ink)}
.pc .pc-sub{margin:22px 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pc .pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pc .pc-tags li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13.5px;color:var(--ink-2)}
.pc .pc-tags--lg li{padding:10px 16px;font-size:15px;font-weight:600;color:var(--ink)}
.pc .pc-need{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0 16px;padding:14px 16px;border-radius:var(--r-md);background:var(--red-tint);font-size:14.5px;line-height:1.5;color:var(--ink)}
.pc .pc-need p{flex:1 1 240px;margin:0}
.pc .pc-chip--red{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff}
.pc .pc-chip--red:hover{background:var(--red-ink);border-color:transparent;color:#fff}
.pc .pc-chip--red svg.i{width:16px;height:16px}
.pc .pc-lead2{margin:2px 0 12px;font-size:15.5px;color:var(--ink-2)}
.pc .pc-bc-co{margin-top:16px}
.pc .pc-where .pc-verify{margin:12px 0 14px}
.pc .pc-where .pc-jump{margin:0 0 4px}
.pc .pc-card>.pc-who:last-child{border-bottom:0}
.pc .pc-card .pc-who{grid-template-columns:1fr}
@container card (min-width:700px){.pc .pc-card .pc-alt{display:flex;align-items:center;justify-content:space-between;gap:12px 24px}.pc .pc-card .pc-alt p{flex:1 1 auto}.pc .pc-card .pc-alt-b{flex:none}}
/* Consulta por WhatsApp donde falta un dato: acción secundaria, en el punto de la duda */
.pc .pc-ask{display:grid;gap:10px;margin:12px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft)}
.pc .pc-ask p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.pc .pc-ask b{color:var(--ink)}
.pc .pc-ask-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--btn-line);border-radius:10px 10px 0 10px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;transition:border-color .12s ease}
.pc .pc-ask-btn:hover{border-color:var(--ink)}
.pc .pc-ask-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.pc .pc-ask-btn svg{width:18px;height:18px;fill:#1A9E4B}
.pc .pc-verify a{color:var(--ink);font-weight:700}
/* Solo celular (pedido del dueño 2026-10-08): la nota de bancos sin sangría y el aviso del titular sin columna de ícono */
@media (max-width:575px){
  .pc .pc-note{margin-left:0}
  .pc .pc-verify{display:flow-root}
  .pc .pc-verify svg.i{float:left;margin:1px 10px -4px 0}
}
.pc.no-anim *,.pc.no-anim *::before,.pc.no-anim *::after{transition:none!important}
@media (prefers-reduced-motion:reduce){.pc *,.pc *::before,.pc *::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- Producción: enlaces (el tema los pinta de azul y les quita el foco con especificidad 0,3,1) ---------- */
.pc a.pc-btn:not(.btn):is(:hover,:focus,:active){color:#fff}
.pc a.pc-ask-btn:not(.btn):is(:hover,:focus,:active){color:var(--ink)}
.pc a.pc-jump:not(.btn):is(:hover,:focus,:active){color:var(--red)}
.pc a.pc-jump:not(.btn):hover{text-decoration:underline}
.pc .pc-foot a:not(.btn):is(:hover,:focus,:active),.pc .pc-nobank a:not(.btn):is(:hover,:focus,:active),.pc .pc-verify a:not(.btn):is(:hover,:focus,:active),.pc .pc-tile--help a:not(.btn):is(:hover,:focus,:active),.pc .pc-nojs a:not(.btn):is(:hover,:focus,:active){color:var(--ink);text-decoration:underline}
.pc a:not(.btn):focus-visible{outline:3px solid var(--red);outline-offset:2px}
.pc .pc-send a.pc-btn:not(.btn):focus-visible{outline-color:#fff}

/* ---------- Producción: alineado con el recuadro del título y versión sin JavaScript ---------- */
@media (min-width:768px){.pc{padding:0 15px}}
#section8 .heading-section,#section8 .heading-section h2{margin-bottom:0}  /* título → primer párrafo: 22 px como la maqueta (el tema deja 60) */
/* Celulares de 360-375 px: el sitio deja 30 px por lado (la maqueta, 16) y los números de 15 caracteres no entraban */
@container card (max-width:320px){.pc .pc-where{padding-left:16px;padding-right:16px}.pc .pc-acc{grid-template-columns:26px 1fr auto;column-gap:6px}.pc .pc-acc .num{font-size:15px;letter-spacing:0}}
.pc .pc-nojs{margin:8px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:15px;line-height:1.55;color:var(--ink-2)}
.pc .pc-nojs p{margin:0 0 10px}
.pc .pc-nojs ul{margin:0 0 12px;padding-left:20px}
.pc .pc-nojs a{color:var(--ink);font-weight:700}