/* TuMarketSV - TIA tour guiado (v3, 2026-06-14). Marca: morado #6517d8 + acento naranja #ff8a3d. */
.tmsv-tour-ov{
  position:fixed; inset:0; z-index:2147483600;
  background:rgba(17,12,34,.62); display:none;
  transition:clip-path .25s ease;
}
.tmsv-tour-target{ position:relative; z-index:2147483601; border-radius:10px; box-shadow:0 0 0 3px #6517d8, 0 0 0 7px rgba(101,23,216,.35); transition:box-shadow .2s ease; }
.tmsv-tour-tip{
  position:fixed; z-index:2147483602; display:none; width:348px; max-width:calc(100vw - 24px);
  background:#fff; color:#1f2937; border-radius:18px; padding:16px 18px 14px;
  box-shadow:0 18px 50px rgba(17,12,34,.32); border:1px solid rgba(101,23,216,.16);
  font-family:'Figtree',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; line-height:1.45;
  animation:tmsv-tour-in .22s ease;
}
@keyframes tmsv-tour-in{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; } }
/* Identidad de TIA */
.tmsv-tour-id{ display:flex; align-items:center; gap:10px; margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid rgba(101,23,216,.1); }
.tmsv-tour-id svg{ flex:0 0 auto; border-radius:50%; box-shadow:0 4px 10px rgba(101,23,216,.3); }
.tmsv-tour-id-t{ display:flex; flex-direction:column; line-height:1.1; }
.tmsv-tour-id-t b{ font-size:14px; font-weight:800; color:#3b1480; letter-spacing:.2px; }
.tmsv-tour-id-t i{ font-size:11.5px; font-style:normal; color:#9b8bbf; font-weight:600; }
.tmsv-tour-tip .tmsv-tour-h{ font-size:15.5px; font-weight:800; color:#3b1480; margin:0 0 6px; }
.tmsv-tour-tip .tmsv-tour-b{ font-size:13.6px; color:#4b5563; margin:0 0 14px; }
.tmsv-tour-f{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tmsv-tour-prog{ font-size:12px; font-weight:700; color:#9ca3af; letter-spacing:.3px; }
.tmsv-tour-btns{ display:flex; gap:8px; }
.tmsv-tour-btns button{
  font:inherit; font-size:13px; font-weight:700; cursor:pointer; border-radius:9px;
  padding:8px 14px; border:1px solid transparent; transition:filter .15s ease,background .15s ease;
}
.tmsv-tour-skip{ background:transparent; color:#9ca3af; border-color:transparent; }
.tmsv-tour-skip:hover{ color:#6b7280; }
.tmsv-tour-prev{ background:#f3f0fb; color:#6517d8; }
.tmsv-tour-prev:hover{ filter:brightness(.97); }
.tmsv-tour-next{ background:linear-gradient(135deg,#7c2be6,#5a13c4); color:#fff; box-shadow:0 6px 16px rgba(101,23,216,.32); }
.tmsv-tour-next:hover{ filter:brightness(1.05); }
/* Boton flotante = TIA */
.tmsv-tour-btn{
  position:fixed; right:18px; bottom:18px; z-index:2147483500;
  display:flex; align-items:center; gap:8px;
  background:#fff; color:#3b1480; border:1px solid rgba(101,23,216,.18); cursor:pointer;
  font-family:'Figtree',system-ui,sans-serif; font-size:13.5px; font-weight:800;
  padding:6px 16px 6px 6px; border-radius:999px; box-shadow:0 8px 22px rgba(101,23,216,.28);
  transition:transform .15s ease, box-shadow .15s ease;
}
.tmsv-tour-btn svg{ border-radius:50%; }
.tmsv-tour-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(101,23,216,.42); }
@media (max-width:768px){
  .tmsv-tour-btn{ right:12px; bottom:12px; padding:5px 14px 5px 5px; font-size:13px; }
  .tmsv-tour-tip{ width:calc(100vw - 24px); }
}