/* Puente accesible sobre la hoja ORIGINAL arena.css de ConectaPro. No sustituye su diseño. */
body.sanchi-arena{font-family:'Nunito',system-ui,sans-serif}
.sanchi-arena .san-hud-avatar{display:grid;place-items:center;width:36px;height:36px;background:#fff;border-radius:50%;font-size:23px}
.sanchi-arena .san-hud-user,.sanchi-arena .san-hud-exit{font-size:13px;color:#fff;text-decoration:none;white-space:nowrap}
.sanchi-arena .san-hud-exit{opacity:.8}
.sanchi-arena .san-nav-emoji{font-size:21px;min-width:24px;text-align:center}
.sanchi-arena .ar-nav a{gap:11px}
.sanchi-arena .san-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(140deg,#0b1846b9,#12378d78),url('/assets/conectapro_exact/game/backgrounds/bg-arena-main.webp') center/cover;min-height:325px;border-radius:24px;padding:25px;color:#fff}
.sanchi-arena .san-hero h1,.sanchi-arena .san-hero p{color:#fff}
.sanchi-arena .san-hero .ar-hero-txt{flex:1;min-width:0}
.sanchi-arena .san-hero-avatar{flex:0 0 190px}
.sanchi-arena .san-hero-avatar img{object-fit:contain;width:190px;height:230px;filter:drop-shadow(0 12px 18px #0004)}
.sanchi-arena .san-hero .ar-hero-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}
.sanchi-arena .san-hero .ar-hero-stats .st{display:inline-flex;gap:6px;align-items:center}
.sanchi-arena .san-hero .ar-hero-stats small{color:#f3edda;font-size:12px}
.sanchi-arena .san-hero .ar-hero-premio{display:inline-flex;align-items:center;gap:9px;margin-top:20px;color:#fff;text-decoration:none}
.sanchi-arena .san-hero .ar-hero-premio small{display:block}
.sanchi-arena .san-block-grid{margin-top:20px}
.sanchi-arena .san-stats{display:flex;gap:24px}.sanchi-arena .san-stats b{display:block;font-size:28px}.sanchi-arena .san-stats small{display:block}
.sanchi-arena .san-world{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px}
.sanchi-arena .san-world .ar-card-top{flex-basis:100%}
.sanchi-arena .san-world>img{width:min(350px,45%);border-radius:17px;object-fit:cover;aspect-ratio:16/9}
.sanchi-arena .san-achievements{margin-top:20px}.sanchi-arena .san-badge-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.sanchi-arena .san-badge-row img{width:85px;height:85px;object-fit:contain}
.sanchi-arena .san-arena-reco{background:linear-gradient(130deg,#0b1846dc,#133890b0),url('/assets/conectapro_exact/game/backgrounds/bg-arena-main.webp') center/cover;color:white;border-radius:24px;padding:28px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}
.sanchi-arena .san-arena-reco h1,.sanchi-arena .san-arena-reco p{color:#fff}
.sanchi-arena .san-locked{padding:13px;border-radius:12px;background:#fff4;color:#fff}
.sanchi-arena .san-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin:16px 0 26px}
.sanchi-arena .san-modes a.ar-modo{min-height:210px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.sanchi-arena .san-modes .ar-modo-img{width:84px;height:84px;object-fit:contain}
.sanchi-arena .san-modes .san-mode-locked{filter:saturate(.65)}.sanchi-arena .san-modes .ar-modo em{font-size:11px;font-style:normal;color:#3156b5}
.sanchi-arena .san-arena-footer{display:flex;gap:22px;align-items:center}.sanchi-arena .san-arena-footer>img{width:190px;max-width:38%;border-radius:16px}
/* Las páginas antiguas siguen operativas con sus clases hasta su migración. */
.sanchi-arena .panel,.sanchi-arena .stat,.sanchi-arena .card{border:1px solid #dbe3f4;background:#fff;border-radius:18px;padding:20px;margin:16px 0;box-shadow:0 8px 24px #0b184610}
.sanchi-arena .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.sanchi-arena .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sanchi-arena .hero{background:linear-gradient(110deg,#0b1846,#1f57e0);border-radius:20px;padding:25px;color:#fff}
.sanchi-arena .hero h1,.sanchi-arena .hero p{color:#fff}
.sanchi-arena .cta{display:inline-flex;margin:8px 0;background:#ffc21a;color:#0b1846;border-radius:13px;padding:12px 18px;font-weight:900;text-decoration:none}
.sanchi-arena .stat b{display:block;font-size:25px}.sanchi-arena .stat span{display:block}
.sanchi-arena .option{display:block;border:1px solid #dbe3f4;border-radius:12px;padding:12px;margin:8px 0}.sanchi-arena .option input{width:auto}
.sanchi-arena input:not([type=radio]):not([type=hidden]),.sanchi-arena textarea,.sanchi-arena select{max-width:100%;background:white;color:#13204a;border:1px solid #cbd7ec;border-radius:10px;padding:10px}
.sanchi-arena .avatar{width:100%;max-width:200px;object-fit:contain}.sanchi-arena .sanchi-feedback{width:120px;float:right}
.sanchi-arena .table{width:100%;border-collapse:collapse}.sanchi-arena .table td,.sanchi-arena .table th{padding:10px;border-bottom:1px solid #dbe3f4}
.sanchi-arena .progress{height:12px;border-radius:10px;background:#e0e7f4;overflow:hidden}.sanchi-arena .progress i{display:block;height:100%;background:#1f57e0}
@media(max-width:900px){.sanchi-arena .san-hud-user,.sanchi-arena .san-hud-exit{display:none}.sanchi-arena .san-hero{flex-direction:column;align-items:flex-start}.sanchi-arena .san-hero-avatar{flex:0 0 auto}.sanchi-arena .san-hero-avatar img{height:140px;width:140px}.sanchi-arena .san-world>img{max-width:100%;width:100%}.sanchi-arena .san-hud-avatar{width:28px;height:28px;font-size:19px}}