/* 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}}

/* 01/10 (tarde) · los dos botones: ¿quién toma la llamada? (pedido de Clara) */
.g-quienes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border-radius:18px;padding:14px 16px;margin:14px 0 6px}
.g-quienes .g-qt{font-size:18px;font-weight:800}
.g-q{background:#fff;border:2px solid var(--linea);color:var(--texto);border-radius:999px;padding:10px 22px;font-weight:800;font-size:19px}
.g-q.on{background:#111;color:#FFD600;border-color:#111}
.g-quienes .g-qd{flex-basis:100%;font-size:16px;font-weight:700;color:var(--muted)}
@media (max-width:640px){.g-quienes{padding:12px}.g-quienes .g-qt{flex-basis:100%}.g-q{flex:1;padding:10px 12px;font-size:18px}}

/* 01/10 (noche) · guion del Google Doc «Guion de Ventas — High Ticket Clarity» */
.gl .g-h3{font-size:calc(var(--g-letra) + 3px);font-weight:800;margin:22px 0 6px;color:#111}
.gl .g-obj{border-top:2px dashed var(--linea);padding-top:12px;margin-top:16px}
.gl .g-objt{font-size:calc(var(--g-letra) + 4px);font-weight:800;color:var(--oro)}

/* 02/10 · elegir la llamada + notas en rojo que completan el guion (pedido de Clara) */
.gl{--g-tinta:#D0021B}
.g-llam{background:#111;color:#fff;border-radius:18px;padding:16px 18px;margin:14px 0 6px;scroll-margin-top:120px}
.g-llam .g-qt{font-size:19px;font-weight:800;color:#FFD600}
.g-llam .g-ayuda{font-size:16px;font-weight:600;color:#ddd;margin:6px 0 10px}
.g-llam.on{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}
.g-llam.on .g-ayuda{grid-column:1/-1;margin:2px 0 0}
.g-llam-c{display:flex;flex-direction:column;gap:2px;min-width:0}
.g-llam-n{font-size:28px;font-weight:800;line-height:1.15}
.g-llam-c small{font-size:15px;font-weight:700;color:#ccc}
.g-llam-b{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.g-llam .g-q{text-decoration:none;font-size:16px;padding:8px 16px}
.g-rojo-t{color:#FF6B6B}
.g-ags{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:8px 0}
.g-ag{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;color:#111;border:0;border-radius:12px;padding:10px 14px;font-size:17px;cursor:pointer}
.g-ag b{font-weight:800}.g-ag small{font-size:14px;font-weight:700;color:#777}
.g-ag:disabled{opacity:.5}
.g-busca input,.g-nueva-f input{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:12px 14px;font:600 17px Montserrat,sans-serif;margin:6px 0}
.g-nueva{margin-top:8px}
.g-nueva summary{cursor:pointer;font-size:17px;font-weight:800;color:#FFD600;padding:8px 0}
.g-nueva-f{display:grid;gap:2px}
.g-nueva-f .g-b{justify-self:start;margin-top:6px;font-size:18px;padding:10px 20px}
/* lo que se anota: letra roja */
.gl .g-anota-w{display:block;margin:8px 0 14px}
.gl .g-anota-l{display:block;font-size:14px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--g-tinta);margin-bottom:4px}
.gl .g-anota{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;border:2px dashed #F2B8B8;background:#FFF7F7;border-radius:12px;padding:10px 14px;font:700 var(--g-letra)/1.45 Montserrat,sans-serif;color:var(--g-tinta);overflow:hidden}
.gl .g-anota:focus{outline:none;border-style:solid;border-color:var(--g-tinta);background:#fff}
.gl .g-anota:disabled{background:#f6f6f6;border-color:#ddd}
.gl .g-anota::placeholder{color:#d79a9a;font-weight:600}
/* lo que se completa solo */
.gl .g-ph{color:#9a8f7a;font-style:italic}
.gl .g-ph.lleno{color:var(--g-tinta);font-style:normal;text-decoration:underline;text-decoration-color:rgba(208,2,27,.3);text-underline-offset:4px}
.gl .g-res{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.gl .g-r{background:#fff;border:2px solid var(--linea);border-radius:999px;padding:8px 16px;font-weight:800;font-size:17px;cursor:pointer}
.gl .g-r.on{background:var(--g-tinta);border-color:var(--g-tinta);color:#fff}
.gl .g-terminar{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;padding-top:16px;border-top:2px solid var(--linea)}
.gl .g-terminar .g-b{font-size:19px;padding:12px 22px}
.gl .g-gest{font-size:16px;font-weight:700;color:var(--muted)}
@media (max-width:640px){.g-llam.on{grid-template-columns:1fr}.g-llam-b{justify-content:flex-start}.g-llam-n{font-size:24px}}

/* 05/10 · la botonera ya no queda fija arriba: el reloj del guion va pegado debajo del encabezado */
.g-barra{top:70px}
@media (max-width:640px){.g-barra{top:66px}.g-fase{scroll-margin-top:190px}}
.g-fase{scroll-margin-top:200px}