html{scroll-behavior:smooth}.erpa-standalone-body{margin:0!important;background:#050505!important}
.erpa-app{--erpa-accent:#ffca0a;--erpa-text:#f5f5f5;--erpa-muted:#9a9ca3;width:100%;min-height:100vh;margin:0;background:radial-gradient(circle at 80% -10%,rgba(255,202,10,.08),transparent 28%),linear-gradient(#050505,#090909 50%,#050505);color:var(--erpa-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}.erpa-app *{box-sizing:border-box}.erpa-app a{color:inherit;text-decoration:none}.erpa-app button,.erpa-app input,.erpa-app select{font:inherit}.erpa-wrap{max-width:1440px;margin:auto;padding:0 28px}
.erpa-topbar{height:66px;background:#f3f3f3;color:#111;display:flex;align-items:center;border-bottom:1px solid #d8d8d8}.erpa-topbar .erpa-wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.erpa-brand{display:flex;align-items:center;gap:14px;font-weight:1000;letter-spacing:-.03em}.erpa-brand>span:last-child,.erpa-brand>b{font-weight:1000}.erpa-crest{width:44px;height:44px;border-radius:12px 12px 18px 18px;background:linear-gradient(145deg,var(--erpa-accent),#e89d00);display:grid;place-items:center;color:#050505;font-weight:1000;font-size:19px;box-shadow:inset 0 0 0 2px #050505;overflow:hidden}.erpa-logo-img{width:58px;height:58px;display:grid;place-items:center;overflow:visible;flex:0 0 58px}.erpa-logo-img img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:0}.erpa-smallnav{display:flex;gap:24px;font-size:12px;font-weight:800;align-items:center}.erpa-smallnav a:hover{color:#966d00}.erpa-actions{display:flex;gap:8px}.erpa-actions span{width:32px;height:32px;border-radius:8px;background:#111;color:#fff;display:grid;place-items:center}
.erpa-nav{height:46px;background:#090909;border-bottom:1px solid #242424}.erpa-nav .erpa-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.erpa-links{display:flex;gap:28px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.erpa-links a{color:#b9bbc0}.erpa-links a.active,.erpa-links a:hover{color:var(--erpa-accent)}.erpa-cta{padding:9px 16px;border-radius:7px;background:var(--erpa-accent);color:#0b0b0b!important;font-weight:1000;font-size:12px}
.erpa-ticker{overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--erpa-accent);border-top:1px solid #141414;background:#050505;color:var(--erpa-accent);font-size:18px;font-weight:1000;font-style:italic;letter-spacing:.02em}.erpa-ticker>div{padding:7px 0;width:max-content;animation:erpa-marquee 22s linear infinite}@keyframes erpa-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.erpa-hero{padding:54px 0 34px}.erpa-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.erpa-hero-main{display:block;min-height:450px;border:1px solid #242424;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 52%,rgba(0,0,0,.10) 100%),var(--erpa-hero-image,linear-gradient(145deg,#18191c,#0b0b0d));background-size:cover;background-position:center}.erpa-hero-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(125deg,transparent 0 35px,#fff 36px 37px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}.erpa-empty-hero{background:linear-gradient(145deg,#191a1d,#0a0a0b)}
.erpa-hero-copy{position:absolute;left:44px;bottom:38px;max-width:600px;z-index:2}.erpa-eyebrow{font-size:12px;color:var(--erpa-accent);font-weight:1000;text-transform:uppercase;letter-spacing:.18em}.erpa-hero-copy h1{font-size:68px;line-height:.87;margin:12px 0 14px;letter-spacing:-.055em;text-transform:uppercase;font-weight:1000}.erpa-hero-copy p{color:#c9c9c9;line-height:1.55;margin:0 0 22px;max-width:520px}.erpa-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.erpa-tag{border:1px solid #343434;background:rgba(10,10,10,.72);backdrop-filter:blur(8px);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.erpa-tag strong{color:var(--erpa-accent)}
.erpa-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.erpa-side-card{background:linear-gradient(145deg,#16171a,#0d0d0f);border:1px solid #242424;border-radius:16px;padding:24px;position:relative;overflow:hidden}.erpa-side-card:after{content:"";position:absolute;width:180px;height:180px;border:32px solid rgba(255,202,10,.05);border-radius:50%;right:-85px;top:-85px}.erpa-side-card h3{margin:7px 0 16px;font-size:26px;letter-spacing:-.03em}.erpa-mini-rider{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;margin-top:8px;position:relative;z-index:2}.erpa-avatar{width:72px;height:72px;border-radius:12px;background:linear-gradient(145deg,#2b2c30,#121316) center/cover;border:1px solid #323232}.erpa-mini-rider b{display:block;font-size:15px}.erpa-mini-rider small{display:block;color:var(--erpa-muted);margin-top:3px}.erpa-plate{font-size:28px;font-weight:1000;color:var(--erpa-accent)}.erpa-count{font-size:62px;font-weight:1000;line-height:1;color:var(--erpa-accent);letter-spacing:-.06em}.erpa-muted{color:var(--erpa-muted)}
.erpa-section{padding:18px 0 56px}.erpa-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.erpa-section-head h2{font-size:34px;line-height:1;margin:0;text-transform:uppercase;letter-spacing:-.04em}.erpa-section-head p{margin:6px 0 0;color:var(--erpa-muted);font-size:13px}.erpa-filters{display:flex;gap:8px;align-items:center}.erpa-search{width:220px;background:#121316!important;border:1px solid #292a2f!important;border-radius:9px!important;padding:11px 12px!important;color:#fff!important;outline:none!important}.erpa-select{background:#121316!important;border:1px solid #292a2f!important;border-radius:9px!important;padding:11px 12px!important;color:#fff!important;outline:none!important}
.erpa-rider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.erpa-rider-card{display:block;min-height:430px;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;border:1px solid #242424;background:#101114;transition:.25s ease}.erpa-rider-card:hover{transform:translateY(-5px);border-color:#665820;box-shadow:0 18px 40px rgba(0,0,0,.35)}.erpa-rider-photo{position:absolute;inset:0;background:linear-gradient(145deg,#2b2c30,#111214) center/cover}.erpa-rider-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 32%,rgba(0,0,0,.3) 55%,#0b0b0d 93%)}.erpa-corner{position:absolute;top:14px;left:14px;z-index:3;background:#0b0b0b;border:1px solid #343434;padding:7px 9px;border-radius:7px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.erpa-number{position:absolute;right:16px;top:8px;font-size:72px;line-height:1;font-weight:1000;font-style:italic;color:var(--erpa-accent);z-index:2;text-shadow:0 4px 24px rgba(0,0,0,.4)}.erpa-info{position:absolute;left:18px;right:18px;bottom:18px;z-index:4}.erpa-info h3{font-size:25px;line-height:1;margin:0 0 12px;text-transform:uppercase;letter-spacing:-.03em}.erpa-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a2a2a;padding-top:12px;gap:8px;padding-right:45px}.erpa-fact small{display:block;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.erpa-fact b{display:block;margin-top:3px;font-size:12px}.erpa-more{position:absolute;right:16px;bottom:17px;width:34px;height:34px;border-radius:50%;background:var(--erpa-accent);color:#000;display:grid;place-items:center;font-weight:1000;z-index:5}.erpa-no-riders{padding:50px;border:1px dashed #2a2b2f;border-radius:14px;text-align:center;color:#777}
.erpa-strip{margin:8px 0 58px;border-top:1px solid #282828;border-bottom:1px solid #282828;background:linear-gradient(90deg,#121212,#191919,#101010)}.erpa-strip .erpa-wrap{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;min-height:128px}.erpa-intro{padding-right:30px}.erpa-intro>b{font-size:24px;text-transform:uppercase}.erpa-intro p{margin:7px 0 0}.erpa-statbox{border-left:1px solid #303030;padding-left:28px}.erpa-statbox strong{display:block;color:var(--erpa-accent);font-size:34px;line-height:1}.erpa-statbox span{display:block;color:#8c8c8c;font-size:11px;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}
.erpa-footer{border-top:2px solid var(--erpa-accent);margin-top:70px;background:#050505}.erpa-footer .erpa-wrap{padding-top:34px;padding-bottom:42px;display:flex;justify-content:space-between;gap:30px;align-items:end}.erpa-footer b{font-size:20px}.erpa-footer p{color:#666;font-size:11px;margin:6px 0 0}
.erpa-profile-page{min-height:calc(100vh - 145px);background:radial-gradient(circle at 75% 10%,rgba(255,202,10,.08),transparent 28%)}.erpa-profile-hero{padding:56px 0 70px}.erpa-profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}.erpa-profile-image{min-height:650px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,#28292d,#101114) center/cover;border:1px solid #2a2b2e;box-shadow:0 30px 70px rgba(0,0,0,.35)}.erpa-profile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.erpa-profile-number{position:absolute;right:18px;top:6px;z-index:2;color:var(--erpa-accent);font-size:116px;font-weight:1000;font-style:italic;line-height:1;text-shadow:0 8px 35px rgba(0,0,0,.45)}.erpa-profile-copy{background:linear-gradient(145deg,#151619,#0b0c0e);border:1px solid #242529;border-radius:18px;padding:46px;display:flex;flex-direction:column;justify-content:center}.erpa-profile-copy h1{font-size:72px;line-height:.9;margin:12px 0 30px;text-transform:uppercase;letter-spacing:-.06em}.erpa-profile-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.erpa-profile-details>div{background:#101114;border:1px solid #292a2e;border-radius:12px;padding:18px}.erpa-profile-details small{display:block;color:#74767c;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.erpa-profile-details strong{display:block;margin-top:6px;font-size:18px}.erpa-profile-about{margin-top:26px;padding-top:24px;border-top:1px solid #2b2c30}.erpa-profile-about p,.erpa-profile-bio{color:#b7b8bc;line-height:1.7;font-size:15px;max-width:700px}.erpa-profile-button{align-self:flex-start;margin-top:26px;padding:13px 18px;border-radius:8px;background:var(--erpa-accent);color:#090909!important;font-size:11px;font-weight:1000;letter-spacing:.07em}
@media(max-width:1000px){.erpa-smallnav{display:none}.erpa-hero-grid{grid-template-columns:1fr}.erpa-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.erpa-rider-grid{grid-template-columns:repeat(2,1fr)}.erpa-strip .erpa-wrap{grid-template-columns:1fr 1fr}.erpa-intro{grid-column:1/-1;padding:24px 0}.erpa-statbox{padding:20px;border-top:1px solid #292929}.erpa-profile-grid{grid-template-columns:1fr 1fr}.erpa-profile-copy h1{font-size:54px}}
@media(max-width:680px){.erpa-wrap{padding:0 16px}.erpa-actions{display:none}.erpa-links{gap:14px;overflow:auto}.erpa-cta{display:none}.erpa-hero-copy h1{font-size:48px}.erpa-hero-main{min-height:520px}.erpa-hero-copy{left:24px;right:24px;bottom:26px}.erpa-side{grid-template-columns:1fr}.erpa-section-head{align-items:stretch;flex-direction:column}.erpa-filters{flex-direction:column;align-items:stretch}.erpa-search{width:100%}.erpa-rider-grid{grid-template-columns:1fr}.erpa-rider-card{min-height:510px}.erpa-strip .erpa-wrap{grid-template-columns:1fr}.erpa-statbox{border-left:none}.erpa-profile-grid{grid-template-columns:1fr}.erpa-profile-image{min-height:480px}.erpa-profile-copy{padding:28px}.erpa-profile-copy h1{font-size:47px}.erpa-profile-number{font-size:84px}.erpa-profile-details{grid-template-columns:1fr 1fr}}
/* Public admin shortcut */
.erpa-public-actions{display:flex;align-items:center;gap:8px}
.erpa-admin-access{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #34363b;border-radius:7px;background:#17181b;color:#fff!important;font-size:11px;font-weight:900;letter-spacing:.05em}
.erpa-admin-access:hover{border-color:var(--erpa-accent);color:var(--erpa-accent)!important}
/* Front-end admin dashboard */
.erpa-dashboard{--erpa-accent:#ffca0a;min-height:100vh;background:#0b0c0f;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:260px minmax(0,1fr);-webkit-font-smoothing:antialiased}
.erpa-dashboard *{box-sizing:border-box}.erpa-dashboard a{text-decoration:none;color:inherit}.erpa-dashboard button,.erpa-dashboard input,.erpa-dashboard textarea{font:inherit}
.erpa-dash-sidebar{position:sticky;top:0;height:100vh;background:#101115;border-right:1px solid #24262b;padding:20px 14px;display:flex;flex-direction:column;z-index:20}
.erpa-dash-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.erpa-dash-brand>span:last-child{display:flex;flex-direction:column}.erpa-dash-brand b{font-size:15px}.erpa-dash-brand small{font-size:10px;color:#777b83;margin-top:2px;text-transform:uppercase;letter-spacing:.12em}
.erpa-dash-menu{display:flex;flex-direction:column;gap:5px}.erpa-dash-menu a{display:flex;align-items:center;gap:11px;min-height:45px;padding:0 12px;border-radius:9px;color:#b8bac0;font-size:13px;font-weight:700;transition:.2s}.erpa-dash-menu a:hover{background:#17191d;color:#fff}.erpa-dash-menu a.active{background:var(--erpa-accent);color:#050505}.erpa-dash-icon{width:22px;text-align:center;font-size:16px}
.erpa-dash-sidebar-bottom{margin-top:auto;border-top:1px solid #24262b;padding:14px 8px 0;display:flex;flex-direction:column;gap:9px}.erpa-dash-sidebar-bottom a{font-size:12px;color:#888c94}.erpa-dash-sidebar-bottom a:hover{color:#fff}
.erpa-dash-main{min-width:0}.erpa-dash-top{height:92px;border-bottom:1px solid #24262b;background:rgba(13,14,17,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.erpa-dash-top h1{font-size:26px;line-height:1;margin:6px 0 0;letter-spacing:-.04em}.erpa-dash-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--erpa-accent);font-weight:900}.erpa-dash-user{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7bac0;font-weight:700}.erpa-dash-user img{border-radius:50%;border:1px solid #373940}.erpa-dash-mobile-menu{display:none!important;background:#17191e!important;border:1px solid #292c32!important;color:#fff!important;border-radius:8px!important;width:40px!important;height:40px!important}
.erpa-dash-content{max-width:1320px;margin:0 auto;padding:30px 34px 60px}.erpa-dash-notice{padding:13px 16px;border-radius:9px;margin-bottom:18px;font-size:13px;border:1px solid}.erpa-dash-notice.success{background:#122118;border-color:#244c33;color:#aeecc3}.erpa-dash-notice.error{background:#281515;border-color:#5a2929;color:#ffbaba}
.erpa-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.erpa-dash-stat{background:linear-gradient(145deg,#16181c,#111216);border:1px solid #282a30;border-radius:13px;padding:20px}.erpa-dash-stat span{display:block;color:#80838a;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.erpa-dash-stat strong{display:block;font-size:40px;line-height:1;margin-top:9px;letter-spacing:-.05em;color:#fff}
.erpa-dash-panel{background:#121317;border:1px solid #282a30;border-radius:15px;overflow:hidden}.erpa-dash-panel-head{padding:20px 22px;border-bottom:1px solid #27292e;display:flex;align-items:center;justify-content:space-between;gap:18px}.erpa-dash-panel-head h2{font-size:22px;line-height:1;margin:5px 0 0;letter-spacing:-.03em}.erpa-dash-primary,.erpa-dash-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:.04em;border:0;cursor:pointer}.erpa-dash-primary{background:var(--erpa-accent)!important;color:#080808!important}.erpa-dash-primary:hover{filter:brightness(.94)}.erpa-dash-secondary{background:#1b1d22!important;border:1px solid #30333a!important;color:#d4d5d8!important}
.erpa-dash-table-wrap{overflow:auto}.erpa-dash-table{width:100%;border-collapse:collapse;min-width:850px}.erpa-dash-table th{padding:12px 16px;text-align:left;font-size:9px;color:#74777e;text-transform:uppercase;letter-spacing:.12em;background:#0f1013;border-bottom:1px solid #25272c}.erpa-dash-table td{padding:13px 16px;border-bottom:1px solid #222429;font-size:12px;color:#c6c8cc}.erpa-dash-table tr:last-child td{border-bottom:0}.erpa-dash-rider{display:flex;align-items:center;gap:10px;color:#fff}.erpa-dash-avatar{width:42px;height:42px;border-radius:8px;background:#25272c center/cover;border:1px solid #33363d;flex:0 0 auto}.erpa-dash-actions-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.erpa-dash-actions-cell>a,.erpa-dash-actions-cell button{font-size:10px!important;font-weight:800!important;border-radius:6px!important;padding:7px 9px!important;border:1px solid #30333a!important;background:#191b20!important;color:#c8cad0!important;cursor:pointer!important}.erpa-dash-actions-cell form{margin:0}.erpa-dash-actions-cell button{color:#ff9999!important}
.erpa-dash-empty{padding:60px 24px;text-align:center}.erpa-dash-empty strong{font-size:20px}.erpa-dash-empty p{color:#7f828a;font-size:13px;margin:7px 0 18px}
.erpa-dash-form-panel{max-width:950px}.erpa-dash-form{padding:24px}.erpa-dash-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.erpa-dash-form-grid label{display:flex;flex-direction:column;gap:7px}.erpa-dash-form-grid label.wide{grid-column:1/-1}.erpa-dash-form-grid label>span{font-size:10px;color:#9a9da4;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.erpa-dash-form input[type="text"],.erpa-dash-form input[type="url"],.erpa-dash-form input[type="file"],.erpa-dash-form textarea{width:100%;background:#0e0f12!important;border:1px solid #303238!important;border-radius:8px!important;color:#fff!important;padding:12px 13px!important;outline:none!important}.erpa-dash-form input:focus,.erpa-dash-form textarea:focus{border-color:var(--erpa-accent)!important}.erpa-dash-form input[type="color"]{width:100%;height:45px;border:1px solid #303238;background:#0e0f12;border-radius:8px;padding:5px}.erpa-dash-form small{color:#676a72;font-size:10px}.erpa-dash-check{flex-direction:row!important;align-items:center!important;background:#0e0f12;border:1px solid #2b2d33;border-radius:8px;padding:13px}.erpa-dash-check input{width:18px;height:18px;accent-color:var(--erpa-accent)}.erpa-dash-check span{text-transform:none!important;letter-spacing:0!important;color:#d0d2d6!important}.erpa-dash-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid #282a2f}
.erpa-dash-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.erpa-dash-page-card{background:#0e0f12;border:1px solid #282a30;border-radius:10px;padding:17px}.erpa-dash-page-card h3{margin:8px 0 10px;font-size:17px}.erpa-dash-page-card code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#17191d;border-radius:6px;padding:8px;color:#999da5;font-size:10px}.erpa-dash-page-card>a{display:inline-block;margin-top:12px;font-size:11px;color:var(--erpa-accent);font-weight:800}.erpa-dash-page-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.erpa-dash-page-status.ok{background:#13251a;color:#83d9a0;border:1px solid #254b33}.erpa-dash-page-status.missing{background:#2b1919;color:#f3a2a2;border:1px solid #563030}.erpa-dash-regenerate{padding:0 20px 20px}
@media(max-width:900px){.erpa-dashboard{grid-template-columns:1fr}.erpa-dash-sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.erpa-dashboard.menu-open .erpa-dash-sidebar{left:0;box-shadow:30px 0 80px rgba(0,0,0,.55)}.erpa-dash-mobile-menu{display:grid!important;place-items:center!important}.erpa-dash-top{padding:0 18px;height:82px}.erpa-dash-top>div:nth-child(2){flex:1;margin-left:12px}.erpa-dash-user span{display:none}.erpa-dash-content{padding:22px 18px 50px}.erpa-dash-stats{grid-template-columns:1fr 1fr}.erpa-dash-form-grid,.erpa-dash-page-grid{grid-template-columns:1fr}.erpa-dash-form-grid label.wide{grid-column:auto}}
@media(max-width:560px){.erpa-dash-stats{grid-template-columns:1fr}.erpa-dash-panel-head{align-items:flex-start;flex-direction:column}.erpa-dash-form{padding:18px}.erpa-dash-page-grid{padding:14px}.erpa-dash-top h1{font-size:20px}}
/* ===== EVENTOS OFICIALES ===== */
.erpa-events-section{padding:54px 0 80px;min-height:70vh}
.erpa-events-title{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.erpa-events-title h1{font-size:46px;line-height:.96;margin:10px 0 10px;text-transform:uppercase;letter-spacing:-.05em;max-width:800px}
.erpa-events-title p{color:#8e9096;margin:0;max-width:720px}
.erpa-events-count{min-width:120px;border-left:1px solid #2b2c30;padding-left:24px}
.erpa-events-count strong{display:block;font-size:42px;line-height:1;color:var(--erpa-accent)}
.erpa-events-count span{display:block;color:#74767d;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:7px;font-weight:900}
.erpa-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.erpa-event-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
.erpa-event-card{display:block;background:#111216;border:1px solid #24262b;border-radius:12px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;position:relative}
.erpa-event-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--event-color,#ffca0a) 42%,#24262b);box-shadow:0 20px 45px rgba(0,0,0,.42)}
.erpa-event-visual{display:block;position:relative;aspect-ratio:2.62/1;overflow:hidden;background:#17181c}
.erpa-event-visual>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.erpa-event-card:hover .erpa-event-visual>img{transform:scale(1.045);filter:brightness(1.04)}
.erpa-event-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;font-size:24px;font-weight:1000;text-transform:uppercase;background:linear-gradient(135deg,#202126,#0e0f12);z-index:0}
.erpa-event-diagonal{position:absolute;inset:0;pointer-events:none;transition:opacity .32s ease,transform .5s cubic-bezier(.2,.7,.2,1);opacity:.22;z-index:2}
.erpa-event-diagonal-left{background:linear-gradient(180deg,color-mix(in srgb,var(--event-color,#ffca0a) 68%,transparent) 0%,rgba(0,0,0,.08) 100%);clip-path:polygon(0 0,31% 0,18% 100%,0 100%);transform:translateX(-16%)}
.erpa-event-diagonal-right{background:linear-gradient(0deg,color-mix(in srgb,var(--event-color,#ffca0a) 22%,transparent),transparent);clip-path:polygon(79% 0,100% 0,100% 100%,67% 100%);transform:translateX(13%)}
.erpa-event-gradient-hover{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--event-color,#ffca0a) 12%,transparent) 0%,rgba(20,20,20,0) 62%);opacity:.15;transition:opacity .3s ease}
.erpa-event-card:hover .erpa-event-diagonal{opacity:.72}.erpa-event-card:hover .erpa-event-diagonal-left{transform:translateX(0)}.erpa-event-card:hover .erpa-event-diagonal-right{transform:translateX(0)}.erpa-event-card:hover .erpa-event-gradient-hover{opacity:1}
.erpa-event-status{position:absolute;left:12px;top:12px;z-index:5;background:rgba(8,8,9,.86);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);padding:6px 9px;border-radius:999px;color:#fff;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
.erpa-event-arrow{position:absolute;right:12px;top:12px;z-index:5;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--event-color,#ffca0a);color:#090909;font-weight:1000;transform:translateY(-8px) rotate(-8deg);opacity:0;transition:.25s ease;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.erpa-event-card:hover .erpa-event-arrow{opacity:1;transform:translateY(0) rotate(0)}
.erpa-event-meta{min-height:72px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(145deg,#15161a,#101114)}
.erpa-event-meta>span:first-child{min-width:0}.erpa-event-meta strong{display:block;font-size:13px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erpa-event-meta small{display:block;color:#7e8188;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erpa-event-date{color:#d9dadc;font-size:10px;white-space:nowrap;font-weight:800}
.erpa-events-view-all{font-size:10px;font-weight:900;color:var(--erpa-accent)!important;letter-spacing:.08em}
.erpa-home-events{padding-top:0}
/* event detail */
.erpa-event-detail{padding:52px 0 80px;min-height:70vh}
.erpa-event-detail-banner{position:relative;aspect-ratio:2.62/1;overflow:hidden;border-radius:15px;background:#17181c;border:1px solid #292b30}
.erpa-event-detail-banner img{width:100%;height:100%;object-fit:cover;display:block}
.erpa-event-detail-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%)}
.erpa-event-detail-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;margin-top:18px}
.erpa-event-detail-grid>div,.erpa-event-detail-info{background:#121317;border:1px solid #282a2f;border-radius:14px;padding:28px}
.erpa-event-detail h1{font-size:52px;line-height:.95;text-transform:uppercase;letter-spacing:-.05em;margin:10px 0 14px}
.erpa-event-description{color:#a9abb0;line-height:1.7;margin:0;max-width:800px}
.erpa-event-detail-info{display:flex;flex-direction:column;gap:10px}
.erpa-event-detail-info>div{background:#0d0e11;border:1px solid #27292e;border-radius:9px;padding:14px}
.erpa-event-detail-info small{display:block;font-size:8px;color:#71747b;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.erpa-event-detail-info strong{display:block;margin-top:5px;font-size:14px}
/* dashboard events */
.erpa-dash-stats{grid-template-columns:repeat(4,1fr)}
.erpa-dash-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}
.erpa-dash-event-card{border:1px solid #292b31;border-radius:11px;overflow:hidden;background:#0f1013}
.erpa-dash-event-banner{position:relative;display:block;aspect-ratio:2.62/1;overflow:hidden;background:#1b1c20}
.erpa-dash-event-banner img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.erpa-dash-event-banner:hover img{transform:scale(1.035)}
.erpa-dash-event-banner>span{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;padding:20px;text-align:center}
.erpa-dash-event-banner i{position:absolute;left:10px;top:10px;background:#090a0c;color:#fff;border:1px solid #34363b;border-radius:99px;padding:5px 8px;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.09em}
.erpa-dash-event-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.erpa-dash-event-body>div:first-child{min-width:0}.erpa-dash-event-body strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erpa-dash-event-body small{display:block;color:#767981;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.erpa-dash-event-actions{display:flex;align-items:center;gap:6px}.erpa-dash-event-actions form{margin:0}.erpa-dash-event-actions a,.erpa-dash-event-actions button{font-size:9px!important;background:#191b20!important;border:1px solid #30333a!important;color:#c8cad0!important;border-radius:6px!important;padding:6px 8px!important;cursor:pointer!important}.erpa-dash-event-actions button{color:#ff9999!important}
/* stronger date input compatibility */
.erpa-dash-form input[type="date"]{width:100%;background:#0e0f12!important;border:1px solid #303238!important;border-radius:8px!important;color:#fff!important;padding:12px 13px!important;color-scheme:dark}
@media(max-width:1000px){
.erpa-event-grid,.erpa-event-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
.erpa-event-detail-grid{grid-template-columns:1fr}
.erpa-dash-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
.erpa-events-title{align-items:flex-start;flex-direction:column}.erpa-events-title h1{font-size:36px}.erpa-events-count{border-left:0;padding-left:0}
.erpa-event-grid,.erpa-event-grid-home{grid-template-columns:1fr}
.erpa-event-detail h1{font-size:39px}.erpa-event-detail-grid>div,.erpa-event-detail-info{padding:20px}
.erpa-dash-event-grid{grid-template-columns:1fr;padding:14px}
}
/* v1.3.1 - eventos siempre visibles en la página principal */
.erpa-events-empty-home{min-height:210px;border:1px dashed #2b2d32;border-radius:14px;background:linear-gradient(135deg,#111216,#090a0c);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;position:relative;overflow:hidden}
.erpa-events-empty-home:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 38%,rgba(255,255,255,.025) 38.2% 38.5%,transparent 38.7% 100%);pointer-events:none}
.erpa-events-empty-art{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.erpa-events-empty-kicker{font-size:9px;color:var(--erpa-accent);font-weight:1000;letter-spacing:.18em;margin-bottom:7px}.erpa-events-empty-art strong{font-size:30px;line-height:1;text-transform:uppercase;letter-spacing:-.04em}.erpa-events-empty-art small{color:#777a81;margin-top:9px;font-size:12px}.erpa-events-empty-admin{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:8px;background:var(--erpa-accent);color:#090909!important;font-size:10px;font-weight:1000;letter-spacing:.06em;white-space:nowrap}
@media(max-width:680px){.erpa-events-empty-home{align-items:flex-start;flex-direction:column;padding:24px}.erpa-events-empty-art strong{font-size:24px}.erpa-events-empty-admin{width:100%}}
/* v1.3.2 - identidad del equipo configurable */
.erpa-team-identity-preview{
display:grid;
grid-template-columns:92px minmax(0,1fr);
gap:18px;
align-items:center;
margin-bottom:22px;
padding:18px;
border:1px solid #2b2d33;
border-radius:12px;
background:linear-gradient(135deg,#0d0e11,#17191d);
}
.erpa-team-identity-logo{
width:92px;
height:92px;
border-radius:12px;
background:#090a0c;
border:1px solid #303239;
display:grid;
place-items:center;
overflow:hidden;
}
.erpa-team-identity-logo img{
width:100%;
height:100%;
object-fit:contain;
padding:6px;
}
.erpa-team-identity-logo span{
width:58px;
height:58px;
border-radius:14px 14px 22px 22px;
background:linear-gradient(145deg,var(--erpa-accent),#e89d00);
color:#080808;
display:grid;
place-items:center;
font-size:22px;
font-weight:1000;
box-shadow:inset 0 0 0 2px #050505;
}
.erpa-team-identity-preview small{
display:block;
color:var(--erpa-accent);
text-transform:uppercase;
font-size:8px;
font-weight:900;
letter-spacing:.14em;
}
.erpa-team-identity-preview strong{
display:block;
margin-top:6px;
font-size:24px;
letter-spacing:-.04em;
}
.erpa-team-identity-preview p{
margin:5px 0 0;
color:#777b83;
font-size:11px;
line-height:1.5;
}
.erpa-advanced-logo-url{
margin-top:2px;
padding-top:16px;
border-top:1px solid #25272c;
}
@media(max-width:680px){
.erpa-topbar{height:62px}
.erpa-logo-img{width:50px;height:50px;flex-basis:50px}
.erpa-team-identity-preview{grid-template-columns:70px minmax(0,1fr);padding:14px}
.erpa-team-identity-logo{width:70px;height:70px}
.erpa-team-identity-preview strong{font-size:19px}
}
/* v1.3.3 — logotipo original, sin recortes y con tamaño configurable */
.erpa-app .erpa-logo-img,
.erpa-dashboard .erpa-logo-img{
width:var(--erpa-logo-size,120px)!important;
max-width:240px!important;
height:56px!important;
min-width:0!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
padding:0!important;
}
.erpa-app .erpa-logo-img img,
.erpa-dashboard .erpa-logo-img img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:56px!important;
object-fit:contain!important;
object-position:left center!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
}
.erpa-topbar .erpa-brand{
min-width:0;
}
.erpa-topbar .erpa-brand>span:last-child{
white-space:nowrap;
}
/* Vista previa: nunca permitir que la imagen salga del recuadro */
.erpa-team-identity-preview{
grid-template-columns:minmax(120px,var(--erpa-logo-size,120px)) minmax(0,1fr)!important;
}
.erpa-team-identity-logo{
width:var(--erpa-logo-size,120px)!important;
max-width:240px!important;
height:110px!important;
max-height:110px!important;
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:#090a0c!important;
border:1px solid #303239!important;
border-radius:12px!important;
padding:10px!important;
}
.erpa-team-identity-logo img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
padding:0!important;
margin:0!important;
transform:none!important;
position:static!important;
}
.erpa-team-identity-logo span{
flex:0 0 auto;
}
.erpa-logo-size-control{
padding:14px 0 2px;
}
.erpa-range-row{
display:grid;
grid-template-columns:minmax(0,1fr) 72px;
gap:12px;
align-items:center;
}
.erpa-range-row input[type="range"]{
width:100%!important;
accent-color:var(--erpa-accent)!important;
}
.erpa-range-row strong{
min-height:38px;
display:grid;
place-items:center;
background:#0e0f12;
border:1px solid #303238;
border-radius:8px;
font-size:11px;
color:#fff;
}
@media(max-width:680px){
.erpa-app .erpa-logo-img,
.erpa-dashboard .erpa-logo-img{
width:min(var(--erpa-logo-size,120px),160px)!important;
height:50px!important;
}
.erpa-app .erpa-logo-img img,
.erpa-dashboard .erpa-logo-img img{
max-height:50px!important;
}
.erpa-team-identity-preview{
grid-template-columns:1fr!important;
}
.erpa-team-identity-logo{
width:min(var(--erpa-logo-size,120px),100%)!important;
}
}
/* v1.3.4 — logo completamente transparente y escalado real */
.erpa-app .erpa-logo-img,
.erpa-dashboard .erpa-logo-img{
width:var(--erpa-logo-size,120px)!important;
height:64px!important;
max-width:none!important;
max-height:none!important;
background:none!important;
background-color:transparent!important;
border:none!important;
outline:none!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}
.erpa-app .erpa-logo-img img,
.erpa-dashboard .erpa-logo-img img{
width:var(--erpa-logo-size,120px)!important;
height:auto!important;
max-width:none!important;
max-height:104px!important;
object-fit:contain!important;
object-position:left center!important;
background:none!important;
background-color:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
clip-path:none!important;
filter:none!important;
}
.erpa-topbar{
min-height:72px!important;
height:72px!important;
overflow:visible!important;
}
.erpa-topbar .erpa-wrap,
.erpa-topbar .erpa-brand{
overflow:visible!important;
}
.erpa-team-identity-logo{
background:transparent!important;
background-color:transparent!important;
border:1px dashed #34363c!important;
overflow:hidden!important;
}
.erpa-team-identity-logo img{
background:transparent!important;
box-shadow:none!important;
}
@media(max-width:680px){
.erpa-topbar{height:66px!important;min-height:66px!important}
.erpa-app .erpa-logo-img,
.erpa-dashboard .erpa-logo-img{
width:min(var(--erpa-logo-size,120px),150px)!important;
height:58px!important;
}
.erpa-app .erpa-logo-img img,
.erpa-dashboard .erpa-logo-img img{
width:min(var(--erpa-logo-size,120px),150px)!important;
max-height:88px!important;
}
}
/* v1.3.5 — solución definitiva:
un logo subido ya NO utiliza .erpa-logo-img ni comparte estilos con .erpa-crest. */
.erpa-app .erpa-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-dash-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-brand > img.erpa-team-logo,
.erpa-footer .erpa-brand > img.erpa-team-logo{
width:var(--erpa-logo-size,120px)!important;
height:auto!important;
max-width:none!important;
max-height:82px!important;
min-width:0!important;
min-height:0!important;
flex:0 0 auto!important;
object-fit:contain!important;
object-position:left center!important;
background:none!important;
background-color:transparent!important;
background-image:none!important;
border:0!important;
outline:0!important;
border-radius:0!important;
box-shadow:none!important;
filter:none!important;
clip-path:none!important;
mask:none!important;
-webkit-mask:none!important;
padding:0!important;
margin:0!important;
overflow:visible!important;
display:block!important;
}
/* El fallback ER sí conserva la placa amarilla SOLO cuando no existe logo cargado. */
.erpa-crest{
flex:0 0 auto!important;
}
/* Cabecera preparada para logos altos/anchos sin crear ninguna placa detrás. */
.erpa-topbar,
.erpa-topbar .erpa-wrap,
.erpa-topbar .erpa-brand{
overflow:visible!important;
}
.erpa-topbar .erpa-brand{
min-height:72px!important;
display:flex!important;
align-items:center!important;
}
/* Preview del dashboard: mostrar la imagen sola, sin fondo, caja o placa. */
.erpa-team-identity-logo-clean{
width:min(var(--erpa-logo-size,120px),240px)!important;
height:130px!important;
min-height:130px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
overflow:hidden!important;
background:none!important;
background-color:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.erpa-team-identity-logo-clean img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:125px!important;
object-fit:contain!important;
object-position:left center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
.erpa-team-identity-logo-clean span{
margin:0!important;
}
/* La vista previa queda sobre el mismo fondo del panel, sin un recuadro independiente. */
.erpa-team-identity-preview{
background:#0e0f12!important;
}
@media(max-width:680px){
.erpa-app .erpa-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-dash-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-brand > img.erpa-team-logo,
.erpa-footer .erpa-brand > img.erpa-team-logo{
width:min(var(--erpa-logo-size,120px),150px)!important;
max-height:68px!important;
}
.erpa-team-identity-logo-clean{
width:min(var(--erpa-logo-size,120px),100%)!important;
height:110px!important;
min-height:110px!important;
}
}
/* v1.3.6 — safe area automática para cualquier logo */
.erpa-topbar{
height:auto!important;
min-height:86px!important;
padding:var(--erpa-logo-spacing,12px) 0!important;
}
.erpa-topbar .erpa-brand{
min-height:62px!important;
gap:20px!important;
}
.erpa-app .erpa-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-dash-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-brand > img.erpa-team-logo{
width:var(--erpa-logo-size,120px)!important;
height:auto!important;
max-height:72px!important;
object-fit:contain!important;
object-position:left center!important;
margin:0!important;
}
.erpa-topbar .erpa-brand > img.erpa-team-logo{
align-self:center!important;
}
.erpa-topbar .erpa-brand > span:last-child{
margin-left:2px!important;
}
/* El footer también recibe aire, pero sin crecer demasiado. */
.erpa-footer .erpa-brand{
gap:18px!important;
}
.erpa-footer .erpa-brand > img.erpa-team-logo{
max-height:64px!important;
}
/* Dashboard: preview con espacio de seguridad real. */
.erpa-team-identity-logo-clean{
padding:var(--erpa-logo-spacing,12px)!important;
box-sizing:border-box!important;
min-height:150px!important;
}
.erpa-team-identity-logo-clean img{
max-width:100%!important;
max-height:100%!important;
}
/* Evita que el logo invada la segunda barra negra. */
.erpa-nav{
position:relative!important;
z-index:4!important;
}
.erpa-topbar{
position:relative!important;
z-index:5!important;
}
@media(max-width:680px){
.erpa-topbar{
min-height:78px!important;
padding:clamp(6px,var(--erpa-logo-spacing,12px),16px) 0!important;
}
.erpa-topbar .erpa-brand{
min-height:54px!important;
gap:12px!important;
}
.erpa-app .erpa-brand > img.erpa-team-logo,
.erpa-dashboard .erpa-brand > img.erpa-team-logo{
max-height:58px!important;
}
.erpa-topbar .erpa-brand > span:last-child{
white-space:normal!important;
line-height:1.05!important;
}
}
/* v1.3.7 — espaciado automático del logotipo
Ya no existe un control manual de espaciado. La cabecera calcula una zona segura
visual fija y consistente para logos horizontales, verticales y circulares. */
.erpa-topbar{
height:auto!important;
min-height:96px!important;
padding:14px 0!important;
overflow:visible!important;
}
.erpa-topbar .erpa-wrap{
min-height:68px!important;
overflow:visible!important;
}
.erpa-topbar .erpa-brand{
min-height:68px!important;
gap:22px!important;
padding:0 2px!important;
display:flex!important;
align-items:center!important;
overflow:visible!important;
}
.erpa-topbar .erpa-brand > img.erpa-team-logo{
width:var(--erpa-logo-size,120px)!important;
height:auto!important;
max-height:68px!important;
max-width:240px!important;
object-fit:contain!important;
object-position:left center!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
}
.erpa-topbar .erpa-brand > span:last-child{
margin:0!important;
line-height:1.05!important;
}
/* Evita que el logo toque la navegación aunque sea alto. */
.erpa-nav{
margin-top:0!important;
position:relative!important;
z-index:4!important;
}
.erpa-topbar{
position:relative!important;
z-index:5!important;
}
/* Preview del dashboard con aire automático, sin control manual. */
.erpa-team-identity-logo-clean{
padding:14px!important;
min-height:148px!important;
box-sizing:border-box!important;
}
.erpa-team-identity-logo-clean img{
max-width:100%!important;
max-height:120px!important;
object-fit:contain!important;
}
/* Footer: espacio consistente pero más compacto. */
.erpa-footer .erpa-brand{
gap:18px!important;
align-items:center!important;
}
.erpa-footer .erpa-brand > img.erpa-team-logo{
max-height:58px!important;
}
/* Tablet */
@media(max-width:900px){
.erpa-topbar{
min-height:90px!important;
padding:12px 0!important;
}
.erpa-topbar .erpa-brand{
min-height:64px!important;
gap:16px!important;
}
.erpa-topbar .erpa-brand > img.erpa-team-logo{
max-height:64px!important;
max-width:200px!important;
}
}
/* Móvil */
@media(max-width:680px){
.erpa-topbar{
min-height:84px!important;
padding:10px 0!important;
}
.erpa-topbar .erpa-brand{
min-height:58px!important;
gap:12px!important;
}
.erpa-topbar .erpa-brand > img.erpa-team-logo{
width:min(var(--erpa-logo-size,120px),140px)!important;
max-width:140px!important;
max-height:58px!important;
}
.erpa-topbar .erpa-brand > span:last-child{
white-space:normal!important;
font-size:14px!important;
line-height:1.05!important;
}
}
/* =========================================================
v1.3.8 — HEADER DEFINITIVO / LOGO SIEMPRE DENTRO DE SU ÁREA
========================================================= */
/* Barra blanca: altura real, limpia y SIN permitir que el logo invada el menú. */
.erpa-app .erpa-topbar{
height:112px!important;
min-height:112px!important;
padding:0!important;
overflow:hidden!important;
background:#f3f3f3!important;
border-bottom:1px solid #d8d8d8!important;
position:relative!important;
z-index:5!important;
}
/* Área interna de la cabecera. */
.erpa-app .erpa-topbar .erpa-wrap{
height:112px!important;
min-height:112px!important;
padding-top:14px!important;
padding-bottom:14px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
}
/* Bloque logo + nombre. */
.erpa-app .erpa-topbar .erpa-brand{
height:84px!important;
min-height:84px!important;
max-height:84px!important;
padding:0!important;
margin:0!important;
gap:20px!important;
display:flex!important;
align-items:center!important;
overflow:hidden!important;
flex:0 1 auto!important;
}
/* El logo NO recibe ancho fijo.
Se adapta a DOS límites: tamaño configurado y altura segura del header.
Esto mantiene su proporción real automáticamente. */
.erpa-app .erpa-topbar .erpa-brand > img.erpa-team-logo{
display:block!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:min(var(--erpa-logo-size,120px),190px)!important;
max-height:78px!important;
flex:0 0 auto!important;
object-fit:contain!important;
object-position:center center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
clip-path:none!important;
mask:none!important;
-webkit-mask:none!important;
padding:0!important;
margin:0!important;
transform:none!important;
}
/* Nombre del club: alineado y separado, nunca encima del logo. */
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
display:block!important;
margin:0!important;
padding:0!important;
color:#111!important;
font-size:17px!important;
line-height:1.1!important;
font-weight:1000!important;
white-space:nowrap!important;
}
/* El menú negro SIEMPRE comienza después de la barra blanca. */
.erpa-app .erpa-nav{
height:52px!important;
min-height:52px!important;
margin:0!important;
position:relative!important;
z-index:6!important;
overflow:hidden!important;
}
.erpa-app .erpa-nav .erpa-wrap{
height:52px!important;
min-height:52px!important;
}
/* Footer: mismo principio, pero más compacto. */
.erpa-app .erpa-footer .erpa-brand > img.erpa-team-logo{
width:auto!important;
height:auto!important;
max-width:min(var(--erpa-logo-size,120px),170px)!important;
max-height:64px!important;
object-fit:contain!important;
margin:0!important;
}
/* Preview de Configuración: área limpia y contenida. */
.erpa-dashboard .erpa-team-identity-logo-clean{
width:min(var(--erpa-logo-size,120px),240px)!important;
height:150px!important;
min-height:150px!important;
padding:14px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:#0d0e11!important;
border:1px solid #2d2f35!important;
border-radius:10px!important;
box-sizing:border-box!important;
}
.erpa-dashboard .erpa-team-identity-logo-clean img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:120px!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
padding:0!important;
}
/* Tablet */
@media(max-width:1000px){
.erpa-app .erpa-topbar{
height:104px!important;
min-height:104px!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
height:104px!important;
min-height:104px!important;
padding-top:12px!important;
padding-bottom:12px!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:80px!important;
min-height:80px!important;
max-height:80px!important;
gap:16px!important;
}
.erpa-app .erpa-topbar .erpa-brand > img.erpa-team-logo{
max-width:min(var(--erpa-logo-size,120px),170px)!important;
max-height:72px!important;
}
}
/* Móvil */
@media(max-width:680px){
.erpa-app .erpa-topbar{
height:92px!important;
min-height:92px!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
height:92px!important;
min-height:92px!important;
padding:10px 16px!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:72px!important;
min-height:72px!important;
max-height:72px!important;
gap:12px!important;
max-width:100%!important;
}
.erpa-app .erpa-topbar .erpa-brand > img.erpa-team-logo{
max-width:min(var(--erpa-logo-size,120px),135px)!important;
max-height:64px!important;
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
min-width:0!important;
white-space:normal!important;
font-size:14px!important;
line-height:1.05!important;
}
.erpa-app .erpa-nav{
height:50px!important;
min-height:50px!important;
}
.erpa-app .erpa-nav .erpa-wrap{
height:50px!important;
min-height:50px!important;
}
}
/* ==========================================================
v1.3.9 — CABECERA ESCALABLE JUNTO CON EL LOGO
Nuevo sistema aislado de todas las reglas antiguas.
========================================================== */
/* La barra blanca toma su altura del mismo valor que controla el logo. */
.erpa-app .erpa-topbar{
height:calc(var(--erpa-logo-height,72px) + 28px)!important;
min-height:calc(var(--erpa-logo-height,72px) + 28px)!important;
max-height:none!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
background:#f3f3f3!important;
border-bottom:1px solid #d9d9d9!important;
position:relative!important;
z-index:10!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
height:100%!important;
min-height:0!important;
padding-top:14px!important;
padding-bottom:14px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:100%!important;
min-height:0!important;
max-height:none!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
gap:20px!important;
overflow:hidden!important;
}
/* Logo público: la ALTURA es la variable; el ancho siempre es automático. */
.erpa-app .erpa-topbar .erpa-brand > img.erpa-brand-logo{
display:block!important;
width:auto!important;
height:var(--erpa-logo-height,72px)!important;
max-width:280px!important;
max-height:var(--erpa-logo-height,72px)!important;
min-width:0!important;
min-height:0!important;
object-fit:contain!important;
object-position:left center!important;
flex:0 0 auto!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
outline:0!important;
filter:none!important;
clip-path:none!important;
mask:none!important;
-webkit-mask:none!important;
transform:none!important;
}
/* Si por proporción el logo sería demasiado ancho, se reduce manteniendo proporción. */
@supports (width:min(1px, 1px)){
.erpa-app .erpa-topbar .erpa-brand > img.erpa-brand-logo{
max-width:min(280px,32vw)!important;
}
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
color:#111!important;
font-size:17px!important;
line-height:1.08!important;
font-weight:1000!important;
white-space:nowrap!important;
margin:0!important;
padding:0!important;
}
/* La navegación empieza DESPUÉS de la barra; jamás se superpone. */
.erpa-app .erpa-nav{
margin:0!important;
position:relative!important;
z-index:11!important;
overflow:hidden!important;
}
/* Footer con una escala independiente y segura. */
.erpa-app .erpa-footer .erpa-brand > img.erpa-brand-logo{
display:block!important;
width:auto!important;
height:min(var(--erpa-logo-height,72px),58px)!important;
max-width:200px!important;
object-fit:contain!important;
object-position:left center!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Dashboard sidebar: pequeño y controlado; nunca usa el tamaño del header público. */
.erpa-dashboard .erpa-dash-brand > img.erpa-brand-logo{
width:auto!important;
height:38px!important;
max-width:76px!important;
max-height:38px!important;
object-fit:contain!important;
object-position:left center!important;
flex:0 0 auto!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
/* PREVIEW DEL DASHBOARD:
se simula la barra blanca con background-image, así ningún CSS externo puede
inflar la imagen o sacarla del contenedor. */
.erpa-header-preview-wrap{
margin-bottom:24px!important;
}
.erpa-header-preview-label{
display:block!important;
margin-bottom:8px!important;
color:var(--erpa-accent)!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.12em!important;
}
.erpa-header-preview{
width:100%!important;
height:calc(var(--erpa-logo-height,72px) + 28px)!important;
min-height:calc(var(--erpa-logo-height,72px) + 28px)!important;
background:#f3f3f3!important;
border:1px solid #d6d6d6!important;
border-radius:10px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
padding:14px 20px!important;
box-sizing:border-box!important;
}
.erpa-header-preview-brand{
height:100%!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:20px!important;
}
.erpa-header-preview-logo{
display:block!important;
width:min(280px,36vw)!important;
height:var(--erpa-logo-height,72px)!important;
max-height:100%!important;
flex:0 0 auto!important;
background-repeat:no-repeat!important;
background-size:contain!important;
background-position:left center!important;
}
.erpa-header-preview-fallback{
width:var(--erpa-logo-height,72px)!important;
height:var(--erpa-logo-height,72px)!important;
flex:0 0 auto!important;
display:grid!important;
place-items:center!important;
border-radius:14px 14px 22px 22px!important;
background:linear-gradient(145deg,var(--erpa-accent),#e89d00)!important;
color:#050505!important;
font-weight:1000!important;
}
.erpa-header-preview-brand strong{
color:#111!important;
font-size:17px!important;
line-height:1.08!important;
font-weight:1000!important;
white-space:nowrap!important;
}
.erpa-header-preview-wrap > p{
margin:8px 0 0!important;
color:#74777e!important;
font-size:10px!important;
line-height:1.45!important;
}
/* Neutraliza el preview viejo para que nunca vuelva a expandir el logo. */
.erpa-dashboard .erpa-team-identity-preview,
.erpa-dashboard .erpa-team-identity-logo,
.erpa-dashboard .erpa-team-identity-logo-clean{
display:none!important;
}
/* Tablet */
@media(max-width:1000px){
.erpa-app .erpa-topbar .erpa-brand{
gap:16px!important;
}
.erpa-app .erpa-topbar .erpa-brand > img.erpa-brand-logo{
max-width:220px!important;
}
}
/* Mobile: misma relación logo/barra, con límite de ancho para el nombre. */
@media(max-width:680px){
.erpa-app .erpa-topbar{
height:calc(min(var(--erpa-logo-height,72px),72px) + 24px)!important;
min-height:calc(min(var(--erpa-logo-height,72px),72px) + 24px)!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
padding:12px 16px!important;
}
.erpa-app .erpa-topbar .erpa-brand{
gap:12px!important;
min-width:0!important;
}
.erpa-app .erpa-topbar .erpa-brand > img.erpa-brand-logo{
height:min(var(--erpa-logo-height,72px),72px)!important;
max-height:min(var(--erpa-logo-height,72px),72px)!important;
max-width:130px!important;
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
min-width:0!important;
white-space:normal!important;
font-size:14px!important;
}
.erpa-header-preview{
height:calc(min(var(--erpa-logo-height,72px),72px) + 24px)!important;
min-height:calc(min(var(--erpa-logo-height,72px),72px) + 24px)!important;
padding:12px 14px!important;
}
.erpa-header-preview-brand{
gap:12px!important;
}
.erpa-header-preview-logo{
width:120px!important;
height:min(var(--erpa-logo-height,72px),72px)!important;
}
.erpa-header-preview-brand strong{
white-space:normal!important;
font-size:14px!important;
}
}
/* =====================================================================
v1.4.0 — PROFESSIONAL BRAND HEADER
El logo se pinta como background-size:contain dentro de una caja segura.
Por construcción, jamás puede salirse de la barra blanca.
===================================================================== */
.erpa-app .erpa-topbar{
height:calc(var(--erpa-logo-height,60px) + 32px)!important;
min-height:calc(var(--erpa-logo-height,60px) + 32px)!important;
max-height:124px!important;
padding:0!important;
margin:0!important;
background:#f4f4f2!important;
border:0!important;
border-bottom:1px solid #d7d7d4!important;
overflow:hidden!important;
position:relative!important;
z-index:20!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
width:100%!important;
height:100%!important;
min-height:0!important;
padding-top:16px!important;
padding-bottom:16px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:30px!important;
overflow:hidden!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:var(--erpa-logo-height,60px)!important;
min-height:var(--erpa-logo-height,60px)!important;
max-height:var(--erpa-logo-height,60px)!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
flex:0 1 auto!important;
min-width:0!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
}
.erpa-app .erpa-header-logo{
display:block!important;
width:clamp(88px, calc(var(--erpa-logo-height,60px) * 2.45), 220px)!important;
height:var(--erpa-logo-height,60px)!important;
min-width:88px!important;
min-height:40px!important;
flex:0 0 auto!important;
background-color:transparent!important;
background-repeat:no-repeat!important;
background-position:left center!important;
background-size:contain!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
display:block!important;
min-width:0!important;
max-width:300px!important;
margin:0!important;
padding:0!important;
color:#101114!important;
font-size:16px!important;
font-weight:900!important;
line-height:1.08!important;
letter-spacing:-.02em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Secondary links remain calm and editorial, like a professional sports property. */
.erpa-app .erpa-topbar .erpa-smallnav{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:24px!important;
min-width:0!important;
flex:1 1 auto!important;
color:#24262a!important;
font-size:11px!important;
font-weight:700!important;
}
.erpa-app .erpa-topbar .erpa-smallnav a,
.erpa-app .erpa-topbar .erpa-smallnav span{
white-space:nowrap!important;
}
/* Main black navigation is a separate visual plane. */
.erpa-app .erpa-nav{
height:52px!important;
min-height:52px!important;
margin:0!important;
padding:0!important;
background:#090a0c!important;
border-top:0!important;
border-bottom:1px solid #25272b!important;
position:relative!important;
z-index:21!important;
overflow:hidden!important;
}
.erpa-app .erpa-nav .erpa-wrap{
height:52px!important;
min-height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
}
.erpa-app .erpa-links{
height:100%!important;
display:flex!important;
align-items:center!important;
gap:30px!important;
}
.erpa-app .erpa-links a{
position:relative!important;
display:flex!important;
height:100%!important;
align-items:center!important;
color:#d7d8da!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.07em!important;
}
.erpa-app .erpa-links a.active{
color:var(--erpa-accent)!important;
}
.erpa-app .erpa-links a.active:after{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
height:3px!important;
background:var(--erpa-accent)!important;
}
/* Ticker separated with breathing room. */
.erpa-app .erpa-ticker{
position:relative!important;
z-index:19!important;
min-height:38px!important;
border-top:0!important;
border-bottom:2px solid var(--erpa-accent)!important;
background:#050607!important;
display:flex!important;
align-items:center!important;
}
.erpa-app .erpa-ticker > div{
padding:7px 0!important;
font-size:16px!important;
}
/* Professional homepage spacing below the brand chrome. */
.erpa-app .erpa-hero{
padding-top:46px!important;
padding-bottom:32px!important;
}
.erpa-app .erpa-hero-grid{
align-items:stretch!important;
}
.erpa-app .erpa-hero-main{
min-height:430px!important;
border-radius:14px!important;
overflow:hidden!important;
}
.erpa-app .erpa-hero-copy{
left:36px!important;
right:36px!important;
bottom:34px!important;
max-width:650px!important;
}
.erpa-app .erpa-hero-copy h1{
font-size:clamp(42px,5vw,68px)!important;
line-height:.91!important;
max-width:720px!important;
}
/* Footer logo also contained, no raw intrinsic sizing. */
.erpa-app .erpa-footer .erpa-header-logo{
width:150px!important;
height:58px!important;
background-position:left center!important;
}
/* Dashboard sidebar logo stays compact. */
.erpa-dashboard .erpa-dash-brand .erpa-header-logo{
width:62px!important;
height:38px!important;
flex:0 0 62px!important;
background-repeat:no-repeat!important;
background-size:contain!important;
background-position:left center!important;
}
/* Dashboard config — exact mini reproduction of the public header. */
.erpa-pro-header-preview-wrap{
margin:0 0 24px!important;
}
.erpa-pro-header-preview-label{
display:block!important;
margin-bottom:8px!important;
color:var(--erpa-accent)!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.13em!important;
}
.erpa-pro-header-preview{
width:100%!important;
height:calc(var(--erpa-logo-height,60px) + 32px)!important;
min-height:72px!important;
max-height:124px!important;
padding:16px 20px!important;
display:flex!important;
align-items:center!important;
background:#f4f4f2!important;
border:1px solid #d7d7d4!important;
border-radius:10px 10px 0 0!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.erpa-pro-header-preview-brand{
height:var(--erpa-logo-height,60px)!important;
min-height:40px!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
min-width:0!important;
overflow:hidden!important;
}
.erpa-pro-header-preview-logo{
display:block!important;
width:clamp(88px, calc(var(--erpa-logo-height,60px) * 2.45), 220px)!important;
height:var(--erpa-logo-height,60px)!important;
min-width:88px!important;
flex:0 0 auto!important;
background-repeat:no-repeat!important;
background-size:contain!important;
background-position:left center!important;
background-color:transparent!important;
overflow:hidden!important;
}
.erpa-pro-header-preview-fallback{
width:var(--erpa-logo-height,60px)!important;
height:var(--erpa-logo-height,60px)!important;
min-width:40px!important;
flex:0 0 auto!important;
display:grid!important;
place-items:center!important;
border-radius:12px 12px 18px 18px!important;
background:linear-gradient(145deg,var(--erpa-accent),#e89d00)!important;
color:#090909!important;
font-weight:1000!important;
}
.erpa-pro-header-preview-brand strong{
min-width:0!important;
color:#101114!important;
font-size:16px!important;
line-height:1.08!important;
font-weight:900!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.erpa-pro-header-preview-nav{
height:38px!important;
padding:0 20px!important;
border-radius:0 0 10px 10px!important;
background:#090a0c!important;
border:1px solid #24262a!important;
border-top:0!important;
display:flex!important;
align-items:center!important;
gap:22px!important;
overflow:hidden!important;
}
.erpa-pro-header-preview-nav span{
color:#d4d5d8!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.07em!important;
}
.erpa-pro-header-preview-nav span:last-child{
color:var(--erpa-accent)!important;
}
.erpa-pro-header-preview-wrap > p{
margin:8px 0 0!important;
color:#73767e!important;
font-size:10px!important;
line-height:1.45!important;
}
/* Disable every previous experimental preview. */
.erpa-dashboard .erpa-header-preview-wrap,
.erpa-dashboard .erpa-header-preview,
.erpa-dashboard .erpa-team-identity-preview,
.erpa-dashboard .erpa-team-identity-logo,
.erpa-dashboard .erpa-team-identity-logo-clean{
display:none!important;
}
/* Responsive */
@media(max-width:1000px){
.erpa-app .erpa-topbar .erpa-smallnav{
display:none!important;
}
.erpa-app .erpa-header-logo{
width:clamp(84px, calc(var(--erpa-logo-height,60px) * 2.2), 190px)!important;
}
}
@media(max-width:680px){
.erpa-app .erpa-topbar{
height:calc(min(var(--erpa-logo-height,60px),68px) + 26px)!important;
min-height:calc(min(var(--erpa-logo-height,60px),68px) + 26px)!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
padding:13px 16px!important;
gap:12px!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:min(var(--erpa-logo-height,60px),68px)!important;
min-height:min(var(--erpa-logo-height,60px),68px)!important;
max-height:min(var(--erpa-logo-height,60px),68px)!important;
gap:12px!important;
}
.erpa-app .erpa-header-logo{
width:clamp(76px, calc(min(var(--erpa-logo-height,60px),68px) * 1.95), 126px)!important;
height:min(var(--erpa-logo-height,60px),68px)!important;
min-width:76px!important;
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
max-width:165px!important;
font-size:13px!important;
white-space:normal!important;
}
.erpa-app .erpa-nav{
height:48px!important;
min-height:48px!important;
}
.erpa-app .erpa-nav .erpa-wrap{
height:48px!important;
min-height:48px!important;
}
.erpa-app .erpa-links{
gap:18px!important;
overflow-x:auto!important;
scrollbar-width:none!important;
}
.erpa-app .erpa-links::-webkit-scrollbar{
display:none!important;
}
.erpa-app .erpa-ticker > div{
font-size:14px!important;
}
.erpa-pro-header-preview{
padding:12px 14px!important;
}
.erpa-pro-header-preview-brand{
gap:12px!important;
}
.erpa-pro-header-preview-logo{
width:120px!important;
}
.erpa-pro-header-preview-brand strong{
font-size:13px!important;
}
}
/* =====================================================================
v1.4.1 — HEADER PROFESIONAL, LOGO VISIBLE Y SIEMPRE CONTENIDO
===================================================================== */
/* Barra blanca principal */
.erpa-app .erpa-topbar{
--erpa-header-pad:16px;
height:calc(var(--erpa-logo-height,68px) + (var(--erpa-header-pad) * 2))!important;
min-height:calc(var(--erpa-logo-height,68px) + (var(--erpa-header-pad) * 2))!important;
max-height:128px!important;
padding:0!important;
margin:0!important;
background:#f4f4f2!important;
border-bottom:1px solid #d7d7d4!important;
overflow:hidden!important;
position:relative!important;
z-index:30!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
width:100%!important;
height:100%!important;
padding-top:var(--erpa-header-pad)!important;
padding-bottom:var(--erpa-header-pad)!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:28px!important;
overflow:hidden!important;
}
/* Marca */
.erpa-app .erpa-topbar .erpa-brand{
height:var(--erpa-logo-height,68px)!important;
min-height:var(--erpa-logo-height,68px)!important;
max-height:var(--erpa-logo-height,68px)!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
flex:0 1 auto!important;
min-width:0!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
}
/* Caja segura: esta es la pieza que evita cualquier desbordamiento */
.erpa-app .erpa-header-logo-box{
width:clamp(110px, calc(var(--erpa-logo-height,68px) * 2.25), 210px)!important;
height:var(--erpa-logo-height,68px)!important;
min-width:110px!important;
max-width:210px!important;
min-height:44px!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
/* Imagen real del logo, conservando 100% su proporción */
.erpa-app .erpa-header-logo-img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
flex:0 0 auto!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
clip-path:none!important;
transform:none!important;
}
/* Nombre del equipo */
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
color:#101114!important;
font-size:17px!important;
font-weight:900!important;
line-height:1.08!important;
letter-spacing:-.02em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Menú superior */
.erpa-app .erpa-topbar .erpa-smallnav{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:26px!important;
min-width:0!important;
flex:1 1 auto!important;
font-size:11px!important;
font-weight:800!important;
color:#1a1b1e!important;
}
/* Navegación negra completamente separada */
.erpa-app .erpa-nav{
height:52px!important;
min-height:52px!important;
margin:0!important;
background:#090a0c!important;
border-bottom:1px solid #24262a!important;
overflow:hidden!important;
position:relative!important;
z-index:31!important;
}
/* Footer */
.erpa-app .erpa-footer .erpa-header-logo-box{
width:150px!important;
height:58px!important;
min-width:150px!important;
}
.erpa-app .erpa-footer .erpa-header-logo-img{
max-width:100%!important;
max-height:100%!important;
}
/* Sidebar del dashboard: compacto */
.erpa-dashboard .erpa-dash-brand .erpa-header-logo-box{
width:66px!important;
height:40px!important;
min-width:66px!important;
flex:0 0 66px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
.erpa-dashboard .erpa-dash-brand .erpa-header-logo-img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
}
/* Preview de configuración: replica el header real */
.erpa-pro-header-preview{
height:calc(var(--erpa-logo-height,68px) + 32px)!important;
min-height:76px!important;
max-height:128px!important;
}
.erpa-pro-header-preview-brand{
height:var(--erpa-logo-height,68px)!important;
min-height:44px!important;
}
.erpa-pro-header-preview-logo-box{
width:clamp(110px, calc(var(--erpa-logo-height,68px) * 2.25), 210px)!important;
height:var(--erpa-logo-height,68px)!important;
min-width:110px!important;
max-width:210px!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:transparent!important;
}
.erpa-pro-header-preview-logo-box img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
padding:0!important;
border:0!important;
box-shadow:none!important;
}
/* Desactivar definitivamente el experimento de background-image anterior */
.erpa-header-logo,
.erpa-pro-header-preview-logo{
display:none!important;
}
/* Tablet */
@media(max-width:1000px){
.erpa-app .erpa-topbar .erpa-smallnav{
display:none!important;
}
.erpa-app .erpa-header-logo-box{
width:clamp(100px, calc(var(--erpa-logo-height,68px) * 2.05), 185px)!important;
max-width:185px!important;
}
}
/* Móvil */
@media(max-width:680px){
.erpa-app .erpa-topbar{
--erpa-header-pad:12px;
height:calc(min(var(--erpa-logo-height,68px),72px) + 24px)!important;
min-height:calc(min(var(--erpa-logo-height,68px),72px) + 24px)!important;
}
.erpa-app .erpa-topbar .erpa-wrap{
padding-left:16px!important;
padding-right:16px!important;
}
.erpa-app .erpa-topbar .erpa-brand{
height:min(var(--erpa-logo-height,68px),72px)!important;
min-height:min(var(--erpa-logo-height,68px),72px)!important;
max-height:min(var(--erpa-logo-height,68px),72px)!important;
gap:12px!important;
}
.erpa-app .erpa-header-logo-box{
width:118px!important;
min-width:118px!important;
max-width:118px!important;
height:min(var(--erpa-logo-height,68px),72px)!important;
}
.erpa-app .erpa-topbar .erpa-brand > span:last-child{
max-width:170px!important;
font-size:14px!important;
white-space:normal!important;
}
}
/* =====================================================================
v1.4.2 — DASHBOARD PROFESIONAL AISLADO DEL LOGO PÚBLICO
El dashboard NO renderiza el logo como ![]()
, por lo que ningún estilo
global de WordPress/tema puede inflarlo.
===================================================================== */
.erpa-dashboard .erpa-dash-sidebar{
overflow:hidden!important;
}
.erpa-dashboard .erpa-dash-brand{
min-height:66px!important;
padding:8px 8px 18px!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
overflow:hidden!important;
}
.erpa-dashboard .erpa-dash-brandmark{
width:48px!important;
height:48px!important;
min-width:48px!important;
max-width:48px!important;
min-height:48px!important;
max-height:48px!important;
flex:0 0 48px!important;
display:block!important;
overflow:hidden!important;
background-color:transparent!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
border:0!important;
border-radius:8px!important;
box-shadow:none!important;
}
.erpa-dashboard .erpa-dash-brandmark-fallback{
display:grid!important;
place-items:center!important;
background:linear-gradient(145deg,var(--erpa-accent),#e89d00)!important;
color:#080808!important;
font-size:14px!important;
font-weight:1000!important;
}
.erpa-dashboard .erpa-dash-brandtext{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:2px!important;
overflow:hidden!important;
}
.erpa-dashboard .erpa-dash-brandtext b{
color:#f3f3f4!important;
font-size:14px!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.erpa-dashboard .erpa-dash-brandtext small{
color:#696d76!important;
font-size:8px!important;
line-height:1!important;
text-transform:uppercase!important;
letter-spacing:.13em!important;
}
/* Blindaje: cualquier logo antiguo que por caché/markup quede dentro del sidebar
queda oculto para evitar otra imagen gigante. */
.erpa-dashboard .erpa-dash-sidebar img.erpa-header-logo-img,
.erpa-dashboard .erpa-dash-sidebar .erpa-header-logo-box,
.erpa-dashboard .erpa-dash-sidebar img.erpa-brand-logo,
.erpa-dashboard .erpa-dash-sidebar img.erpa-team-logo{
display:none!important;
width:0!important;
height:0!important;
max-width:0!important;
max-height:0!important;
overflow:hidden!important;
}
/* Vista previa segura de Configuración: nunca usa ![]()
. */
.erpa-dashboard .erpa-pro-header-preview-logo-bg{
display:block!important;
width:clamp(110px, calc(var(--erpa-logo-height,68px) * 2.25), 210px)!important;
height:var(--erpa-logo-height,68px)!important;
min-width:110px!important;
max-width:210px!important;
min-height:44px!important;
flex:0 0 auto!important;
overflow:hidden!important;
background-color:transparent!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Blindaje contra el preview viejo */
.erpa-dashboard .erpa-pro-header-preview-logo-box{
display:none!important;
}
/* Dashboard más limpio y compacto */
.erpa-dashboard .erpa-dash-top{
overflow:hidden!important;
}
.erpa-dashboard .erpa-dash-content{
position:relative!important;
z-index:1!important;
}
.erpa-dashboard .erpa-dash-stats,
.erpa-dashboard .erpa-dash-panel{
position:relative!important;
z-index:2!important;
}
@media(max-width:900px){
.erpa-dashboard .erpa-dash-brandmark{
width:44px!important;
height:44px!important;
min-width:44px!important;
max-width:44px!important;
flex-basis:44px!important;
}
}
/* =====================================================================
v1.4.3 — HEADER PÚBLICO PROFESIONAL AISLADO
Clases nuevas (epx-*) para evitar cualquier conflicto de versiones previas.
===================================================================== */
.erpa-app .epx-brand-header{
--epx-logo-h:clamp(54px,var(--erpa-logo-height,68px),86px);
width:100%!important;
height:calc(var(--epx-logo-h) + 38px)!important;
min-height:108px!important;
max-height:124px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
background:#f3f3f1!important;
border:0!important;
border-bottom:1px solid #d9d9d6!important;
position:relative!important;
z-index:100!important;
}
.erpa-app .epx-brand-header__inner{
width:100%!important;
max-width:1440px!important;
height:100%!important;
margin:0 auto!important;
padding:16px 28px!important;
display:grid!important;
grid-template-columns:minmax(330px,1fr) auto minmax(120px,1fr)!important;
align-items:center!important;
column-gap:30px!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.erpa-app .epx-brand-header__brand{
height:var(--epx-logo-h)!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:20px!important;
overflow:hidden!important;
color:#0b0c0e!important;
text-decoration:none!important;
}
.erpa-app .epx-brand-header__logo-frame{
width:clamp(112px,calc(var(--epx-logo-h) * 1.55),156px)!important;
height:var(--epx-logo-h)!important;
min-width:112px!important;
max-width:156px!important;
min-height:54px!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
contain:layout paint!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
.erpa-app .epx-brand-header__logo{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
min-width:0!important;
min-height:0!important;
object-fit:contain!important;
object-position:center center!important;
position:static!important;
inset:auto!important;
transform:none!important;
scale:1!important;
clip-path:none!important;
mask:none!important;
-webkit-mask:none!important;
filter:none!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
.erpa-app .epx-brand-header__fallback{
width:var(--epx-logo-h)!important;
height:var(--epx-logo-h)!important;
min-width:var(--epx-logo-h)!important;
flex:0 0 auto!important;
display:grid!important;
place-items:center!important;
border-radius:14px 14px 20px 20px!important;
background:linear-gradient(145deg,var(--erpa-accent),#e89d00)!important;
color:#060708!important;
box-shadow:inset 0 0 0 2px #090a0c!important;
font-size:17px!important;
font-weight:1000!important;
}
.erpa-app .epx-brand-header__name{
min-width:0!important;
max-width:290px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#0a0b0d!important;
font-size:17px!important;
line-height:1.08!important;
font-weight:950!important;
letter-spacing:-.025em!important;
margin:0!important;
padding:0!important;
}
.erpa-app .epx-brand-header__meta{
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:27px!important;
color:#0d0e10!important;
font-size:11px!important;
line-height:1!important;
font-weight:800!important;
white-space:nowrap!important;
}
.erpa-app .epx-brand-header__meta a,
.erpa-app .epx-brand-header__meta span{
color:#0d0e10!important;
text-decoration:none!important;
padding:0!important;
margin:0!important;
}
.erpa-app .epx-brand-header__meta a:hover{
color:#9a7200!important;
}
.erpa-app .epx-brand-header__actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:9px!important;
}
.erpa-app .epx-brand-header__actions span{
width:36px!important;
height:36px!important;
min-width:36px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
border-radius:9px!important;
background:#0c0d0f!important;
color:#fff!important;
font-size:14px!important;
line-height:1!important;
box-shadow:none!important;
}
/* La barra negra queda físicamente fuera del header blanco. */
.erpa-app .epx-brand-header + .erpa-nav{
margin:0!important;
position:relative!important;
z-index:101!important;
}
/* Blindaje: cualquier topbar antiguo que pudiera quedar por caché no participa. */
.erpa-app > .erpa-topbar{
display:none!important;
}
/* Desktop medio */
@media(max-width:1180px){
.erpa-app .epx-brand-header__inner{
grid-template-columns:minmax(300px,1fr) auto 84px!important;
column-gap:18px!important;
}
.erpa-app .epx-brand-header__meta{
gap:18px!important;
}
.erpa-app .epx-brand-header__name{
max-width:230px!important;
font-size:16px!important;
}
}
/* Tablet */
@media(max-width:980px){
.erpa-app .epx-brand-header{
min-height:100px!important;
}
.erpa-app .epx-brand-header__inner{
grid-template-columns:minmax(0,1fr) auto!important;
padding:14px 20px!important;
}
.erpa-app .epx-brand-header__meta{
display:none!important;
}
.erpa-app .epx-brand-header__brand{
min-width:0!important;
}
}
/* Móvil */
@media(max-width:680px){
.erpa-app .epx-brand-header{
--epx-logo-h:clamp(50px,var(--erpa-logo-height,62px),66px);
height:calc(var(--epx-logo-h) + 28px)!important;
min-height:84px!important;
max-height:94px!important;
}
.erpa-app .epx-brand-header__inner{
padding:14px 16px!important;
column-gap:10px!important;
}
.erpa-app .epx-brand-header__brand{
gap:12px!important;
}
.erpa-app .epx-brand-header__logo-frame{
width:clamp(92px,calc(var(--epx-logo-h) * 1.48),108px)!important;
min-width:92px!important;
max-width:108px!important;
}
.erpa-app .epx-brand-header__name{
max-width:150px!important;
white-space:normal!important;
font-size:13px!important;
line-height:1.05!important;
}
.erpa-app .epx-brand-header__actions{
gap:6px!important;
}
.erpa-app .epx-brand-header__actions span{
width:32px!important;
height:32px!important;
min-width:32px!important;
border-radius:8px!important;
}
}
/* v1.4.3 — preview profesional del header */
.erpa-dashboard .epx-config-preview{
margin-bottom:24px!important;
}
.erpa-dashboard .epx-config-preview>small{
display:block!important;
margin-bottom:8px!important;
color:var(--erpa-accent)!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.13em!important;
}
.erpa-dashboard .epx-config-preview__white{
min-height:94px!important;
padding:14px 18px!important;
display:grid!important;
grid-template-columns:minmax(250px,1fr) auto 80px!important;
align-items:center!important;
gap:16px!important;
background:#f3f3f1!important;
border:1px solid #d8d8d5!important;
border-radius:10px 10px 0 0!important;
overflow:hidden!important;
}
.erpa-dashboard .epx-config-preview__brand{
display:flex!important;
align-items:center!important;
gap:14px!important;
min-width:0!important;
}
.erpa-dashboard .epx-config-preview__logo{
width:115px!important;
height:66px!important;
flex:0 0 115px!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
}
.erpa-dashboard .epx-config-preview__fallback{
width:58px!important;
height:58px!important;
flex:0 0 58px!important;
display:grid!important;
place-items:center!important;
background:var(--erpa-accent)!important;
color:#090a0b!important;
border-radius:12px 12px 18px 18px!important;
font-weight:1000!important;
}
.erpa-dashboard .epx-config-preview__brand strong{
min-width:0!important;
color:#0b0c0e!important;
font-size:14px!important;
line-height:1.05!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.erpa-dashboard .epx-config-preview__meta{
display:flex!important;
align-items:center!important;
gap:15px!important;
color:#0d0e10!important;
font-size:8px!important;
font-weight:800!important;
white-space:nowrap!important;
}
.erpa-dashboard .epx-config-preview__icons{
display:flex!important;
justify-content:flex-end!important;
gap:6px!important;
}
.erpa-dashboard .epx-config-preview__icons i{
width:28px!important;
height:28px!important;
display:grid!important;
place-items:center!important;
background:#0b0c0e!important;
color:#fff!important;
border-radius:7px!important;
font-style:normal!important;
font-size:10px!important;
}
.erpa-dashboard .epx-config-preview__black{
min-height:38px!important;
padding:0 18px!important;
display:flex!important;
align-items:center!important;
gap:20px!important;
background:#090a0c!important;
border-radius:0 0 10px 10px!important;
overflow:hidden!important;
}
.erpa-dashboard .epx-config-preview__black span{
color:#d8d9dc!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.06em!important;
}
.erpa-dashboard .epx-config-preview__black span.active{
color:var(--erpa-accent)!important;
}
/* v1.4.4 — separación obligatoria entre header crítico y navegación */
.erpa-app .epx-v144-header + .erpa-nav{
position:relative!important;
z-index:201!important;
margin:0!important;
top:auto!important;
transform:none!important;
}
.erpa-app .epx-v144-header + .erpa-nav + .erpa-ticker{
position:relative!important;
z-index:199!important;
margin:0!important;
top:auto!important;
transform:none!important;
}
/* v1.4.5 — selección de 8 riders para la página principal */
.erpa-team-all-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
padding:0 15px!important;
border:1px solid #303238!important;
border-radius:8px!important;
background:#141519!important;
color:#f2f3f4!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.06em!important;
white-space:nowrap!important;
transition:.2s ease!important;
}
.erpa-team-all-button:hover{
border-color:var(--erpa-accent)!important;
color:var(--erpa-accent)!important;
}
.erpa-home-riders-panel .erpa-dash-panel-head{
align-items:center!important;
}
.erpa-home-riders-help{
max-width:720px!important;
margin:7px 0 0!important;
color:#7d8088!important;
font-size:11px!important;
line-height:1.5!important;
}
.erpa-home-riders-counter{
min-width:88px!important;
height:54px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
border:1px solid #303238!important;
border-radius:10px!important;
background:#0e0f12!important;
}
.erpa-home-riders-counter strong{
color:var(--erpa-accent)!important;
font-size:25px!important;
line-height:1!important;
}
.erpa-home-riders-counter span{
color:#777b83!important;
font-size:12px!important;
font-weight:800!important;
}
.erpa-home-riders-form{
padding:20px!important;
}
.erpa-home-riders-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
}
.erpa-home-rider-option{
position:relative!important;
min-height:92px!important;
padding:10px!important;
display:grid!important;
grid-template-columns:64px minmax(0,1fr) 28px!important;
gap:11px!important;
align-items:center!important;
border:1px solid #292b31!important;
border-radius:10px!important;
background:#0f1013!important;
cursor:pointer!important;
transition:.2s ease!important;
overflow:hidden!important;
}
.erpa-home-rider-option:hover{
border-color:#444750!important;
transform:translateY(-1px)!important;
}
.erpa-home-rider-option.selected{
border-color:color-mix(in srgb,var(--erpa-accent) 65%,#292b31)!important;
background:linear-gradient(135deg,color-mix(in srgb,var(--erpa-accent) 7%,#111216),#0f1013)!important;
}
.erpa-home-rider-option input{
position:absolute!important;
opacity:0!important;
pointer-events:none!important;
}
.erpa-home-rider-photo{
width:64px!important;
height:72px!important;
display:block!important;
border-radius:8px!important;
background:#202227 center/cover no-repeat!important;
border:1px solid #33363c!important;
}
.erpa-home-rider-copy{
min-width:0!important;
}
.erpa-home-rider-copy strong{
display:block!important;
color:#f1f2f3!important;
font-size:12px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.erpa-home-rider-copy small{
display:block!important;
margin-top:5px!important;
color:#757982!important;
font-size:9px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.erpa-home-rider-check{
width:26px!important;
height:26px!important;
display:grid!important;
place-items:center!important;
border:1px solid #343740!important;
border-radius:50%!important;
color:#4e5159!important;
font-size:12px!important;
font-weight:1000!important;
}
.erpa-home-rider-option.selected .erpa-home-rider-check{
background:var(--erpa-accent)!important;
border-color:var(--erpa-accent)!important;
color:#090a0b!important;
}
.erpa-home-riders-footer{
margin-top:18px!important;
padding-top:18px!important;
border-top:1px solid #26282e!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
}
.erpa-home-riders-footer>div{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
}
.erpa-home-riders-footer strong{
color:#d9dadd!important;
font-size:11px!important;
}
.erpa-home-riders-footer span{
color:#696d76!important;
font-size:9px!important;
}
@media(max-width:1100px){
.erpa-home-riders-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
.erpa-home-riders-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.erpa-home-riders-footer{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:520px){
.erpa-home-riders-grid{grid-template-columns:1fr!important}
.erpa-team-all-button{width:100%!important}
}
/* v1.4.6 — /riders/ dedicado únicamente al roster completo */
.erpa-app .erpa-all-riders-page{
padding-top:48px!important;
padding-bottom:76px!important;
min-height:65vh!important;
}
.erpa-app .erpa-riders-page-intro{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:28px!important;
margin-bottom:20px!important;
}
.erpa-app .erpa-riders-page-intro h1{
margin:8px 0 7px!important;
color:#f5f5f5!important;
font-size:clamp(36px,4vw,54px)!important;
line-height:.94!important;
font-weight:1000!important;
text-transform:uppercase!important;
letter-spacing:-.05em!important;
}
.erpa-app .erpa-riders-page-intro p{
margin:0!important;
color:#7f828a!important;
font-size:12px!important;
}
.erpa-app .erpa-riders-page-total{
min-width:112px!important;
padding-left:22px!important;
border-left:1px solid #2b2d32!important;
}
.erpa-app .erpa-riders-page-total strong{
display:block!important;
color:var(--erpa-accent)!important;
font-size:38px!important;
line-height:1!important;
font-weight:1000!important;
}
.erpa-app .erpa-riders-page-total span{
display:block!important;
margin-top:6px!important;
color:#74777f!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.12em!important;
}
.erpa-app .erpa-section-head-filters-only{
justify-content:flex-end!important;
margin-bottom:18px!important;
}
.erpa-app .erpa-riders-page-filters{
margin-left:auto!important;
}
@media(max-width:680px){
.erpa-app .erpa-all-riders-page{
padding-top:34px!important;
}
.erpa-app .erpa-riders-page-intro{
align-items:flex-start!important;
flex-direction:column!important;
}
.erpa-app .erpa-riders-page-total{
border-left:0!important;
padding-left:0!important;
}
.erpa-app .erpa-riders-page-filters{
width:100%!important;
margin-left:0!important;
}
}
/* v1.4.7 — edición frontal de eventos */
.erpa-dashboard .erpa-event-edit-preview{
position:relative!important;
width:100%!important;
aspect-ratio:2.62/1!important;
margin-bottom:22px!important;
overflow:hidden!important;
border:1px solid #2e3036!important;
border-radius:11px!important;
background:#0d0e11!important;
}
.erpa-dashboard .erpa-event-edit-preview img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
}
.erpa-dashboard .erpa-event-edit-preview span{
position:absolute!important;
left:12px!important;
top:12px!important;
padding:6px 9px!important;
border-radius:999px!important;
background:rgba(8,9,11,.86)!important;
border:1px solid rgba(255,255,255,.14)!important;
color:#fff!important;
font-size:8px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.1em!important;
}
/* v1.4.9 — navegación móvil real */
@media(max-width:760px){
html,body{max-width:100%!important;overflow-x:hidden!important}
.erpa-app{max-width:100%!important;overflow-x:hidden!important}
.erpa-app .erpa-nav{display:none!important}
.erpa-app .epx-v149-header{width:100%!important;max-width:100%!important}
.erpa-app .epx-v149-mobile-panel{max-width:100%!important}
.erpa-app .erpa-ticker{width:100%!important;max-width:100%!important;overflow:hidden!important}
}
/* v1.4.10 — safety net del header móvil */
@media(max-width:760px){
.erpa-app .epx1410__meta,
.erpa-app .epx1410__desktop-actions,
.erpa-app .erpa-nav{
display:none!important;
}
.erpa-app .epx1410__toggle{
display:flex!important;
}
.erpa-app .epx1410.is-open .epx1410__panel{
display:block!important;
}
}
/* v1.4.11 — responsive correcto:
se mantiene visible la navegación blanca Riders / Team / Temporada / BMX Racing */
@media(max-width:1000px){
.erpa-app .epx1411__desktop-nav{display:none!important}
.erpa-app .epx1411__mobile-nav{display:block!important}
}
@media(max-width:760px){
.erpa-app .erpa-nav{display:none!important}
.erpa-app .epx1411__mobile-nav{display:block!important}
}
/* v1.4.12 — botones del encabezado funcionales */
.erpa-app .epx1411,
.erpa-app .epx1411__top,
.erpa-app .epx1411__actions{
overflow:visible!important;
}
.erpa-app .epx1411__menu-panel{
z-index:99999!important;
}
/* v1.4.13 — dropdown del header siempre flotante y por encima del contenido */
.erpa-app .epx1411,
.erpa-app .epx1411__top,
.erpa-app .epx1411__actions,
.erpa-app .epx1411__menu{
overflow:visible!important;
}
.erpa-app .epx1411{
position:relative!important;
z-index:9990!important;
}
.erpa-app .epx1411__top{
position:relative!important;
z-index:9992!important;
}
.erpa-app .epx1411__actions,
.erpa-app .epx1411__menu{
position:relative!important;
z-index:9995!important;
}
.erpa-app .epx1411__menu-panel{
position:absolute!important;
top:calc(100% + 10px)!important;
right:0!important;
left:auto!important;
z-index:999999!important;
}
.erpa-app .epx1411__mobile-nav{
position:relative!important;
z-index:100!important;
}
.erpa-app .erpa-ticker,
.erpa-app main{
position:relative!important;
z-index:1!important;
}
/* ==========================================================
v1.5.0 — Noticias estilo Kings League
========================================================== */
.erpa-news-section{
padding:54px 0 74px!important;
}
.erpa-news-head{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:24px!important;
margin-bottom:18px!important;
}
.erpa-news-head h2{
margin:4px 0 0!important;
color:#f5f5f5!important;
font-size:34px!important;
line-height:1!important;
font-weight:500!important;
letter-spacing:-.04em!important;
text-transform:uppercase!important;
}
.erpa-news-all{
color:var(--erpa-accent)!important;
font-size:10px!important;
font-weight:1000!important;
letter-spacing:.05em!important;
white-space:nowrap!important;
}
.erpa-news-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.erpa-news-card{
display:block!important;
min-width:0!important;
overflow:hidden!important;
border-radius:10px!important;
background:#111216!important;
border:1px solid #24262b!important;
text-decoration:none!important;
}
.erpa-news-media{
position:relative!important;
display:block!important;
width:100%!important;
aspect-ratio:16/9!important;
overflow:hidden!important;
background:#18191d!important;
}
.erpa-news-media img{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
transform:scale(1)!important;
transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease!important;
}
.erpa-news-card:hover .erpa-news-media img{
transform:scale(1.045)!important;
filter:brightness(.9)!important;
}
.erpa-news-placeholder{
position:absolute!important;
inset:0!important;
display:grid!important;
place-items:center!important;
padding:24px!important;
color:#2b2d32!important;
font-size:24px!important;
font-weight:1000!important;
text-transform:uppercase!important;
background:linear-gradient(135deg,#22242a,#0d0e11)!important;
}
.erpa-news-gradient{
position:absolute!important;
inset:0!important;
background:linear-gradient(180deg,rgba(0,0,0,0) 26%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.88) 100%)!important;
z-index:2!important;
}
.erpa-news-copy{
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:3!important;
padding:18px 20px!important;
display:block!important;
}
.erpa-news-copy time{
display:block!important;
margin-bottom:7px!important;
color:#d4d5d7!important;
font-size:10px!important;
line-height:1.2!important;
font-weight:600!important;
}
.erpa-news-copy strong{
display:block!important;
color:#fff!important;
font-size:18px!important;
line-height:1.12!important;
font-weight:850!important;
letter-spacing:-.025em!important;
}
.erpa-news-empty{
min-height:150px!important;
padding:30px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
gap:12px!important;
border:1px dashed #303238!important;
border-radius:10px!important;
color:#858890!important;
text-align:center!important;
}
.erpa-news-empty a{
color:var(--erpa-accent)!important;
font-size:10px!important;
font-weight:900!important;
}
.erpa-news-page{
min-height:70vh!important;
}
.erpa-news-page-intro{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:24px!important;
margin-bottom:24px!important;
}
.erpa-news-page-intro h1{
margin:8px 0 8px!important;
color:#fff!important;
font-size:clamp(40px,5vw,64px)!important;
line-height:.9!important;
text-transform:uppercase!important;
letter-spacing:-.055em!important;
}
.erpa-news-page-intro p{
margin:0!important;
color:#81848c!important;
font-size:12px!important;
}
.erpa-news-total{
min-width:120px!important;
padding-left:22px!important;
border-left:1px solid #2a2c31!important;
}
.erpa-news-total strong{
display:block!important;
color:var(--erpa-accent)!important;
font-size:40px!important;
line-height:1!important;
}
.erpa-news-total span{
display:block!important;
margin-top:5px!important;
color:#777a82!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.1em!important;
}
/* noticia individual */
.erpa-news-single{
padding:48px 0 78px!important;
min-height:70vh!important;
}
.erpa-news-back{
display:inline-block!important;
margin-bottom:16px!important;
color:var(--erpa-accent)!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.06em!important;
}
.erpa-news-article{
max-width:980px!important;
margin:0 auto!important;
overflow:hidden!important;
border:1px solid #27292e!important;
border-radius:14px!important;
background:#101115!important;
}
.erpa-news-article-hero{
width:100%!important;
aspect-ratio:16/9!important;
overflow:hidden!important;
background:#18191d!important;
}
.erpa-news-article-hero img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.erpa-news-article-body{
padding:34px 42px 46px!important;
}
.erpa-news-article-body>time{
color:#92959c!important;
font-size:11px!important;
}
.erpa-news-article-body h1{
margin:10px 0 14px!important;
color:#fff!important;
font-size:clamp(36px,5vw,62px)!important;
line-height:.95!important;
letter-spacing:-.05em!important;
}
.erpa-news-lead{
margin:0 0 24px!important;
color:#c7c9ce!important;
font-size:17px!important;
line-height:1.5!important;
}
.erpa-news-content{
color:#b4b6bc!important;
font-size:15px!important;
line-height:1.75!important;
}
.erpa-news-content p{margin:0 0 18px!important}
/* dashboard noticias */
.erpa-dash-news-grid{
padding:20px!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
}
.erpa-dash-news-card{
overflow:hidden!important;
border:1px solid #292b31!important;
border-radius:10px!important;
background:#0f1013!important;
}
.erpa-dash-news-thumb{
position:relative!important;
display:block!important;
aspect-ratio:16/9!important;
overflow:hidden!important;
background:#191b20!important;
}
.erpa-dash-news-thumb img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.erpa-dash-news-thumb>span{
position:absolute!important;
inset:0!important;
display:grid!important;
place-items:center!important;
color:#555963!important;
font-size:12px!important;
font-weight:900!important;
}
.erpa-dash-news-body{
padding:13px!important;
}
.erpa-dash-news-body time{
display:block!important;
margin-bottom:6px!important;
color:#777b83!important;
font-size:8px!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
}
.erpa-dash-news-body>strong{
display:block!important;
min-height:34px!important;
color:#f0f1f2!important;
font-size:12px!important;
line-height:1.35!important;
}
.erpa-dash-news-actions{
display:flex!important;
gap:6px!important;
align-items:center!important;
margin-top:12px!important;
}
.erpa-dash-news-actions form{margin:0!important}
.erpa-dash-news-actions a,
.erpa-dash-news-actions button{
padding:6px 9px!important;
border:1px solid #30333a!important;
border-radius:6px!important;
background:#191b20!important;
color:#cfd1d5!important;
font-size:9px!important;
cursor:pointer!important;
}
.erpa-dash-news-actions button{color:#ff9797!important}
.erpa-news-edit-preview{
position:relative!important;
width:100%!important;
aspect-ratio:16/9!important;
margin-bottom:22px!important;
overflow:hidden!important;
border:1px solid #303238!important;
border-radius:10px!important;
}
.erpa-news-edit-preview img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.erpa-news-edit-preview span{
position:absolute!important;
left:12px!important;
top:12px!important;
padding:6px 9px!important;
border-radius:999px!important;
background:rgba(7,8,10,.86)!important;
color:#fff!important;
font-size:8px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
@media(max-width:1000px){
.erpa-news-grid,
.erpa-dash-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
.erpa-news-section{padding:38px 0 52px!important}
.erpa-news-grid,
.erpa-dash-news-grid{grid-template-columns:1fr!important}
.erpa-news-head,
.erpa-news-page-intro{align-items:flex-start!important;flex-direction:column!important}
.erpa-news-copy{padding:16px!important}
.erpa-news-copy strong{font-size:17px!important}
.erpa-news-total{border-left:0!important;padding-left:0!important}
.erpa-news-article-body{padding:24px 20px 34px!important}
}
/* ==========================================================
v1.5.1 — Noticias principal estilo Kings League
1 tarjeta protagonista + 2 tarjetas verticales secundarias
========================================================== */
/* En inicio va inmediatamente después del ticker/header */
.erpa-app .erpa-news-home{
padding:26px 0 28px!important;
margin:0!important;
}
/* En la portada no mostramos un título antes del grid:
la composición visual de noticias entra directamente. */
.erpa-app .erpa-news-home .erpa-news-head{
display:none!important;
}
/* Proporción visual de la referencia:
noticia 1 dominante, noticia 2 media, noticia 3 estrecha. */
.erpa-app .erpa-news-home .erpa-news-grid{
width:100%!important;
display:grid!important;
grid-template-columns:minmax(0,2.35fr) minmax(220px,.82fr) minmax(210px,.72fr)!important;
grid-template-rows:450px!important;
gap:4px!important;
overflow:hidden!important;
}
/* Sin apariencia de "tarjeta"; parece un bloque editorial continuo. */
.erpa-app .erpa-news-home .erpa-news-card{
height:450px!important;
min-height:450px!important;
border:0!important;
border-radius:0!important;
background:#090909!important;
overflow:hidden!important;
}
.erpa-app .erpa-news-home .erpa-news-media{
width:100%!important;
height:100%!important;
aspect-ratio:auto!important;
background:#0d0e10!important;
}
.erpa-app .erpa-news-home .erpa-news-media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
/* Gradiente más parecido a la referencia */
.erpa-app .erpa-news-home .erpa-news-gradient{
background:
linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.24) 62%,rgba(0,0,0,.92) 100%)!important;
}
/* Copy general */
.erpa-app .erpa-news-home .erpa-news-copy{
left:0!important;
right:0!important;
bottom:0!important;
padding:24px!important;
}
/* Noticia protagonista */
.erpa-app .erpa-news-home .erpa-news-card:first-child .erpa-news-copy{
padding:30px 34px!important;
}
.erpa-app .erpa-news-home .erpa-news-card:first-child .erpa-news-copy time{
margin-bottom:10px!important;
color:#fff!important;
font-size:12px!important;
line-height:1!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.erpa-app .erpa-news-home .erpa-news-card:first-child .erpa-news-copy strong{
max-width:720px!important;
color:#fff!important;
font-size:clamp(28px,2.3vw,38px)!important;
line-height:1.08!important;
font-weight:850!important;
letter-spacing:-.035em!important;
}
/* Noticias secundarias */
.erpa-app .erpa-news-home .erpa-news-card:nth-child(2) .erpa-news-copy,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(3) .erpa-news-copy{
padding:22px!important;
}
.erpa-app .erpa-news-home .erpa-news-card:nth-child(2) .erpa-news-copy time,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(3) .erpa-news-copy time{
margin-bottom:9px!important;
color:#fff!important;
font-size:10px!important;
line-height:1!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.erpa-app .erpa-news-home .erpa-news-card:nth-child(2) .erpa-news-copy strong,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(3) .erpa-news-copy strong{
color:#fff!important;
font-size:19px!important;
line-height:1.18!important;
font-weight:850!important;
letter-spacing:-.025em!important;
}
/* Zoom contenido, no cambio de forma */
.erpa-app .erpa-news-home .erpa-news-card:hover .erpa-news-media img{
transform:scale(1.035)!important;
filter:brightness(.9)!important;
}
/* El hero comienza después del bloque editorial de noticias */
.erpa-app .erpa-news-home + .erpa-hero{
padding-top:34px!important;
}
/* La página /noticias/ conserva título y grid completo,
pero damos a las tres primeras un tratamiento editorial similar. */
.erpa-app .erpa-news-grid-all{
display:grid!important;
grid-template-columns:repeat(12,minmax(0,1fr))!important;
gap:8px!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card{
grid-column:span 4!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(1){
grid-column:span 7!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(2){
grid-column:span 3!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(3){
grid-column:span 2!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(-n+3) .erpa-news-media{
height:430px!important;
aspect-ratio:auto!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(1) .erpa-news-copy strong{
font-size:28px!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(2) .erpa-news-copy strong,
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(3) .erpa-news-copy strong{
font-size:17px!important;
}
/* Tablet */
@media(max-width:1100px){
.erpa-app .erpa-news-home .erpa-news-grid{
grid-template-columns:minmax(0,1.8fr) minmax(210px,.9fr) minmax(190px,.8fr)!important;
grid-template-rows:390px!important;
}
.erpa-app .erpa-news-home .erpa-news-card{
height:390px!important;
min-height:390px!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(1){
grid-column:span 6!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(2),
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(3){
grid-column:span 3!important;
}
}
/* Móvil: carrusel horizontal editorial, en vez de comprimir textos */
@media(max-width:760px){
.erpa-app .erpa-news-home{
padding:18px 0 22px!important;
}
.erpa-app .erpa-news-home .erpa-wrap{
padding-right:0!important;
}
.erpa-app .erpa-news-home .erpa-news-grid{
display:flex!important;
width:auto!important;
gap:8px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
padding-right:16px!important;
}
.erpa-app .erpa-news-home .erpa-news-grid::-webkit-scrollbar{
display:none!important;
}
.erpa-app .erpa-news-home .erpa-news-card{
flex:0 0 86vw!important;
width:86vw!important;
height:300px!important;
min-height:300px!important;
scroll-snap-align:start!important;
}
.erpa-app .erpa-news-home .erpa-news-card:first-child{
flex-basis:90vw!important;
width:90vw!important;
}
.erpa-app .erpa-news-home .erpa-news-card:first-child .erpa-news-copy,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(2) .erpa-news-copy,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(3) .erpa-news-copy{
padding:20px!important;
}
.erpa-app .erpa-news-home .erpa-news-card:first-child .erpa-news-copy strong{
font-size:24px!important;
}
.erpa-app .erpa-news-home .erpa-news-card:nth-child(2) .erpa-news-copy strong,
.erpa-app .erpa-news-home .erpa-news-card:nth-child(3) .erpa-news-copy strong{
font-size:20px!important;
}
.erpa-app .erpa-news-grid-all{
grid-template-columns:1fr!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card,
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(1),
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(2),
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(3){
grid-column:auto!important;
}
.erpa-app .erpa-news-grid-all .erpa-news-card:nth-child(-n+3) .erpa-news-media{
height:auto!important;
aspect-ratio:16/9!important;
}
}