/* 01/10 · Guion de la llamada, letra grande (pedido de Clara) */
.gl{--g-letra:21px;font-size:var(--g-letra);line-height:1.55}
.gl .g-p{font-size:var(--g-letra);margin:14px 0 8px;font-weight:600}
.gl .g-di{font-size:calc(var(--g-letra) + 2px);font-weight:700;color:#111;background:var(--panel2);border-left:6px solid var(--oro);border-radius:12px;padding:14px 18px;margin:10px 0}
.gl .g-quien{display:block;font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro);margin-bottom:4px}
.gl .g-nota{font-size:calc(var(--g-letra) - 2px);font-weight:700;color:var(--texto);background:#FFF6DA;border-radius:12px;padding:12px 16px;margin:10px 0}
.gl .g-falta{background:var(--rojo);color:#fff;border-radius:6px;padding:0 6px}
.gl .g-rojo{color:#FFB4A3}
.g-barra{position:sticky;top:112px;z-index:20;background:#111;color:#fff;border-radius:18px;padding:14px 16px 12px;margin:10px 0 18px;box-shadow:var(--sombra);display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}
.g-barra.tarde{box-shadow:0 0 0 4px var(--rojo)}
.g-reloj{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0}
.g-reloj #g-t{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;color:#FFD600;line-height:1}
.g-reloj small{font-size:17px;font-weight:700}
.g-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.g-b{background:none;border:2px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:16px}
.g-b.oro-b{background:var(--gradiente);background-size:250% 100%;animation:brillo 3s linear infinite;color:#111;border:0}
.g-linea{grid-column:1/-1;position:relative;display:flex;gap:3px;height:30px}
.g-linea a{display:grid;place-items:center;background:#333;border-radius:6px;text-decoration:none;color:#fff;font-size:14px;font-weight:800;min-width:0}
.g-linea a.paso{background:#5a4a24}
.g-linea a.ahora{background:#FFD600;color:#111}
.g-linea i{position:absolute;top:-4px;bottom:-4px;width:3px;background:#fff;border-radius:2px;left:0;transition:left 1s linear}
.g-indice{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.g-indice a{display:flex;flex-direction:column;text-decoration:none;background:var(--panel);border-radius:12px;padding:10px 14px}
.g-indice b{font-size:17px}.g-indice span{font-size:15px;font-weight:700;color:var(--muted)}
.g-fase{border:2px solid var(--linea);border-radius:var(--radio);padding:18px 20px 20px;margin:0 0 22px;scroll-margin-top:250px;background:#fff}
.g-fase.ahora{border-color:#FFD600;box-shadow:0 0 0 4px rgba(255,214,0,.35)}
.g-fase.paso{opacity:.6}
.g-fase header{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.g-fase h2{margin:0;font-size:calc(var(--g-letra) + 9px)}
.g-num{width:48px;height:48px;border-radius:50%;background:#111;color:#FFD600;display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.g-tiempo{font-size:17px;font-weight:800;color:var(--oro)}
.g-estado{margin-left:auto;font-size:16px;font-weight:800;color:var(--verde)}
.g-fase.ahora .g-estado{color:#111;background:#FFD600;border-radius:999px;padding:4px 12px}
.g-tono{font-size:calc(var(--g-letra) - 2px);font-weight:700;color:var(--azul);margin:12px 0 4px}
.g-fin{margin-top:10px}
@media (max-width:640px){.g-barra{top:108px;grid-template-columns:1fr auto;padding:10px 12px;gap:6px 10px}.g-linea{display:none}.g-reloj{flex-direction:column;align-items:flex-start;gap:2px}.g-reloj #g-t{font-size:32px}.g-reloj small{font-size:15px}.g-btns{gap:6px}.g-b{padding:6px 10px;font-size:15px}.g-fase{padding:16px 14px;scroll-margin-top:230px}}