/* ---------- /activar/ (estructura común; cada tema la viste) ---------- */
.buy{padding:var(--vf-s5) 0 var(--vf-s9)}
.buy-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vf-s7)}
@media (min-width:960px){.buy-grid{grid-template-columns:minmax(0,600px) minmax(0,380px);justify-content:space-between;gap:var(--vf-s8)}.buy-aside{position:sticky;top:24px;align-self:start;margin-top:120px}}
.buy-steps{list-style:none;margin:0 0 var(--vf-s5);padding:0;display:flex;gap:6px 18px;flex-wrap:wrap;font-size:14px;font-weight:700;color:var(--vf-ink-2)}
.buy-steps li{display:flex;align-items:center;gap:8px}
.buy-steps span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;font-size:12px}
.buy-steps li[aria-current] {color:var(--vf-ink)}
.buy-steps li[aria-current] span{background:var(--vf-red);border-color:var(--vf-red);color:#fff}
.buy h1{font-size:clamp(36px,6vw,56px);line-height:var(--vf-lh-tight);margin-bottom:var(--vf-s3)}
.buy-sub{font-size:var(--vf-fs-lg);color:var(--vf-ink-2);margin-bottom:var(--vf-s6)}
.plan-box{border-radius:var(--vf-r-lg);padding:var(--vf-s5);margin-bottom:var(--vf-s6)}
.plan-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.plan-name{font-weight:var(--vf-fw-head);font-size:20px;line-height:1.25}
.plan-meta{font-size:15px;color:var(--vf-ink-2);margin-top:2px}
.plan-price{text-align:right;white-space:nowrap;line-height:1.1}
.plan-price strong{display:block;font-size:22px;font-weight:var(--vf-fw-head)}
.plan-price span{font-size:14px;color:var(--vf-ink-2)}
.plan-change{margin-top:var(--vf-s3)}
.plan-change summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;font-size:15px;color:var(--vf-red-action);text-decoration:underline;text-underline-offset:3px;list-style:none}
.plan-change summary::-webkit-details-marker{display:none}
.plan-change fieldset{display:grid;gap:8px;padding-top:4px}
.opt{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--vf-line);border-radius:var(--vf-r-md);background:#fff;cursor:pointer}
.opt input{accent-color:var(--vf-red);width:20px;height:20px;flex:0 0 20px;margin:0}
.opt strong{display:block;font-size:16px}
.opt small{display:block;font-size:14px;color:var(--vf-ink-2)}
.opt:has(input:checked){border-color:var(--vf-red);background:var(--vf-red-tint)}
.today{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:var(--vf-s4);padding-top:var(--vf-s4);border-top:1px solid var(--vf-line)}
.today span{font-weight:var(--vf-fw-head)}
.today strong{font-size:28px;font-weight:var(--vf-fw-head);color:var(--vf-red)}
.today-detail{font-size:14px;color:var(--vf-ink-2);margin-top:4px}
.buy-secure{margin:var(--vf-s3) 0 0;text-align:center}
.buy-familia{margin-top:var(--vf-s5);padding:var(--vf-s4);border-radius:var(--vf-r-md);background:var(--vf-surface);font-size:16px}
.buy-legal{margin-top:var(--vf-s7);padding-top:var(--vf-s5);border-top:1px solid var(--vf-line);display:grid;gap:var(--vf-s4);font-size:14px;color:var(--vf-ink-2)}
.descriptor-box{padding:var(--vf-s4);border-radius:var(--vf-r-md);background:var(--vf-surface);font-size:14px;line-height:1.5}
.buy-aside h2{font-size:22px;margin-bottom:var(--vf-s3)}
.buy-aside .check li{font-size:16px}
.aside-rating{display:flex;align-items:center;gap:6px;margin:var(--vf-s5) 0 var(--vf-s3);font-size:15px}
.aside-rating .stars{color:var(--vf-red);display:inline-flex}
.buy-foot{padding:var(--vf-s6) 0}
.buy-foot .legal{border-top:0;padding-top:0}
/* ===== Propuesta B · "Blanco editorial" — revista: blanco, filetes finos, rojo solo en CTA, precios y palabras clave ===== */
.wrap.narrow{max-width:860px}
.t-b .site-head{border-bottom:1px solid var(--vf-line);background:var(--vf-bg)}
.b-hero{padding:var(--vf-s7) 0 var(--vf-s8)}
.b-hero .wrap{display:grid;gap:var(--vf-s6);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.b-hero .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:var(--vf-s8)}}
.b-eyebrow{font-size:15px;font-weight:700;color:var(--vf-ink-2);margin-bottom:var(--vf-s4);display:flex;align-items:center;gap:10px}
.b-eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--vf-red)}
.b-hero h1{font-size:clamp(40px,6.2vw,78px);line-height:1.04;letter-spacing:var(--vf-ls-display);font-weight:var(--vf-fw-display);margin-bottom:var(--vf-s5)}
.b-hero h1 span{color:var(--vf-red)}
.b-hero .lead{font-size:clamp(19px,1.8vw,22px);color:var(--vf-ink-2);max-width:560px;margin-bottom:var(--vf-s6)}
.b-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.b-cta .note{font-size:15px;color:var(--vf-ink-2);font-weight:600}
.b-photo{position:relative}
.b-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--vf-r-lg)}
.b-photo figcaption{margin-top:12px;font-size:14px;color:var(--vf-ink-2);display:flex;align-items:center;gap:8px}
.b-photo figcaption .dot{width:8px;height:8px;border-radius:50%;background:var(--vf-red);flex:0 0 8px}
.b-proof{border-top:1px solid var(--vf-line);border-bottom:1px solid var(--vf-line);background:var(--vf-surface)}
.b-proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.b-proof li{padding:20px 16px;text-align:center;font-size:15px;color:var(--vf-ink-2)}
.b-proof li strong{display:block;font-size:26px;font-weight:var(--vf-fw-head);color:var(--vf-ink);line-height:1.1}
.b-proof li:nth-child(odd){border-right:1px solid var(--vf-line)}
.b-proof li:nth-child(-n+2){border-bottom:1px solid var(--vf-line)}
@media (min-width:800px){.b-proof ul{grid-template-columns:repeat(4,minmax(0,1fr))}.b-proof li{border-bottom:0!important;border-right:1px solid var(--vf-line)}.b-proof li:last-child{border-right:0}}
.b-sec{padding:var(--vf-sec-y) 0;border-bottom:1px solid var(--vf-line)}
.b-sec .wrap{display:grid;gap:var(--vf-s5);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.b-sec .wrap{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--vf-s8)}}
.b-label{font-size:14px;font-weight:var(--vf-fw-head);letter-spacing:.1em;text-transform:uppercase;color:var(--vf-ink-2)}
.b-label b{color:var(--vf-red);margin-right:8px}
.b-sec h2{font-size:clamp(32px,4.6vw,56px);line-height:1.04;letter-spacing:var(--vf-ls-display);margin-bottom:var(--vf-s5)}
.b-sec h2 span{color:var(--vf-red)}
.b-body p{font-size:var(--vf-fs-lg);color:var(--vf-ink-2);max-width:680px;margin-bottom:var(--vf-s4)}
.b-body p.k{color:var(--vf-ink);font-weight:var(--vf-fw-head)}
.b-table{display:grid;grid-template-columns:minmax(0,1fr);margin-top:var(--vf-s6);border-top:1px solid var(--vf-line-strong)}
@media (min-width:700px){.b-table{grid-template-columns:1fr 1fr}}
.b-table>div{padding:var(--vf-s5) 0}
@media (min-width:700px){.b-table>div+div{padding-left:var(--vf-s6);border-left:1px solid var(--vf-line)}.b-table>div:first-child{padding-right:var(--vf-s6)}}
@media (max-width:699px){.b-table>div+div{border-top:1px solid var(--vf-line)}}
.b-table h3{font-size:15px;font-weight:var(--vf-fw-head);text-transform:uppercase;letter-spacing:.06em;color:var(--vf-ink-2);margin-bottom:var(--vf-s3)}
.b-table ul{list-style:none;margin:0;padding:0}
.b-table li{padding:8px 0;border-bottom:1px dashed var(--vf-line);font-size:18px}
.b-table .one{font-size:clamp(26px,3vw,34px);font-weight:var(--vf-fw-head);line-height:1.1;color:var(--vf-red)}
.b-table .one+p{margin-top:var(--vf-s3);font-weight:600}
.b-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.b-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:var(--vf-s5) 0;border-top:1px solid var(--vf-line)}
.b-steps li:first-child{border-top:0;padding-top:0}
.b-steps .n{font-size:34px;font-weight:var(--vf-fw-head);color:var(--vf-red);line-height:1}
.b-steps h3{font-size:var(--vf-fs-h3);margin-bottom:4px}
.b-steps p{color:var(--vf-ink-2)}
.b-quote blockquote{font-size:clamp(24px,3vw,36px);line-height:1.25;font-weight:700;font-style:italic;letter-spacing:-.01em}
.b-quote .who{display:block;margin-top:var(--vf-s4);font-weight:var(--vf-fw-head);font-size:16px;font-style:normal}
.b-quotes{display:grid;gap:var(--vf-s5);grid-template-columns:minmax(0,1fr);margin-top:var(--vf-s7)}
@media (min-width:800px){.b-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.b-quotes figure{border-top:1px solid var(--vf-line-strong);padding-top:var(--vf-s4);font-size:16px;color:var(--vf-ink-2)}
.b-quotes .who{display:block;margin-top:12px;color:var(--vf-ink);font-weight:var(--vf-fw-head)}
.b-prices{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--vf-line-strong)}
@media (min-width:800px){.b-prices{grid-template-columns:1fr 1fr}.b-prices>div+div{border-left:1px solid var(--vf-line);padding-left:var(--vf-s6)}.b-prices>div:first-child{padding-right:var(--vf-s6)}}
@media (max-width:799px){.b-prices>div+div{border-top:1px solid var(--vf-line)}}
.b-prices>div{padding:var(--vf-s6) 0;display:flex;flex-direction:column}
.b-prices .for{font-size:14px;font-weight:var(--vf-fw-head);letter-spacing:.1em;text-transform:uppercase;color:var(--vf-ink-2)}
.b-prices h3{font-size:26px;margin:6px 0 var(--vf-s4)}
.b-prices .amt{font-size:clamp(52px,6vw,72px);font-weight:var(--vf-fw-head);letter-spacing:var(--vf-ls-display);line-height:1;color:var(--vf-red)}
.b-prices .amt small{font-size:18px;letter-spacing:0;color:var(--vf-ink-2);font-weight:700}
.b-prices .note{font-size:14px;color:var(--vf-ink-2);margin-top:8px}
.b-prices .check{margin:var(--vf-s5) 0 var(--vf-s6)}
.b-prices .acts{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.b-answer{margin-top:var(--vf-s5);padding:var(--vf-s5);border-left:4px solid var(--vf-red);background:var(--vf-surface);border-radius:0 var(--vf-r-md) var(--vf-r-md) 0;font-size:18px}
.prices-foot{margin-top:var(--vf-s4);font-size:15px;color:var(--vf-ink-2)}
.faq{padding:var(--vf-sec-y) 0;background:var(--vf-surface)}
.faq h2{font-size:clamp(32px,4.6vw,56px);letter-spacing:var(--vf-ls-display);margin-bottom:var(--vf-s5)}
.b-close{padding:var(--vf-sec-y) 0;text-align:center;border-top:1px solid var(--vf-line)}
.b-close h2{font-size:clamp(38px,6vw,72px);letter-spacing:var(--vf-ls-display);line-height:1;margin-bottom:var(--vf-s5)}
.b-close h2 span{color:var(--vf-red)}
.b-close p{font-size:var(--vf-fs-lg);color:var(--vf-ink-2);margin-bottom:var(--vf-s6)}
/* compra (tema B) */
.t-b .plan-box{background:#fff;border:1px solid var(--vf-line);border-top:4px solid var(--vf-red);border-radius:0 0 var(--vf-r-md) var(--vf-r-md)}
.t-b .buy-aside{border-top:1px solid var(--vf-line-strong);padding-top:var(--vf-s4)}
