/* ===== Worklab School · panel de la empresa (rediseño 28/10/2026, prefijo gwp-) =====
   Cabecera con el nombre de la empresa, portada «Inicio» (plantilla como puntos, cifras, lo que toca hoy),
   tablas más limpias y estados vacíos con La Plantilla. Marca 3.3: blanco, índigo y un verde. */
:root{--gwp-bloque:#2B3A67; --gwp-bloque-linea:transparent; --gwp-verde:#8FAF2E; --gwp-claro:#DDE2F5; --gwp-claro-2:#C3CBE6; --gwp-vacio-punto:rgba(255,255,255,.16)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--gwp-bloque:#26315C; --gwp-bloque-linea:#34406E; --gwp-verde:#A6C63F}}
:root[data-theme="dark"]{--gwp-bloque:#26315C; --gwp-bloque-linea:#34406E; --gwp-verde:#A6C63F}
@keyframes gwp-aparece{from{transform:scale(0)}to{transform:none}}
@keyframes gwp-sube{from{transform:translateY(16px)}to{transform:none}}
@keyframes gwp-enciende{from{background:var(--gwp-vacio-punto); box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)}}
@keyframes gwp-pulso{0%,100%{opacity:.25}50%{opacity:1}}
.gwp-fin{color:var(--gwp-verde)}
.gwp-oculto{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.gwp-rotulo{display:flex; align-items:center; gap:8px; margin:0; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3)}
.gwp-rotulo i{width:8px; height:8px; border-radius:50%; background:#2BD4A4; flex:none}   /* familia Guías: un punto junto a una palabra */
.gwp-rotulo.gwp-claro{color:var(--gwp-claro-2)}

/* Cabecera: el nombre de la empresa, en grande; las plazas, como signo de puntos */
.gwp-cab-sec{padding:44px 0 30px}
.gwp-cab{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:end}
.gwp-empresa{margin:14px 0 0; font-size:clamp(38px,6.2vw,76px); font-weight:800; letter-spacing:-.04em; line-height:.98; color:var(--accent); overflow-wrap:anywhere}
.gwp-lema{margin:14px 0 0; font-size:17px; color:var(--ink-2); max-width:560px}
.gwp-plazas{display:flex; flex-wrap:wrap; gap:14px 28px; justify-content:flex-end}
.gwp-plaza{min-width:220px; max-width:300px; padding-left:22px; border-left:1px solid var(--hairline)}
.gwp-plaza-et{margin:0; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3)}
.gwp-plaza-cifra{margin:6px 0 0; font-size:15px; font-weight:600; color:var(--ink-2); font-variant-numeric:tabular-nums}
.gwp-plaza-cifra b{font-size:34px; font-weight:800; letter-spacing:-.03em; color:var(--accent); margin-right:2px}
.gwp-plaza-cifra span{display:block; font-size:13px; color:var(--ink-3); font-weight:600}
.gwp-plaza-puntos{display:grid; grid-template-columns:repeat(10,9px); gap:5px; margin-top:10px}
.gwp-plaza-puntos i{width:9px; height:9px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--hairline)}
.gwp-plaza-puntos i.gwp-on{background:var(--accent); box-shadow:none}
.gwp-plaza-nota{margin:10px 0 0; font-size:13px; color:var(--ink-3); line-height:1.4}
.gwp-app-sec{padding-top:0}
.gwp-app-sec .gwn-app{box-shadow:none; border-radius:22px}
@media(max-width:899px){
  .gwp-cab-sec{padding:28px 0 18px}
  .gwp-cab{grid-template-columns:1fr; gap:22px}
  .gwp-plazas{justify-content:flex-start}
  .gwp-plaza{padding-left:0; border-left:0; padding-top:16px; border-top:1px solid var(--hairline); max-width:none; flex:1 1 100%}
  .gwp-lema{font-size:15.5px}
}

/* Menú lateral, más limpio: punto índigo en la sección abierta, sin caja gris */
.gwp-app-sec .gwn-app > .gwn-lateral{background:var(--paper-0)}
.gwp-app-sec .gwn-app .gwn-lista{scrollbar-color:transparent transparent}
.gwp-app-sec .gwn-app .gwn-lista:hover{scrollbar-color:var(--hairline) transparent}
.gwp-app-sec .gwn-app .pestanas button[aria-selected="true"]{background:var(--paper-2); box-shadow:none}
.gwp-app-sec .gwn-app .pestanas button[aria-selected="true"]::before{background:var(--accent)}

