/* ---------- Botón en la barra ---------- */
  .cc-track{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0 12px 0 14px!important;padding:9px 16px 9px 14px!important;border-radius:12px;cursor:pointer;
    font:600 13.5px/1 'Inter',system-ui,sans-serif;color:#e6f4ff;white-space:nowrap;
    background:linear-gradient(135deg,rgba(76,155,239,.16),rgba(34,211,238,.10));border:1px solid rgba(76,155,239,.55);
    box-shadow:0 0 0 0 rgba(76,155,239,.45),0 0 22px -6px rgba(76,155,239,.6);animation:cc-track-glow 2.6s ease-in-out infinite;transition:transform .25s,background .25s,color .25s}
  .cc-track svg{width:16px;height:16px;color:#4c9bef;flex:none}
  .cc-track:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4c9bef,#22d3ee);color:#00121f}
  .cc-track:hover svg{color:#00121f}
  .cc-track-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#4c9bef;box-shadow:0 0 10px #4c9bef}
  .cc-track-dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #4c9bef;animation:cc-track-ping 1.8s ease-out infinite}
  .cc-track-short{display:none}
  @keyframes cc-track-glow{50%{box-shadow:0 0 0 4px rgba(76,155,239,.08),0 0 30px -4px rgba(76,155,239,.75)}}
  @keyframes cc-track-ping{to{transform:scale(2.4);opacity:0}}
  .cc-nav .cc-links{margin-left:auto!important}
  @media (max-width:1180px){.cc-track-long{display:none}.cc-track-short{display:inline}}
  @media (max-width:860px){
    .cc-track{order:2;margin:0 8px 0 auto!important;padding:9px 12px!important;font-size:13px}
    .cc-nav .cc-burger{margin-left:0!important}
    .cc-nav .cc-burger{order:3!important}
    .cc-nav.is-open .cc-links{order:4!important}
    .cc-nav.is-open .cc-nav-cta{order:5!important}
  }
  @media (max-width:360px){.cc-track-short{display:none}.cc-track{padding:10px!important}}

  /* ---------- Ventana emergente ---------- */
  .cc-tm{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;font-family:'Inter',system-ui,sans-serif;color:#e8edf5}
  .cc-tm.is-open{display:flex}
  .cc-tm *{box-sizing:border-box;margin:0;padding:0}
  .cc-tm-bg{position:absolute;inset:0;background:rgba(2,4,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cc-tm-fade .25s ease}
  .cc-tm-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;padding:30px!important;border-radius:24px;
    background:linear-gradient(160deg,rgba(18,26,40,.96),rgba(8,12,22,.97));border:1px solid rgba(76,155,239,.28);
    box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 60px -20px rgba(76,155,239,.35);animation:cc-tm-in .35s cubic-bezier(.2,.8,.2,1)}
  @keyframes cc-tm-fade{from{opacity:0}}
  @keyframes cc-tm-in{from{opacity:0;transform:translateY(20px) scale(.97)}}
  .cc-tm-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e8edf5;cursor:pointer;font-size:20px;line-height:1}
  .cc-tm-x:hover{background:rgba(255,255,255,.1)}
  .cc-tm-eb{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#4c9bef}
  .cc-tm-eb i{width:7px;height:7px;border-radius:50%;background:#4c9bef;box-shadow:0 0 8px #4c9bef}
  .cc-tm h3{margin-top:12px!important;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.6px;line-height:1.15;color:#fff}
  .cc-tm-sub{margin-top:8px!important;font-size:14px;line-height:1.6;color:#8b95a8}
  .cc-tm-form{margin-top:22px!important;display:grid;gap:14px}
  .cc-tm-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
  .cc-tm label{display:block;margin-bottom:7px!important;font-size:13px;font-weight:500;color:#c9d3e2}
  .cc-tm input{width:100%;font:inherit;font-size:16px;color:#fff;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 14px!important;outline:none;letter-spacing:.5px;transition:border-color .2s,box-shadow .2s}
  .cc-tm input::placeholder{color:#5b6576;letter-spacing:0}
  .cc-tm input:focus{border-color:rgba(76,155,239,.6);box-shadow:0 0 0 4px rgba(76,155,239,.12)}
  .cc-tm-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px!important;border:0;border-radius:14px;cursor:pointer;font:inherit;font-size:16px;font-weight:600;color:#00121f;background:linear-gradient(135deg,#4c9bef,#22d3ee);box-shadow:0 10px 30px -12px rgba(76,155,239,.8);transition:transform .2s,box-shadow .2s}
  .cc-tm-go:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(76,155,239,.5)}
  .cc-tm-go[disabled]{opacity:.7;cursor:wait;transform:none}
  .cc-tm-hint{font-size:12px;color:#5b6576;text-align:center;line-height:1.5}
  .cc-tm-msg{margin-top:16px!important;padding:14px 16px!important;border-radius:14px;font-size:14px;line-height:1.55;display:none}
  .cc-tm-msg.is-show{display:block}
  .cc-tm-msg.err{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);color:#fecaca}
  .cc-tm-msg.info{background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.28);color:#cffafe}
  .cc-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,26,16,.3);border-top-color:#00121f;animation:cc-rot .7s linear infinite}
  @keyframes cc-rot{to{transform:rotate(360deg)}}

  /* Resultado */
  .cc-tr{margin-top:22px!important;display:none}
  .cc-tr.is-show{display:block;animation:cc-tm-in .4s cubic-bezier(.2,.8,.2,1)}
  .cc-tr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px!important;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
  .cc-tr-head small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8b95a8}
  .cc-tr-head strong{display:block;margin-top:4px!important;font-size:17px;color:#fff}
  .cc-tr-head span.cc-tr-falla{display:block;margin-top:3px!important;font-size:13px;color:#8b95a8}
  .cc-badge-st{flex:none;padding:7px 11px!important;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid}
  .cc-st-proc{color:#67e8f9;border-color:rgba(34,211,238,.4);background:rgba(34,211,238,.08)}
  .cc-st-wait{color:#fcd34d;border-color:rgba(252,211,77,.4);background:rgba(252,211,77,.08)}
  .cc-st-ok{color:#4c9bef;border-color:rgba(76,155,239,.45);background:rgba(76,155,239,.1)}
  .cc-st-bad{color:#fca5a5;border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08)}
  .cc-tl{list-style:none;margin-top:20px!important;display:grid;gap:0}
  .cc-tl li{position:relative;display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding-bottom:16px!important}
  .cc-tl li::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:2px;background:rgba(255,255,255,.08)}
  .cc-tl li:last-child::before{display:none}
  .cc-tl li.done::before{background:linear-gradient(#22d3ee,#4c9bef)}
  .cc-tl-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#0a0f19;color:#5b6576;font-size:13px;font-weight:700}
  .cc-tl li.done .cc-tl-dot{border-color:transparent;background:linear-gradient(135deg,#22d3ee,#4c9bef);color:#001018}
  .cc-tl li.now .cc-tl-dot{border-color:#4c9bef;color:#4c9bef;box-shadow:0 0 0 5px rgba(76,155,239,.12),0 0 18px rgba(76,155,239,.5)}
  .cc-tl b{display:block;font-size:14px;font-weight:600;color:#5b6576;padding-top:4px!important}
  .cc-tl li.done b,.cc-tl li.now b{color:#e8edf5}
  .cc-tl em{display:block;font-style:normal;font-size:12px;color:#8b95a8;margin-top:2px!important}
  .cc-tr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px!important}
  .cc-tr-grid div{padding:12px!important;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
  .cc-tr-grid small{display:block;font-size:11px;color:#8b95a8}
  .cc-tr-grid strong{display:block;margin-top:4px!important;font-size:15px;color:#fff}
  .cc-tr-note{margin-top:12px!important;padding:14px!important;border-radius:12px;font-size:14px;line-height:1.55;color:#c9d3e2;background:rgba(76,155,239,.06);border:1px solid rgba(76,155,239,.18)}
  .cc-tr-note b{color:#4c9bef}
  .cc-tr-actions{margin-top:16px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cc-tr-actions a,.cc-tr-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px!important;border-radius:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
  .cc-tr-wa{color:#001a0b!important;background:#25d366;border:0}
  .cc-tr-new{color:#e8edf5;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
  @media (max-width:520px){
    .cc-tm{padding:0;align-items:flex-end}
    .cc-tm-card{border-radius:24px 24px 0 0;max-height:92vh;max-height:92dvh;padding:26px 20px calc(24px + env(safe-area-inset-bottom,0px))!important}
    .cc-tm-row{grid-template-columns:1fr}
    .cc-tr-grid{grid-template-columns:1fr 1fr}
    .cc-tr-grid div:last-child{grid-column:span 2}
    .cc-tr-actions{grid-template-columns:1fr}
  }
  @media (prefers-reduced-motion:reduce){.cc-track,.cc-track-dot::after,.cc-tm-bg,.cc-tm-card,.cc-tr.is-show{animation:none!important}}
