:root{--account-pink:#ff4fa8;--account-ink:#252532;--account-muted:#747480;--account-line:#ece9ee;--account-pale:#fff3f9}
.account-experience{min-height:80vh;padding:clamp(7.5rem,11vw,9rem) 1rem 5rem;background:radial-gradient(circle at 10% 5%,rgba(255,79,168,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#fff8fb 100%);color:var(--account-ink)}
.auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);width:min(1080px,100%);min-height:650px;margin:auto;border:1px solid var(--account-line);border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(54,34,48,.13);overflow:hidden}
.auth-story{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,4rem);background:radial-gradient(circle at 85% 15%,rgba(255,79,168,.3),transparent 28%),linear-gradient(145deg,#22222e,#383848);color:#fff}.auth-story .t-label{color:#ff83c2}.auth-heart{display:grid;place-items:center;width:54px;height:54px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.08);color:#ff77bb;font-size:1.8rem}.auth-story h1{margin:.5rem 0 1rem;font-size:clamp(2.2rem,4.8vw,4.1rem);line-height:1.02;letter-spacing:-.065em}.auth-story p{max-width:550px;color:#d5d1d8;line-height:1.75}.auth-story ul{display:grid;gap:.65rem;margin:2rem 0 0;padding:0;list-style:none}.auth-story li{display:flex;align-items:center;gap:.65rem;color:#eeeaf0;font-size:.78rem}.auth-story li::before{content:'✓';display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(255,79,168,.2);color:#ff83c2;font-weight:800}
.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.auth-panel-head{text-align:left}.account-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.25rem;border-radius:16px;background:var(--account-pale);color:var(--account-pink)}.account-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.auth-panel-head h1{margin:.35rem 0 .5rem;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.055em}.auth-panel-head>p:last-child{color:var(--account-muted);font-size:.82rem;line-height:1.6}
.account-form{display:grid;gap:1rem;margin-top:1.5rem}.account-form label{display:grid;gap:.42rem;color:#4f4b54;font-size:.72rem;font-weight:700}.account-form label small{color:#99939b;font-size:.62rem;font-weight:500}.account-form input{width:100%;min-height:49px;padding:.78rem .9rem;border:1px solid #ded9e0;border-radius:13px;background:#fff;color:var(--account-ink);font:inherit;outline:0;transition:.2s}.account-form input:focus{border-color:var(--account-pink);box-shadow:0 0 0 4px rgba(255,79,168,.1)}.account-form input:disabled{background:#f6f5f7;color:#8e8991}.account-form .btn{min-height:49px;justify-content:center;margin-top:.25rem}.auth-form-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.25rem}.auth-form-tools label{display:flex;grid:unset;align-items:center;gap:.45rem;color:var(--account-muted);font-size:.65rem;font-weight:500}.auth-form-tools input{width:16px;min-height:16px;accent-color:var(--account-pink)}.auth-form-tools a,.auth-switch a,.auth-back{color:var(--account-pink);font-weight:700;text-decoration:none}.auth-switch{margin-top:1.3rem;padding:1rem;border-radius:13px;background:var(--account-pale);color:var(--account-muted);font-size:.72rem;text-align:center}.auth-back{align-self:center;margin-top:1.2rem;font-size:.68rem}.cuenta-alert{margin:1rem 0 0;padding:.9rem 1rem;border-radius:13px;font-size:.78rem;line-height:1.5}.cuenta-alert.ok{border:1px solid rgba(20,151,83,.18);background:#eefaf3;color:#137b47}.cuenta-alert.error{border:1px solid rgba(197,51,75,.18);background:#fff0f3;color:#a5293f}
.account-dashboard{display:block}.account-welcome{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:20px;padding:27px 29px;border-radius:25px;background:radial-gradient(circle at 92% 10%,rgba(255,79,168,.28),transparent 28%),linear-gradient(135deg,#242430,#393947);color:#fff;box-shadow:0 22px 65px rgba(37,37,50,.2)}.account-avatar{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(255,255,255,.08);color:#ff7ebe;font-size:1.55rem;font-weight:800}.account-welcome .t-label{color:#ff80c0}.account-welcome h1{margin:.25rem 0 .3rem;font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.05em}.account-welcome p:last-child{color:#c9c6cf;font-size:.72rem}.account-welcome>a{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;font-size:.65rem;font-weight:700;text-decoration:none}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.account-stats article{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:104px;padding:17px;border:1px solid var(--account-line);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(43,31,40,.05)}.account-stats span{grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--account-pale);color:var(--account-pink);font-weight:800}.account-stats b{align-self:end;font-size:1.18rem;letter-spacing:-.04em}.account-stats small{align-self:start;color:var(--account-muted);font-size:.61rem}.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}.account-menu{position:sticky;top:108px;display:grid;padding:9px;border:1px solid var(--account-line);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(43,31,40,.05)}.account-menu a{padding:.82rem .9rem;border-radius:11px;color:#5d5860;font-size:.68rem;font-weight:700;text-decoration:none}.account-menu a:hover,.account-menu a.active{background:var(--account-pale);color:var(--account-pink)}.account-content{display:grid;gap:18px;min-width:0}.account-box{padding:22px;border:1px solid var(--account-line);border-radius:20px;background:#fff;box-shadow:0 8px 30px rgba(43,31,40,.05);scroll-margin-top:110px}.account-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:1rem}.account-box-head h2,.profile-progress h2{margin:.25rem 0 0;font-size:1.15rem;letter-spacing:-.035em}.account-box-head>span{max-width:250px;color:var(--account-muted);font-size:.61rem;line-height:1.5;text-align:right}.profile-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#fff5fa)}.profile-progress p:last-child{margin-top:.35rem;color:var(--account-muted);font-size:.7rem}.profile-ring{display:grid;place-items:center;flex:0 0 74px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle closest-side,#fff 72%,transparent 74%),conic-gradient(var(--account-pink) calc(var(--progress)*1%),#eee9ed 0);color:var(--account-pink);font-size:.82rem;font-weight:800}.profile-form{grid-template-columns:1fr 1fr;margin-top:0}.profile-form .wide{grid-column:1/-1}.account-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-orders{display:grid;gap:8px}.account-orders article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:13px;border:1px solid #efebef;border-radius:13px}.account-orders article div b,.account-orders article div small{display:block}.account-orders article div b{font-size:.68rem}.account-orders article div small,.account-orders article>small{margin-top:3px;color:var(--account-muted);font-size:.56rem}.account-orders article>strong{color:var(--account-pink);font-size:.72rem}.order-status{justify-self:start;padding:4px 7px;border-radius:999px;background:#f1f1f4;color:#6f6c76;font-size:.51rem;font-weight:800}.status-confirmado,.status-completada,.status-entregado{background:#eaf8f0;color:#16824b}.status-pendiente{background:#fff6df;color:#a26904}.status-cancelado{background:#fff0f2;color:#b5334b}.account-empty{display:grid;place-items:center;min-height:170px;padding:20px;text-align:center;color:var(--account-muted)}.account-empty span{color:var(--account-pink);font-size:1.7rem}.account-empty p{font-size:.7rem}.account-empty a{color:var(--account-pink);font-size:.65rem;font-weight:800}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;width:min(620px,100%)}.auth-story{min-height:330px}.account-stats{grid-template-columns:1fr 1fr}.account-layout{grid-template-columns:1fr}.account-menu{position:static;display:flex;overflow:auto;white-space:nowrap}.account-history-grid{grid-template-columns:1fr}}
@media(max-width:600px){.account-experience{padding:6.8rem .7rem 3rem}.auth-shell{border-radius:22px}.auth-story{min-height:300px;padding:1.7rem}.auth-story h1{font-size:2.2rem}.auth-panel{padding:1.6rem}.auth-form-tools{align-items:flex-start;flex-direction:column}.account-welcome{grid-template-columns:50px 1fr;padding:20px 16px}.account-avatar{width:50px;height:50px;border-radius:15px}.account-welcome>a{grid-column:1/-1;text-align:center}.account-stats{gap:8px}.account-stats article{grid-template-columns:31px 1fr;min-height:90px;padding:12px}.account-stats span{width:31px;height:31px}.account-stats b{font-size:.92rem}.account-box{padding:17px}.profile-form{grid-template-columns:1fr}.profile-form .wide{grid-column:auto}.account-box-head{flex-direction:column}.account-box-head>span{text-align:left}.profile-ring{width:64px;height:64px;flex-basis:64px}.account-menu{margin:0 -1px}.account-menu a{padding:.72rem}.account-history-grid{gap:12px}}

/* Compatibilidad visual: activación y recuperación de cuenta */
.cuenta-page{min-height:78vh;padding:9rem 1rem 4rem;background:radial-gradient(circle at top,rgba(255,79,168,.13),transparent 36%),#fff8fb}.cuenta-card,.cuenta-shell{width:min(100%,640px);margin:auto;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--account-line);border-radius:24px;background:#fff;color:var(--account-ink);box-shadow:0 24px 70px rgba(54,34,48,.12)}.cuenta-shell{display:grid;gap:1.5rem}.cuenta-card h1,.cuenta-shell h1{margin:.25rem 0 1rem;letter-spacing:-.045em}.cuenta-card form,.cuenta-panel form{display:grid;gap:1rem}.cuenta-card label,.cuenta-panel label{display:grid;gap:.42rem;color:#4f4b54;font-size:.72rem;font-weight:700}.cuenta-card input,.cuenta-panel input{min-height:49px;padding:.78rem .9rem;border:1px solid #ded9e0;border-radius:13px;background:#fff;color:var(--account-ink)}.cuenta-card .btn,.cuenta-panel .btn{justify-content:center}.cuenta-card a,.cuenta-panel a{color:var(--account-pink)}.cuenta-intro{color:var(--account-muted);font-size:.8rem;line-height:1.65}