/* ============================================================
   Tour Incidencias — demo guiada del módulo de incidencias
   Autónomo, con prefijo .svt- para no colisionar con solved.css

   Colores: siempre tokens del design system (colors-and-type.css).
   No añadir hex sueltos aquí — si falta un color, añádelo como token.

   Tipografía: el interior del mockup usa Roboto a propósito, porque es
   la fuente real de la app Solved. Fuera del mockup manda DM Sans.
   ============================================================ */
@keyframes svtPulse { 0%{box-shadow:0 0 0 0 rgba(30,107,255,.55);}70%{box-shadow:0 0 0 15px rgba(30,107,255,0);}100%{box-shadow:0 0 0 0 rgba(30,107,255,0);} }
@keyframes svtFade  { from{opacity:0;} to{opacity:1;} }
@keyframes svtProg  { from{transform:scaleX(0);} to{transform:scaleX(1);} }
@keyframes svtToastC{ from{opacity:0;transform:translate(-50%,-12px);} to{opacity:1;transform:translate(-50%,0);} }
@keyframes svtBlink { 0%,100%{opacity:1;} 50%{opacity:0;} }

.svt-section{ padding:72px 0; }
.svt-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
.svt-head{ text-align:center; max-width:760px; margin:0 auto 34px; }
.svt-head h2{ font-size:38px; line-height:1.12; letter-spacing:-.025em; margin:0 0 12px; color:var(--ink-900); }
.svt-head p{ font-size:18px; color:var(--ink-600); margin:0; }

.svt{ position:relative; }
.svt-fit{ width:1160px; transform-origin:top center; margin:0 auto; }

