/* LIVE12D · Signed-in account workspace. Presentation only. */
body.tp-is-authenticated #view-account .tp-v8-account-stack {
  max-width: 1160px !important;
  width: min(100%, 1160px) !important;
  margin-inline:auto !important;
  padding: clamp(22px, 5vw, 56px) 18px 80px !important;
}
body.tp-is-authenticated #view-account .tp-v8-account-hero {
  isolation: isolate;
  box-sizing: border-box;
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0,1fr);
  gap: 0 !important;
  width:100%; max-width: none !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden;
  border: 1px solid #274e68 !important;
  border-radius:22px !important;
  background: #091c2d !important;
  box-shadow:0 34px 90px rgba(0,6,15,.28);
}
body.tp-is-authenticated #view-account .tp-v8-account-hero::before {
  content:''; z-index:0; pointer-events:none;
  position:absolute; top:0;left:0; bottom:0; width:47.95%;
  background: radial-gradient(ellipse at 76% 10%,rgba(23,160,218,.24),transparent 60%),linear-gradient(145deg,#102c42,#061521 84%);
}
body.tp-is-authenticated #view-account .tp-v8-account-hero::after {
  content:'';z-index:0;pointer-events:none;position:absolute;inset:0 auto 0 0;width:47.95%;
  background-image:linear-gradient(rgba(84,184,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(84,184,220,.055) 1px,transparent 1px);
  background-size:48px 48px;
}
body.tp-is-authenticated #view-account .tp-v8-account-hero > * {z-index:1; position:relative; min-width:0;}
body.tp-is-authenticated #view-account .tp-v8-account-topline {
  grid-column:1; grid-row:1 / 4;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:24px;padding:clamp(30px,4vw,52px) !important;
}
body.tp-is-authenticated #view-account .tp-v8-account-heading-icon {
  display:grid;place-items:center;width:48px;height:48px;border-radius:13px;
  background:linear-gradient(145deg,#72ddf5,#248fda);color:#072136;border:0;box-shadow:0 8px 25px rgba(52,177,222,.16);
}
body.tp-is-authenticated #view-account .tp-v8-account-heading-icon svg {width:25px;height:25px;stroke:#072136;stroke-width:1.8;fill:none}
body.tp-is-authenticated #view-account .tp-v8-account-topline .tp-v8-kicker {display:block;color:#6fd1f7;font-size:11px;font-weight:850;letter-spacing:.12em;margin-bottom:13px}
body.tp-is-authenticated #view-account #tpV8AccountTitle {
  margin:0 0 17px;color:#f0faff;font-size:clamp(30px,3.25vw,46px);letter-spacing:-.05em;line-height:1.12;font-weight:850;max-width:12ch;
}
body.tp-is-authenticated #view-account .tp-v8-account-topline p {margin:0;color:#b3d0e2;font-size:15px;line-height:1.75;max-width:36ch}
body.tp-is-authenticated #view-account .tp-profile-benefits {list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px;color:#c6e0ec;font-size:13px}
body.tp-is-authenticated #view-account .tp-profile-benefits li{display:flex;gap:12px;align-items:center}
body.tp-is-authenticated #view-account .tp-profile-benefits li::before{content:'✓';display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid rgba(110,202,240,.31);border-radius:50%;color:#6bd1f3;background:rgba(45,138,190,.12)}
body.tp-is-authenticated #view-account .tp-profile-brand{font-weight:850;font-size:18px;color:#eaf9ff;display:flex;align-items:center;gap:13px;margin-bottom:clamp(14px,4vw,40px)}
body.tp-is-authenticated #view-account .tp-profile-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#72ddf5,#248fda);color:#08243a;font-weight:950;letter-spacing:-.05em}
body.tp-is-authenticated #view-account .tp-v8-account-identity,
body.tp-is-authenticated #view-account .tp-v8-account-metrics,
body.tp-is-authenticated #view-account .tp-v8-account-actions {grid-column:2; margin:0 !important;max-width:none!important;}
body.tp-is-authenticated #view-account .tp-v8-account-identity{grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(30px,4vw,52px) clamp(25px,3vw,45px) 20px !important;border:0!important;background:transparent!important;border-radius:0!important}
body.tp-is-authenticated #view-account .tp-v8-account-identity::before{content:'RESUMEN DE TU CUENTA';display:block;color:#70d0f7;letter-spacing:.12em;font-size:10px;font-weight:850;margin-bottom:10px}
body.tp-is-authenticated #view-account .tp-v8-account-identity > span{color:#a4c7d9;font-size:13px}
body.tp-is-authenticated #view-account .tp-v8-account-identity strong{max-width:100%;font-size:clamp(15px,1.5vw,19px);overflow-wrap:anywhere;color:#f0faff}
body.tp-is-authenticated #view-account .tp-v8-account-metrics{grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 clamp(25px,3vw,45px) !important;background:transparent!important;border:0!important}
body.tp-is-authenticated #view-account .tp-v8-account-metrics > div{display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:88px;padding:17px!important;border:1px solid rgba(94,161,197,.28)!important;border-radius:12px!important;background:rgba(12,42,63,.72)!important}
body.tp-is-authenticated #view-account .tp-v8-account-metrics small{color:#a7ccdf;font-size:12px;line-height:1.45}
body.tp-is-authenticated #view-account .tp-v8-account-metrics strong{color:#f3faff;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
body.tp-is-authenticated #view-account .tp-v8-account-actions{grid-row:3;align-self:start;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:25px clamp(25px,3vw,45px) 44px!important;background:transparent!important;border:0!important}
body.tp-is-authenticated #view-account .tp-v8-account-actions a,
body.tp-is-authenticated #view-account .tp-v8-account-actions button{min-height:38px;border:1px solid #34769d!important;border-radius:9px!important;background:rgba(28,79,110,.55)!important;color:#e2f7ff!important;padding:10px 13px!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;box-shadow:none!important;white-space:normal}
body.tp-is-authenticated #view-account .tp-v8-account-actions a:hover{border-color:#62c7ee!important;background:rgba(36,112,150,.62)!important}
body.tp-is-authenticated #view-account .tp-v8-account-actions .tp-v8-signout{border-color:rgba(220,125,145,.5)!important;color:#ffd0d8!important;background:rgba(110,44,65,.23)!important}
body.tp-is-authenticated #view-account .tp-v8-account-actions :focus-visible{outline:2px solid #76d5f5;outline-offset:2px}
@media(max-width:840px){
 body.tp-is-authenticated #view-account .tp-v8-account-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}
 body.tp-is-authenticated #view-account .tp-v8-account-hero::before,body.tp-is-authenticated #view-account .tp-v8-account-hero::after{width:100%;height:230px;bottom:auto}
 body.tp-is-authenticated #view-account .tp-v8-account-topline{grid-row:1;grid-column:1;padding:28px!important;gap:10px}
 body.tp-is-authenticated #view-account .tp-profile-brand{margin-bottom:2px}
 body.tp-is-authenticated #view-account #tpV8AccountTitle{font-size:30px;max-width:none;margin-bottom:8px}
 body.tp-is-authenticated #view-account .tp-v8-account-topline p{font-size:13px}
 body.tp-is-authenticated #view-account .tp-profile-benefits{display:none}
 body.tp-is-authenticated #view-account .tp-v8-account-identity{grid-row:2;grid-column:1;padding:26px 26px 16px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-metrics{grid-row:3;grid-column:1;padding:0 26px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-actions{grid-row:4;grid-column:1;padding:20px 26px 29px!important}
}
@media(max-width:450px){
 body.tp-is-authenticated #view-account .tp-v8-account-metrics{grid-template-columns:1fr 1fr;gap:8px;padding:0 18px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-metrics > div{min-height:75px;padding:11px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-metrics strong{font-size:15px}
 body.tp-is-authenticated #view-account .tp-v8-account-topline{padding:21px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-identity{padding:18px 18px 12px!important}
 body.tp-is-authenticated #view-account .tp-v8-account-actions{padding:19px 18px 25px!important}
}