/* ============================================================
   SECCIÓN: VARIABLES Y BASE
   ============================================================ */
:root{--navy:#061b33;--blue:#0c63b7;--red:#d71920;--yellow:#ffc400;--green:#2ea44f;--white:#fff;--shadow:0 18px 40px rgba(4,18,38,.18)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f8;color:#111}.topbar{height:62px;background:linear-gradient(90deg,#051a31,#08294c);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:20px}.brand span{display:block;color:var(--yellow);font-weight:800;font-size:12px;font-style:italic}.topbar a{color:#fff;text-decoration:none;margin-left:20px;font-weight:800;text-transform:uppercase;font-size:14px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;padding:18px;max-width:1800px;margin:auto}.hero-card{position:relative;min-height:780px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:#8ed2ff}.mountain-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-title{position:absolute;top:45px;left:7%;text-align:center;text-shadow:0 3px 0 rgba(255,255,255,.75)}.hero-title h1{font-size:50px;color:#062b54;margin:0;font-style:italic;font-weight:900}.hero-title h2{font-size:38px;color:var(--red);margin:0;font-style:italic;font-weight:900}.hero-title p{font-size:18px;margin:10px 0}.cyclist{position:absolute;width:210px;left:14%;top:83%;transform:translate(-50%,-50%);transition:left 1.2s ease,top 1.2s ease,filter .3s;z-index:5;filter:drop-shadow(0 12px 10px rgba(0,0,0,.45))}.moving-cloud{position:absolute;width:190px;opacity:.75;animation:cloud 36s linear infinite;z-index:2}.cloud-a{top:14%;left:-18%}.cloud-b{top:30%;left:-35%;animation-duration:52s}@keyframes cloud{to{transform:translateX(140vw)}}.side-panel{display:flex;flex-direction:column;gap:18px}.kpi,.sale-form,.progress-box{background:rgba(255,255,255,.96);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.kpi{display:flex;gap:18px;align-items:center}.icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:white;font-size:28px;font-weight:900}.gold{background:#f4b400}.red{background:#dd1f2d}.kpi small{font-weight:900}.kpi strong{display:block;color:var(--red);font-size:32px;margin:8px 0}.kpi em{font-style:normal;font-size:13px;font-weight:800}.sale-form h3,.progress-box h3{margin-top:0}.sale-form label{display:block;font-weight:800;margin:13px 0 6px}.sale-form input,.grid-form input{width:100%;padding:14px;border:1px solid #d4dae3;border-radius:8px;font-size:16px}button{border:0;border-radius:8px;background:#1f63e9;color:#fff;font-weight:900;text-transform:uppercase;padding:13px 18px;cursor:pointer;box-shadow:0 8px 18px rgba(31,99,233,.25)}.sale-form button{width:100%;background:#2ea44f;margin-top:16px}.bar{height:16px;background:#e7e9ee;border-radius:12px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:12px;transition:width 1s ease}.bar.green i{background:var(--green)}.bar.blue i{background:#1f63e9}.progress-box p{display:flex;justify-content:space-between;font-size:14px}.celebration{position:absolute;inset:0;background:rgba(5,20,45,.08);display:none;z-index:10;pointer-events:none}.celebration.show{display:block}.celebration .fireworks,.celebration .confetti{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.celebration .medal{position:absolute;left:8%;top:18%;width:170px;animation:pop .8s ease both}.win-text{position:absolute;right:8%;top:18%;background:var(--red);color:white;font-size:34px;font-weight:900;padding:22px 34px;border-radius:10px;transform:rotate(-2deg);box-shadow:var(--shadow)}@keyframes pop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
/* ============================================================
   SECCIÓN: ADMIN
   ============================================================ */
.admin-wrap{max-width:1450px;margin:22px auto;padding:0 18px}.admin-card{background:#fff;border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:var(--shadow)}.notice{padding:14px 18px;border-radius:10px;margin-bottom:16px;font-weight:800}.notice.ok{background:#e7f8ed;color:#176a2f}.notice.error{background:#ffe9e9;color:#991b1b}.grid-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.grid-form label{font-weight:900}.asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.asset-card{border:1px solid #e1e6ef;border-radius:12px;padding:14px;background:#f9fbfe}.asset-card h3{margin:0 0 10px}.thumb{height:150px;background:#eef3f8;border-radius:10px;display:grid;place-items:center;overflow:hidden}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset-card input{width:100%;margin:12px 0}.asset-card button{width:100%;font-size:12px;padding:10px;margin-top:6px}.secondary{background:#6b7280}.danger{background:#d71920}.danger-zone form{display:inline-block;margin-right:12px}.muted{color:#5d6978}.route-editor{position:relative;max-width:1100px;border-radius:12px;overflow:hidden;background:#091b2f}.route-editor img{width:100%;display:block}.route-editor svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.route-actions{margin-top:14px;display:flex;gap:12px}
@media(max-width:1050px){.dashboard{grid-template-columns:1fr}.hero-card{min-height:560px}.side-panel{grid-row:auto}.hero-title h1{font-size:34px}.hero-title h2{font-size:26px}.cyclist{width:150px}.grid-form{grid-template-columns:1fr}.topbar{height:auto;padding:14px;gap:12px;align-items:flex-start}.topbar nav{display:flex;gap:12px}.topbar a{margin-left:0}.dashboard{padding:10px}}