/* Cronoze · Autenticación, panel y cuenta. Estilos exclusivos de páginas. */
:root{--ua-navy:#071a35;--ua-blue:#1178e8;--ua-cyan:#39bcf1;--ua-text:#102b50;--ua-muted:#617895;--ua-border:#d9e5f2;--ua-bg:#f4f8fd;--ua-white:#fff}
body:has(.cr-auth-page),body:has(.cr-dashboard),body:has(.cr-myaccount){background:var(--ua-bg);color:var(--ua-text)}
.cr-auth-page{width:min(1050px,calc(100% - 32px));margin:48px auto 70px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;filter:drop-shadow(0 20px 35px rgba(12,36,73,.10))}
.cr-auth-page>.auth-card{width:100%;margin:0;max-width:none;border-radius:0 24px 24px 0;background:white;border:1px solid #dce6f2;border-left:0;box-shadow:none;padding:42px 38px}
.cr-auth-showcase{background:linear-gradient(145deg,rgba(4,22,54,.95),rgba(7,48,104,.94)),url('../site/home/studio-broadcast.jpeg') center/cover;border-radius:24px 0 0 24px;color:white;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between;min-height:530px}
.cr-auth-showcase .cr-auth-mark{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#77d6ff;font-weight:850}
.cr-auth-showcase h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.05em;line-height:1.08;color:white;margin:15px 0}.cr-auth-showcase h2 em{font-style:normal;color:#61d9ff}.cr-auth-showcase p{font-size:16px;line-height:1.65;color:#cce0f9}
.cr-auth-showcase .cr-auth-perks{display:grid;gap:14px}.cr-auth-showcase .cr-auth-perks span{display:flex;align-items:center;gap:10px;font-size:14px;color:#eef7ff}.cr-auth-perks i{color:#62d5ff;font-size:19px}
.cr-auth-page>.auth-card .eyebrow{color:#167cc9}.cr-auth-page>.auth-card h1{color:var(--ua-text);font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:9px 0}.cr-auth-page>.auth-card p.muted{color:var(--ua-muted);font-size:15px;margin:0 0 25px;line-height:1.65}
.cr-auth-page>.auth-card label{display:block;color:#2c4b6f;font-size:13px;font-weight:720;margin:13px 0 7px}.cr-auth-page>.auth-card input:not([type=checkbox]){width:100%;min-height:45px;background:#f9fbff!important;border:1px solid #cfddec!important;color:#102b50!important;border-radius:12px;padding:11px 13px;font-size:15px;outline:none}.cr-auth-page>.auth-card input:focus{border-color:#288bf3!important;box-shadow:0 0 0 3px rgba(51,144,245,.12)}
.cr-auth-page>.auth-card .remember-line{display:flex;align-items:center;gap:12px;margin:20px 0 0}.cr-auth-page>.auth-card .remember-line input{width:18px;height:18px;accent-color:#157df0;flex-shrink:0}.cr-auth-page>.auth-card .remember-line span{display:grid;gap:3px}.cr-auth-page>.auth-card .remember-line b{color:#123156;font-size:13px}.cr-auth-page>.auth-card .remember-line small{color:var(--ua-muted);font-size:12px}.cr-auth-page>.auth-card .actions{display:flex;align-items:center;gap:10px;margin-top:23px}
.cr-auth-page>.auth-card .btn{min-height:44px;border:1px solid #1778df;border-radius:12px;background:linear-gradient(135deg,#1188ef,#1065d4);color:white;font-size:14px;padding:11px 19px}.cr-auth-page>.auth-card .btn.secondary{background:#f5f9ff!important;color:#13539d!important;border-color:#c6d9ef!important}.cr-auth-page>.auth-card .form-grid{gap:12px}
/* dashboard */
.cr-dashboard .admin-title h1{color:#102b50;letter-spacing:-.035em}.cr-dashboard .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cr-dashboard .stat{min-height:145px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:20px 22px;border:1px solid #d6e4f1;border-radius:20px;background:linear-gradient(140deg,#fff,#f6fbff);box-shadow:0 10px 30px rgba(11,54,100,.06)}
.cr-dashboard .stat:after{content:"";position:absolute;width:125px;height:125px;right:-52px;bottom:-75px;border-radius:50%;background:rgba(31,134,255,.055)}
.cr-dashboard .stat .cr-stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#e7f3ff;color:#1476d9;font-size:22px}.cr-dashboard .stat .cr-stat-meta{color:#547092!important;font-size:14px;font-weight:650}.cr-dashboard .stat b{color:#092952!important;font-size:36px;font-weight:850;line-height:1;letter-spacing:-.045em}
.cr-dashboard .stat:nth-child(2) .cr-stat-icon{background:#e8f7ff;color:#0e91bc}.cr-dashboard .stat:nth-child(3) .cr-stat-icon{background:#ebf8f3;color:#0b9b75}.cr-dashboard .stat:nth-child(4) .cr-stat-icon{background:#f0edff;color:#7953b9}
.cr-dashboard .cr-dash-latest{margin-top:22px;background:white!important;border:1px solid var(--ua-border)!important;border-radius:20px!important;color:var(--ua-text)!important;padding:26px}.cr-dashboard .cr-dash-latest h2{color:#132f55;margin-top:0}.cr-dashboard .cr-dash-latest .empty{color:#69809d;border-color:#c8d8e9}.cr-dashboard .cr-dash-latest .table{background:white;color:#16385e}.cr-dashboard .cr-dash-latest .table th{background:#edf5fc;color:#456c98}.cr-dashboard .cr-dash-latest .table td{color:#18385b;border-color:#e4ecf5}
/* Mi cuenta */
.cr-myaccount .account-hero{background:linear-gradient(115deg,#061c3f,#0b3972)!important;color:#fff;border-radius:0 0 26px 26px;padding:30px 0}.cr-myaccount .account-hero h1,.cr-myaccount .account-hero p{color:white}.cr-myaccount .account-hero .eyebrow{color:#81d4ff}.cr-myaccount .account-hero .btn.secondary{color:#fff!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important}
.cr-myaccount .account-section{padding-top:34px}.cr-myaccount .account-layout{gap:23px}.cr-myaccount .account-sidebar{background:#0b2348;border:1px solid #17416a;border-radius:20px;padding:12px;align-self:start}.cr-myaccount .account-sidebar a{color:#d7e8fc;border-radius:12px;padding:12px}.cr-myaccount .account-sidebar a:hover,.cr-myaccount .account-sidebar a.active{background:#164777;color:white}
.cr-myaccount .account-card{background:#fff!important;color:#153455!important;border:1px solid var(--ua-border)!important;border-radius:22px!important;padding:27px!important;margin-bottom:22px;box-shadow:0 9px 30px rgba(10,41,82,.07)}.cr-myaccount .account-card h2,.cr-myaccount .account-card h3,.cr-myaccount .account-card .account-card-head h2{color:#102b50!important}.cr-myaccount .account-card p,.cr-myaccount .account-card .muted,.cr-myaccount .account-card .field-help{color:#667f9b!important}
.cr-myaccount .account-card label{color:#325376!important;font-weight:690;font-size:13px}.cr-myaccount .account-card input:not([type=checkbox]),.cr-myaccount .account-card textarea,.cr-myaccount .account-card select{background:#f8fbff!important;color:#102b50!important;border:1px solid #cadbed!important;border-radius:11px!important;min-height:43px}.cr-myaccount .account-card input:focus,.cr-myaccount .account-card textarea:focus{border-color:#2797ff!important;outline:none;box-shadow:0 0 0 3px rgba(39,151,255,.12)}
.cr-myaccount .security-box,.cr-myaccount .session-panel,.cr-myaccount .profile-photo-row{background:#f7faff!important;color:#17385e!important;border:1px solid #d8e5f3!important;border-radius:16px!important}.cr-myaccount .security-box h3,.cr-myaccount .session-panel b{color:#153455!important}.cr-myaccount .security-box p,.cr-myaccount .session-panel p{color:#677d98!important}.cr-myaccount .security-icon{background:#e2efff!important;color:#166cc6!important}.cr-myaccount .account-card .btn.secondary,.cr-myaccount .account-card .btn.ghost{background:#edf5ff!important;color:#1259ac!important;border:1px solid #c7ddf7!important}.cr-myaccount .account-card .table{background:white!important;color:#17385c!important}.cr-myaccount .account-card .table th{color:#45678a!important;background:#edf5fd!important}.cr-myaccount .account-card .table td{color:#17385c!important}
@media(max-width:950px){.cr-auth-page{grid-template-columns:1fr;max-width:620px}.cr-auth-showcase{min-height:210px;border-radius:24px 24px 0 0;padding:24px}.cr-auth-showcase h2{font-size:29px}.cr-auth-showcase .cr-auth-perks{display:flex;flex-wrap:wrap}.cr-auth-page>.auth-card{border:1px solid #dce6f2;border-radius:0 0 24px 24px;padding:28px}.cr-dashboard .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cr-dashboard .stats{grid-template-columns:1fr 1fr;gap:10px}.cr-dashboard .stat{padding:16px;min-height:130px}.cr-dashboard .stat b{font-size:30px}.cr-dashboard .stat .cr-stat-meta{font-size:12px}.cr-auth-page>.auth-card .form-grid{grid-template-columns:1fr}.cr-auth-page>.auth-card .actions{flex-wrap:wrap}.cr-auth-page>.auth-card .actions .btn{flex:1}.cr-myaccount .account-card{padding:18px!important}}