/* Rangos oficiales ACVOLT Tech School (11-nov-2026). Tarjeta del alumno, escalera pública y lista del personal.
   Una sola apariencia: escudos de metal sobre azul noche (lo aprobó Mario en la maqueta). */
.ra-esc svg{display:block;width:100%;height:auto}
.ra-card{background:linear-gradient(160deg,#0f2342,#0b1a33);border:1px solid #2a4470;border-radius:18px;padding:16px;margin:18px 0;color:#eef2f7}
.ra-top{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center}
.ra-eti{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f3cf6a;font-weight:800;margin:0}
.ra-card .ra-h{font-size:22px;line-height:1.15;margin:4px 0 6px;color:#fff}
.ra-t{margin:4px 0 0;color:#c3cfdd;font-size:15px;line-height:1.45}.ra-t b,.ra-mes b{color:#fff}
.ra-sig{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid #2a4470;margin-top:12px;padding-top:12px;font-size:15px;color:#c3cfdd;line-height:1.45}
.ra-sig strong{display:block;color:#fff;font-size:16px}
.ra-barra{display:flex;align-items:center;gap:10px;margin-top:12px}.ra-barra .ra-bar{flex:1;margin-top:0}
.ra-pct{min-width:48px;text-align:right;font-weight:800;color:#ffe39a;font-size:15px}
.ra-mes p{margin:0}
.ra-bar{height:10px;background:#0a1628;border:1px solid #2a4470;border-radius:6px;overflow:hidden;margin-top:12px}
.ra-bar i{display:block;height:100%;background:linear-gradient(90deg,#d4a537,#ffe39a)}
.ra-mes{background:#16305a;border-radius:12px;padding:10px 12px;margin:12px 0 0;color:#dbe4ef;font-size:15px;line-height:1.45}
.ra-links{margin:10px 0 0}.ra-links a{color:#f3cf6a;font-weight:700;display:inline-block;padding:8px 0}
/* Escalera pública */
.rg-pagina{background:#08111e;color:#eef2f7;min-height:100vh}
.rg-pagina header{background:#08111e;border-bottom:1px solid #2a4470}.rg-pagina header a{color:#eef2f7}
.rg-pagina main{max-width:1200px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-left)) 48px max(16px,env(safe-area-inset-right))}
.rg-pagina main>p>a{color:#a9c4ea}
.rg-hero{text-align:center}.rg-hero .ra-eti{font-size:13px}
.rg-hero h1{font-family:Oswald,'Arial Narrow',Arial,sans-serif;color:#f3cf6a;font-size:clamp(30px,5vw,50px);line-height:1.05;margin:8px 0 10px;text-wrap:balance}
.rg-hero p{max-width:640px;margin:0 auto;color:#c3cfdd;font-size:17px;line-height:1.5}
#rangos-escalera{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:28px 0 10px;align-items:start}
#rangos-escalera article{text-align:center;min-width:0}#rangos-escalera .ra-esc{max-width:170px;margin:0 auto}
#rangos-escalera h2{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:18px;margin:8px 0 2px;color:#fff}
#rangos-escalera .req{font-size:14px;color:#a9b8cc;margin:0}
#rangos-escalera .tipo{display:inline-block;margin-top:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:#0f2342;color:#a9b8cc}
#rangos-escalera .tipo.ganas{background:rgba(63,191,127,.14);color:#7fe0ad}
.rg-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.rg-tres div{background:#0f2342;border-radius:14px;padding:16px}.rg-tres h3{color:#f3cf6a;margin:0 0 6px;font-size:17px}.rg-tres p{margin:0;color:#c3cfdd;font-size:15px;line-height:1.5}
.rg-lema{text-align:center;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;color:#f3cf6a;font-size:clamp(22px,3.4vw,34px);margin:30px 0 8px}
.rg-legal{text-align:center;color:#a9b8cc;font-size:13px;max-width:720px;margin:0 auto}
@media (max-width:900px){#rangos-escalera{grid-template-columns:repeat(3,minmax(0,1fr))}.rg-tres{grid-template-columns:1fr}}
@media (max-width:420px){#rangos-escalera{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-top{grid-template-columns:84px minmax(0,1fr)}}
/* Lista del personal */
.re-barra{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:12px 0}
.re-barra label{display:flex;flex-direction:column;font-weight:700;gap:4px}.re-barra select{min-height:44px;font-size:16px;max-width:100%}
.re-btn{min-height:44px;padding:8px 16px;border-radius:10px;border:2px solid #0f2342;background:#0f2342;color:#fff;font-weight:800;font-size:15px;cursor:pointer}
#re-resumen{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#re-resumen span{display:flex;align-items:center;gap:6px;background:#eef4ff;border:1px solid #b7c9ef;border-radius:20px;padding:4px 12px 4px 4px;color:#0f2342;font-size:14px}
#re-resumen .ra-esc{width:24px}
.re-scroll{overflow-x:auto}.re-tabla{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.re-tabla th,.re-tabla td{border-bottom:1px solid #e2e8f0;padding:8px 6px;text-align:left;vertical-align:middle}
.re-tabla th{background:#0f2342;color:#fff;font-size:13px}.re-tabla td.n,.re-tabla th.n{text-align:right;font-variant-numeric:tabular-nums}
.re-tabla small{display:block;color:#475569;font-size:12.5px}.re-esc{width:52px}.re-esc .ra-esc{width:44px}
@media (max-width:700px){.re-tabla thead{display:none}.re-tabla,.re-tabla tbody,.re-tabla tr,.re-tabla td{display:block;width:100%}
 .re-tabla tr{border:1px solid #cbd5e1;border-radius:12px;margin:10px 0;padding:8px;background:#fff}.re-tabla td{border:0;padding:3px 2px}
 .re-tabla td.n{display:inline-block;width:auto;margin-right:12px;text-align:left}.re-tabla td.n::before{content:attr(data-k) ": ";color:#475569;font-weight:600}}
@media print{header,.re-barra,.re-nota,main>p:first-child{display:none!important}.re-tabla tr{break-inside:avoid}body{background:#fff}}