/* ==========================================================
   LIDERAZGO — Programa PRI
   Hoja propia de /herramientas-liderazgo y sus páginas hijas.
   Se carga DESPUÉS de style.css y herramientas.css: no cambia
   nada de esas hojas, solo agrega el aspecto de vidrio y los
   componentes de Alianzas (pestañas, fichas, simulador, tablero).
   ========================================================== */

body.pri-liderazgo{
  --lz-naranja:#FF5E00;
  --lz-naranja-suave:rgba(255,94,0,.14);
  --lz-vidrio:rgba(10,32,64,.55);
  --lz-borde:rgba(255,255,255,.12);
  --lz-texto:#e8f4ff;
  --lz-suave:#a8c4d8;
  --lz-tenue:#7a9ab8;
  --lz-verde:#37d39b;
  --lz-oro:#fbbf24;
  --lz-celeste:#38bdf8;
  --lz-radio:22px;
  --lz-campo:14px;
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(255,94,0,.10), transparent 60%),
    radial-gradient(800px 600px at -10% 30%, rgba(56,189,248,.08), transparent 60%),
    var(--h-fondo);
  background-attachment:fixed;
}

/* ── Tarjetas: misma forma que el cuadro de Inicio, con vidrio ── */
body.pri-liderazgo .hh-card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), var(--lz-vidrio);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-color:var(--lz-borde);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
body.pri-liderazgo .hh-card[data-color="lid"]::before{ background:var(--lz-naranja); }
body.pri-liderazgo a.hh-card[data-color="lid"]:hover{ border-color:var(--lz-naranja); }

/* ── Contenedor y paneles de vidrio ── */
.lz-main{ max-width:1080px; margin:0 auto; padding:1.6rem 16px 4rem; }
@media (min-width:700px){ .lz-main{ padding-inline:1.5rem; } }

