/* 05/10 · entrenamiento del equipo de llamadas (entrenamiento.js). Todo con prefijo .en- para no pisar app.css */
.en-cargando{padding:26px;text-align:center;color:var(--muted);font-weight:700}
.en-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.en-tabs button{border:1.5px solid #111;background:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:15px;display:inline-flex;gap:7px;align-items:center}
.en-tabs button.si{background:#111;color:#FFD653}
.en-tabs.grande button{font-size:16px;padding:12px 18px}
.en-num{background:var(--rojo);color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:13px;font-weight:800;padding:0 6px}
.en-tabs button.si .en-num{background:#FFD653;color:#111}
.en-pasos-mini{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.en-pasos-mini span{background:var(--panel);border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px}
.en-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.en-kpis div{background:#111;color:#fff;border-radius:var(--radio);padding:14px;display:flex;flex-direction:column}
.en-kpis b{font-size:28px;line-height:1.1;color:#FFD653}
.en-kpis span{font-size:13px;font-weight:700;opacity:.85}
.en-reloj{font-weight:800;font-size:26px;font-variant-numeric:tabular-nums;border-radius:14px;padding:6px 14px;background:var(--panel);display:inline-block}
.en-reloj.verde{background:#E4F3E1;color:var(--verde)}
.en-reloj.amarillo{background:#FFF1D6;color:#8A5A00}
.en-reloj.rojo{background:var(--rojo);color:#fff}
.en-doc .en-reloj{font-size:inherit;padding:0 8px;border-radius:8px}
.en-cerrar{margin-top:12px;border-top:1.5px solid var(--linea);padding-top:10px}
.en-cerrar summary{font-weight:800;cursor:pointer;font-size:16px}
.en-cerrar textarea{width:100%;min-height:96px;margin-top:10px;border:1.5px solid #111;border-radius:14px;padding:10px 12px;resize:vertical}
.en-nota{background:var(--panel2);border:1.5px solid var(--linea);border-radius:var(--radio);padding:14px 16px;margin:0 0 14px;font-size:16px}
.en-nota a{font-weight:800}
.card audio{width:100%;margin-top:12px}
.en-trans{margin-top:12px;max-height:420px;overflow:auto;background:var(--panel2);border-radius:14px;padding:10px 14px;font-size:16px}
.en-trans p{margin:6px 0}
.en-t{border:none;background:#111;color:#FFD653;border-radius:8px;padding:1px 7px;font-weight:800;font-size:13px;margin-right:6px;font-variant-numeric:tabular-nums}
.en-mas{margin-top:10px}
.en-mas summary{cursor:pointer;font-weight:800}
.en-mas p{margin:8px 0}
.en-fathom{background:var(--panel2);border-radius:14px;padding:10px 14px;font-size:15px;margin-top:8px}
/* documento (guion en frío, cómo funciona) */
.en-letra{display:flex;gap:6px;justify-content:flex-end;margin:-6px 0 10px}
.en-letra button{border:1.5px solid #111;background:#fff;border-radius:999px;padding:6px 14px;font-weight:800}
.en-doc{font-size:18px;line-height:1.6}
.en-bloque{background:#fff;border:1.5px solid var(--linea);border-radius:var(--radio);padding:18px 20px;margin:0 0 14px;box-shadow:var(--sombra)}
.en-bloque h2{font-size:1.25em;margin:0 0 8px;line-height:1.25}
.en-bloque h3{font-size:1.05em;margin:0 0 6px}
.en-bloque p{margin:8px 0}
.en-bloque a{font-weight:800}
.en-regla{background:#111;color:#fff;border-color:#111}
.en-regla h2{color:#FFD653}
.en-regla a{color:#FFD653}
.en-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}
.en-caja{background:var(--panel2);border-radius:14px;padding:12px 14px}
.en-caja p{font-size:.92em;margin:4px 0 0}
.en-ol{margin:6px 0;padding-left:1.3em}
.en-ol li{margin:6px 0}
.en-paso{display:flex;gap:14px;align-items:flex-start}
.en-n{flex:none;width:44px;height:44px;border-radius:50%;background:var(--gradiente);background-size:250% 100%;animation:brillo 3s linear infinite;display:grid;place-items:center;font-weight:800;font-size:20px;color:#111}
.en-paso>div:last-child{min-width:0;flex:1}
.en-frase{margin:10px 0;padding:12px 16px;border-left:4px solid var(--oro);background:var(--panel);border-radius:0 14px 14px 0;font-family:'Playfair Display',serif;font-size:1.02em}
.en-fuente{font-size:.85em;color:var(--muted);font-weight:600}
.en-frases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
.en-fr{background:var(--panel2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.en-fr q{font-family:'Playfair Display',serif;font-size:1em}
.en-fr small{color:var(--muted);font-weight:700;font-size:.8em}
.en-fr .chip{align-self:flex-start;font-size:12px}
/* objeciones y problemas */
.en-acc summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none;flex-wrap:wrap}
.en-acc summary::-webkit-details-marker{display:none}
.en-i{flex:none;width:32px;height:32px;border-radius:50%;background:#111;color:#FFD653;display:grid;place-items:center;font-weight:800}
.en-st{font-size:19px;font-weight:800;flex:1;min-width:200px}
.en-acc[open] summary{margin-bottom:8px}
.en-acc h3{margin:14px 0 6px;font-size:17px}
.en-resp{background:var(--panel2);border-radius:14px;padding:12px 16px;font-size:16px;line-height:1.6}
@media (max-width:600px){
  .en-kpis b{font-size:22px}
  .en-bloque{padding:14px}
  .en-paso{flex-direction:column;gap:8px}
}