:root{--fondo: #e6e9ee;--panel: #f6f7f9;--borde: #cfd5de;--texto: #1c2433;--suave: #5c6778;--sol: #f5b942;--sol-texto: #9a6a00;--mal: #c93636}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 700px at 70% -10%,#f4f6f9 0%,var(--fondo) 60%);background-color:var(--fondo);color:var(--texto);font-family:Inter,system-ui,sans-serif}body{min-height:100vh}button,input,select{font:inherit;color:inherit}.cabecera{display:flex;align-items:center;gap:20px;padding:18px 32px 6px;flex-wrap:wrap}.marca{font-weight:800;font-size:26px;letter-spacing:.5px}.marca span{color:var(--sol-texto)}.sub{color:var(--suave);font-size:14px}.hueco{flex:1}.usuario{color:var(--suave);font-size:14px}.barra{display:flex;gap:6px;padding:12px 32px 0;flex-wrap:wrap;align-items:center}.chip{background:var(--panel);border:1px solid var(--borde);padding:7px 13px;border-radius:999px;cursor:pointer;font-size:13px;transition:.2s}.chip.activa{border-color:var(--sol);color:var(--sol-texto);background:#f5b94238;font-weight:600}.boton{background:var(--sol);color:#1a1405;border:0;font-weight:700;padding:9px 18px;border-radius:999px;cursor:pointer}.boton:disabled{opacity:.5;cursor:default}.boton.claro{background:var(--panel);border:1px solid var(--borde);color:var(--texto);font-weight:600}select.chip{padding-right:28px}.lienzo{padding:0 32px 40px}.seccion{margin-top:26px;padding-top:20px;border-top:1px solid var(--borde)}.seccion h2{margin:0 0 4px;font-size:22px}.leyenda{display:flex;gap:16px;flex-wrap:wrap;color:var(--suave);font-size:13px;margin-top:8px}.leyenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.nota{color:var(--suave);font-size:12px;margin-top:14px}.escena{perspective:1600px;display:flex;justify-content:center}.suelo{position:relative;transform-style:preserve-3d}.caja{position:absolute;transform-style:preserve-3d;transition:transform .5s}.cara{position:absolute;left:0;top:0;transition:transform .9s cubic-bezier(.3,.8,.3,1),height .9s cubic-bezier(.3,.8,.3,1),width .9s cubic-bezier(.3,.8,.3,1),background-color .9s,opacity .4s}.tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:14px 16px;cursor:pointer;transition:.2s;box-shadow:0 4px 14px #1c24330f}.tarjeta:hover{border-color:var(--sol)}.tarjeta.activa{border-color:var(--sol);box-shadow:0 0 0 1px var(--sol),0 12px 30px #1c243324}.tarjeta h3{margin:0 0 10px;font-size:17px;display:flex;justify-content:space-between}.tarjeta h3 small{color:var(--suave);font-weight:500;font-size:12px}.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px}.cifra b{display:block;font-size:22px;font-weight:800}.cifra span{color:var(--suave);font-size:11px}.tira{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.tira button{border:0;border-radius:5px;height:26px;font-size:10.5px;font-weight:700;color:#1c2433;cursor:pointer;opacity:.75}.tira button.hoy{outline:2px solid #1c2433;outline-offset:1px;opacity:1}.dias{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:6px}.dia{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:8px 10px;font-size:12.5px;color:var(--suave);cursor:pointer;text-align:center}.dia.hoy{border-color:var(--sol);color:var(--texto)}.dia b{color:var(--texto)}.avisos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 26px;margin-top:10px}.aviso{font-size:13.5px;border-left:3px solid var(--sol);padding:4px 0 4px 10px;background:var(--panel);border-radius:0 8px 8px 0}.aviso small{display:block;color:var(--suave);font-size:11px;text-transform:uppercase;letter-spacing:.4px}.flotante{position:fixed;pointer-events:none;background:#fff;color:var(--texto);border:1px solid var(--sol);border-radius:10px;padding:8px 10px;font-size:13px;z-index:30;box-shadow:0 10px 30px #1c24332e}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c243359;display:flex;align-items:center;justify-content:center;z-index:20}.ventana{background:#fff;border-radius:18px;padding:24px 26px;width:min(480px,calc(100vw - 32px));box-shadow:0 30px 80px #1c243359}.ventana h2{margin:0 0 14px}.campo{display:block;margin:12px 0;font-size:14px;color:var(--suave)}.campo input,.campo select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:var(--panel);color:var(--texto);font-size:15px}.error{color:var(--mal);font-size:14px;margin-top:10px}.bien{color:#178a55;font-size:14px;margin-top:10px}.entrar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.entrar form{background:#fff;border-radius:20px;padding:30px 30px 26px;width:min(380px,100%);box-shadow:0 24px 60px #1c243329}@media (max-width: 1000px){.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}.dias{grid-template-columns:repeat(4,1fr)}.avisos{grid-template-columns:1fr}.cabecera,.barra,.lienzo{padding-left:16px;padding-right:16px}}.cuadrante{border-collapse:separate;border-spacing:4px 3px;width:100%;min-width:1100px}.cuadrante th{font-size:12.5px;color:var(--suave);font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:6px 4px;position:sticky;top:0;background:var(--fondo);z-index:1}.cuadrante td{padding:0;vertical-align:middle}.cuadrante td:not(.cq-nombre):not(.cq-et):not(.cq-bloque){width:9.5%}.cq-bloque{font-weight:800;font-size:15px;padding:16px 0 6px!important;color:var(--texto);border-bottom:2px solid var(--borde)}.cq-nombre{font-size:13.5px;font-weight:600;padding:4px 10px 4px 0!important;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.cq-et{font-size:13.5px;color:var(--suave);padding:4px 10px 4px 0!important}.cq-num{text-align:center;font-weight:700;font-size:14px}.cq-fila:hover td{background:#f5b94214}
