/*
 * La Última Pista — /educacion/: el plano jugable y el pasaporte del visitante.
 * Se carga después de lup-producto.css (usa sus tokens --p-*).
 */
.type{font-family:'Special Elite','Courier New',monospace;font-weight:400}
.edu-kw{display:block;font-size:.875rem;line-height:1.5;margin-bottom:1.1rem}
.edu-hero .p-grid-2{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.edu-try{font-size:.95rem;color:var(--p-accent);margin:0}

/* Pasaporte */
.edu-pass{background:#fbfcf9;border:1px solid #d0d9cd;border-radius:10px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 14px 30px rgba(26,42,32,.08);max-width:30rem}
.edu-pass__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.edu-pass__t{font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--p-ink)}
.edu-pass__n{font-size:.8125rem;color:var(--p-muted)}
.edu-stamps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;list-style:none;margin:0;padding:0}
.edu-stamps li{aspect-ratio:1;border:1.5px dashed #9fb3a3;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-size:.75rem;color:#5d7064}
.edu-stamp{position:absolute;inset:4px;border-radius:50%;border:3px solid var(--p-accent);color:var(--p-accent);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;font-size:.75rem;background:rgba(45,90,64,.08);opacity:0;transform:scale(1.6);transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s}
.edu-stamps li.is-on{color:transparent}
.edu-stamps li.is-on .edu-stamp{opacity:1;transform:scale(1) rotate(-12deg)}
.edu-done{margin:0;font-size:.875rem;color:var(--p-accent);font-weight:600}

/* Plano */
.edu-map-wrap{display:flex;flex-direction:column;gap:1.1rem;margin:0}
.edu-map{position:relative;aspect-ratio:800/560;background:linear-gradient(90deg,#f6f8f3 0 32%,#e8ede4 32% 32.4%,#f9faf7 32.4% 66%,#e8ede4 66% 66.4%,#f6f8f3 66.4%);border:1px solid #c7d2c5;border-radius:6px;box-shadow:0 30px 60px rgba(26,42,32,.12);transform:rotate(.6deg)}
.edu-map__k{position:absolute;left:4%;top:4%;font-size:.8125rem;letter-spacing:.1em;color:var(--p-accent);z-index:1}
.edu-map svg{position:absolute;inset:0;width:100%;height:100%}
.edu-stop{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:3px solid #fff;background:#5d7a66;color:#fff;font-family:var(--serif);font-size:1.6rem;font-weight:600;cursor:pointer;box-shadow:0 6px 14px rgba(26,42,32,.3);transition:transform .2s,background .2s;z-index:2}
.edu-stop:hover{transform:scale(1.08)}
.edu-stop.is-on{background:var(--p-accent)}
.edu-stop[aria-pressed="true"]{background:#1a2a20}
.edu-stop:focus-visible{outline:3px solid #1a2a20;outline-offset:3px}
.edu-card{background:#1a2a20;color:#eef1ea;border-radius:10px;padding:1.3rem 1.5rem;display:grid;grid-template-columns:64px minmax(0,1fr);gap:1.2rem;align-items:center}
.edu-card__n{width:64px;height:64px;border-radius:50%;background:var(--p-accent);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2rem}
.edu-card__b{display:flex;flex-direction:column;gap:.25rem}
.edu-card__k{font-size:.8125rem;color:#a9d3b5}
.edu-card__t{font-family:var(--serif);font-size:1.75rem;line-height:1.1}
.edu-card__d{font-size:.875rem;line-height:1.6;color:#cfdacf}

/* Panel de la institución */
.edu-panel .p-grid-2{align-items:center}

.p-call{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--p-brd);font-size:.95rem}
.p-call a{color:var(--p-ink);font-weight:500;font-family:var(--mono);font-size:1rem}

@media(max-width:860px){.edu-hero .p-grid-2{grid-template-columns:1fr}}
@media(max-width:560px){
  .edu-stop{width:44px;height:44px;margin:-22px 0 0 -22px;font-size:1.25rem}
  .edu-map__k{font-size:.75rem;letter-spacing:.04em;right:4%}
  .edu-card{grid-template-columns:48px minmax(0,1fr);padding:1rem}
  .edu-card__n{width:48px;height:48px;font-size:1.5rem}
  .edu-card__t{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){.edu-stamp,.edu-stop{transition:none}}

/* Auditoría UX: el pasaporte vive debajo del plano */
.edu-map-wrap .edu-pass{max-width:none}