/* Tour guiado Elvira Hogar — overlay + globito + botones. Tema claro. */
:root{
  --et-red:#B92B2F; --et-red-deep:#8E1F22; --et-gold:#C8912A;
  --et-azul:#0F9BE0; --et-azul-deep:#0B6FA4;
  --et-ink:#26191A; --et-soft:#6E5F5A; --et-line:#EadFd2;
}

/* --- overlay + spotlight --- */
.et-overlay{position:fixed;inset:0;z-index:99998;background:rgba(20,12,12,.55);}
.et-overlay.et-has-hole{background:transparent;}
.et-overlay.et-has-hole::before{
  content:"";position:fixed;left:var(--x);top:var(--y);width:var(--w);height:var(--h);
  border-radius:10px;box-shadow:0 0 0 9999px rgba(20,12,12,.55);
  outline:2px solid var(--et-gold);outline-offset:0;
  transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease;
}

/* --- globito --- */
.et-tip{
  position:fixed;z-index:99999;width:330px;max-width:calc(100vw - 24px);
  background:#fff;color:var(--et-ink);border:1px solid var(--et-line);
  border-radius:14px;box-shadow:0 18px 44px -16px rgba(20,12,12,.5);
  padding:18px 18px 14px;border-top:4px solid var(--et-red);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  animation:et-in .22s ease;
}
@keyframes et-in{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.et-cont{font-size:.7rem;letter-spacing:.12em;font-weight:700;color:var(--et-gold);
  text-transform:uppercase;margin-bottom:6px;font-variant-numeric:tabular-nums;}
.et-tit{margin:0 0 6px;font-size:1.12rem;line-height:1.2;color:var(--et-ink);}
.et-txt{margin:0 0 14px;font-size:.94rem;line-height:1.5;color:var(--et-soft);}
.et-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.et-nav{display:flex;gap:8px;}
.et-tip button{font:inherit;cursor:pointer;border-radius:9px;font-weight:700;
  padding:9px 15px;font-size:.88rem;border:1px solid transparent;transition:transform .12s,background .2s,border-color .2s;}
.et-tip button:hover{transform:translateY(-1px);}
.et-tip button:focus-visible{outline:3px solid var(--et-gold);outline-offset:2px;}
.et-skip{background:transparent;color:var(--et-soft);padding-left:4px;padding-right:4px;}
.et-skip:hover{color:var(--et-ink);}
.et-prev{background:#fff;color:var(--et-ink);border-color:var(--et-line);}
.et-next{background:var(--et-azul);color:#fff;}
.et-next:hover{background:var(--et-azul-deep);}

/* --- boton "Ver tour" (header publico) --- */
.btn-tour{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  background:transparent;border:1.5px solid var(--et-gold);color:var(--et-red-deep);
  font:inherit;font-weight:700;font-size:.9rem;padding:7px 13px;border-radius:999px;
  transition:background .2s,transform .12s;line-height:1;}
.btn-tour:hover{background:#FBEFD6;transform:translateY(-1px);}
.btn-tour:focus-visible{outline:3px solid var(--et-gold);outline-offset:2px;}
.btn-tour .ic{font-size:1rem;}

/* --- boton "Ver tour" (sidebar admin) --- */
.admin-tour{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;
  background:transparent;border:1px solid var(--et-gold);color:var(--et-gold);
  font:inherit;font-weight:700;font-size:.9rem;padding:9px 12px;border-radius:9px;
  margin-top:10px;transition:background .2s;}
.admin-tour:hover{background:rgba(200,145,42,.12);}

@media (max-width:640px){
  .btn-tour span.lbl{display:none;} /* solo el icono en pantallas chicas */
  .btn-tour{padding:7px 10px;}
}
@media (prefers-reduced-motion:reduce){
  .et-tip,.et-overlay.et-has-hole::before{animation:none;transition:none;}
  .et-tip button:hover,.btn-tour:hover{transform:none;}
}