@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&display=swap');
/* Panel de seguimiento del entrenador · tema claro.
   Solo afecta a la vista "Entrenador" (data-tema="claro"); la app del jugador no cambia. */

/* Las pantallas antiguas (histórico, tests, gestión) heredan el tema claro por variables. */
[data-tema="claro"]{
  --color-bg:#F4F5F7;
  --color-surface:#FFFFFF;
  --color-text:#16181D;
  --color-divider:#E3E5E9;
  --color-accent:#9A7600;
  --color-accent-100:#5C4A00;
  --color-accent-300:#8A6E00;
  --color-accent-800:#FCE9A0;
  --color-accent-900:#FFF3C4;
  --color-neutral-100:#1D2026;
  --color-neutral-200:#2B2F36;
  --color-neutral-300:#3F444D;
  --color-neutral-400:#5B6170;
  --color-neutral-500:#767C88;
  --color-neutral-600:#9AA0AB;
  --color-neutral-700:#C9CDD4;
  --color-neutral-800:#E9EBEF;
  --color-neutral-900:#F4F5F7;
  --shadow-lg:0 12px 32px rgba(22,24,29,.12);
  color-scheme:light;
}
[data-tema="claro"] h3{color:var(--color-text)}
[data-tema="claro"] .card{border:1px solid var(--color-divider)}
[data-tema="claro"] .nav{border-bottom:1px solid var(--color-divider)}

/* ── Paleta del panel nuevo ── */
.pe{
  --pe-bg:#F4F5F7; --pe-card:#FFFFFF; --pe-borde:#E3E5E9; --pe-linea:#EEF0F3;
  --pe-texto:#16181D; --pe-sec:#5B6170; --pe-suave:#8A909B;
  --pe-amarillo:#F5C400; --pe-amarillo-suave:#FFF6CC; --pe-oro:#5C4A00;
  --pe-verde:#1E8E5A; --pe-verde-bg:#E6F4EC;
  --pe-naranja:#C46A0A; --pe-naranja-bg:#FDF0E1;
  --pe-rojo:#C93B36; --pe-rojo-bg:#FBE9E8;
  --pe-azul:#2F6FD6; --pe-azul-bg:#E7EFFB;
  --pe-radio:14px;
  color:var(--pe-texto); font-family:var(--font-body,Inter,system-ui,sans-serif);
  font-size:14px; line-height:1.45;
}
.pe *{box-sizing:border-box}
.pe button{font:inherit;color:inherit}