.lz-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)), var(--lz-vidrio);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--lz-borde); border-radius:var(--lz-radio);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(0,0,0,.25);
  padding:clamp(1.2rem,3.5vw,2rem);
}
.lz-panel + .lz-panel{ margin-top:1.4rem; }
.lz-panel h2{
  font:900 clamp(1.25rem,3.2vw,1.6rem)/1.15 'Montserrat',sans-serif; color:#fff;
  margin:0 0 .5rem; letter-spacing:-.4px; text-transform:none; text-wrap:balance;
}
.lz-panel h3{
  font:800 1.02rem/1.3 'Montserrat',sans-serif; color:#fff; margin:1.4rem 0 .45rem;
  text-transform:none; letter-spacing:-.2px;
}
.lz-panel p, .lz-panel li{ color:var(--lz-suave); line-height:1.7; font-size:.98rem; }
.lz-panel p{ margin:.45rem 0; max-width:68ch; }
.lz-panel b, .lz-panel strong{ color:#fff; }
.lz-paso{
  font:800 .7rem 'Montserrat',sans-serif; letter-spacing:.2em; text-transform:uppercase;
  color:var(--lz-naranja); margin:0 0 .45rem;
}
#viaje-etq{ letter-spacing:.12em; line-height:1.6; }
.lz-lead{ font-size:1.04rem !important; color:var(--lz-texto) !important; }

/* ── Pestañas ── */
.lz-tabs{
  display:flex; gap:.5rem; flex-wrap:wrap; margin:0 0 1.4rem;
  padding:.4rem; border-radius:999px; width:fit-content; max-width:100%;
  background:rgba(255,255,255,.04); border:1px solid var(--lz-borde);
}
.lz-tab{
  min-height:44px; padding:.55rem 1.15rem; border-radius:999px; border:0;
  background:transparent; color:var(--lz-suave); cursor:pointer;
  font:800 .82rem 'Montserrat',sans-serif; letter-spacing:.04em;
  transition:background .2s, color .2s;
}
.lz-tab:hover{ color:#fff; }
.lz-tab[aria-selected="true"]{ background:var(--lz-naranja); color:#fff; }
.lz-tab:focus-visible{ outline:2px solid var(--lz-naranja); outline-offset:2px; }
@media (max-width:560px){
  .lz-tabs{ border-radius:var(--lz-radio); width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .lz-tab{ width:100%; }
}
.lz-vista[hidden]{ display:none !important; }

/* ── Botones y campos ── */
.lz-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-height:44px; padding:.65rem 1.3rem; border-radius:999px; border:0; cursor:pointer;
  background:var(--lz-naranja); color:#fff; text-decoration:none;
  font:800 .8rem 'Montserrat',sans-serif; letter-spacing:.06em; text-transform:uppercase;
  transition:transform .15s, box-shadow .2s, background .2s;
}
.lz-btn:hover{ transform:translateY(-1px); box-shadow:0 8px 24px rgba(255,94,0,.28); }
.lz-btn:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
.lz-btn.sec{ background:rgba(255,255,255,.05); color:var(--lz-texto); border:1px solid var(--lz-borde); }
.lz-btn.sec:hover{ border-color:var(--lz-naranja); box-shadow:none; }
.lz-btn:disabled{ opacity:.45; cursor:not-allowed; transform:none; box-shadow:none; }
.lz-fila{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin-top:1rem; }

.lz-campo{
  width:100%; min-height:44px; padding:.65rem .9rem; border-radius:var(--lz-campo);
  background:rgba(2,26,54,.6); color:var(--lz-texto); border:1px solid var(--lz-borde);
  font:500 .95rem/1.5 'Montserrat',sans-serif;
}
.lz-campo:focus{ outline:none; border-color:var(--lz-naranja); box-shadow:0 0 0 3px var(--lz-naranja-suave); }
textarea.lz-campo{ resize:vertical; min-height:88px; }
select.lz-campo{ cursor:pointer; }
.lz-etq{ display:block; font:700 .72rem 'Montserrat',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--lz-tenue); margin:0 0 .35rem; }

/* ── Chips ── */
.lz-chip{
  display:inline-flex; align-items:center; gap:.35rem; padding:.24rem .7rem; border-radius:999px;
  font:800 .64rem 'Montserrat',sans-serif; letter-spacing:.1em; text-transform:uppercase;
  border:1px solid currentColor; white-space:nowrap;
}
.lz-chip.alta{ color:var(--lz-naranja); background:var(--lz-naranja-suave); }
.lz-chip.media{ color:var(--lz-oro); background:rgba(251,191,36,.1); }
.lz-chip.baja{ color:var(--lz-tenue); background:rgba(255,255,255,.04); }
.lz-filtros{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.2rem; }
.lz-filtro{
  min-height:44px; padding:.5rem 1.05rem; border-radius:999px; cursor:pointer;
  background:rgba(255,255,255,.04); color:var(--lz-suave); border:1px solid var(--lz-borde);
  font:700 .8rem 'Montserrat',sans-serif;
}
.lz-filtro[aria-pressed="true"]{ border-color:var(--lz-naranja); color:#fff; background:var(--lz-naranja-suave); }
.lz-filtro:focus-visible{ outline:2px solid var(--lz-naranja); outline-offset:2px; }

/* ── Listas de la guía ── */
.lz-pasos{ list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.8rem; }
.lz-pasos > li{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:.2rem 1rem; align-items:start;
  padding:1rem 1.1rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07);
}
.lz-pasos .lz-n{
  grid-row:span 2; width:2.4rem; height:2.4rem; border-radius:50%;
  display:grid; place-items:center; background:var(--lz-naranja-suave); color:var(--lz-naranja);
  font:900 .9rem 'Montserrat',sans-serif;
}
.lz-pasos strong{ font:800 .98rem 'Montserrat',sans-serif; color:#fff; }
.lz-pasos span.lz-d{ color:var(--lz-suave); line-height:1.65; font-size:.94rem; }

.lz-dos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:1rem; margin-top:1rem; }
.lz-caja{ padding:1.1rem 1.2rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); }
.lz-caja h4{ font:800 .95rem 'Montserrat',sans-serif; color:#fff; margin:0 0 .4rem; }
.lz-caja p{ margin:0; font-size:.93rem; }

.lz-cita{
  margin:1rem 0 0; padding:1.2rem 1.3rem; border-radius:18px;
  background:rgba(255,94,0,.07); border:1px solid rgba(255,94,0,.28);
  color:var(--lz-texto); font:400 1.02rem/1.75 'Lora',Georgia,serif; max-width:70ch;
}

/* Escalera del compromiso */
.lz-escalera{ list-style:none; margin:1.2rem 0 0; padding:0; display:grid; gap:.6rem; }
.lz-escalera li{
  position:relative; padding:.95rem 1.1rem .95rem 1.1rem; border-radius:18px;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07);
}
.lz-escalera li b{ display:block; font:800 .96rem 'Montserrat',sans-serif; color:#fff; margin-bottom:.15rem; }
.lz-escalera li span{ font-size:.92rem; color:var(--lz-suave); line-height:1.6; }
.lz-escalera li .lz-k{
  display:inline-block; font:800 .66rem 'Montserrat',sans-serif; letter-spacing:.14em; color:var(--lz-naranja);
  margin-bottom:.25rem; text-transform:uppercase;
}
@media (min-width:760px){
  .lz-escalera li:nth-child(2){ margin-left:5%; }
  .lz-escalera li:nth-child(3){ margin-left:10%; }
  .lz-escalera li:nth-child(4){ margin-left:15%; }
  .lz-escalera li:nth-child(5){ margin-left:20%; }
  .lz-escalera li:nth-child(6){ margin-left:25%; border-color:rgba(255,94,0,.35); }
}

/* Línea de tiempo del seguimiento */
.lz-tiempo{ list-style:none; margin:1.2rem 0 0; padding:0; display:grid; gap:.6rem; }
.lz-tiempo li{
  display:grid; grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr); gap:.3rem 1rem; align-items:baseline;
  padding:.85rem 1.1rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07);
}
.lz-tiempo .lz-cuando{ font:800 .78rem 'Montserrat',sans-serif; letter-spacing:.06em; color:var(--lz-naranja); text-transform:uppercase; }
.lz-tiempo .lz-que{ color:var(--lz-suave); font-size:.94rem; line-height:1.6; }
@media (max-width:520px){ .lz-tiempo li{ grid-template-columns:1fr; } }

