/* Ordenatec · Radar -> IA upgrade sheet. Brand: fondo noche #061429, azul noche #0B1B33,
   cian radar #17B8F6, azul eléctrico #0D8EF2, blanco hielo #F4F8FF, amarillo aviso #F2C14E (solo acción).
   Loaded with data-ot-theme-styles: the sheet is dark in both themes and is not auto-recoloured. */
.otu{--otu-bg:#061429;--otu-panel:#0b1b33;--otu-line:#24395a;--otu-text:#f4f8ff;--otu-soft:#c3d1e4;--otu-muted:#9fb3cc;
  --otu-cyan:#17b8f6;--otu-blue:#0d8ef2;--otu-yellow:#f2c14e;
  box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--otu-line);
  border-radius:20px;background:var(--otu-bg);color:var(--otu-text);font:400 15px/1.55 "Plus Jakarta Sans",Arial,sans-serif;
  box-shadow:0 24px 80px rgba(2,8,20,.55);overflow:hidden}
.otu::backdrop{background:rgba(6,20,41,.68)}
.otu *,.otu *::before,.otu *::after{box-sizing:border-box}
/* The help mascot re-parents itself into the open modal (z-index 2147483000): keep the sheet content above it. */
.otu-shell{position:relative;z-index:2147483600;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);max-height:calc(100dvh - 34px);background:var(--otu-bg)}
.otu-close{position:absolute;z-index:3;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;
  color:var(--otu-soft);font:400 28px/1 Arial,sans-serif;cursor:pointer}
