.dl-tour-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;display:none}
.dl-tour-pop{position:fixed;width:calc(min(92vw, 360px));max-width:360px;background:#fff;border:1px solid #e5d8cd;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:.9rem;z-index:10002;display:none;font-size:.95rem;line-height:1.35}
.dl-tour-pop::after,.dl-tour-pop::before{content:"";position:absolute;width:0;height:0}
.dl-tour-pop.pos-bottom::after{top:-10px;left:var(--arrow-x,20px);transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff}
.dl-tour-pop.pos-bottom::before{top:-11px;left:var(--arrow-x,20px);transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:11px solid #e5d8cd}
.dl-tour-pop.pos-top::after{bottom:-10px;left:var(--arrow-x,20px);transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff}
.dl-tour-pop.pos-top::before{bottom:-11px;left:var(--arrow-x,20px);transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #e5d8cd}
.dl-tour-pop.pos-right::after{left:-10px;top:var(--arrow-y,20px);transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff}
.dl-tour-pop.pos-right::before{left:-11px;top:var(--arrow-y,20px);transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:11px solid #e5d8cd}
.dl-tour-pop.pos-left::after{right:-10px;top:var(--arrow-y,20px);transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #fff}
.dl-tour-pop.pos-left::before{right:-11px;top:var(--arrow-y,20px);transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:11px solid #e5d8cd}
.dl-tour-pop h3{margin:.1rem 0 .35rem;font-size:1rem;color:#3b2d20}
.dl-tour-pop p{margin:.25rem 0 .5rem;color:#5b4636}
.dl-tour-actions{display:flex;gap:.5rem;justify-content:space-between;flex-wrap:wrap;margin-top:.6rem}
.dl-tour-actions button{border:1px solid #ccb9ad;background:#fff;border-radius:12px;padding:.5rem .75rem;min-height:40px;min-width:84px;cursor:pointer}
.dl-tour-actions .primary{background:#2c7a7b;color:#fff;border-color:#2c7a7b}
.dl-tour-highlight{position:relative;outline:3px solid #ffd166;outline-offset:4px;border-radius:8px;transition:outline-color .2s}
/* Eleva y mejora el halo cuando el tour está activo (evita que el overlay tape el borde) */
.dl-tour-active .dl-tour-highlight{z-index:10001;outline:none;box-shadow:0 0 0 3px #ffd166, 0 0 0 8px rgba(255,209,102,.35);border-radius:10px;transition:box-shadow .2s}
/* Asegura que la barra inferior no quede por debajo del overlay durante el tour */
.dl-tour-active .bottom-nav{z-index:10001}
.dl-tour-help{position:fixed;right:16px;bottom:88px;background:#2c7a7b;color:#fff;border:none;border-radius:999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.25);cursor:pointer;z-index:9997}
.dl-tour-help i{width:22px;height:22px;color:#fff}
@media (max-width:480px){.dl-tour-pop{max-width:92vw}}

/* Modal de invitación al tour */
.dl-tour-modal{position:fixed;inset:auto 0 0 0;max-width:560px;margin:auto;bottom:8vh;background:#fff;border:1px solid #e5d8cd;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.28);padding:1rem;z-index:9999;display:none}
.dl-tour-modal h3{margin:.1rem 0 .4rem;font-size:1.1rem;color:#3b2d20}
.dl-tour-modal p{margin:.35rem 0 .7rem;color:#5b4636}
.dl-tour-modal .dl-tour-actions{justify-content:space-between}
.dl-tour-modal .dismiss{color:#7a4b00;cursor:pointer;align-self:center}