/* The pricing page (ZT-374, /pricing and /es/precios): the tax prices on one sheet of the paper cream, set like the Zolt
   Growth rate card (growth.css .g-rates) so the two price lists read as one family. Loaded only on these two pages, after
   compat.css: the sheet is an .sv-sec, which compat leaves alone, and its words are re-inked for the cream here. */
.pr-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:start}
.pr-head{grid-column:1/span 4;position:sticky;top:calc(var(--head-h) + var(--s6))}
.pr-body{grid-column:6/-1}
main.compat .pr-sheet h2{margin:0;color:var(--cream-ink);font-size:clamp(30px,2.4vw + 14px,56px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.pr-head p{margin-top:var(--s4);max-width:28em;color:var(--cream-mute);font-size:var(--t-lead);line-height:1.55}
.pr-group+.pr-group{margin-top:var(--s7)}
main.compat .pr-sheet h3{margin:0;padding-bottom:var(--s3);color:var(--cream-ink);font:600 var(--t-cap)/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase}
.pr-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--cream-ink)}
.pr-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s5);align-items:baseline;padding:var(--s4) 0;border-bottom:1px solid var(--cream-line)}
.pr-what{display:grid;gap:2px;color:var(--cream-ink)}
main.compat .pr-sheet a.pr-what{color:var(--cream-ink);text-decoration:none}
.pr-what b{width:fit-content;font:600 clamp(18px,.5vw + 15px,22px)/1.2 var(--f-display);letter-spacing:-.02em}
a.pr-what b{background:linear-gradient(var(--gold-ink),var(--gold-ink)) 0 100%/0 1px no-repeat;transition:background-size var(--dur-ui) var(--ease-out)}
a.pr-what:is(:hover,:focus-visible) b{background-size:100% 1px}
.pr-what span{color:#3A362F;font-size:var(--t-small);line-height:1.5}
.pr-sheet :focus-visible{outline-color:var(--gold-ink)}
.pr-p{display:grid;justify-items:end;text-align:right;white-space:nowrap}
.pr-p .num{color:var(--gold-ink);font-size:clamp(17px,.4vw + 15px,20px)}
.pr-note{margin-top:var(--s5);color:var(--cream-mute);font-size:var(--t-cap);line-height:1.55}
.pr-more{margin-top:var(--s6);color:var(--on-dark);font-size:var(--t-small)}

@media (max-width:1060px){
  .pr-head{position:static;grid-column:1/-1}
  .pr-body{grid-column:1/-1;margin-top:var(--s6)}
}
@media (max-width:640px){
  .pr-list li{grid-template-columns:1fr;row-gap:6px}
  .pr-p{justify-items:start;text-align:left}
}
@media (prefers-reduced-motion:reduce){a.pr-what b{transition:none}}