/* Premium interior surfaces V3.4.0. Works with existing palette and themes. */
body[data-ui-style] {--premium-panel:#192331;--premium-line:#36465a;--premium-text:#eaf0f8;--premium-soft:#aab9cd;--premium-accent:#f14662}
body[data-ui-style] .content:not(:has(.dash330)){background:radial-gradient(ellipse at 85% -10%,#28374a 0%,transparent 44%),linear-gradient(150deg,#101723,#131b28)!important;min-height:calc(100vh - 76px);color:var(--premium-text)}
body[data-ui-style] .content:not(:has(.dash330)) .page-head{background:linear-gradient(105deg,#131c29eb,#202e40d9),url('athletes_hero_v330.webp') right 28%/auto 230% no-repeat;border:1px solid #405168;border-radius:21px;min-height:145px;padding:26px 30px;margin-bottom:22px;box-shadow:0 14px 36px #0004}
body[data-ui-style] .content:not(:has(.dash330)) .page-head h1{color:#fff!important;font-weight:800;letter-spacing:-.035em;font-size:clamp(25px,2.6vw,36px);line-height:1.15}
body[data-ui-style] .content:not(:has(.dash330)) .page-head p{color:#c2cfdf!important;font-size:13px}
body[data-ui-style] .content:not(:has(.dash330)) .page-head>div>span{color:#ff758d!important;font-weight:800;letter-spacing:.15em;font-size:10px}
body[data-ui-style] .content:not(:has(.dash330)) .panel,
body[data-ui-style] .content:not(:has(.dash330)) .client-card,
body[data-ui-style] .content:not(:has(.dash330)) .metrics article,
body[data-ui-style] .content:not(:has(.dash330)) .exercise-card,
body[data-ui-style] .content:not(:has(.dash330)) .login-card{background:linear-gradient(145deg,#202b3b,#151e2b)!important;color:#edf2fa!important;border:1px solid #3a4b60!important;border-radius:19px!important;box-shadow:0 12px 27px #0003,inset 0 1px #ffffff10!important}
body[data-ui-style] .content:not(:has(.dash330)) .panel h2,
body[data-ui-style] .content:not(:has(.dash330)) .client-card h3{color:#fff!important;letter-spacing:-.025em}
body[data-ui-style] .content:not(:has(.dash330)) label{color:#dce6f2!important;font-size:13px}
body[data-ui-style] .content:not(:has(.dash330)) input:not([type=checkbox]):not([type=radio]):not([type=file]),
body[data-ui-style] .content:not(:has(.dash330)) select,
body[data-ui-style] .content:not(:has(.dash330)) textarea{background:#111b29!important;border:1px solid #44556b!important;border-radius:11px!important;color:#f6f9fe!important;box-shadow:inset 0 2px 5px #0002!important;min-height:41px}
body[data-ui-style] .content:not(:has(.dash330)) input:focus-visible,
body[data-ui-style] .content:not(:has(.dash330)) select:focus-visible,
body[data-ui-style] .content:not(:has(.dash330)) textarea:focus-visible{outline:2px solid #fb5975!important;outline-offset:1px}
body[data-ui-style] .content:not(:has(.dash330)) .button.primary,
body[data-ui-style] .content:not(:has(.dash330)) button.primary{background:linear-gradient(135deg,#fa536f,#b91f41)!important;color:white!important;border:1px solid #ff7890!important;border-radius:11px!important;box-shadow:0 7px 18px #fa335345!important;font-weight:700}
body[data-ui-style] .content:not(:has(.dash330)) .button:not(.primary),
body[data-ui-style] .content:not(:has(.dash330)) button:not(.primary){border-radius:11px;box-shadow:0 4px 12px #0002}
body[data-ui-style] .content:not(:has(.dash330)) .tr{border-bottom-color:#3a4b60!important}
body[data-ui-style] .content:not(:has(.dash330)) .tr.th{background:#253346!important;color:#d8e4f2!important}
body[data-ui-style] .content:not(:has(.dash330)) .tr:hover:not(.th){background:#ffffff0a}
body[data-ui-style] .content:not(:has(.dash330)) p,
body[data-ui-style] .content:not(:has(.dash330)) small{color:#bfccdb}
body[data-ui-style] .content:not(:has(.dash330)) a:not(.button):not(.client-card){text-decoration-color:#fc6986}
body[data-ui-style] .content:not(:has(.dash330)) .client-card{transition:transform .2s,box-shadow .2s}
body[data-ui-style] .content:not(:has(.dash330)) .client-card:hover{transform:translateY(-3px);box-shadow:0 19px 34px #0006!important}
.premium-banner-form{display:grid;gap:14px;max-width:670px}
.premium-banner-preview{height:190px;background:#121c2a center/cover no-repeat;border:1px solid #52637b;border-radius:16px;position:relative;overflow:hidden}
.premium-banner-preview:after{content:"Vista previa de portada";position:absolute;bottom:0;left:0;right:0;padding:17px;color:white;font-weight:800;background:linear-gradient(transparent,#101827e8)}
.premium-banner-actions{display:flex;gap:12px;flex-wrap:wrap}
.premium-banner-hint{font-size:12px;color:#bcc8d8}
@media(max-width:750px){body[data-ui-style] .content:not(:has(.dash330)) .page-head{padding:19px;min-height:125px;background-size:auto 150%}}
@media(prefers-reduced-motion:reduce){body[data-ui-style] .client-card{transition:none!important}}
@media print{body[data-ui-style] .content:not(:has(.dash330)){background:#fff!important;color:#111!important}body[data-ui-style] .content:not(:has(.dash330)) .panel{box-shadow:none!important}}