.otu-close:hover{background:rgba(255,255,255,.07);color:#fff}
.otu-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:100%;padding:36px 28px;overflow:hidden;
  background:radial-gradient(120% 90% at 20% 10%,rgba(23,184,246,.22),transparent 60%),linear-gradient(160deg,#0a2446 0%,#061429 70%);
  border-right:1px solid var(--otu-line)}
.otu-art-tag{position:absolute;left:16px;bottom:14px;padding:3px 9px;border:1px solid rgba(159,179,204,.35);border-radius:99px;
  color:var(--otu-muted);font-size:11px;font-weight:600;letter-spacing:.02em}
.otu-body{padding:36px 36px 28px;overflow:auto;max-height:calc(100dvh - 34px)}
.otu-kicker{margin:0 44px 6px 0;color:var(--otu-cyan);font-size:13px;font-weight:700;letter-spacing:.01em}
.otu-title{margin:0 40px 10px 0;color:var(--otu-text);font-size:27px;line-height:1.18;font-weight:800;letter-spacing:-.02em;outline:none}
.otu-lead{margin:0 0 18px;color:var(--otu-soft);font-size:15px}
.otu-tip{margin:-6px 0 18px;padding:10px 12px;border-radius:10px;background:rgba(23,184,246,.1);color:var(--otu-soft);font-size:13.5px}
.otu-gains{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 0 8px;padding:0;list-style:none}
.otu-gains li{display:flex;gap:10px;align-items:flex-start;color:var(--otu-text);font-size:14px;font-weight:600;line-height:1.35}
.otu-gains svg,.otu-start svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--otu-cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.otu-note{margin:6px 0 14px;color:var(--otu-muted);font-size:12.5px;line-height:1.45}
.otu-keep{margin:0 0 14px;color:var(--otu-soft);font-size:13.5px}
.otu-price{margin:0 0 16px;padding:16px 18px;border:1px solid var(--otu-line);border-left:3px solid var(--otu-blue);border-radius:12px;background:var(--otu-panel)}
.otu-price p{margin:0}
.otu-price-main strong{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff}
.otu-price-main span{margin-left:6px;color:var(--otu-soft);font-size:14px;font-weight:600}
.otu-price-gross{margin-top:2px!important;color:var(--otu-soft);font-size:14px}
.otu-price-cmp{margin-top:8px!important;color:var(--otu-muted);font-size:13px}
.otu-how{margin:0 0 18px;border-top:1px solid var(--otu-line);padding-top:10px}
.otu-how summary{cursor:pointer;color:var(--otu-text);font-size:14px;font-weight:700;list-style-position:inside}
.otu-how summary:focus-visible{outline:3px solid var(--otu-yellow);outline-offset:3px;border-radius:4px}
.otu-how ol{margin:10px 0 0;padding-left:22px;color:var(--otu-soft);font-size:13.5px}
.otu-how li{margin:0 0 6px}
.otu-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.otu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid #4a6286;
  background:transparent;color:var(--otu-text);font:700 14.5px/1.2 "Plus Jakarta Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;text-align:center}
.otu-btn:hover{background:rgba(255,255,255,.06)}
.otu-btn-primary{border-color:var(--otu-yellow);background:var(--otu-yellow);color:#0b1b33}
.otu-btn-primary:hover{background:#f7d27a;border-color:#f7d27a}
.otu-btn:disabled,.otu-btn[aria-disabled=true]{opacity:.65;cursor:progress}
.otu :focus-visible{outline:3px solid var(--otu-yellow);outline-offset:3px}
.otu-status,.otu-start{margin:0 0 18px;padding:0;list-style:none}
.otu-status li{position:relative;margin:0 0 10px;padding-left:28px;color:var(--otu-soft);font-size:14px}
.otu-status li::before{content:"";position:absolute;left:4px;top:5px;width:12px;height:12px;border-radius:50%;border:2px solid #4a6286}
.otu-status li.is-done{color:var(--otu-text)}
.otu-status li.is-done::before{border-color:var(--otu-cyan);background:var(--otu-cyan)}
.otu-start li{display:flex;gap:10px;align-items:center;margin:0 0 10px;color:var(--otu-text);font-weight:600;font-size:14px}
.otu-skeleton{height:180px;border-radius:12px;background:linear-gradient(90deg,#0b1b33 0%,#13284a 50%,#0b1b33 100%);background-size:200% 100%;animation:otu-shimmer 1.4s linear infinite}
.otu[data-busy] .otu-body{cursor:progress}

/* illustrations ---------------------------------------------------------- */
.otu-art{position:relative;width:100%;max-width:300px;aspect-ratio:1/1.05}
.otu-a-doc{position:absolute;left:4%;top:8%;width:52%;height:78%;padding:14% 10%;border-radius:12px;background:#f4f8ff;box-shadow:0 12px 30px rgba(0,0,0,.35);overflow:hidden}
.otu-a-doc i{display:block;height:7px;margin:0 0 11px;border-radius:4px;background:#cfdbea}
.otu-a-doc i:nth-child(2n){width:72%}.otu-a-doc i:nth-child(3n){width:86%}
.otu-a-scan{position:absolute;left:0;right:0;top:10%;height:18%;background:linear-gradient(180deg,transparent,rgba(13,142,242,.28),transparent);animation:otu-scan 3.2s ease-in-out 2 both}
.otu-a-cards{position:absolute;right:0;top:16%;display:grid;gap:12px;width:58%}
.otu-a-cards span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(23,184,246,.45);border-radius:10px;
  background:rgba(11,27,51,.92);box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;transform:translateX(-18px);animation:otu-in .6s ease-out forwards}
.otu-a-cards span:nth-child(1){animation-delay:.9s}.otu-a-cards span:nth-child(2){animation-delay:1.7s}.otu-a-cards span:nth-child(3){animation-delay:2.5s}
.otu-a-cards em{font-style:normal;font-weight:700;font-size:13px;color:#f4f8ff}
.otu-a-cards small,.otu-q-ans small{padding:2px 7px;border-radius:99px;background:rgba(23,184,246,.18);color:#6fe0ff;font-size:10.5px;font-weight:700;white-space:nowrap}
.otu-q{position:absolute;inset:8% 4%;display:flex;flex-direction:column;gap:12px}
.otu-q-ask{align-self:flex-end;max-width:80%;margin:0;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#0b64f0;color:#fff;font-size:13.5px;font-weight:600;
  opacity:0;animation:otu-in .5s .3s ease-out forwards}
.otu-q-dots{display:flex;gap:5px;margin:0;padding:10px 14px;width:max-content;border-radius:14px;background:rgba(244,248,255,.1);opacity:0;animation:otu-blink 1.2s .9s 2 both}
.otu-q-dots i{width:7px;height:7px;border-radius:50%;background:#9fb3cc}
.otu-q-ans{position:relative;padding:14px 14px 30px;border-radius:14px 14px 14px 4px;background:#f4f8ff;opacity:0;animation:otu-in .6s 3.2s ease-out forwards}
.otu-q-ans i{display:block;height:7px;margin:0 0 9px;border-radius:4px;background:#cfdbea}.otu-q-ans i:nth-child(2){width:84%}.otu-q-ans i:nth-child(3){width:62%}
.otu-q-ans small{position:absolute;right:12px;bottom:9px;background:#dff3fe;color:#0b64f0}
.otu-d{position:absolute;inset:14% 18%}
.otu-d span{position:absolute;inset:0;border-radius:12px;background:#f4f8ff;box-shadow:0 10px 26px rgba(0,0,0,.35);transform-origin:bottom left}
.otu-d span:nth-child(1){transform:rotate(-8deg);opacity:.55}.otu-d span:nth-child(2){transform:rotate(-3deg);opacity:.8}
.otu-d span:nth-child(3){animation:otu-lift 3s ease-in-out 2 both}
.otu-d b{position:absolute;right:10%;bottom:10%;padding:4px 10px;border-radius:8px;background:#0b64f0;color:#fff;font-size:12px}
.otu-c{position:absolute;inset:16% 8% 18%;display:flex;align-items:flex-end;gap:9%;border-bottom:2px solid rgba(159,179,204,.45)}
.otu-c i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#17b8f6,#0b64f0);transform-origin:bottom;animation:otu-grow 1.4s ease-out both}
.otu-c i:nth-child(1){height:38%}.otu-c i:nth-child(2){height:66%;animation-delay:.15s}.otu-c i:nth-child(3){height:88%;animation-delay:.3s}
.otu-c i:nth-child(4){height:54%;animation-delay:.45s}.otu-c i:nth-child(5){height:30%;animation-delay:.6s}
.otu-c-band{position:absolute;left:-4%;right:-4%;bottom:40%;height:22%;border:1px dashed rgba(242,193,78,.75);border-radius:8px;background:rgba(242,193,78,.08);opacity:0;animation:otu-in .6s 1.6s forwards}
.otu-co{position:absolute;inset:14% 6%;display:grid;gap:12px;align-content:center}
.otu-co p{display:flex;align-items:center;gap:12px;margin:0;padding:12px;border-radius:12px;background:rgba(244,248,255,.08);border:1px solid rgba(159,179,204,.2);opacity:0;animation:otu-in .5s ease-out forwards}
.otu-co p:nth-child(2){animation-delay:.4s}.otu-co p:nth-child(3){animation-delay:.8s}
.otu-co i{flex:1;height:9px;border-radius:5px;background:#cfdbea}
.otu-co span{padding:4px 10px;border-radius:99px;border:1px solid #17b8f6;color:#6fe0ff;font-size:11px;font-weight:700}
.otu-co p:nth-child(2) span{background:#17b8f6;color:#061429;animation:otu-in .3s 1.6s both}
.otu-r{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(23,184,246,.35);background:radial-gradient(circle,rgba(23,184,246,.12),transparent 70%)}
.otu-r-ring{position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(23,184,246,.28)}.otu-r-ring.r2{inset:40%}
.otu-r-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(23,184,246,.45),transparent 22%);animation:otu-spin 3.4s linear 3 both}
.otu-r i{position:absolute;width:12px;height:12px;border-radius:50%;background:#f2c14e;box-shadow:0 0 0 6px rgba(242,193,78,.18);opacity:0;animation:otu-in .4s forwards}
.otu-r .d1{left:28%;top:24%;animation-delay:.8s}.otu-r .d2{right:22%;top:46%;animation-delay:1.9s}.otu-r .d3{left:40%;bottom:20%;animation-delay:3s}
.otu.otu-still *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
@media (prefers-reduced-motion: reduce){.otu *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}
@keyframes otu-in{to{opacity:1;transform:none}}
@keyframes otu-scan{0%{top:6%}50%{top:72%}100%{top:6%}}
@keyframes otu-blink{0%,100%{opacity:0}20%,80%{opacity:1}}
@keyframes otu-lift{0%,100%{transform:none}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes otu-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes otu-spin{to{transform:rotate(360deg)}}
@keyframes otu-shimmer{to{background-position:-200% 0}}

/* profile card + IA start checklist -------------------------------------------- */
.otu-profile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 4px;padding:16px 18px;border-radius:14px;
  border:1px solid #cfdcf0;background:#f5f8fc;color:#0b1b33;font-family:"Plus Jakarta Sans",Arial,sans-serif}
.otu-profile-text{display:grid;gap:2px;max-width:46ch}
.otu-profile-text strong{font-size:15px;font-weight:800}
.otu-profile-text span{font-size:13.5px;color:#46566d}
.otu-profile .otu-btn{min-height:42px;border-color:#f2c14e;background:#f2c14e;color:#0b1b33}
.otu-profile .otu-btn:focus-visible{outline:3px solid #0b64f0;outline-offset:3px}
html[data-ot-theme=dark] .otu-profile{border-color:#293e59;background:#102039;color:#e5edf8}
html[data-ot-theme=dark] .otu-profile-text span{color:#a0b2ca}
.otu-start{display:block;margin:8px 0 0;width:100%;border:1px solid #344963;border-radius:9px;background:#061429;color:#d5e0ee;font:600 12px/1.45 "Plus Jakarta Sans",Arial,sans-serif}
.otu-start summary{padding:10px 12px;cursor:pointer;list-style:none}
.otu-start summary::-webkit-details-marker{display:none}
.otu-start summary::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#17b8f6;box-shadow:0 0 0 3px rgba(23,184,246,.2)}
.otu-start ul{margin:0;padding:0 12px 6px;list-style:none}
.otu-start li{display:flex;gap:8px;align-items:center;margin:0 0 8px;font-size:12px;color:#d5e0ee}
.otu-start li svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:#17b8f6;stroke-width:2}
.otu-start li.is-done span{color:#8ea3be;text-decoration:line-through}
.otu-start-hide{margin:0 12px 10px;padding:4px 0;border:0;background:none;color:#9fb3cc;font:inherit;font-size:11.5px;text-decoration:underline;cursor:pointer}
.otu-start :focus-visible{outline:2px solid #f2c14e;outline-offset:2px}
.oxs:not(:hover).is-collapsed .otu-start{display:none}

/* small screens: bottom sheet ------------------------------------------------- */
@media (max-width:720px){
  .otu{width:100vw;max-width:100vw;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}
  .otu-shell{grid-template-columns:1fr;max-height:94dvh;overflow:auto}
  .otu-visual{min-height:0;height:168px;padding:10px;border-right:0;border-bottom:1px solid var(--otu-line)}
  .otu-art{width:240px;max-width:none;zoom:.6}
  .otu-body{padding:22px 18px calc(18px + env(safe-area-inset-bottom));max-height:none;overflow:visible}
  .otu-title{font-size:22px}
  .otu-gains{grid-template-columns:1fr}
  .otu-actions{flex-direction:column-reverse;align-items:stretch}
  .otu-btn{width:100%}
}
@media (max-width:360px){.otu-price-main strong{font-size:26px}}