/* strip */
.svt-strip{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.svt-kicker{ font-size:11px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:var(--ink-400); }
.svt-sub{ font-size:13.5px; color:var(--ink-600); }
.svt-restart{ font-family:inherit; font-size:12.5px; font-weight:600; color:var(--blue-700); background:#fff; border:1px solid var(--blue-100); border-radius:999px; padding:7px 15px; cursor:pointer; }

/* browser card */
.svt-card{ width:1160px; background:#fff; border-radius:14px; box-shadow:0 22px 60px rgba(11,18,32,.16),0 2px 0 rgba(11,18,32,.03); overflow:hidden; border:1px solid var(--ink-100); }
.svt-chrome{ height:40px; background:var(--ink-50); border-bottom:1px solid var(--ink-100); display:flex; align-items:center; gap:8px; padding:0 14px; }
.svt-dot{ width:11px; height:11px; border-radius:50%; }
.svt-omni-wrap{ flex:1; display:flex; justify-content:center; }
.svt-omni{ display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--ink-100); border-radius:999px; padding:5px 16px; min-width:380px; max-width:540px; }
.svt-url{ font-family:'DM Mono',monospace; font-size:12px; color:var(--ink-600); }

/* stage + zoom */
.svt-stage{ position:relative; height:720px; overflow:hidden; background:#EEF1F6; color:var(--ink-900); font-family:Roboto,'Helvetica Neue',sans-serif; }
.svt-zoom{ position:absolute; inset:0; transform-origin:50% 50%; transform:scale(1); }
.svt-zoom.is-zoom{ transition:transform 1.1s cubic-bezier(.33,.02,.28,1); }

/* material symbols helper */
.svt-stage .ms{ font-family:'Material Symbols Outlined'; font-weight:normal; font-style:normal; line-height:1; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap; direction:ltr; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; }

/* top bar */
.svt-topbar{ height:52px; background:var(--blue); display:flex; align-items:center; gap:14px; padding:0 18px; color:#fff; }
.svt-ic{ background:none; border:none; color:#fff; cursor:pointer; width:34px; height:34px; border-radius:8px; display:grid; place-items:center; }
.svt-logo-w{ height:21px; width:auto; filter:brightness(0) invert(1); display:block; }
.svt-vbar{ width:1px; height:22px; background:rgba(255,255,255,.28); margin:0 4px; }
.svt-topttl{ font-size:16px; font-weight:500; opacity:.97; }
.svt-badge{ position:absolute; top:0; right:0; background:var(--crit); color:#fff; font-size:9.5px; font-weight:700; line-height:1; padding:2px 4px; border-radius:999px; }
.svt-avatar{ width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.2); display:grid; place-items:center; font-weight:600; font-size:14px; color:#fff; }

/* body / sidebar */
.svt-body{ display:grid; grid-template-columns:212px 1fr; height:668px; }
.svt-side{ background:#fff; border-right:1px solid var(--ink-100); padding:14px 10px; display:flex; flex-direction:column; gap:3px; overflow:hidden; }
.svt-side-co{ display:flex; flex-direction:column; align-items:center; gap:7px; padding:6px 8px 12px; }
.svt-side-logo{ width:64px; height:64px; border-radius:12px; border:1px solid var(--ink-100); object-fit:cover; display:block; }
.svt-side-co b{ font-size:13.5px; font-weight:600; color:var(--ink-900); }
.svt-nav{ display:flex; align-items:center; gap:11px; padding:8px 11px; border-radius:8px; font-size:14px; color:var(--ink-600); cursor:pointer; }
.svt-nav .ms{ font-size:20px; color:var(--ink-400); }
.svt-nav--on{ background:var(--blue-50); color:var(--blue-700); font-weight:600; }
.svt-nav--on .ms{ color:var(--blue); }
.svt-nav--del{ color:var(--crit); font-weight:500; gap:10px; }
.svt-nav--del .ms{ font-size:19px; color:var(--crit); }

/* main scroll */
.svt-main{ position:relative; overflow-y:auto; overflow-x:hidden; height:668px; }
.svt-screen[hidden]{ display:none !important; }

/* ---------- LIST ---------- */
.svt-screen[data-screen="list"]{ padding:18px 22px 40px; }
.svt-listtop{ display:flex; align-items:center; gap:14px; margin-bottom:14px; flex-wrap:wrap; }
.svt-seg{ display:inline-flex; background:#fff; border:1px solid var(--ink-100); border-radius:10px; padding:4px; gap:4px; box-shadow:0 1px 2px rgba(11,18,32,.04); }
.svt-seg--status{ gap:2px; margin:0 auto; }
.svt-seg-b{ display:inline-flex; align-items:center; gap:7px; border:none; background:none; color:var(--ink-600); cursor:pointer; font-family:inherit; font-size:13px; font-weight:500; padding:7px 13px; border-radius:7px; }
.svt-seg-b--on{ background:var(--blue); color:#fff; }
.svt-seg-b--ston{ background:var(--blue-50); color:var(--blue-700); font-weight:600; padding:7px 14px; gap:8px; }
.svt-cnt{ font-size:11px; font-weight:700; padding:1px 8px; border-radius:999px; background:var(--ink-100); color:var(--ink-600); }
.svt-cnt--on{ background:var(--blue); color:#fff; }
.svt-add{ display:inline-flex; align-items:center; gap:8px; font-family:inherit; font-size:14px; font-weight:600; padding:9px 16px; border-radius:9px; cursor:pointer; background:#fff; border:1px solid var(--blue-300); color:var(--blue-700); box-shadow:0 1px 2px rgba(11,18,32,.05); transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s,transform .25s; }
.svt-add.is-press{ background:var(--blue-700); border-color:var(--blue-700); color:#fff; box-shadow:0 4px 12px rgba(30,107,255,.4),0 0 0 4px rgba(30,107,255,.25); transform:translateY(1px); }

.svt-tablecard{ background:#fff; border:1px solid var(--ink-100); border-radius:14px; box-shadow:0 1px 2px rgba(11,18,32,.04); overflow:hidden; }
.svt-tbar{ display:flex; align-items:center; gap:4px; padding:11px 16px; border-bottom:1px solid var(--ink-100); }
.svt-tbar-b{ width:32px; height:32px; border-radius:8px; border:none; background:none; cursor:pointer; color:var(--ink-400); display:grid; place-items:center; }
.svt-show{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-600); }
.svt-show-n{ border:1px solid var(--ink-200); border-radius:6px; padding:4px 10px; }
.svt-show-r{ font-weight:600; color:var(--blue-700); }
.svt-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.svt-table th{ text-align:left; padding:11px 14px; color:var(--ink-600); font-weight:600; font-size:12.5px; background:var(--ink-50); border-bottom:1px solid var(--ink-100); }
.svt-table td{ padding:11px 14px; border-bottom:1px solid var(--ink-100); }
.svt-newrow{ cursor:pointer; background:var(--blue-50); }
.svt-newrow[hidden]{ display:none; }
.svt-chk{ display:inline-flex; gap:8px; align-items:center; }
.svt-box{ width:15px; height:15px; border:1.5px solid var(--ink-200); border-radius:4px; }
.svt-desc{ display:flex; align-items:center; gap:11px; }
.svt-thumb{ width:40px; height:40px; border-radius:8px; object-fit:cover; flex:0 0 auto; box-shadow:inset 0 0 0 1px rgba(11,18,32,.06); }
.svt-thumb--ph{ background:linear-gradient(135deg,#F5C542,var(--warn)); display:grid; place-items:center; color:rgba(255,255,255,.9); }
.svt-thumb--ph .ms{ font-size:20px; }
.svt-code{ font-weight:700; font-size:13px; color:var(--blue); }
.svt-code--new{ display:flex; align-items:center; gap:7px; }
.svt-pdot{ width:8px; height:8px; border-radius:50%; background:var(--accion); }
.svt-dtxt{ color:var(--ink-600); font-size:12.5px; margin-top:2px; }
.svt-num{ color:var(--blue-700); font-variant-numeric:tabular-nums; font-size:13px; }
.svt-num--crit{ color:var(--crit); }
.svt-user{ display:inline-flex; align-items:center; gap:9px; }
.svt-ava{ width:26px; height:26px; border-radius:50%; color:#fff; display:grid; place-items:center; font-size:11px; font-weight:600; }
.svt-tag{ display:inline-flex; padding:4px 12px; border-radius:999px; font-size:12px; font-weight:600; }
.svt-tag--med{ background:var(--prio-media-bg); color:var(--prio-media-fg); }
.svt-tag--high{ background:#FBD5D5; color:#B02020; }
.svt-state{ color:var(--ink-800); font-size:13px; }

/* ---------- PICKER ---------- */
.svt-screen[data-screen="picker"]{ padding:26px 32px 40px; display:flex; justify-content:center; }
.svt-pick{ width:100%; max-width:780px; display:flex; flex-direction:column; gap:18px; }
.svt-pick-hero{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--ink-100); border-radius:14px; padding:18px 20px; box-shadow:0 1px 2px rgba(11,18,32,.04); }
.svt-pick-ico{ width:42px; height:42px; border-radius:11px; background:var(--blue-50); display:grid; place-items:center; color:var(--blue); }
.svt-pick-t{ font-size:20px; font-weight:700; color:var(--ink-900); }
.svt-pick-s{ font-size:14px; color:var(--ink-600); }
.svt-pick-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.svt-pcard{ background:#fff; border:1px solid var(--ink-100); border-radius:14px; box-shadow:0 1px 2px rgba(11,18,32,.04); overflow:hidden; }
.svt-pcard--cat{ cursor:pointer; }
.svt-pcard-h{ display:flex; align-items:center; gap:9px; padding:16px 18px; border-bottom:1px solid var(--ink-100); font-size:16px; font-weight:700; }
.svt-pcard-empty{ padding:54px 18px; text-align:center; }
.svt-pe-t{ font-size:16px; font-weight:600; color:var(--ink-800); }
.svt-pe-s{ font-size:13px; color:var(--ink-400); margin-top:4px; }
.svt-cats{ padding:12px; display:flex; flex-direction:column; gap:8px; }
.svt-cat{ display:flex; align-items:center; gap:11px; border:1px solid var(--ink-100); border-radius:10px; padding:11px 13px; }
.svt-cat-ic{ width:28px; height:28px; border-radius:8px; background:var(--blue-50); display:grid; place-items:center; color:var(--blue); flex:0 0 auto; }
.svt-cat-t{ font-size:14.5px; font-weight:600; color:var(--ink-800); }
.svt-cat--rec{ border:2px solid var(--ink-100); transition:background-color .4s,border-color .4s,box-shadow .4s; }
.svt-cat--rec.is-press{ border-color:var(--blue); background:var(--blue-50); box-shadow:0 0 0 4px rgba(30,107,255,.18); }
.svt-cat-t--rec{ font-weight:700; color:var(--blue-700); }
.svt-cat-tpl{ margin-left:auto; font-size:11px; font-weight:700; color:var(--blue); }

/* ---------- FORM ---------- */
.svt-screen[data-screen="form"]{ padding:24px 30px 40px; }
.svt-form{ max-width:920px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.svt-form-hero{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--ink-100); border-radius:14px; padding:16px 20px; box-shadow:0 1px 2px rgba(11,18,32,.04); }
.svt-form-ico{ width:42px; height:42px; border-radius:11px; background:var(--blue); display:grid; place-items:center; color:#fff; }
.svt-form-t{ font-size:20px; font-weight:700; }
.svt-form-s{ font-size:13px; color:var(--ink-400); }
.svt-field{ display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:start; scroll-margin-top:20px; }
.svt-field-lbl{ display:flex; align-items:center; gap:10px; padding-top:6px; }
.svt-step-n{ width:26px; height:26px; border-radius:50%; background:var(--blue); color:#fff; display:grid; place-items:center; font-size:13px; font-weight:700; flex:0 0 auto; }
.svt-field-name{ font-size:15px; font-weight:700; color:var(--ink-800); }
.svt-req{ font-size:15px; font-weight:700; color:var(--crit); }
.svt-field-card{ background:#fff; border:1px solid var(--ink-100); border-radius:14px; padding:20px; box-shadow:0 1px 2px rgba(11,18,32,.04); }
.svt-fq{ text-align:center; font-size:18px; font-weight:700; color:var(--ink-800); }
.svt-fq--sm{ font-size:16px; margin-bottom:14px; }
.svt-fob{ text-align:center; font-size:13px; font-weight:600; color:var(--crit); margin:6px 0 14px; }
.svt-textarea{ border:1px solid var(--ink-200); border-radius:10px; padding:14px 16px; min-height:84px; font-size:14px; color:var(--ink-800); line-height:1.55; transition:border-color .2s; }
.svt-textarea.is-typed{ border-color:var(--blue-300); }
.svt-cursor{ display:none; width:2px; height:1.05em; background:var(--blue); margin-left:1px; vertical-align:text-bottom; }
.svt-cursor.is-on{ display:inline-block; animation:svtBlink 1s step-end infinite; }
.svt-datewrap{ display:flex; justify-content:center; gap:12px; }
.svt-datewrap[data-svt="dateFilled"]{ animation:svtFade .3s ease-out; }
.svt-datewrap[hidden]{ display:none; }
.svt-datechip{ display:flex; align-items:center; gap:10px; border:1px solid var(--ink-200); border-radius:8px; padding:9px 14px; font-size:14px; color:var(--ink-800); font-variant-numeric:tabular-nums; }
.svt-datechip--e{ border-style:dashed; color:#B4BCCB; }
.svt-photo{ display:flex; align-items:center; gap:14px; border:1px solid var(--ink-100); border-radius:12px; padding:12px 14px; background:#F8FAFF; animation:svtFade .3s ease-out; }
.svt-photo[hidden]{ display:none; }
.svt-photo-img{ width:56px; height:56px; border-radius:9px; object-fit:cover; flex:0 0 auto; }
.svt-photo-meta{ flex:1; min-width:0; }
.svt-photo-n{ font-size:13.5px; font-weight:600; color:var(--ink-800); }
.svt-photo-s{ font-size:12px; color:var(--ink-400); }
.svt-photo-ok{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:#0F7A50; background:var(--st-closed-bg); padding:5px 11px; border-radius:999px; }
.svt-photo-ok .ms{ font-size:15px; }
.svt-drop{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1.5px dashed var(--ink-200); border-radius:12px; padding:20px; background:#FAFBFE; color:var(--ink-400); font-size:13px; }
.svt-drop[hidden]{ display:none; }
.svt-submit{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--ink-100); border-radius:14px; padding:16px 20px; box-shadow:0 1px 2px rgba(11,18,32,.04); }
.svt-submit-ico{ width:40px; height:40px; border-radius:10px; background:var(--st-closed); display:grid; place-items:center; color:#fff; }
.svt-submit-tx{ flex:1; }
.svt-submit-t{ font-size:15px; font-weight:700; }
.svt-submit-s{ font-size:13px; color:var(--ink-400); }
.svt-send{ display:inline-flex; align-items:center; gap:9px; border:none; border-radius:999px; padding:13px 26px; font-family:inherit; font-size:15px; font-weight:600; cursor:pointer; color:#fff; background:var(--blue); box-shadow:0 6px 16px rgba(30,107,255,.35); transition:background-color .4s,box-shadow .4s,transform .25s; }
.svt-send.is-press{ background:var(--blue-700); box-shadow:0 6px 16px rgba(30,107,255,.35),0 0 0 4px rgba(30,107,255,.25); transform:translateY(1px); }

/* ---------- MANAGER PUSH ---------- */
.svt-push{ position:absolute; top:96px; left:50%; transform:translateX(-50%); z-index:45; width:520px; max-width:calc(100% - 44px); background:rgba(255,255,255,.97); border:1px solid var(--ink-100); border-radius:18px; padding:18px 22px; box-shadow:0 26px 60px rgba(11,18,32,.26); animation:svtToastC .4s ease-out; }
.svt-push[hidden]{ display:none; }
.svt-push-top{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.svt-push-logo{ height:22px; width:auto; display:block; }
.svt-push-dot{ width:5px; height:5px; border-radius:50%; background:var(--ink-200); }
.svt-push-ago{ font-size:12.5px; color:var(--ink-400); }
.svt-push-tag{ font-size:11.5px; font-weight:600; color:var(--blue-700); background:var(--blue-50); padding:4px 11px; border-radius:999px; }
.svt-push-t{ font-size:15.5px; font-weight:700; color:var(--ink-800); margin-bottom:5px; }
.svt-push-s{ font-size:13.5px; color:var(--ink-600); line-height:1.55; }

/* ---------- COACHMARK ---------- */
.svt-coach-layer{ position:absolute; inset:0; pointer-events:none; z-index:65; }
.svt-coach-layer[hidden]{ display:none; }
.svt-coach{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); width:40%; min-width:400px; box-sizing:border-box; background:#fff; border:1px solid var(--ink-100); border-radius:16px; box-shadow:0 18px 50px rgba(11,18,32,.30),0 2px 0 rgba(11,18,32,.04); padding:16px 20px; z-index:62; pointer-events:auto; }
.svt-coach-row{ display:flex; align-items:flex-start; gap:16px; }
.svt-coach-logo{ height:22px; width:auto; flex:0 0 auto; margin-top:3px; display:block; }
.svt-coach-main{ flex:1; min-width:0; }
.svt-coach-kicker{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); margin-bottom:7px; }
.svt-coach-msg{ font-size:14.5px; line-height:1.5; color:var(--ink-800); }
.svt-coach-foot{ display:flex; align-items:center; gap:10px; margin-top:14px; }
.svt-dots{ display:flex; align-items:center; gap:5px; }
.svt-dot-i{ width:6px; height:6px; border-radius:999px; background:var(--ink-200); transition:all .3s; }
.svt-dot-i--on{ width:18px; background:var(--blue); }
.svt-dot-i--done{ background:var(--blue-300); }
.svt-pause{ display:inline-flex; align-items:center; gap:7px; font-family:inherit; font-size:12.5px; font-weight:600; color:var(--blue-700); background:var(--blue-50); border:none; border-radius:999px; padding:7px 13px; cursor:pointer; }
.svt-prog{ margin-top:14px; height:4px; border-radius:999px; background:var(--blue-50); overflow:hidden; }
.svt-prog-bar{ height:100%; width:100%; background:var(--blue); border-radius:999px; transform-origin:left; transform:scaleX(0); }
.svt-prog-bar.is-run{ animation:svtProg linear forwards; }

/* ---------- DONE ---------- */
/* Cursor de "pinchar para cerrar": al acabar, cualquier punto del overlay
   (incluida la tarjeta, salvo sus botones) cierra el player. */
.svt-done{ position:absolute; inset:0; z-index:70; background:rgba(11,18,32,.55); display:grid; place-items:center; cursor:pointer; }
.svt-done[hidden]{ display:none; }
.svt-done-card{ width:380px; background:#fff; border-radius:16px; padding:30px; text-align:center; box-shadow:0 24px 60px rgba(11,18,32,.32); }
.svt-done-ico{ width:58px; height:58px; border-radius:50%; background:var(--st-closed-bg); display:grid; place-items:center; color:var(--st-closed); margin:0 auto 16px; }
.svt-done-t{ font-size:22px; font-weight:700; margin-bottom:8px; color:var(--ink-900); }
.svt-done-s{ font-size:14px; color:var(--ink-600); line-height:1.55; margin-bottom:22px; }
.svt-done-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--blue); color:#fff; border:none; border-radius:999px; padding:13px 26px; font-family:inherit; font-size:15px; font-weight:600; cursor:pointer; box-shadow:0 6px 16px rgba(30,107,255,.35); }

/* ---------- FULLSCREEN PLAYER ---------- */
html.svt-fs-lock, body.svt-fs-lock { overflow: hidden !important; }
.svt-close { display: none; }
.svt.is-fs {
  position: fixed; inset: 0; z-index: 2147482000; margin: 0; padding: 0;
  height: auto !important;
  background: radial-gradient(130% 120% at 50% -10%, #16223f 0%, var(--ink-900) 62%);
  animation: svtFade .25s ease-out;
}
/* Centred reliably even when the 1160px mock is wider than the viewport. */
.svt.is-fs .svt-fit { position: absolute; top: 50%; left: 50%; margin: 0; }
.svt.is-fs .svt-strip { display: none; }
.svt.is-fs .svt-close {
  display: grid; place-items: center;
  /* Por encima de .svt-done (70) y .svt-cover (66): son hermanos suyos dentro
     de #svt, así que con un z-index menor el overlay de fin tapaba la X y se
     tragaba sus clics — el usuario se quedaba encerrado al acabar el tour. */
  position: fixed; top: 16px; right: 16px; z-index: 90;
  width: 44px; height: 44px; border-radius: 50%; cursor: pointer;
  background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.30);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  transition: background-color .2s;
}
.svt.is-fs .svt-close:hover { background: rgba(255,255,255,.26); }

/* ---------- COVER / VER DEMO ---------- */
.svt:not(.svt-started) .svt-restart{ display:none; }
.svt-cover{ position:absolute; inset:0; z-index:66; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; padding:24px; background:linear-gradient(180deg,rgba(11,18,32,.34),rgba(11,18,32,.5)); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); animation:svtFade .3s ease-out; }
.svt-cover[hidden]{ display:none; }
.svt-play{ width:88px; height:88px; border-radius:50%; border:none; cursor:pointer; background:var(--blue); color:#fff; display:grid; place-items:center; box-shadow:0 14px 34px rgba(30,107,255,.5); transition:transform .2s, box-shadow .2s; animation:svtPulse 2.6s ease-out infinite; }
.svt-play:hover{ transform:scale(1.06); box-shadow:0 18px 40px rgba(30,107,255,.6); }
.svt-play svg{ margin-left:4px; }
.svt-cover-t{ font-size:24px; font-weight:700; color:#fff; }
.svt-cover-s{ font-size:14.5px; color:rgba(255,255,255,.86); max-width:420px; }

/* ---------- DONE CTA (agendar) ---------- */
.svt-done-card{ display:flex; flex-direction:column; align-items:center; }
.svt-done-cta{ display:inline-flex; align-items:center; gap:9px; background:var(--blue); color:#fff; text-decoration:none; border-radius:999px; padding:14px 26px; font-family:inherit; font-size:15px; font-weight:600; box-shadow:0 6px 16px rgba(30,107,255,.35); transition:background-color .2s, box-shadow .2s; }
.svt-done-cta:hover{ background:var(--blue-700); box-shadow:0 8px 20px rgba(30,107,255,.45); }
.svt-done-ghost{ margin-top:12px; background:none; border:none; color:var(--ink-600); font-family:inherit; font-size:13.5px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.svt-done-ghost:hover{ color:var(--blue-700); }

@media (max-width:820px){
  .svt-head h2{ font-size:29px; }
  .svt-head p{ font-size:16px; }
  .svt-section{ padding:52px 0; }
  .svt-play{ width:72px; height:72px; }
  .svt-cover-t{ font-size:20px; }
}
@media (prefers-reduced-motion:reduce){
  .svt-zoom.is-zoom{ transition:none; }
  .svt-prog-bar.is-run{ animation:none; transform:scaleX(1); }
}