/* Cabecera */
.pe-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 22px}
.pe-marca{display:flex;align-items:center;gap:14px;min-width:0}
.pe-logo{width:46px;height:46px;border-radius:12px;flex:none;display:block}
.pe-titulo{font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.15}
.pe-sub{font-size:13px;color:var(--pe-sec);margin-top:2px}
.pe-acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pe-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--pe-borde);background:var(--pe-card);border-radius:10px;padding:8px 13px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}
.pe-btn:hover{border-color:#C9CDD4;background:#FAFAFB}
.pe-btn i{font-size:16px}
.pe-btn-marca{background:var(--pe-amarillo);border-color:var(--pe-amarillo);color:#241C00}
.pe-btn-marca:hover{background:#E8BA00;border-color:#E8BA00}
.pe-fuente{font-size:11px;border-radius:99px;padding:4px 10px;border:1px solid var(--pe-borde);color:var(--pe-sec);background:var(--pe-card)}
.pe-fuente.ok{color:var(--pe-verde);border-color:#BFE3CF;background:var(--pe-verde-bg)}

/* Tarjetas genéricas */
.pe-card{background:var(--pe-card);border:1px solid var(--pe-borde);border-radius:var(--pe-radio);padding:16px 18px}
.pe-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin:0 0 12px}
.pe-h i{font-size:18px}
.pe-h .pe-extra{margin-left:auto;font-weight:400;font-size:12px;color:var(--pe-sec)}
.pe-seccion{margin-bottom:18px}
.pe-kicker{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pe-sec);font-weight:500}

/* Estado del grupo + KPIs */
.pe-resumen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:18px}
.pe-estados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.pe-estado{border-radius:10px;padding:10px 6px;text-align:center}
.pe-estado b{display:block;font-size:30px;line-height:1.05;font-weight:600}
.pe-estado span{font-size:12px;font-weight:500}
.pe-estado.verde{background:var(--pe-verde-bg);color:var(--pe-verde)}
.pe-estado.naranja{background:var(--pe-naranja-bg);color:var(--pe-naranja)}
.pe-estado.rojo{background:var(--pe-rojo-bg);color:var(--pe-rojo)}
.pe-kpi-num{font-size:30px;font-weight:600;line-height:1.1;margin-top:8px}
.pe-kpi-num small{font-size:14px;font-weight:500;color:var(--pe-sec)}
.pe-kpi-fila{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}
.pe-kpi-fila i{font-size:17px;color:var(--pe-sec)}
.pe-kpi-fila b{font-size:20px;font-weight:600}
.pe-barra{height:7px;border-radius:99px;background:#ECEEF1;overflow:hidden;margin-top:10px}
.pe-barra>div{height:100%;border-radius:99px;background:var(--pe-amarillo)}
.pe-nota{font-size:12px;color:var(--pe-sec);margin-top:6px}

/* Semáforo */
.pe-alerta{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,2fr) auto auto;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--pe-linea);cursor:pointer;border-radius:8px}
.pe-alerta:hover{background:#FAFAFB}
.pe-alerta:first-of-type{border-top:none}
.pe-punto{width:10px;height:10px;border-radius:50%;flex:none}
.pe-alerta-nom{font-weight:600}
.pe-alerta-mot{color:var(--pe-sec);font-size:13px}
.pe-alerta-dato{font-size:12px;color:var(--pe-sec);text-align:right;white-space:nowrap}
.pe-alerta-dato b{font-size:15px;color:var(--pe-texto)}
.pe-vacio{color:var(--pe-sec);font-size:13px;padding:6px 0}

/* Comentarios */
.pe-com{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--pe-linea)}
.pe-com:first-of-type{border-top:none}
.pe-com-txt{font-size:14px}
.pe-com-meta{font-size:12px;color:var(--pe-sec);margin-bottom:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pe-ok{cursor:pointer;border:1px solid #BFE3CF;background:var(--pe-verde-bg);color:var(--pe-verde);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.pe-ok:hover{background:#D7EEE1}

/* Fichas */
.pe-fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.pe-ficha{display:flex;align-items:center;gap:12px;background:var(--pe-card);border:1px solid var(--pe-borde);border-left:4px solid var(--pe-borde);border-radius:12px;padding:12px 14px;cursor:pointer;transition:box-shadow .12s,transform .12s}
.pe-ficha:hover{box-shadow:0 4px 14px rgba(22,24,29,.08);transform:translateY(-1px)}
.pe-ficha.rojo{border-left-color:var(--pe-rojo)}
.pe-ficha.naranja{border-left-color:var(--pe-naranja)}
.pe-ficha.verde{border-left-color:var(--pe-verde)}
.pe-avatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:14px;background:var(--pe-amarillo-suave);color:var(--pe-oro)}
.pe-avatar.grande{width:56px;height:56px;font-size:19px}
.pe-ficha-txt{flex:1;min-width:0}
.pe-ficha-nom{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-ficha-lin{font-size:12px;color:var(--pe-sec);display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px}
.pe-ficha-lin span{display:inline-flex;align-items:center;gap:4px}
.pe-ficha-lin .aviso{color:var(--pe-naranja);font-weight:500}
.pe-ficha-lin .grave{color:var(--pe-rojo);font-weight:500}
.pe-ico{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:16px}
.pe-ico.hecho{background:var(--pe-verde-bg);color:var(--pe-verde)}
.pe-ico.falta{border:1.5px dashed #B9BEC7;color:#9AA0AB}
.pe-ico.na{border:1.5px solid var(--pe-linea);color:#C9CDD4}

/* Chips */
.pe-chip{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.pe-chip.verde{background:var(--pe-verde-bg);color:var(--pe-verde)}
.pe-chip.naranja{background:var(--pe-naranja-bg);color:var(--pe-naranja)}
.pe-chip.rojo{background:var(--pe-rojo-bg);color:var(--pe-rojo)}
.pe-chip.azul{background:var(--pe-azul-bg);color:var(--pe-azul)}
.pe-chip.gris{background:#EEF0F3;color:var(--pe-sec)}
.pe-md{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.pe-md.md{background:var(--pe-amarillo);color:#241C00}
.pe-md.mas{background:var(--pe-azul-bg);color:var(--pe-azul)}
.pe-md.menos{background:#F1E9FB;color:#6B3FB5}

/* Pantalla del jugador */
.pe-volver{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;background:none;color:var(--pe-sec);font-size:13px;font-weight:500;padding:4px 0;margin-bottom:12px}
.pe-volver:hover{color:var(--pe-texto)}
.pe-jug-cab{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.pe-jug-nom{font-size:24px;font-weight:600;margin:0;line-height:1.15}
.pe-jug-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:13px;color:var(--pe-sec)}
.pe-jug-cab .pe-acciones{margin-left:auto}
.pe-razones{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.pe-razon{display:flex;align-items:center;gap:9px;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:500}
.pe-razon i{font-size:17px}
.pe-razon.rojo{background:var(--pe-rojo-bg);color:#8E2925}
.pe-razon.naranja{background:var(--pe-naranja-bg);color:#8A4A06}
.pe-razon.info{background:#EEF0F3;color:#3F444D}
.pe-metricas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}
.pe-met{background:var(--pe-card);border:1px solid var(--pe-borde);border-radius:12px;padding:12px 14px;min-width:0}
.pe-met-val{font-size:24px;font-weight:600;line-height:1.15;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-met-val.peq{font-size:16px;line-height:1.35;white-space:normal}
.pe-met-sub{font-size:12px;color:var(--pe-sec);margin-top:2px}
.pe-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:18px}
.pe-salud{border-left:4px solid var(--pe-azul);border-radius:0;background:var(--pe-card);border-top:1px solid var(--pe-borde);border-right:1px solid var(--pe-borde);border-bottom:1px solid var(--pe-borde);padding:12px 16px;margin-bottom:18px;font-size:13px}

/* Ayuda "?" */
.pe-q{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:1px solid #C9CDD4;color:var(--pe-sec);font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;background:var(--pe-card);vertical-align:middle;margin-left:6px;padding:0 0 1px}
.pe-q:hover{border-color:var(--pe-texto);color:var(--pe-texto)}
/* Nota privada tipo post-it */
.pe-postit{background:#FFF8D6;border:1px solid #F2DE8A;border-radius:12px;padding:10px 14px 12px;margin-bottom:16px}
.pe-postit-cab{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#5C4A00;margin-bottom:6px}
.pe-postit-cab i{color:#C89F00;font-size:16px}
.pe-postit-cab span{margin-left:auto;font-weight:400;font-size:12px;color:#8A6E00}
.pe-postit .pe-postit-txt{background:transparent;border:none;padding:0;min-height:44px;font-size:14px;color:#3F3200}
.pe-postit .pe-postit-txt:focus{outline:none}
.pe-nota-vacia{display:inline-flex;align-items:center;gap:6px;border:1px dashed #C9CDD4;background:transparent;color:var(--pe-sec);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:16px}
.pe-nota-vacia:hover{border-color:#C89F00;color:#5C4A00;background:#FFF8D6}
.pe-ayuda{background:#16181D;color:#F4F5F7;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin:8px 0 2px;text-transform:none;letter-spacing:0;font-weight:400}
.pe-ayuda b{color:var(--pe-amarillo)}

/* Semana del plan */
.pe-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.pe-dia{border:1px solid var(--pe-borde);border-radius:10px;padding:8px 4px;text-align:center;min-height:86px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#FCFCFD}
.pe-dia.hoy{border-color:var(--pe-texto);box-shadow:inset 0 0 0 1px var(--pe-texto)}
.pe-dia-l{font-size:12px;font-weight:600;color:var(--pe-sec)}
.pe-dia-n{font-size:15px;font-weight:600}
.pe-dia-e{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:3px}
.pe-dia-e i{font-size:14px}
.pe-dia.plan{background:var(--pe-card)}
.pe-leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--pe-sec);margin-top:10px;align-items:center}
.pe-leyenda span{display:inline-flex;align-items:center;gap:5px}
.pe-cuadro{width:11px;height:11px;border-radius:3px;display:inline-block}

/* Gráficas */
.pe-graf{width:100%;display:block;overflow:visible}
.pe-graf text{font-family:inherit}
.pe-periodo{display:inline-flex;border:1px solid var(--pe-borde);border-radius:9px;overflow:hidden;margin-left:auto}
.pe-periodo button{border:none;background:var(--pe-card);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--pe-sec)}
.pe-periodo button.on{background:var(--pe-texto);color:#fff}

/* Molestias */
.pe-mol{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--pe-linea);font-size:13px}
.pe-mol:first-of-type{border-top:none}
.pe-mol-tira{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:2px}
.pe-mol-tira span{height:14px;border-radius:2px;background:#EEF0F3}
.pe-mol-tira span.si{background:var(--pe-naranja)}
.pe-mol-tira span.fuerte{background:var(--pe-rojo)}

/* Últimos registros */
.pe-reg{display:grid;grid-template-columns:118px 30px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--pe-linea)}
.pe-reg:first-of-type{border-top:none}
.pe-reg-fecha{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.pe-reg-datos{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--pe-sec)}
.pe-reg-datos b{color:var(--pe-texto);font-weight:600}
.pe-reg-com{grid-column:3;font-size:13px;color:var(--pe-texto);background:#F7F8FA;border-radius:8px;padding:6px 10px;display:flex;gap:7px;align-items:flex-start}
.pe-reg-com i{color:var(--pe-sec);margin-top:2px}
.pe-textarea{width:100%;min-height:64px;border:1px solid var(--pe-borde);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;resize:vertical;background:#FCFCFD;color:var(--pe-texto)}
.pe-textarea:focus{outline:2px solid var(--pe-amarillo);outline-offset:1px}

/* Histórico: calendario */
.pe-cal{display:flex;flex-direction:column;gap:6px;overflow-x:auto}
.pe-cal-cab,.pe-cal-fila{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr)) minmax(120px,1.2fr);gap:6px;min-width:700px}
.pe-cal-cab span{font-size:12px;font-weight:600;color:var(--pe-sec);text-align:center}
.pe-cal-dia{border:1px solid var(--pe-linea);border-radius:10px;padding:6px 7px;min-height:74px;display:flex;flex-direction:column;gap:4px;background:#FCFCFD}
.pe-cal-dia.plan{border-color:#C9CDD4;background:var(--pe-card)}
.pe-cal-dia.hoy{box-shadow:inset 0 0 0 2px var(--pe-texto)}
.pe-cal-dia.fut{opacity:.55}
.pe-cal-top{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:13px}
.pe-cal-top small{font-weight:400;color:var(--pe-sec);font-size:11px}
.pe-cal-r{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.pe-cal-r i{font-size:9px}
.pe-cal-sem{border-radius:10px;background:#F7F8FA;padding:7px 10px;font-size:12px;color:var(--pe-sec);display:flex;flex-direction:column;gap:2px;justify-content:center}
.pe-cal-sem b{color:var(--pe-texto)}
/* Tests: barra de orientación */
.pe-orient{position:relative;height:16px;border-radius:99px;background:linear-gradient(90deg,#F5C400 0%,#FFF3C4 40%,#E6F4EC 47%,#E6F4EC 53%,#DCE8FB 60%,#2F6FD6 100%)}
.pe-orient-eq{position:absolute;left:47%;width:6%;top:-3px;bottom:-3px;border-left:1px dashed #1E8E5A;border-right:1px dashed #1E8E5A}
.pe-orient-marca{position:absolute;top:-6px;width:6px;height:28px;margin-left:-3px;border-radius:3px;background:#16181D;box-shadow:0 0 0 2px #fff}

@media (max-width:1000px){
  .pe-metricas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .pe-resumen{grid-template-columns:1fr}
  .pe-dos{grid-template-columns:1fr}
  .pe-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-alerta{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px}
  .pe-alerta-mot{grid-column:2/4;grid-row:2}
  .pe-alerta-dato.acwr{display:none}
  .pe-reg{grid-template-columns:84px 26px minmax(0,1fr)}
  .pe-jug-cab .pe-acciones{margin-left:0}
}

/* ── Informe PDF de progresión (A4) ── */
.inf-hojas{background:#D9DCE1;border-radius:14px;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:22px;overflow-x:auto}
.inf-pag{position:relative;width:210mm;height:297mm;flex:none;background:#fff;color:#16181D;box-shadow:0 8px 30px rgba(22,24,29,.18);padding:13mm 14mm 16mm;overflow:hidden;font-size:13px;line-height:1.45;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.inf-pag h2{font-size:22px;font-weight:700;margin:6px 0 4px;letter-spacing:-.01em}
.inf-pag h3{font-size:15px;font-weight:700;margin:18px 0 8px;color:#16181D}
.inf-pag h4{font-size:12.5px;font-weight:700;margin:12px 0 2px;color:#3F444D;text-transform:uppercase;letter-spacing:.04em}
.inf-intro{color:#5B6170;margin:0 0 14px}
.inf-cab{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:2px solid #F5C400;margin-bottom:8px}
.inf-cab img{width:30px;height:30px;border-radius:7px}
.inf-cab b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.inf-cab span{font-size:11.5px;color:#5B6170}
.inf-cab em{margin-left:auto;font-style:normal;font-size:11px;color:#8A909B}
.inf-pie{position:absolute;left:14mm;right:14mm;bottom:8mm;border-top:1px solid #EEF0F3;padding-top:5px;font-size:9.5px;color:#8A909B;letter-spacing:.04em;text-align:center}
.inf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 6px}
.inf-kpi{border:1px solid #E3E5E9;border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:2px;background:#FCFCFD}
.inf-kpi i{font-size:20px;color:#C89F00}
.inf-kpi-t{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#5B6170;font-weight:600}
.inf-kpi b{font-size:26px;line-height:1.1;font-weight:800}
.inf-kpi b small{font-size:13px;font-weight:600;color:#5B6170}
.inf-kpi-s{font-size:11px;color:#5B6170}
.inf-kpis-peq .inf-kpi b{font-size:21px}
.inf-dest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.inf-dest li{display:flex;gap:10px;align-items:flex-start;font-size:14px;background:#F7F8FA;border-radius:10px;padding:9px 12px}
.inf-dest i{font-size:19px;color:#1E8E5A;margin-top:1px}
.inf-coment,.inf-objetivos{margin-top:18px;background:#FFF8D6;border:1px solid #F2DE8A;border-radius:14px;padding:14px 16px}
.inf-coment-t{display:flex;align-items:center;gap:8px;font-weight:700;color:#5C4A00;margin-bottom:6px}
.inf-coment-t i{color:#C89F00;font-size:18px}
.inf-coment-txt{font-size:14.5px;line-height:1.55;color:#3F3200;min-height:60px}
.inf-ph{color:#A8954A;font-style:italic;font-size:13px}
.inf-firma{margin-top:10px;font-size:12px;color:#8A6E00;font-weight:600;text-align:right}
.inf-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inf-que{display:flex;gap:8px;align-items:flex-start;background:#EEF4FF;border-radius:10px;padding:8px 11px;font-size:12px;color:#22406E;margin:4px 0 8px}
.inf-que i{color:#2F6FD6;font-size:16px;margin-top:1px}
.inf-fv{display:flex;gap:12px;align-items:center;border:1px solid #E3E5E9;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:500;margin-top:6px}
.inf-capturas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.inf-captura{aspect-ratio:1/1;border:1.5px dashed #C9CDD4;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8A909B;font-size:11px;background:#FAFAFB}
.inf-captura i{font-size:22px}
.inf-nota{font-size:11px;color:#8A909B;margin-top:5px}
.inf-cierre{display:flex;gap:14px;align-items:center;margin-top:30px;background:#16181D;color:#fff;border-radius:16px;padding:20px}
.inf-cierre img{width:64px;height:64px;border-radius:14px}
.inf-cierre b{display:block;font-size:22px;color:#F5C400}
.inf-cierre span{display:block;font-size:14px;margin-top:2px}
.inf-cierre em{display:block;font-style:normal;font-size:12px;color:#B9BEC7;margin-top:6px}
/* Portada */
.inf-portada{background:#0A0A0A;color:#fff;padding:0}
.inf-foto{position:absolute;inset:0;background-repeat:no-repeat;background-color:#0A0A0A}
.inf-portada-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 22%,rgba(10,10,10,0) 45%,rgba(10,10,10,.85) 72%,#0A0A0A 100%)}
.inf-portada-top{position:absolute;top:13mm;left:14mm;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;font-weight:700}
.inf-portada-top img{width:40px;height:40px;border-radius:9px}
.inf-portada-txt{position:absolute;left:14mm;right:14mm;bottom:16mm}
.inf-portada-kicker{display:inline-block;background:#F5C400;color:#241C00;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.inf-portada h1{font-size:46px;line-height:1.05;margin:14px 0 6px;font-weight:800;letter-spacing:-.02em;color:#fff}
.inf-portada-pos{font-size:16px;color:#E9E9ED}
.inf-portada-per{font-size:14px;color:#F5C400;margin-top:4px;font-weight:600}
.inf-portada-lema{margin-top:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.32em;color:#B9BEC7}
.inf-ejemplo{position:absolute;top:13mm;right:14mm;font-size:10px;background:rgba(255,255,255,.15);padding:3px 9px;border-radius:99px;color:#fff}
/* Al imprimir: solo las hojas, una por página A4 */
@page{size:A4;margin:0}
.inf-imprimir{margin:0;background:#fff}
.inf-imprimir .inf-pag{box-shadow:none;margin:0;page-break-after:always;break-after:page}
.inf-imprimir .inf-pag:last-child{page-break-after:auto;break-after:auto}

/* ── Informe v2: letra de marca, controles, objetivos y tarjeta ── */
.inf-pag h2,.inf-portada h1,.inf-kpi b,.inf-cab b,.inf-cierre b,.inf-estrella b,.inf-obj-num{font-family:'Archivo',var(--font-body,Inter),sans-serif}
.inf-pag h2{font-weight:800;font-size:24px;text-transform:none}
.inf-portada h1{font-weight:900;font-size:54px;text-transform:uppercase;letter-spacing:-.01em}
.inf-portada-obj{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:15px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 12px;width:fit-content}
.inf-portada-obj i{color:#F5C400}
.inf-estrella{display:flex;align-items:baseline;gap:12px;margin:18px 0 6px}
.inf-estrella b{font-size:64px;line-height:1;font-weight:900;color:#F5C400}
.inf-estrella span{font-size:17px;color:#E9E9ED;font-weight:600}
.inf-objjug{display:flex;gap:9px;align-items:center;background:#16181D;color:#fff;border-radius:10px;padding:9px 13px;font-size:14px;margin-bottom:6px}
.inf-objjug i{color:#F5C400;font-size:18px}
.inf-metodo,.inf-aviso{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#5B6170;margin-top:10px}
.inf-metodo i{color:#8A909B;font-size:14px}
.inf-aviso{margin-top:18px;border-top:1px solid #EEF0F3;padding-top:8px;font-size:10.5px;color:#8A909B;display:block}
.inf-obj{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(92,74,0,.15);font-size:14px;color:#3F3200}
.inf-obj:first-of-type{border-top:none}
.inf-obj-num{font-size:20px;font-weight:800;color:#16181D}
.inf-obj-num.meta{color:#1E8E5A}
.inf-obj-num small{font-size:12px;color:#5B6170;font-weight:600}
.inf-obj i{color:#8A909B}
/* Controles (solo en pantalla) */
.inf-ctrl-fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.inf-ctrl-fila .pe-periodo{margin-left:0}
.inf-ctrl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:14px}
.inf-chks{display:flex;flex-direction:column;gap:5px;margin:6px 0 8px}
.inf-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer;line-height:1.35}
.inf-chk input{margin-top:2px;accent-color:#C89F00}
.inf-input{width:100%;border:1px solid var(--pe-borde);border-radius:9px;padding:7px 10px;font:inherit;font-size:13px;background:#FCFCFD;color:var(--pe-texto);margin-top:5px}
.inf-obj-ctrl{display:flex;gap:6px}
/* Tarjeta */
.inf-tarjeta-fila{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.inf-tarjeta-fila canvas{width:270px;height:480px;border-radius:14px;box-shadow:0 10px 30px rgba(22,24,29,.25);background:#0A0A0A}
.inf-tarjeta-ctrl{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.inf-tarjeta-ctrl p{margin:0;color:var(--pe-sec)}
@media (max-width:760px){ .inf-ctrl-grid{grid-template-columns:1fr} }

.inf-previos{background:#F3F8F5;border-color:#BFE3CF}
.inf-previos .inf-coment-t{color:#17643F}
.inf-previos .inf-coment-t i{color:#1E8E5A}

/* ── Tareas pendientes ── */
.pe-tarea{display:grid;grid-template-columns:96px 26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 6px;border-top:1px solid var(--pe-linea);border-left:3px solid transparent}
.pe-tarea:first-of-type{border-top:none}
.pe-tarea.rojo{border-left-color:var(--pe-rojo);background:#FFF9F9}
.pe-tarea.naranja{border-left-color:var(--pe-naranja)}
.pe-tarea.hecha{opacity:.65}
.pe-tarea-f{font-size:12.5px;font-weight:700;display:flex;flex-direction:column}
.pe-tarea.rojo .pe-tarea-f{color:var(--pe-rojo)}
.pe-tarea.naranja .pe-tarea-f{color:var(--pe-naranja)}
.pe-tarea-f small{font-weight:500;color:var(--pe-sec);font-size:10.5px}
.pe-tarea-i{font-size:19px;color:#5B6170}
.pe-tarea-txt b{display:block;font-size:13.5px}
.pe-tarea-txt span{font-size:12.5px;color:var(--pe-sec)}
.pe-tarea-acc{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pe-tarea-acc .pe-btn{padding:5px 10px;font-size:12px}
.pe-btn-wa{background:#E7F8EE;border-color:#BFE3CF;color:#17643F;text-decoration:none}
.pe-btn-wa:hover{background:#D4F1E0}
.pe-btn-ok{color:var(--pe-verde)}
.pe-mover{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 6px 10px 132px;font-size:12px;color:var(--pe-sec)}
.pe-mover .pe-btn{padding:4px 10px;font-size:12px}
/* ── Altas pendientes ── */
.pe-alta-cab{display:flex;gap:14px;align-items:flex-start}
.pe-alta-foto{width:84px;height:104px;border-radius:12px;background:#EEF0F3 center/cover no-repeat;flex:none;display:grid;place-items:center;color:#9AA0AB;font-size:30px}
.pe-alta-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;margin-top:14px}
.pe-alta-datos b{display:block;font-size:14px;margin-top:2px}
.pe-alta-resp{margin-top:10px;font-size:13px}
.pe-alta-resp summary{cursor:pointer;color:var(--pe-sec);font-weight:600}
.pe-alta-resp div{display:flex;gap:10px;padding:4px 0;border-top:1px solid var(--pe-linea)}
.pe-alta-resp div span{min-width:150px;color:var(--pe-sec)}
@media (max-width:760px){
  .pe-tarea{grid-template-columns:70px 22px minmax(0,1fr)}
  .pe-tarea-acc{grid-column:1/4;justify-content:flex-start}
  .pe-mover{padding-left:6px}
}

/* ── Ausencias / Vacaciones ── */
.pe-aus{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--pe-linea)}
.pe-aus:first-of-type{border-top:none}
.pe-aus-txt{flex:1;min-width:0}
.pe-aus-txt b{display:block;font-size:13.5px}
.pe-aus-txt span{font-size:12.5px;color:var(--pe-sec)}
.pe-aus .pe-btn{padding:5px 10px;font-size:12px}
.pe-aus-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--pe-linea)}
.pe-aus-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--pe-sec)}
.pe-aus-form label .inf-input{margin:0}
.pe-aus-form .ancho{grid-column:1/-1}
@media (max-width:760px){.pe-aus{flex-wrap:wrap}.pe-aus-txt{flex-basis:100%;order:-1}}

/* ── Pasos del test en Tareas ── */
.pe-tarea-pasos{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.pe-tarea-pasos .pe-chip{font-size:11px;padding:2px 8px}
.pe-tarea-sug{font-size:11.5px;color:#7A5A00;background:#FFF6D6;border-radius:99px;padding:2px 8px;font-weight:600}

/* ── Móvil: el panel se adapta al ancho de la pantalla ── */
.pe-solo-movil{display:none}
@media (max-width:600px){
  .pe{font-size:13.5px}
  .pe-cab{margin:0 0 14px;gap:10px}
  .pe-marca{gap:10px}
  .pe-logo{width:36px;height:36px;border-radius:10px}
  .pe-titulo{font-size:19px}
  .pe-cab .pe-acciones{gap:6px;width:100%}
  .pe-cab .pe-acciones .pe-btn{padding:6px 10px;font-size:12.5px}
  .pe-cab .pe-fuente{flex-basis:100%;width:max-content;max-width:max-content}
  .pe-card{padding:13px}
  .pe-seccion{margin-bottom:14px}
  /* Títulos: el texto pequeño va debajo, no al lado */
  .pe-h{flex-wrap:wrap;row-gap:2px}
  .pe-h .pe-extra{flex-basis:100%;order:9;margin-left:26px}
  /* Tareas: fecha arriba, texto a todo lo ancho y botones debajo */
  .pe-tarea{grid-template-columns:22px minmax(0,1fr);gap:3px 8px;padding:10px 6px}
  .pe-tarea-f{grid-column:1/-1;flex-direction:row;gap:6px;align-items:baseline}
  .pe-tarea-i{grid-row:2}
  .pe-tarea-acc{grid-column:1/-1;justify-content:flex-start;margin-top:5px}
  .pe-tarea-pasos .pe-chip{white-space:normal}
  .pe-mover{padding-left:6px}
  /* Plan de la semana: se desliza de lado en lugar de apretar los 7 días */
  .pe-dos{grid-template-columns:minmax(0,1fr)}
  .pe-dos>*{min-width:0}
  .pe-semana{grid-template-columns:repeat(7,80px);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .pe-dia{scroll-snap-align:start}
  .pe-jug-cab{gap:12px}
  .pe-jug-cab .pe-acciones .pe-btn{padding:6px 10px;font-size:12.5px}
  .pe-solo-movil{display:flex}
}