/* Inicio: bloque índigo con la plantilla como puntos */
.gwp-inicio{display:grid; gap:28px; min-width:0}
.gwp-inicio section.gwp-cifras{padding:0}
.gwp-inicio section.gwp-heroe{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:36px; align-items:center; background:var(--gwp-bloque); border:1px solid var(--gwp-bloque-linea); color:#fff; border-radius:22px; padding:36px 40px; min-width:0}
.gwp-heroe-n{margin:16px 0 0; font-size:clamp(72px,9vw,120px); font-weight:800; letter-spacing:-.05em; line-height:.86; color:#fff; font-variant-numeric:tabular-nums}
.gwp-heroe-n .gwp-pct::after{content:"\00a0%"; font-size:.42em; letter-spacing:-.02em; color:var(--gwp-claro-2)}
.gwp-heroe-et{margin:10px 0 0; font-size:22px; font-weight:800; letter-spacing:-.02em; color:#fff}
.gwp-heroe-et.gwp-grande{font-size:clamp(28px,3.4vw,40px); letter-spacing:-.04em; line-height:1.05; margin-top:16px}
.gwp-heroe-det{margin:10px 0 0; font-size:15px; color:var(--gwp-claro); max-width:380px; line-height:1.5}
.gwp-heroe-puntos{min-width:0}
.gwp-puntos{display:flex; flex-wrap:wrap; gap:var(--gwp-gap,10px)}
.gwp-persona{display:flex; flex-direction:column; align-items:center; gap:8px; animation:gwp-aparece 320ms var(--ease,ease-out) both; animation-delay:calc(var(--i) * var(--gwp-paso))}
.gwp-punto{display:block; width:var(--gwp-d,22px); height:var(--gwp-d,22px); border-radius:50%; flex:none; background:var(--gwp-vacio-punto)}
.gwp-punto.gwp-pendiente{background:transparent; box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)}
.gwp-punto.gwp-curso{background:linear-gradient(90deg,var(--gwp-claro-2) 50%,transparent 50%); box-shadow:inset 0 0 0 2px var(--gwp-claro-2)}
.gwp-punto.gwp-formada{background:var(--gwp-verde)}
.gwp-persona .gwp-punto.gwp-formada,.gwp-persona .gwp-punto.gwp-curso{animation:gwp-enciende 320ms var(--ease,ease-out) both; animation-delay:calc(640ms + var(--i) * var(--gwp-paso))}
.gwp-nombre{font-size:12.5px; font-weight:600; color:var(--gwp-claro); max-width:64px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.gwp-t-xl{--gwp-d:40px; --gwp-gap:16px 12px}
.gwp-puntos.gwp-t-xl{display:grid; grid-template-columns:repeat(var(--gwp-cols,8), var(--gwp-d)); justify-content:start}
.gwp-t-l{--gwp-d:24px; --gwp-gap:10px}
.gwp-t-m{--gwp-d:14px; --gwp-gap:7px}
.gwp-t-s{--gwp-d:9px; --gwp-gap:5px}
.gwp-leyenda{list-style:none; margin:22px 0 0; padding:18px 0 0; border-top:1px solid rgba(255,255,255,.14); display:flex; flex-wrap:wrap; gap:10px 24px; font-size:14.5px; color:var(--gwp-claro)}
.gwp-leyenda li{display:flex; align-items:center; gap:8px}
.gwp-leyenda .gwp-punto{--gwp-d:12px; animation:none}
.gwp-leyenda .gwp-punto.gwp-pendiente{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.gwp-leyenda b{color:#fff; font-weight:800; font-variant-numeric:tabular-nums}
.gwp-foto{display:flex; align-items:flex-end; justify-content:center; min-height:170px}
.gwp-foto-img{height:170px; width:auto; margin:0 -14px}
.gwp-foto-img:nth-child(2n){height:184px}

/* Cifras grandes: sin cajas, separadas por un filete */
.gwp-cifras{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline)}
.gwp-cifra{padding:24px 24px 22px; min-width:0; animation:gwp-sube 640ms var(--ease,ease-out) both}
.gwp-cifra:nth-child(2){animation-delay:80ms}.gwp-cifra:nth-child(3){animation-delay:160ms}
.gwp-cifra + .gwp-cifra{border-left:1px solid var(--hairline)}
.gwp-cifra:first-child{padding-left:4px}
.gwp-cifra-n{margin:0; font-size:56px; font-weight:800; letter-spacing:-.045em; line-height:1; color:var(--accent); font-variant-numeric:tabular-nums}
.gwp-cifra-n small{font-size:.42em; letter-spacing:-.01em; color:var(--ink-3); font-weight:700}
.gwp-cifra-et{margin:8px 0 0; font-size:16px; font-weight:700; color:var(--ink-1)}
.gwp-cifra-det{margin:4px 0 0; font-size:13.5px; color:var(--ink-3)}
.gwp-cifra-ir{margin:12px 0 0; padding:0; border:0; background:none; font:inherit; font-size:14px; font-weight:700; color:var(--accent); cursor:pointer; text-decoration:underline; text-decoration-color:var(--hairline); text-underline-offset:4px}
.gwp-cifra-ir:hover{text-decoration-color:currentColor}
.gwp-cifra-ir:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}

/* Lo que toca hoy */
.gwp-inicio section.gwp-hoy{border:1px solid var(--hairline); border-radius:18px; padding:28px 32px; background:var(--paper-0); min-width:0}
.gwp-hoy-cab{display:flex; justify-content:space-between; align-items:flex-end; gap:16px}
.gwp-hoy-t{margin:10px 0 0; font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:-.04em; line-height:1.05; color:var(--accent)}
.gwp-hoy-img{width:104px; height:auto; flex:none; margin:-12px -6px -6px 0}
.gwp-hoy-vacio{margin:14px 0 0; color:var(--ink-2)}
.gwp-acciones{list-style:none; margin:18px 0 0; padding:0}
.gwp-accion{display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:16px; align-items:center; padding:18px 0; border-top:1px solid var(--hairline); animation:gwp-sube 640ms var(--ease,ease-out) both; animation-delay:calc(240ms + var(--i) * 80ms)}
.gwp-accion-n{display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--paper-2); color:var(--accent); font-weight:800; font-size:15px}
.gwp-accion:first-child .gwp-accion-n{background:var(--accent); color:var(--on-accent)}
.gwp-accion-t{margin:0; font-size:17px; font-weight:800; color:var(--ink-1); letter-spacing:-.01em}
.gwp-accion-d{margin:3px 0 0; font-size:14px; color:var(--ink-2); line-height:1.45}
.gwp-accion-b{white-space:nowrap}
.gwp-fuente{max-width:none; margin:-8px 0 0; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--ink-3)}
.gwp-cargando{display:flex; align-items:center; gap:8px; padding:40px 0}
.gwp-cargando span{width:12px; height:12px; border-radius:50%; background:var(--accent); animation:gwp-pulso 960ms ease-in-out infinite}
.gwp-cargando span:nth-child(2){animation-delay:160ms}.gwp-cargando span:nth-child(3){animation-delay:320ms}
.gwp-cargando .nota{margin:0 0 0 8px}
.gwp-quieto *,.gwp-quieto{animation:none !important}
@media(max-width:1100px){.gwp-inicio section.gwp-heroe{grid-template-columns:1fr; gap:26px}}
@media(max-width:720px){
  .gwp-inicio section.gwp-heroe{padding:26px 22px; border-radius:18px}
  .gwp-t-xl{--gwp-d:34px; --gwp-gap:14px 10px}
  .gwp-puntos.gwp-t-xl{grid-template-columns:repeat(var(--gwp-cols-m,6), var(--gwp-d))}
  .gwp-cifras{grid-template-columns:1fr}
  .gwp-cifra{display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:18px; align-items:baseline; padding:18px 2px}
  .gwp-cifra + .gwp-cifra{border-left:0; border-top:1px solid var(--hairline)}
  .gwp-cifra:first-child{padding-left:2px}
  .gwp-cifra-n{font-size:44px; grid-row:span 3; min-width:64px}
  .gwp-cifra-et{margin:0}
  .gwp-cifra-ir{justify-self:start; margin-top:6px}
  .gwp-inicio section.gwp-hoy{padding:22px 18px}
  .gwp-hoy-img{width:80px}
  .gwp-accion{grid-template-columns:32px minmax(0,1fr); gap:12px; align-items:start}
  .gwp-accion-n{width:32px; height:32px}
  .gwp-accion-b{grid-column:2; justify-self:start}
  .gwp-foto-img{height:120px; margin:0 -12px}
  .gwp-foto-img:nth-child(2n){height:130px}
  .gwp-foto{min-height:120px}
}
@media (prefers-reduced-motion: reduce){.gwp-inicio *,.gwp-inicio,.gwp-cargando span{animation:none !important; transition:none !important}}

/* Tablas del panel: más aire, cifras a la derecha, estados como punto + palabra */
.gwn-app .panel thead th{font-size:11px; letter-spacing:.1em; color:var(--ink-3); padding:0 16px 12px; border-bottom:1px solid var(--hairline); white-space:nowrap}
.gwn-app .panel tbody td{padding:16px; vertical-align:middle; color:var(--ink-2)}
.gwn-app .panel tbody tr{transition:background 160ms}
.gwn-app .panel tbody tr:hover{background:color-mix(in srgb, var(--paper-2) 70%, transparent)}
.gwn-app .panel thead th:first-child,.gwn-app .panel tbody td:first-child{padding-left:4px}
.gwn-app .panel td.num,.gwn-app .panel th.num{text-align:right}
.gwn-app .panel td b{color:var(--ink-1)}
.gwp-quien{display:block; overflow-wrap:anywhere; font-weight:700; color:var(--ink-1); font-size:15px}
.gwp-sub{display:block; margin-top:3px; font-size:13px; color:var(--ink-3)}
.gwp-mono{font-family:'IBM Plex Mono',monospace; font-size:13px}
.gwp-fechas{white-space:nowrap; font-size:14px}
.gwp-acciones-fila{white-space:nowrap; text-align:right}
.gwp-cuenta{display:inline-grid; place-items:center; min-width:28px; height:28px; padding:0 8px; margin-left:6px; border-radius:999px; background:var(--paper-2); color:var(--accent); font-size:14px; font-weight:800; vertical-align:middle}
.gwp-avance{display:inline-flex; flex-direction:column; align-items:flex-end; gap:6px}
.gwp-avance-n{font-weight:800; color:var(--ink-1); font-size:15px}
.gwp-barra{display:block; width:72px; height:6px; border-radius:3px; background:var(--paper-2); overflow:hidden}
.gwp-barra i{display:block; height:100%; background:var(--accent); border-radius:3px}
.gwp-barra i.gwp-lleno{background:var(--gwp-verde)}
.gwn-app .estado{background:transparent; padding:0; border-radius:0; color:var(--ink-1); font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; gap:8px; white-space:nowrap}
.gwn-app .estado::before{width:9px; height:9px}
.gwn-app .estado.alta::before{background:var(--gwp-verde)}
.gwn-app .estado.tramite::before{background:var(--accent)}
.gwn-app .estado.revisar::before{background:transparent; box-shadow:inset 0 0 0 2px var(--accent)}
.gwn-app .estado.baja::before{background:var(--estado-baja)}

/* Estados vacíos: un personaje de La Plantilla y una frase con guiño */
.gwp-vacio{display:flex; align-items:center; gap:22px; padding:24px 28px; margin-top:12px; border:1px solid var(--hairline); border-radius:18px; background:var(--paper-2)}
.gwp-vacio-img{width:96px; height:auto; flex:none}
.gwp-vacio-frase{margin:0; font-size:20px; font-weight:800; letter-spacing:-.03em; line-height:1.15; color:var(--accent)}
.gwp-vacio-detalle{margin:6px 0 0; font-size:14.5px; color:var(--ink-2)}
.gwn-app .gwe-vacio{display:flex; flex-direction:column; align-items:center; border:1px solid var(--hairline); border-radius:18px; background:var(--paper-2)}
.gwn-app .gwe-vacio::before{content:""; display:block; width:88px; height:93px; margin:0 auto 10px; background:url(/empresas/formacion/plantilla/movimiento/paquita/busto-neutra.png) center/contain no-repeat}
@media(max-width:520px){.gwp-vacio{flex-direction:column; align-items:flex-start; padding:20px}.gwp-vacio-img{width:80px}}
/* Personas: la lista manda; el alta, más estrecha */
@media(min-width:1100px){.gwn-app [data-panel=pers] > .grid.grid-2{grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr) !important}}
.gwn-app [data-panel=pers] .gwp-acciones-fila{white-space:nowrap}
.gwn-app [data-panel=pers] .gwp-acciones-fila .btn{white-space:nowrap}
.gwn-app [data-panel=pers] .gwp-sub{overflow-wrap:anywhere}
@media(max-width:720px){
  .gwp-plaza{display:grid; grid-template-columns:auto 1fr; column-gap:14px; align-items:center; padding-top:14px}
  .gwp-plaza-et{grid-column:1/-1}
  .gwp-plaza-cifra{margin-top:4px}
  .gwp-plaza-cifra b{font-size:30px}
  .gwp-plaza-cifra span{display:inline; margin-left:4px}
  .gwp-plaza-puntos{grid-template-columns:repeat(10,7px); gap:4px; margin-top:6px; justify-self:end}
  .gwp-plaza-puntos i{width:7px; height:7px}
  .gwp-plaza-nota{grid-column:1/-1; margin-top:6px}
  .gwp-app-sec .gwn-app{border-radius:18px}
  .gwp-app-sec .gwn-app > .panel{padding:16px 12px}
  .gwp-inicio{gap:22px}
}
.gwp-app-sec .gwe-papel{display:flex; align-items:center; gap:8px; margin:0 0 16px; font-size:14.5px; color:var(--ink-2)}
.gwp-app-sec .gwe-papel::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none}
.gwp-app-sec .gwe-papel{display:flex; align-items:center; gap:8px; margin:0 0 16px; font-size:14.5px; color:var(--ink-2)}
.gwp-app-sec .gwe-papel::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none}