/* Plantilla de correo */
.lz-correo{
  margin-top:1rem; padding:1.2rem 1.3rem; border-radius:18px; white-space:pre-wrap; overflow-wrap:anywhere;
  background:rgba(2,26,54,.65); border:1px solid var(--lz-borde); color:var(--lz-texto);
  font:400 .95rem/1.7 'Lora',Georgia,serif;
}

/* Errores de novato */
.lz-errores{ display:grid; gap:.8rem; margin-top:1rem; }
.lz-error{ padding:1rem 1.15rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); }
.lz-error b{ display:block; font:800 .95rem 'Montserrat',sans-serif; color:#fff; margin-bottom:.35rem; }
.lz-error .lz-rescate{ display:block; color:var(--lz-texto); font:italic 400 .97rem/1.65 'Lora',Georgia,serif; }
.lz-error .lz-rescate::before{ content:'Frase de rescate: '; font:800 .66rem 'Montserrat',sans-serif; font-style:normal; letter-spacing:.12em; text-transform:uppercase; color:var(--lz-verde); }

/* Índice interno de la guía */
.lz-indice{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.4rem; }
.lz-indice a{
  display:inline-flex; align-items:center; min-height:40px; padding:.4rem .95rem; border-radius:999px;
  background:rgba(255,255,255,.04); border:1px solid var(--lz-borde); color:var(--lz-suave);
  font:700 .78rem 'Montserrat',sans-serif; text-decoration:none;
}
.lz-indice a:hover{ border-color:var(--lz-naranja); color:#fff; }
.lz-panel[id]{ scroll-margin-top:96px; }

/* ── Fichas de contactos ── */
.lz-fichas{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr)); gap:1.1rem; }
.lz-ficha{ gap:.7rem !important; padding:1.5rem 1.3rem 1.3rem !important; }
.lz-ficha .lz-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:.6rem; flex-wrap:wrap; }
.lz-ficha h3{ font-size:1.12rem !important; line-height:1.25; }
.lz-ficha .lz-quien{ font:700 .8rem 'Montserrat',sans-serif; color:var(--lz-celeste); margin:0; }
.lz-ficha dl{ margin:.2rem 0 0; display:grid; gap:.7rem; }
.lz-ficha dt{ font:800 .64rem 'Montserrat',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--lz-tenue); margin:0 0 .15rem; }
.lz-ficha dd{ margin:0; font-size:.92rem; line-height:1.6; color:var(--lz-suave); }
.lz-ficha dd.lz-abre{ color:var(--lz-texto); font:italic 400 .97rem/1.6 'Lora',Georgia,serif; }
.lz-ficha .lz-cuidado{ padding:.65rem .8rem; border-radius:14px; background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.3); color:#fde7b0; font-size:.88rem; line-height:1.55; }
.lz-ficha .lz-fila{ margin-top:auto; padding-top:.4rem; }
.lz-ficha[data-prio="alta"]::before{ background:var(--lz-naranja) !important; }
.lz-ficha[data-prio="media"]::before{ background:var(--lz-oro) !important; }
.lz-ficha[data-prio="baja"]::before{ background:var(--lz-tenue) !important; }

