/* Modo Tora v2 · perfil.css · #/perfil (desde el avatar de la cabecera) · prefijo obligatorio .pf- */
.pf-view{gap:26px;padding-top:12px}

/* identidad: avatar centrado */
.pf-id{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px var(--gutter) 0;text-align:center}
.pf-av{position:relative;margin-bottom:12px}
.pf-av .mt-avatar{background:var(--acc);font-size:36px;font-weight:800;letter-spacing:-.02em;box-shadow:0 0 0 6px var(--surface),var(--sh-2)}
.pf-name{font-size:clamp(34px,9.6vw,44px);font-weight:800;letter-spacing:-.045em;line-height:.98;overflow-wrap:anywhere}
.pf-mail{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.pf-id .mt-badge{align-self:center;margin-top:6px}

/* no apto */
.pf-apto{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:var(--r-lg);background:var(--acc-soft);box-shadow:inset 0 0 0 1.5px var(--acc-line)}
.pf-apto__ic{width:42px;height:42px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center}
.pf-apto__ic svg{width:22px;height:22px}
.pf-apto__t{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.pf-apto__p{margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}

/* tarjeta del plan + valoración */
.pf-plansec{display:flex;flex-direction:column;gap:10px}
.pf-plan{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;border-radius:var(--r-xl);color:#fff;background:radial-gradient(130% 85% at 100% 0%,rgba(142,31,47,.72) 0%,rgba(142,31,47,0) 60%),var(--ink);box-shadow:var(--sh-2);transition:transform .12s var(--ease)}
.pf-plan:active{transform:scale(.99)}
.pf-plan:focus-visible{outline-offset:3px;border-radius:var(--r-xl)}
.pf-plan__top{display:flex;align-items:center;justify-content:space-between}
.pf-plan__top .mt-badge{height:26px;font-size:11px}
.pf-plan__go{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}
.pf-plan__go svg{width:20px;height:20px}
.pf-plan__t{margin-top:10px;font-size:clamp(26px,7.4vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1;text-wrap:balance}
.pf-plan__f{font-size:14px;color:rgba(255,255,255,.74)}
.pf-plan__wk{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.pf-plan__wk b{font-size:15px;color:#fff}
.pf-plan .mt-progress{background:rgba(255,255,255,.16)}
.pf-plan .mt-progress i{background:var(--cream)}
.pf-plan--none{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.pf-plan--none .pf-plan__t{margin-top:6px}
.pf-plan__p{font-size:14.5px;line-height:1.5;color:var(--muted)}
.pf-val{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:12px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);color:var(--ink)}
.pf-val__ic{width:42px;height:42px;border-radius:12px;background:var(--cream);color:var(--acc);display:grid;place-items:center}
.pf-val__ic svg{width:22px;height:22px}
.pf-val__txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.pf-val__txt b{font-size:15px;font-weight:600}
.pf-val__txt small{font-size:13px;color:var(--muted)}
.pf-val__end{color:var(--muted)}
.pf-val__end svg{width:20px;height:20px}

/* secciones */
.pf-sec{display:flex;flex-direction:column;gap:10px}
.pf-sec__t{font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.pf-sec__sub{margin-top:-4px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.pf-static{cursor:default}
.pf-static .mt-rowi__ic{color:var(--acc);background:var(--cream)}

@media (min-width:1100px){
  .pf-view{max-width:720px;width:100%;margin:0 auto}
}