/* EducaQuix Scholar */
.phero__qx--s { top: -96px; }

/* planes (hero mock) */
.pw { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 620px) { .pw { grid-template-columns: minmax(0, 1fr) 260px; } }
.pw__list { display: grid; gap: 10px; padding: 20px; align-content: start; }
.pw__plan { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 18px; background: var(--surface); border: 1.5px solid var(--line-2); text-align: left;
  transition: border-color .2s, box-shadow .2s; }
.pw__plan:hover { border-color: var(--turq); }
.pw__plan[aria-checked="true"] { border-color: var(--turq); box-shadow: 0 0 0 3px rgba(14, 201, 180, .2); }
.pw__ico { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--chip); color: var(--turq-d); }
:root[data-theme="dark"] .pw__ico { color: var(--agua); }
.pw__ico svg { width: 24px; height: 24px; }
.pw__plan b { display: block; font-size: .95rem; }
.pw__plan small { font-size: .74rem; color: var(--text-2); }
.pw__plan em { font-style: normal; font-weight: 600; font-size: 1.05rem; }
.pw__new { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 16px; border: 1.5px dashed var(--line-2); color: var(--text-2); font-size: .85rem; font-weight: 500; }
.pw__new svg { width: 16px; height: 16px; }
.pw__inv { display: flex; flex-direction: column; gap: 10px; padding: 20px; background: var(--surface); border-top: 1px solid var(--line); }
@media (min-width: 620px) { .pw__inv { border-top: 0; border-left: 1px solid var(--line); } }
.pw__lbl { font-size: .7rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--text-3); }
.pw__row { display: grid; gap: 1px; }
.pw__row span { font-size: .7rem; color: var(--text-3); }
.pw__row b { font-size: .88rem; font-weight: 600; }
.pw__det { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-top: 1px dashed var(--line-2); border-bottom: 1px dashed var(--line-2); margin-top: 4px; }
.pw__det span { font-size: .88rem; }
.pw__det b { font-size: 1.3rem; letter-spacing: -.02em; }
.pw__note { font-size: .74rem; color: var(--text-2); }
.pw__inv .btn { margin-top: auto; }
.pw__demo { font-size: .7rem; color: var(--text-3); }

/* padrón */
.padron { display: grid; gap: 16px; max-width: 520px; width: 100%; justify-self: center; }
.padron__h { display: flex; justify-content: space-between; align-items: center; }
.padron__in { display: flex; gap: 10px; }
.padron__in .input-icon { flex: 1; }
.padron__in .btn svg { width: 20px; height: 20px; }
.padron__res { min-height: 180px; border-radius: 18px; background: var(--surface-2); border: 1px solid var(--line); padding: 16px; display: grid; }
.padron__st { display: none; }
.padron__res[data-state="idle"] .padron__st--idle, .padron__res[data-state="ok"] .padron__st--ok { display: grid; gap: 10px; align-content: start; }
.padron__res[data-state="wait"] .padron__st--wait { display: grid; justify-items: center; align-content: center; text-align: center; gap: 4px; }
.padron__st--idle { place-content: center; text-align: center; }
.padron__qx { width: 120px; }
.pd-row { display: grid; grid-template-columns: 110px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); animation: dishIn .35s var(--ease) both; }
.pd-row:nth-child(2) { animation-delay: .08s; } .pd-row:nth-child(3) { animation-delay: .16s; }
.pd-row span { font-size: .76rem; color: var(--text-3); }
.pd-row b { font-size: .88rem; font-weight: 600; }
.pd-row--ask b { font-weight: 500; color: var(--text-2); font-style: italic; }
@keyframes dishIn { from { opacity: 0; transform: translateY(6px); } }
@media (max-width: 460px) { .pd-row { grid-template-columns: 1fr auto; } .pd-row span { grid-column: 1 / -1; } }

/* cartera */
.aging { display: grid; gap: 18px; }
.aging__top { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.aging__bar { display: flex; gap: 6px; height: 64px; }
.ag-seg { position: relative; flex: var(--f) 1 0; min-width: 44px; border: 0; border-radius: 14px; background: var(--c); color: var(--navy); font-weight: 600; font-size: .8rem; display: grid; place-items: center; padding: 4px;
  transition: transform .2s var(--ease), box-shadow .2s, opacity .2s; }
.ag-seg:hover { transform: translateY(-2px); }
.aging__bar.has-sel .ag-seg[aria-checked="false"] { opacity: .45; }
.ag-seg[aria-checked="true"] { box-shadow: 0 0 0 3px var(--surface), 0 0 0 5px var(--navy); }
:root[data-theme="dark"] .ag-seg[aria-checked="true"] { box-shadow: 0 0 0 3px var(--surface), 0 0 0 5px #fff; }
.aging__legend { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.aging__legend span { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--text-2); }
.aging__legend i { width: 12px; height: 12px; border-radius: 4px; background: var(--c); }
.aging__table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .88rem; }
.aging__table th { text-align: left; font-size: .72rem; font-weight: 600; color: var(--text-3); padding: 10px 12px; border-bottom: 1px solid var(--line); }
.aging__table td { padding: 12px; border-bottom: 1px solid var(--line); }
.aging__table .r { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.aging__table tr { animation: dishIn .3s var(--ease) both; }
.ag-dot { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--text-2); white-space: nowrap; }
.ag-dot i { width: 10px; height: 10px; border-radius: 50%; background: var(--c); }
@media (max-width: 700px) { .aging__table th:nth-child(2), .aging__table td:nth-child(2), .aging__table th:nth-child(3), .aging__table td:nth-child(3) { display: none; } }

.ctl { display: grid; gap: 16px; }
@media (min-width: 700px) { .ctl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ctl { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.we { display: grid; gap: 24px; align-items: center; }
@media (min-width: 860px) { .we { grid-template-columns: auto 1fr; gap: 40px; padding: 44px 48px; } }
.we__qx { width: 180px; justify-self: center; }

.s-lockup { width: 176px; margin-bottom: 20px; }
.s-help { display: grid; gap: 12px; max-width: 480px; justify-self: center; width: 100%; }
.code { display: flex; gap: 7px; margin: 10px 0; }
.code span { display: grid; place-items: center; width: 44px; height: 58px; border-radius: 13px; background: var(--surface-2); border: 1.5px solid var(--line-2); font-size: 1.65rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.code i { width: 8px; }
@media (max-width: 380px) { .code span { width: 38px; height: 52px; font-size: 1.4rem; } }
.seg--sm { padding: 4px; border-radius: 13px; }
.seg--sm .seg__opt { min-height: 34px; padding: 6px 12px; font-size: .82rem; border-radius: 10px; }