/* ── Simulador ── */
.lz-sim-elige{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.8rem; align-items:end; }
@media (max-width:560px){ .lz-sim-elige{ grid-template-columns:1fr; } }
.lz-progreso{ height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin:1.2rem 0 .4rem; }
.lz-progreso i{ display:block; height:100%; width:0; background:var(--lz-naranja); border-radius:999px; transition:width .35s ease-out; }
.lz-ronda{ font:800 .7rem 'Montserrat',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--lz-tenue); }
.lz-dice{
  margin:1rem 0; padding:1.1rem 1.25rem; border-radius:22px 22px 22px 8px;
  background:rgba(56,189,248,.08); border:1px solid rgba(56,189,248,.28);
}
.lz-dice .lz-quien{ font:800 .72rem 'Montserrat',sans-serif; letter-spacing:.08em; color:var(--lz-celeste); margin:0 0 .3rem; }
.lz-dice p{ margin:0; color:var(--lz-texto); font:400 1.05rem/1.65 'Lora',Georgia,serif; }
.lz-opciones{ display:grid; gap:.7rem; }
.lz-op{
  text-align:left; width:100%; min-height:56px; padding:.95rem 1.15rem; border-radius:18px; cursor:pointer;
  background:rgba(255,255,255,.04); color:var(--lz-texto); border:1px solid var(--lz-borde);
  font:500 .95rem/1.6 'Montserrat',sans-serif; transition:border-color .2s, background .2s;
}
.lz-op:hover:not(:disabled){ border-color:var(--lz-naranja); background:rgba(255,94,0,.06); }
.lz-op:focus-visible{ outline:2px solid var(--lz-naranja); outline-offset:2px; }
.lz-op:disabled{ cursor:default; }
.lz-op.bien{ border-color:var(--lz-verde); background:rgba(55,211,155,.09); }
.lz-op.medio{ border-color:var(--lz-oro); background:rgba(251,191,36,.08); }
.lz-op.mal{ border-color:#ef4444; background:rgba(239,68,68,.08); }
.lz-op.apagada{ opacity:.45; }
.lz-retro{ margin-top:1rem; padding:1rem 1.15rem; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid var(--lz-borde); }
.lz-retro .lz-pts{ font:900 1.05rem 'Montserrat',sans-serif; margin:0 0 .3rem; }
.lz-retro .lz-pts.bien{ color:var(--lz-verde); } .lz-retro .lz-pts.medio{ color:var(--lz-oro); } .lz-retro .lz-pts.mal{ color:#f87171; }
.lz-retro p{ margin:0; }
.lz-total{ font:900 clamp(2.4rem,8vw,3.6rem)/1 'Montserrat',sans-serif; color:#fff; margin:.4rem 0; }
.lz-total small{ font-size:.4em; color:var(--lz-tenue); }
.lz-consejos{ margin:.8rem 0 0; padding-left:1.1rem; }
.lz-consejos li{ margin:.45rem 0; }

/* Cronómetro */
.lz-crono{
  font:900 clamp(3rem,13vw,5.5rem)/1 'Montserrat',sans-serif; color:#fff; text-align:center;
  letter-spacing:-2px; font-variant-numeric:tabular-nums; margin:1rem 0 .4rem;
}
.lz-crono.ok{ color:var(--lz-verde); } .lz-crono.pasado{ color:#f87171; }
.lz-meta-crono{ text-align:center; color:var(--lz-tenue); font:700 .78rem 'Montserrat',sans-serif; letter-spacing:.08em; }
.lz-barra-t{ position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,.07); margin:1rem 0 .3rem; overflow:hidden; }
.lz-barra-t .lz-zona{ position:absolute; top:0; bottom:0; left:calc(25/45*100%); width:calc(10/45*100%); background:rgba(55,211,155,.28); }
.lz-barra-t i{ position:absolute; top:0; bottom:0; left:0; width:0; background:var(--lz-naranja); border-radius:999px; }
.lz-checks{ display:grid; gap:.5rem; margin-top:1rem; }
.lz-checks label{
  display:flex; gap:.7rem; align-items:center; min-height:44px; padding:.5rem .9rem; border-radius:14px; cursor:pointer;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); color:var(--lz-suave); font-size:.93rem;
}
.lz-checks input{ width:20px; height:20px; accent-color:var(--lz-naranja); flex-shrink:0; }
.lz-intentos{ margin:.8rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.4rem; }
.lz-intentos li{ padding:.25rem .7rem; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--lz-borde); font:700 .75rem 'Montserrat',sans-serif; color:var(--lz-suave); }

/* ── Tablero de seguimiento ── */
.lz-estado-guardado{
  display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; justify-content:space-between;
  padding:.85rem 1.1rem; border-radius:18px; margin:0 0 1.2rem;
  background:rgba(255,255,255,.04); border:1px solid var(--lz-borde); color:var(--lz-suave); font-size:.92rem;
}
.lz-estado-guardado.nube{ border-color:rgba(55,211,155,.4); }
.lz-estado-guardado a{ color:var(--lz-naranja); font-weight:700; }
.lz-resumen{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr)); gap:.6rem; margin:0 0 1.3rem; }
.lz-resumen div{ padding:.75rem .9rem; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); }
.lz-resumen b{ display:block; font:900 1.5rem/1.1 'Montserrat',sans-serif; color:#fff; }
.lz-resumen span{ font:700 .66rem 'Montserrat',sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--lz-tenue); }
.lz-tablero{ display:grid; gap:.9rem; }
.lz-fila-t{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr); gap:.8rem 1rem; align-items:start;
  padding:1.1rem 1.2rem; border-radius:var(--lz-radio);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), var(--lz-vidrio);
  border:1px solid var(--lz-borde);
}
.lz-fila-t .lz-nom b{ display:block; font:800 1rem 'Montserrat',sans-serif; color:#fff; }
.lz-fila-t .lz-nom span{ display:block; font-size:.86rem; color:var(--lz-suave); margin:.15rem 0 .45rem; }
.lz-fila-t .lz-nom span.lz-chip{ display:inline-flex; font-size:.64rem; color:inherit; margin:0; }
.lz-fila-t .lz-nom span.lz-chip.alta{ color:var(--lz-naranja); } .lz-fila-t .lz-nom span.lz-chip.media{ color:var(--lz-oro); } .lz-fila-t .lz-nom span.lz-chip.baja{ color:var(--lz-tenue); }
.lz-fila-t .lz-nota{ grid-column:1 / -1; }
.lz-fila-t textarea.lz-campo{ min-height:64px; }
@media (max-width:760px){
  .lz-fila-t{ grid-template-columns:1fr 1fr; }
  .lz-fila-t .lz-nom{ grid-column:1 / -1; }
}
@media (max-width:420px){ .lz-fila-t{ grid-template-columns:1fr; } }

/* Aviso pequeño */
.lz-aviso{ font-size:.86rem !important; color:var(--lz-tenue) !important; }

/* Volver (sin flecha) */
.lz-volver{ display:flex; justify-content:center; margin-top:2.4rem; }

@media (prefers-reduced-motion:reduce){
  .lz-btn, .lz-op, .lz-progreso i, .lz-tab{ transition:none !important; }
  .lz-btn:hover{ transform:none; }
}