:root{--verde-oscuro: #2f8a3c;--verde-claro: #8dbf1f;--vacia-impar: #b9d1aa;--vacia-par: #dde9c6;--fondo: #ffffff;--gris: #8a8f98;--texto: #1f2a1f}#capa-tarjeta{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1800px;background:#1432198c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .4s}#capa-tarjeta.visible{opacity:1}#tarjeta{position:relative;width:min(86vw,1400px);height:min(84vh,820px);transform-style:preserve-3d;transform:scale(.6);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.cara{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;backface-visibility:hidden;overflow:hidden;box-shadow:0 40px 90px -20px #0000008c}.frente{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--color);color:#fff;font-weight:600;font-size:3vw}.reverso{transform:rotateY(180deg);display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;grid-template-areas:"titulo titulo" "foto   info";gap:1.6vw 2.4vw;padding:2.2vw 2.6vw 2.6vw;background:#fff;border-top:12px solid var(--color)}.reverso header{grid-area:titulo;display:flex;flex-direction:column;align-items:flex-start;gap:.6vh}.reverso .semestre{padding:.3em 1em;border-radius:999px;background:var(--color);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.7rem,.85vw,.95rem)}.reverso h3{font-weight:700;line-height:1.1;color:var(--verde-oscuro);font-size:clamp(1.5rem,2.6vw,3rem)}.reverso .ficha{display:flex;flex-wrap:wrap;gap:.3em 1.2em;color:var(--gris);font-weight:500;font-size:clamp(.75rem,.95vw,1.05rem)}.reverso .ficha span:first-child{color:var(--verde-oscuro);font-weight:700}.reverso .ficha span+span:before{content:"·";margin-right:1.2em;margin-left:-.6em}.reverso .foto{grid-area:foto;position:relative;margin:0;min-height:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#43a04c,#1f6b2d)}.reverso .foto img{width:100%;height:100%;object-fit:cover;display:block}.reverso .foto .reserva{display:none;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;font-size:clamp(5rem,11vw,12rem);background:radial-gradient(circle at 85% 15%,rgb(255 255 255 / .1) 0 22%,transparent 22.2%),radial-gradient(circle at 10% 95%,rgb(255 255 255 / .08) 0 30%,transparent 30.2%);color:#fff}.reverso .foto .reserva .gif{width:min(62%,62vh);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 30px rgb(0 0 0 / .3))}.reverso .foto.sin-foto>img{display:none}.reverso .foto.sin-foto .reserva{display:grid}.reverso .info{grid-area:info;display:flex;flex-direction:column;justify-content:center;gap:1.6vh;min-height:0;color:#3d473d;font-size:clamp(.85rem,min(1.35vw,2.3vh),1.6rem);line-height:1.45}.reverso .descripcion{font-size:1.08em}.reverso h4{margin-bottom:.3em;color:var(--verde-oscuro);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82em}.reverso ul{display:grid;grid-template-columns:1fr 1fr;gap:.25em 1.2em;padding:0;list-style:none}.reverso li{position:relative;padding-left:1.1em}.reverso li:before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:var(--color)}.reverso .chips{display:flex;flex-wrap:wrap;gap:.4em}.reverso .pista{position:absolute;top:2.2vw;right:2.6vw;padding:.4em 1em;border-radius:999px;background:#f1f5ec;color:var(--verde-oscuro);font-weight:600;font-size:clamp(.75rem,1vw,1.1rem)}.reverso .chips span{padding:.2em .8em;border-radius:999px;border:2px solid var(--color);color:var(--verde-oscuro);font-weight:600;font-size:.85em}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--fondo);color:var(--texto);font-family:Poppins,system-ui,sans-serif;cursor:none}body{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100vh;padding:2vh 2vw 3.5vh;gap:1.5vh}#encabezado{display:flex;align-items:baseline;gap:1rem;min-width:0;padding-left:9vw}#encabezado h1{min-width:0;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,1.8vw,2.1rem);font-weight:700;color:var(--verde-oscuro)}#encabezado span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--gris);font-weight:500;font-size:clamp(.7rem,1vw,1.1rem)}#carreras{display:flex;flex-shrink:0;gap:.6vw;margin-left:auto;align-self:center}#carreras button{position:relative;overflow:hidden;display:flex;align-items:center;gap:.5em;padding:.45em 1.1em;border:2px solid var(--verde-oscuro);border-radius:999px;background:#fff;color:var(--verde-oscuro);font:inherit;font-weight:600;font-size:clamp(.7rem,.95vw,1.05rem);cursor:none;transition:transform .2s}#carreras button.activa{background:var(--verde-oscuro);color:#fff}#carreras kbd{font:inherit;font-size:.75em;opacity:.6}#carreras button.cargando{transform:scale(1.06)}#carreras button:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:#ffd400;transform-origin:left;transform:scaleX(0)}#carreras button.cargando:after{transform:scaleX(var(--progreso, 0))}#malla{display:grid;grid-template-columns:8vw minmax(0,1fr);gap:1vw;min-height:0}#etiquetas,#tablero{display:grid;grid-template-rows:repeat(var(--filas),1fr);min-height:0}.etiqueta{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-transform:uppercase;font-weight:700;line-height:1.05;color:var(--gris);font-size:clamp(.55rem,.95vw,1rem)}#tablero{gap:2px;background:#fff;border-radius:24px;overflow:hidden}.materia,.vacia{min-width:0;min-height:0}.materia{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:.6vh .7vw;background:var(--color);color:#fff;font-weight:500;line-height:1.12;font-size:var(--tam-materia, 1vw);overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s}.materia>span{max-width:100%;overflow-wrap:normal;text-wrap:balance}.vacia.impar{background:var(--vacia-impar)}.vacia.par{background:var(--vacia-par)}.materia.cargando{z-index:2;transform:scale(1.08);filter:brightness(1.1);box-shadow:0 0 0 3px #fff,0 12px 30px -6px #00000073;border-radius:8px}.materia:after{content:"";position:absolute;left:0;bottom:0;height:6px;width:100%;background:#ffd400;transform-origin:left;transform:scaleX(0)}.materia.cargando:after{transform:scaleX(var(--progreso, 0))}#puntero{position:fixed;top:0;left:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s}#puntero.activo{opacity:1}#puntero .anillo{width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:radial-gradient(circle,#fff 0 7px,transparent 8px),conic-gradient(#ffd400 calc(var(--progreso, 0) * 360deg),#ffffffe6 0);-webkit-mask:radial-gradient(circle,#000 0 8px,transparent 9px 16px,#000 17px);mask:radial-gradient(circle,#000 0 8px,transparent 9px 16px,#000 17px);filter:drop-shadow(0 0 2px rgb(0 0 0 / .8)) drop-shadow(0 2px 6px rgb(0 0 0 / .4));transition:transform .15s}#puntero.puno .anillo{transform:scale(.7);background:#ff5252}#vista-camara{position:fixed;right:2.3vw;bottom:4.5vh;width:min(18vw,21vh);aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:4px solid var(--verde-oscuro);background:#000;transform:scaleX(-1);z-index:50;transition:border-color .2s,box-shadow .2s}#vista-camara.con-mano{border-color:#ffd400;box-shadow:0 0 18px #ffd40099}#vista-camara.oculto{display:none}#camara,#esqueleto{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#estado{position:fixed;left:2vw;bottom:.8vh;font-size:.8rem;font-weight:500;color:var(--gris);z-index:50}#estado[data-tipo=error]{padding:.3em .8em;border-radius:6px;background:#c62828;color:#fff}