/* maia · páginas interiores (precios y preguntas). Misma gramática que la home: blanco, tinta, lila solo en gráficas y texto destacado. */
:root{--eo:cubic-bezier(.23,1,.32,1)}
.wrap{max-width:calc(1120px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
h1{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.05em;font-weight:400}
h2{font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em;font-weight:400}
h1 b,h2 b{font-weight:800}
.lede b{font-weight:700;color:var(--ink)}
h3{font-size:20px;letter-spacing:-.025em;font-weight:800;line-height:1.2}
.lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--gray-700);max-width:50ch}
.hl{color:var(--lila-deep)}
.muted{color:var(--gray-700)}
.row{display:flex;flex-wrap:wrap;gap:10px}
.top nav a.nl.on{color:var(--ink)}
.rise{animation:pgRise .7s var(--eo) both}
.rise:nth-child(2){animation-delay:.06s}.rise:nth-child(3){animation-delay:.12s}
@keyframes pgRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- Precios ---------- */
.p-hero{max-width:calc(1120px + 2 * var(--gutter));margin:0 auto;padding:clamp(56px,9vw,120px) var(--gutter) clamp(40px,5vw,64px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.p-hero h1{max-width:12ch}
.calc{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;padding:0 var(--gutter);animation-delay:.18s}
.calc-l,.calc-r{border-radius:var(--r-xl);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:16px;min-width:0}
.calc-l{background:var(--gray-50)}
.calc-l h2{font-size:clamp(26px,3vw,36px)}
.calc-r{background:var(--ink);color:var(--white);align-items:flex-start}
.calc-r .muted{color:var(--gray-300)}
.calc-r .btn-ink{margin-top:8px}
.stepper{display:flex;align-items:center;gap:8px;margin-top:8px}
.st-btn{width:56px;height:56px;border-radius:50%;background:var(--white);font-size:26px;font-weight:600;line-height:1;display:grid;place-items:center;box-shadow:0 1px 2px rgb(17 17 17/.06);transition:transform 140ms var(--eo),background 160ms ease}
.st-btn:active{transform:scale(.94)}
.st-btn:disabled{opacity:.35;cursor:default}
@media (hover:hover) and (pointer:fine){.st-btn:not(:disabled):hover{background:var(--gray-100)}}
.st-n{min-width:84px;text-align:center;font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:1}
.fam{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;margin-top:6px}
.fam .pp{width:40px;height:40px;display:block;animation:ppIn .32s var(--eo) both}
.fam .pp svg{width:100%;height:100%}
.fam .pp circle,.fam .pp path{fill:var(--ink)}
.fam .pp.x circle,.fam .pp.x path{fill:var(--lila)}
@keyframes ppIn{from{opacity:0;transform:scale(.85) translateY(4px)}to{opacity:1;transform:none}}
.total{font-size:clamp(56px,7vw,88px);font-weight:800;letter-spacing:-.055em;line-height:1}
.total em{font-style:normal;font-size:.32em;letter-spacing:0;font-weight:700;color:var(--gray-300)}
.freq{font-size:14px;font-weight:600;color:var(--gray-500)}
.calc-r .freq{color:var(--gray-300)}
.break{font-size:15px;color:var(--gray-300);border-top:1px solid #2A2A2E;padding-top:16px;width:100%}
.tiny{font-size:13px;color:var(--gray-500)}
@media (max-width:860px){.calc{grid-template-columns:1fr}}

.plans{max-width:1120px;margin:12px auto 0;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan{background:var(--gray-50);border-radius:var(--r-xl);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:10px}
.amt{font-size:48px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-top:6px}
.amt em{font-style:normal;font-size:16px;font-weight:700;color:var(--gray-500);letter-spacing:0}
.plan p{color:var(--gray-700);margin-top:6px}
@media (max-width:700px){.plans{grid-template-columns:1fr}}

.incl{max-width:calc(1120px + 2 * var(--gutter));margin:0 auto;padding:clamp(88px,11vw,140px) var(--gutter) 0}
.incl-head{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:720px}
.feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.feats li{display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid var(--gray-100)}
.feats b{font-size:17px;letter-spacing:-.02em}
.feats span{color:var(--gray-700);font-size:15px;line-height:1.5}
@media (max-width:960px){.feats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.feats{grid-template-columns:1fr}}

.terms2{max-width:1120px;margin:0 auto;padding:clamp(88px,11vw,140px) var(--gutter) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.terms2 article{background:var(--gray-50);border-radius:var(--r-xl);padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:10px}
.terms2 p{color:var(--gray-700);font-size:15px;line-height:1.55}
@media (max-width:860px){.terms2{grid-template-columns:1fr}}

.p-final{max-width:820px;margin:0 auto;padding:clamp(100px,12vw,160px) var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.p-final p{color:var(--gray-700);font-size:18px;max-width:46ch}
.p-final .row{justify-content:center}

/* ---------- Preguntas (Q&A) ---------- */
.q-hero{max-width:calc(900px + 2 * var(--gutter));margin:0 auto;padding:clamp(56px,9vw,112px) var(--gutter) 24px;display:flex;flex-direction:column;gap:20px}
.q-hero h1{max-width:12ch}
.q-filter{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.q-filter button{padding:9px 16px;border-radius:var(--r-pill);background:var(--gray-50);font-size:14px;font-weight:600;color:var(--gray-700);transition:background 160ms ease,color 160ms ease,transform 140ms var(--eo)}
.q-filter button:active{transform:scale(.97)}
.q-filter button[aria-pressed="true"]{background:var(--lila);color:var(--ink)}
.q-list{max-width:calc(900px + 2 * var(--gutter));margin:0 auto;padding:16px var(--gutter) 0;display:flex;flex-direction:column}
.q-group{font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;margin:36px 0 6px}
.q-group:first-child{margin-top:8px}
.qa{border-bottom:1px solid var(--gray-100)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(18px,1.8vw,21px);font-weight:500;letter-spacing:-.025em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:32px;height:32px;border-radius:50%;background:var(--gray-50);position:relative;transition:background 160ms ease}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:10px;top:15px;width:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform 220ms var(--eo)}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i::after{transform:rotate(0)}
@media (hover:hover) and (pointer:fine){.qa summary:hover i{background:var(--gray-100)}}
.qa .ans{overflow:hidden}
.qa p b{font-weight:700;color:var(--ink)}
.qa p{padding:0 48px 24px 0;color:var(--gray-700);font-size:17px;line-height:1.6;max-width:66ch}
.qa a{color:var(--lila-deep);text-decoration:underline;text-underline-offset:3px}
.qa[open] .ans{animation:ansIn .32s var(--eo)}
@keyframes ansIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.qa.hide,.q-group.hide{display:none}
.q-more{max-width:900px;margin:72px auto 0;padding:0 var(--gutter)}
.q-more>div{background:var(--ink);color:var(--white);border-radius:var(--r-xl);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.q-more h2{font-size:clamp(28px,3vw,36px)}
.q-more p{color:var(--gray-300)}
.q-more .row{margin-top:6px}
.q-more .btn-gray{background:#232326;color:var(--white)}
.spacer{height:clamp(80px,10vw,120px)}

@media (prefers-reduced-motion:reduce){.rise,.fam .pp,.qa[open] .ans{animation:none}}