/* =====================================================================
   Mindset GYM · Cuenta + Compra (entrar, registro, checkout, resultado del pago, perfil)
   Prefijos propios: .au- (cuenta), .tn- (tienda), .pf- (perfil). Usa los tokens de app.css.
   ===================================================================== */

/* ---------------------------------------------------------- entrar / registro */
.au{padding:36px 0 64px}
.au-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:rgba(19,14,39,.72);box-shadow:var(--shadow);min-height:620px}
.au-art{position:relative;overflow:hidden;background:var(--grad-deep);isolation:isolate}
.au-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.au-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,5,14,.05) 0%,rgba(7,5,14,.35) 45%,rgba(7,5,14,.94) 100%),linear-gradient(100deg,rgba(173,0,255,.28),transparent 65%)}
.au-art-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px}
.au-art-h{font-size:clamp(2.5rem,4.4vw,3.9rem);margin-top:14px;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.au-art-p{color:var(--txt2);font-size:1.06rem;margin-top:12px;max-width:32ch}
.au-perks{list-style:none;margin-top:26px;display:grid;gap:11px}
.au-perks li{display:flex;gap:12px;align-items:center;font-weight:600;color:#fff;font-size:.95rem}
.au-perks li span{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid var(--line2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.au-panel{padding:46px 46px 38px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.au-pass{position:relative}
.au-pass .input{padding-right:54px}
.au-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:40px;border-radius:10px;border:0;background:transparent;cursor:pointer;opacity:.55;font-size:1.05rem;transition:.15s}
.au-eye:hover,.au-eye.on{opacity:1;background:rgba(255,255,255,.07)}
.au-or{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--mut2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-link{color:var(--light);font-weight:700}
.au-link:hover{color:#fff;text-decoration:underline}
.au-note{max-width:38ch;margin-left:auto;margin-right:auto}
.au-meter{height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:2px}
.au-meter i{display:block;height:100%;width:0;background:var(--bad);border-radius:4px;transition:width .3s,background .3s}
.au-meter i[data-s="2"]{background:var(--warn)}
.au-meter i[data-s="3"],.au-meter i[data-s="4"]{background:var(--lime)}
.au-consent{font-size:.85rem;line-height:1.45}
@media(max-width:860px){
  .au{padding:0 0 36px}
  .au-wrap{padding:0}
  .au-shell{grid-template-columns:1fr;border:0;border-radius:0;min-height:0;background:transparent;box-shadow:none}
  .au-art{min-height:236px}
  .au-art-in{padding:30px 20px 22px}
  .au-art-h{font-size:2.35rem}
  .au-art-p{font-size:.98rem}
  .au-panel{padding:26px 20px 0}
}

/* ------------------------------------------------------------------ checkout */
.tn-sec{padding-top:26px}
.tn-back{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-weight:600;font-size:.9rem}
.tn-back:hover{color:#fff}
.tn-head{margin:16px 0 22px}

/* franja de ambiente de prueba (discreta) */
.tn-test{border:1px dashed rgba(255,176,32,.45);background:rgba(255,176,32,.05);border-radius:14px;padding:11px 16px;margin-bottom:22px;font-size:.84rem;color:#ffe3ad}
.tn-test-t{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.tn-test-t span{color:var(--mut);font-size:.78rem}
.tn-test-d{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px;color:var(--txt2)}
.tn-test code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;color:#fff;font-size:.8rem;white-space:nowrap}
.tn-code-chip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;font-size:.78rem;padding:2px 10px;border-radius:999px;border:1px solid rgba(211,244,18,.6);background:rgba(211,244,18,.1);color:var(--lime2);cursor:pointer;transition:.15s}
.tn-code-chip:hover{background:var(--lime);color:#141600}

/* grilla: A (resumen) + B (incluye) a la izquierda, F (formulario) a la derecha */
.tn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:auto 1fr;grid-template-areas:"a f" "b f";column-gap:28px;align-items:start}
.tn-a{grid-area:a;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}
.tn-b{grid-area:b;background:var(--card);border:1px solid var(--line);border-top:1px dashed var(--line2);border-radius:0 0 var(--r-lg) var(--r-lg);padding:22px 24px 24px}
.tn-f{grid-area:f;min-width:0}

.tn-cover{--mc:#FF00C7;position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(80% 90% at 70% 20%,color-mix(in srgb,var(--mc) 42%,transparent),transparent 70%),var(--grad-deep)}
.tn-cover video,.tn-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tn-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,14,39,0) 38%,rgba(19,14,39,.96) 100%);pointer-events:none}
.tn-cover-lot{position:absolute;inset:4% 22% 14%}
.tn-cover-emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:5rem;padding-bottom:6%}
.tn-cover-tags{position:absolute;left:14px;top:14px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}
.tn-cover-tags .chip-dark{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(7,5,14,.74)}
.tn-cover-vip{background:radial-gradient(60% 75% at 50% 32%,rgba(242,225,174,.38),transparent 70%),linear-gradient(160deg,#4a360f 0%,#1d1405 55%,#0C0023 100%)}
.tn-a-body{position:relative;z-index:2;padding:0 24px 22px;margin-top:-38px}
.tn-title{font-size:clamp(1.9rem,3.3vw,2.6rem);line-height:.98;overflow-wrap:anywhere}
.tn-vip .tn-title{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.tn-sub{color:var(--txt2);margin-top:10px;font-size:.97rem}
.tn-meta{display:flex;gap:6px 16px;flex-wrap:wrap;color:var(--mut);font-size:.86rem;margin-top:12px}
.tn-list-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.tn-list-price span{color:var(--mut);font-size:.88rem}
.tn-list-price b{font-size:1.65rem;font-weight:900;letter-spacing:-.02em}
.tn-vip .tn-list-price b{color:var(--gold2)}

.tn-b-h{font-family:var(--f-body);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}
.tn-inc{list-style:none;display:grid;gap:10px;margin-top:14px}
.tn-inc li{display:flex;gap:12px;align-items:flex-start;font-size:.94rem;color:var(--txt2)}
.tn-inc li>span:last-child{padding-top:5px;min-width:0}
.tn-inc-ic{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:.95rem}
.tn-logros{list-style:none;display:grid;gap:9px;margin-top:14px}
.tn-logros li{position:relative;padding-left:28px;color:var(--txt2);font-size:.94rem}
.tn-logros li::before{content:"✓";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;background:var(--lime);color:#141600;font-size:.7rem;font-weight:900;display:grid;place-items:center}

/* formulario */
.tn-form{padding:28px}
.tn-step{display:flex;align-items:center;gap:12px;margin:28px 0 14px}
.tn-step:first-of-type{margin-top:0}
.tn-step h2{font-size:1.06rem}
.tn-n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:900;font-size:.84rem;box-shadow:var(--glow)}
.tn-hint{font-size:.87rem;color:var(--mut);margin:-4px 0 14px}
.tn-hint a{color:var(--light);font-weight:700}
.tn-hint a:hover{color:#fff;text-decoration:underline}
.tn-fields{display:grid;gap:14px}
.tn-consent{font-size:.85rem;line-height:1.45}
.tn-coupon{display:flex;gap:10px}
.tn-coupon .input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.tn-coupon .input::placeholder{text-transform:none;letter-spacing:0;font-weight:400}
.tn-coupon .input[readonly]{border-color:rgba(211,244,18,.55);background:rgba(211,244,18,.07);color:var(--lime2)}
.tn-coupon .btn{--h:50px;border-radius:14px;flex:0 0 auto}
.tn-cmsg{min-height:1.4em;font-size:.86rem;margin-top:8px;color:var(--mut)}
.tn-cmsg.is-ok{color:var(--lime2);font-weight:600}
.tn-cmsg.is-err{color:#ffb4b4}
.tn-totals{border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);padding:4px 16px}
.tn-tr{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:.94rem;color:var(--txt2)}
.tn-tr[hidden]{display:none}
.tn-tr+.tn-tr{border-top:1px solid var(--line)}
.tn-tr>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-tr>span:last-child{flex:0 0 auto}
.tn-tr-disc{color:var(--lime2)}
.tn-tr-disc b{font-weight:700}
.tn-tr-total{align-items:baseline;color:#fff;font-weight:700}
.tn-tr-total b{font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;transition:color .3s}
.tn-tr-total b.is-free{color:var(--lime)}
.tn-pay{--h:60px;margin-top:18px;font-size:1.08rem}
.tn-pay.btn-lime{box-shadow:0 14px 40px -12px rgba(211,244,18,.65)}
.tn-pay-ic{font-size:1.15rem}
#tn-pay-txt{white-space:nowrap}
.tn-secure{font-size:.8rem;color:var(--mut);text-align:center;margin-top:12px}
.tn-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin-top:14px;color:var(--mut2);font-size:.8rem}

/* ya lo tiene */
.tn-ya{text-align:center;padding:34px 28px}
.tn-ya-lot{width:150px;height:150px;margin:0 auto 4px}
.tn-ya-alt{margin-top:18px;font-size:.86rem;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.tn-ya-alt a{color:var(--light);font-weight:600}
.tn-ya-alt a:hover{color:#fff;text-decoration:underline}

@media(max-width:860px){
  .tn-sec{padding-top:18px}
  .tn-head{margin:10px 0 16px}
  .tn-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"a" "f" "b";row-gap:18px}
  .tn-a{border-bottom:1px solid var(--line);border-radius:var(--r-lg)}
  .tn-b{border-top:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
  .tn-a-body{padding:0 20px 20px}
  .tn-form{padding:22px 18px}
  .tn-ya{padding:28px 20px}
  .tn-pay{padding:0 16px;font-size:1rem}
  .tn-test{padding:10px 14px;font-size:.8rem}
  .tn-test-d{gap:4px 14px}
  .tn-trust{gap:4px 14px;font-size:.75rem}
}

/* ---------------------------------------------------------- resultado del pago */
.tn-res{padding-top:28px}
.tn-ok-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
.tn-ok{padding:40px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:440px}
.tn-ok .tn-ok-lot{position:absolute;right:22px;bottom:16px;width:200px;height:200px;pointer-events:none}
.tn-ok-h{font-size:clamp(2.7rem,6vw,4.7rem);margin-top:18px;max-width:8.6em}
.tn-ok-hl{color:var(--lime)}
.tn-ok .lead{max-width:28ch}
.tn-ok .lead b{color:#fff}
.tn-ok-xp{display:inline-flex;gap:6px;align-items:center;margin-top:18px;padding:8px 15px;border-radius:999px;background:rgba(211,244,18,.12);border:1px solid rgba(211,244,18,.38);color:var(--lime2);font-weight:600;font-size:.9rem}
.tn-ok-xp b{font-weight:900}
.tn-ok-cta{margin-top:26px}
.tn-ok-note{margin-top:22px;color:var(--txt2);font-size:.95rem;max-width:44ch;overflow-wrap:anywhere}
.tn-ok-vip{background:linear-gradient(160deg,#5b4317 0%,#2a1c06 46%,#0C0023 100%)}
.tn-ok-vip .tn-ok-hl{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}

/* teléfono con el WhatsApp de bienvenida */
.tn-wa-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.tn-wa-cap{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap;font-size:.92rem}
.tn-phone{flex:1;display:flex;flex-direction:column;min-height:340px;border-radius:26px;overflow:hidden;border:1px solid var(--line2);background:#0b141a;box-shadow:var(--shadow)}
.tn-wa-top{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1f2c34}
.tn-wa-av{width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:1.1rem;flex:0 0 auto}
.tn-wa-who{min-width:0}
.tn-wa-who b{display:block;font-size:.98rem;color:#e9edef;font-weight:600}
.tn-wa-who small{color:#8696a0;font-size:.78rem}
.tn-wa-ok{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#25d366;color:#0b141a;font-size:.6rem;font-weight:900;margin-left:3px;vertical-align:1px}
.tn-wa-chat{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px 14px 22px;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px}
.tn-wa-day{align-self:center;background:#182229;color:#8696a0;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}
.tn-wa-msg{position:relative;align-self:flex-start;max-width:90%;margin-left:8px;background:#202c33;border-radius:0 12px 12px 12px;box-shadow:0 1px 1px rgba(0,0,0,.3)}
.tn-wa-msg::before{content:"";position:absolute;left:-8px;top:0;border-right:8px solid #202c33;border-bottom:10px solid transparent}
.tn-wa-txt{padding:9px 12px 2px;color:#e9edef;font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}
.tn-wa-time{text-align:right;color:#8696a0;font-size:.68rem;padding:0 10px 7px}
.tn-wa-btn{border-top:1px solid rgba(255,255,255,.08);padding:11px 10px;text-align:center;color:#53bdeb;font-weight:600;font-size:.92rem}
.tn-wa-foot{font-size:.8rem;color:var(--mut)}
.tn-wa-foot a{color:var(--light);font-weight:600}

.tn-after{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.tn-after-side{display:grid;gap:16px;min-width:0}
.tn-dl{margin-top:12px}
.tn-dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:.93rem}
.tn-dl>div:first-child{border-top:0}
.tn-dl dt{color:var(--mut);flex:0 0 auto}
.tn-dl dd{text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
.tn-dl-total dd{font-size:1.2rem;font-weight:900}
.tn-steps{margin:12px 0 0 1.25em;display:grid;gap:8px;color:var(--txt2);font-size:.93rem}

/* rechazo / anulación */
.tn-fail{max-width:660px;margin:16px auto;text-align:center;padding:36px 30px}
.tn-fail-lot{width:110px;height:110px;margin:-10px auto 0}
.tn-fail .lead{max-width:46ch;margin-left:auto;margin-right:auto}
.tn-fail-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;text-align:left}
.tn-fail-box>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-width:0}
.tn-fail-box span{font-size:.72rem;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.tn-fail-box b{font-size:.95rem;overflow-wrap:anywhere}
.tn-fail-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}

@media(max-width:860px){
  .tn-res{padding-top:18px}
  .tn-ok-grid,.tn-after{grid-template-columns:1fr}
  .tn-ok{padding:30px 22px;min-height:0}
  .tn-ok .tn-ok-lot{position:relative;right:auto;bottom:auto;width:92px;height:92px;margin:-8px 0 10px -6px}
  .tn-ok-h{font-size:2.9rem;margin-top:14px}
  .tn-ok-cta{width:100%}
  .tn-phone{min-height:0}
  .tn-fail{padding:30px 20px}
}
@media(max-width:560px){
  .tn-fail-box{grid-template-columns:1fr}
  .tn-fail-cta .btn{width:100%}
}

/* --------------------------------------------------------------------- perfil */
.pf{padding-top:28px}
.pf-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 28px;align-items:center;padding:30px}
.pf-head-l{display:flex;gap:20px;align-items:center;min-width:0}
.pf-av{flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.16),var(--glow)}
.pf-name{overflow-wrap:anywhere;margin-top:4px}
.pf-mail{color:var(--txt2);font-size:.92rem;margin-top:4px;overflow-wrap:anywhere}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.pf-stats{display:grid;grid-template-columns:repeat(4,auto);gap:10px}
.pf-stats>div{min-width:100px;padding:12px 16px;border-radius:14px;background:rgba(7,5,14,.38);border:1px solid rgba(255,255,255,.12)}
.pf-stats b{display:block;font-size:1.35rem;font-weight:900;line-height:1.15;white-space:nowrap}
.pf-stats span{font-size:.74rem;color:var(--txt2)}
.pf-level{grid-column:1/-1}
.pf-level-t{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;font-size:.85rem;color:var(--txt2);margin-bottom:8px}
.pf-level .bar>i{background:var(--lime)}

.pf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.pf-main,.pf-side{display:grid;gap:18px;min-width:0}
.pf-card{padding:24px}
.pf-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-photo{display:flex;gap:16px;align-items:center;margin:16px 0 18px}
.pf-photo-prev{flex:0 0 auto}
.pf-photo-r{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.pf-photo-r p{flex-basis:100%}
.pf-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pf-toggles{display:grid;margin-top:16px;transition:opacity .2s}
.pf-toggles.is-off{opacity:.45}
.pf-tg{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line);cursor:pointer}
.pf-tg-t{min-width:0}
.pf-tg-t b{display:block;font-size:.95rem}
.pf-tg-t small{display:block;color:var(--mut);font-size:.8rem;margin-top:2px}
.pf-sw{appearance:none;-webkit-appearance:none;flex:0 0 auto;position:relative;width:50px;height:30px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid var(--line2);cursor:pointer;transition:background .2s,border-color .2s}
.pf-sw::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .2s,background .2s}
.pf-sw:checked{background:var(--lime);border-color:var(--lime)}
.pf-sw:checked::after{transform:translateX(20px);background:#141600}
.pf-sw:disabled{cursor:not-allowed}
.pf-save{display:flex;justify-content:flex-end}
.pf-empty{padding:8px 0 4px}
.pf-buys{list-style:none;margin-top:12px;display:grid;gap:8px}
.pf-buy{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.pf-buy:hover{border-color:rgba(214,0,230,.45);background:rgba(214,0,230,.05)}
.pf-buy-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.pf-buy-m{flex:1;min-width:0;display:flex;flex-direction:column}
.pf-buy-m b{display:block;font-size:.92rem}
.pf-buy-m small{color:var(--mut);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-buy-r{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pf-buy-r b{font-size:.92rem}
.pf-buy-r .chip{font-size:.68rem;padding:2px 8px}
.pf-out{color:var(--mut)}

@media(max-width:900px){
  .pf-head{grid-template-columns:1fr}
  .pf-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pf-stats>div{min-width:0}
  .pf-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pf{padding-top:18px}
  .pf-head{padding:22px 18px;gap:18px}
  .pf-head-l{gap:14px}
  .pf-av .av{width:72px!important;height:72px!important;font-size:27px!important}
  .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-stats b{font-size:1.2rem}
  .pf-fields{grid-template-columns:1fr}
  .pf-card{padding:20px 18px}
  .pf-save .btn{width:100%}
}

/* La barra superior compartida se desborda a 375 px sin sesión (Entrar + «Empieza a entrenar»).
   En estas pantallas sobra «Empieza a entrenar», así que se oculta en celular.
   (El arreglo de fondo es de app.css / partials/nav.php: afecta a todas las páginas públicas.) */
@media(max-width:560px){.au-page .nav-right .btn-primary,.tn-page .nav-right .btn-primary{display:none}}