.sp2t[hidden]{display:none}.sp2t__velo{position:fixed;inset:0;z-index:var(--sp-z-modal);background:0 0;cursor:pointer}.sp2t__foco{position:fixed;top:0;left:0;width:0;height:0;z-index:calc(var(--sp-z-modal) + 1);border-radius:var(--sp-radius-xl);box-shadow:0 0 0 9999px var(--sp-color-surface-overlay);outline:2px solid var(--sp-color-surface-base);outline-offset:3px;pointer-events:none;opacity:0;transition:top var(--sp-motion-duration) var(--sp-motion-easing),left var(--sp-motion-duration) var(--sp-motion-easing),width var(--sp-motion-duration) var(--sp-motion-easing),height var(--sp-motion-duration) var(--sp-motion-easing),opacity var(--sp-motion-duration) var(--sp-motion-easing)}.sp2t[data-visible=true] .sp2t__foco{opacity:1}.sp2t__globo{position:fixed;top:0;left:0;z-index:calc(var(--sp-z-modal) + 2);box-sizing:border-box;padding:var(--sp-space-8);border-radius:var(--sp-radius-sheet, var(--sp-radius-2xl));background:var(--sp-color-surface-base);box-shadow:var(--sp-shadow-xl);opacity:0;transition:top var(--sp-motion-duration) var(--sp-motion-easing),left var(--sp-motion-duration) var(--sp-motion-easing),opacity var(--sp-motion-duration) var(--sp-motion-easing)}.sp2t[data-visible=true] .sp2t__globo{opacity:1}.sp2t__globo:focus{outline:0}.sp2t__flecha{position:absolute;width:14px;height:14px;background:var(--sp-color-surface-base);transform:rotate(45deg)}.sp2t__globo[data-lado=abajo] .sp2t__flecha{top:-7px}.sp2t__globo[data-lado=arriba] .sp2t__flecha{bottom:-7px}.sp2t__flecha[hidden]{display:none}.sp2t__titulo{margin:0 0 var(--sp-space-3);font-size:var(--sp-text-title);font-weight:var(--sp-font-weight-bold);line-height:var(--sp-line-height-snug);color:var(--sp-color-text-primary)}.sp2t__texto{margin:0;font-size:var(--sp-text-body-lg);line-height:var(--sp-line-height-normal);color:var(--sp-color-text-secondary)}.sp2t__pie{display:flex;align-items:center;gap:var(--sp-space-4);margin-top:var(--sp-space-6)}.sp2t__acciones{display:flex;align-items:center;gap:var(--sp-space-4);margin-left:auto}.sp2t__btn{display:inline-flex;align-items:center;justify-content:center;min-height:max(44px,var(--sp-touch-target));padding:0 var(--sp-space-8);border:0;border-radius:var(--sp-radius-full);font-family:inherit;font-size:var(--sp-text-body-lg);font-weight:var(--sp-font-weight-semibold);cursor:pointer;transition:background-color var(--sp-motion-duration) var(--sp-motion-easing),transform var(--sp-motion-duration) var(--sp-motion-easing)}.sp2t__btn:active{transform:scale(.96)}.sp2t__btn--primario{background:var(--sp-color-action-bg);color:var(--sp-color-action-fg)}.sp2t__btn--primario:hover{background:var(--sp-color-action-bg-hover)}.sp2t__btn--fantasma{padding:0 var(--sp-space-5);background:0 0;color:var(--sp-color-text-tertiary)}.sp2t__btn--fantasma:hover{background:var(--sp-color-surface-2);color:var(--sp-color-text-primary)}.sp2t__btn[hidden]{display:none}.sp2t__btn:focus-visible{outline:2px solid var(--sp-color-border-focus);outline-offset:2px}.sp2t__btn--primario:focus-visible{outline-color:var(--sp-color-surface-base);box-shadow:var(--sp-shadow-focus)}.sp2t__puntos{display:flex;align-items:center;gap:var(--sp-space-3)}.sp2t__punto{width:6px;height:6px;border-radius:var(--sp-radius-full);background:var(--sp-color-border-medium);transition:background-color var(--sp-motion-duration) var(--sp-motion-easing),width var(--sp-motion-duration) var(--sp-motion-easing)}.sp2t__punto[data-activo="1"]{width:18px;background:var(--sp-color-primary)}.sp2t-ayuda{position:fixed;left:var(--sp-gutter);bottom:calc(var(--sp-bottom-nav-height) + env(safe-area-inset-bottom,0) + 12px);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:0;border-radius:var(--sp-radius-full);background:var(--sp-color-surface-base);color:var(--sp-color-primary-dark);box-shadow:var(--sp-shadow-lg);cursor:pointer;z-index:calc(var(--sp-z-fixed) - 1)}.sp2t-ayuda[hidden]{display:none}.sp2t-ayuda:focus-visible{outline:2px solid var(--sp-color-border-focus);outline-offset:2px}@media (min-width:768px){.sp2t-ayuda{width:64px;height:64px}}@media (min-width:720px){.sp2t__globo{padding:var(--sp-space-9)}}@media (prefers-reduced-motion:reduce){.sp2t__foco,.sp2t__globo,.sp2t__btn,.sp2t__punto{transition:none}.sp2t__btn:active{transform:none}}