/* Widget Planes */
.pricing{background:var(--surface)}
.assurances{list-style:none;padding:0;margin:-20px auto 32px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;font-size:.95rem}
.assurances li{display:flex;align-items:center;gap:8px}
.assurances .i{color:var(--primary-text);font-size:20px}
.terms-switch{display:flex;justify-content:center;margin-bottom:44px}
.tablist-h{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px;gap:4px}
.tab-h{font:inherit;font-weight:600;font-size:1rem;background:transparent;border:0;border-radius:10px;padding:12px 22px;cursor:pointer;color:var(--ink-2);display:flex;align-items:center;gap:10px}
.tab-h:hover{color:var(--ink)}
.tab-h[aria-selected="true"]{background:var(--c-morado-osc);color:#fff}
.save{font-size:.82rem;font-weight:700;background:var(--offer-soft);color:var(--offer-ink);padding:3px 8px;border-radius:999px}
.tab-h[aria-selected="true"] .save{background:var(--primary);color:var(--c-morado-osc)}
.is-dark .tab-h[aria-selected="true"]{background:#fff;color:var(--c-morado-osc)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:32px}
.plan{grid-row:span 8;display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start;position:relative;background:linear-gradient(180deg,#FFFFFF 60%,var(--c-lila-3) 100%);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px 26px;scroll-margin-top:96px;transition:box-shadow .2s}
.plan-featured{border:2px solid var(--primary);padding:29px 25px 25px;background:linear-gradient(180deg,var(--c-durazno) 0%,#FFFFFF 38%)}
.plan.is-highlight{box-shadow:0 0 0 4px var(--primary)}
.badge{position:absolute;top:-14px;left:25px;background:var(--primary);color:var(--c-morado-osc);font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:999px}
.plan-name{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.plan-kind{display:block;font-size:.82rem;font-weight:600;letter-spacing:0;color:var(--primary-text);margin-bottom:2px}
.plan-aud{color:var(--ink-2);font-size:.95rem;margin:0 0 22px}
.was{font-size:.95rem;color:var(--ink-3)}
.amount{display:flex;align-items:flex-start;line-height:1;margin:6px 0 10px}
.cur{font-size:1.4rem;font-weight:700;margin-top:6px}
.js-mensual{font-size:3rem;font-weight:800;letter-spacing:-.045em}
.per{align-self:flex-end;font-size:1rem;color:var(--ink-2);font-weight:500;margin:0 0 6px 4px}
.per .tax{font-size:.85rem;font-weight:600}
.terms{font-size:.88rem;color:var(--ink-2);margin:0 0 22px}
.terms strong{color:var(--ink)}
.btn-plan{padding:12px 22px;justify-self:start;align-self:start;margin-bottom:24px}
.plan-aviso{grid-column:1/-1;margin-top:12px}
.feats:empty{border-top:0;padding:0}
.feats{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:13px;font-size:.95rem}
.feat{display:flex;gap:10px;align-items:flex-start}
.feat-key{font-weight:500}
.feat-key + .feat:not(.feat-key){border-top:1px dashed var(--line);padding-top:13px}
.feat .fi{flex:none;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:16px;background:var(--grad-chip-ice);color:var(--ink);margin-top:-2px}
.feat-key .fi{background:var(--grad-chip);color:var(--primary-text)}
.feat-no .fi{background:var(--c-lila-3);color:var(--c-gris-suave)}
.ic{flex:none;margin-top:3px;width:18px;height:18px}
.ic-yes{color:var(--primary-text)}
.ic-no{color:var(--c-gris-suave)}
.feat-no{color:var(--ink-3)}
.feat-no > span{text-decoration:line-through;text-decoration-color:var(--c-gris-suave)}
.more{display:none}
.term{position:relative;display:inline}
.term-btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:help;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:var(--ink-3)}
.tip{position:absolute;z-index:5;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:240px;background:var(--c-morado-osc);color:#fff;font-size:.85rem;font-weight:400;line-height:1.45;padding:10px 12px;border-radius:var(--radius-sm);display:none;max-width:calc(100vw - 48px);text-decoration:none}
.term:hover .tip,.term-btn:focus-visible + .tip,.term.is-open .tip{display:block}
.included{margin-top:36px;background:linear-gradient(135deg,var(--c-durazno-3),var(--c-lila));border-radius:var(--radius-lg);padding:28px 30px;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}
.included-title{margin:0;font-size:1.15rem;font-weight:800}
.included ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;font-size:.95rem}
.included li{display:flex;gap:10px;align-items:center}
.before{margin-top:36px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;background:linear-gradient(180deg,#FFFFFF,var(--c-lila-3))}
.before h3{margin:0 0 6px;font-size:1.3rem;font-weight:800;letter-spacing:-.01em}
.before-lead{margin:0 0 24px;color:var(--ink-2)}
.before dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}
.before dt{font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.before dd{margin:0;color:var(--ink-2);font-size:.95rem}
.before dd strong{color:var(--ink)}
.before dd a{color:var(--primary-text);text-underline-offset:3px}
.fulltable{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.fulltable > summary{list-style:none;cursor:pointer;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:1.05rem}
.fulltable > summary::-webkit-details-marker{display:none}
.fulltable[open] > summary{border-bottom:1px solid var(--line)}
.qa-icon{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:transform .15s;font-size:15px}
.fulltable[open] .qa-icon{transform:rotate(45deg);border-color:var(--primary);color:var(--primary-text)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.cmp{width:100%;border-collapse:collapse;font-size:.94rem;min-width:720px}
.cmp caption{text-align:left;padding:16px 28px 0;color:var(--ink-2);font-size:.9rem}
.cmp th,.cmp td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp thead th{position:sticky;top:0;background:var(--surface);font-size:1rem;padding-top:18px}
.cmp tbody th{text-align:left;font-weight:500;color:var(--ink);position:sticky;left:0;background:var(--surface);min-width:220px}
.cmp .grp th{background:var(--ice);font-weight:700;font-size:.85rem;color:var(--ink-2);padding:10px 16px;text-align:left}
.cmp .col-featured{background:var(--c-durazno)}
.cmp td .ic{display:inline-block;margin:0;vertical-align:middle}
.upsell{margin-top:20px;background:var(--grad-dark);color:#fff;border-radius:var(--radius-lg);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.upsell-title{font-size:1.15rem;font-weight:700;margin:0 0 4px}
.upsell p{margin:0;color:var(--on-dark-2);font-size:.95rem;max-width:62ch}
.upsell .upsell-title{color:#fff}
.upsell .btn{flex:none}
.money-back{text-align:center;margin:32px 0 0;color:var(--ink-2)}
.money-back strong{color:var(--ink)}
.money-back-ic{color:var(--primary-text);font-size:1.2em;vertical-align:-3px;margin-right:4px}
@media (max-width:1100px){
  .plans{grid-template-columns:repeat(2,1fr)}
  .included{grid-template-columns:1fr}
  .included ul{grid-template-columns:repeat(2,1fr)}
  .before dl{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .assurances{justify-content:flex-start;max-width:340px;margin-inline:auto}
  .tablist-h{width:100%}
  .tab-h{flex:1;justify-content:center;padding:12px 10px;flex-direction:column;gap:4px}
  .plans{grid-template-columns:1fr;row-gap:28px}
  .feats.is-collapsed .is-extra{display:none}
  .more{display:block;margin-top:16px;font:inherit;font-weight:600;color:var(--primary-text);background:none;border:0;padding:6px 0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
  .more[hidden]{display:none}
  .included ul{grid-template-columns:1fr}
  .upsell{flex-direction:column;align-items:flex-start}
  .tip{left:0;transform:none;width:220px}
  .before{padding:24px 20px}
  .before dl{grid-template-columns:1fr}
  .fulltable > summary{padding:18px 20px}
  .cmp tbody th{min-width:160px}
}
@media (prefers-reduced-motion:reduce){.plan{scroll-margin-top:96px}}