/* Portadas de acceso de las herramientas de kitssst.com (checador, PC-Map, Laboratorio, Recorridos y ARCADE). */
.acc{--hero:#0a2350;--hero2:#0d3a8a;--accent:#ffc21a;--ink:#0d1b33;--muted:#5d6b82;--side:#f3f6fb;--card:#fff;--cardline:#e3e9f2;--fld:#eaf0f8;--fldb:#dbe4f0;--btn:#0b2f6b;--btnh:#08234f;--btnink:#fff;--ico:#0b2f6b;--icoink:#fff;--feat:#123b7d;--featb:#2c62c0;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:100vh;background:var(--side);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
.acc *{box-sizing:border-box}
.acc-hero{position:relative;overflow:hidden;background:var(--hero);color:#fff;padding:40px clamp(26px,4vw,64px) 36px;display:flex;flex-direction:column;gap:28px;isolation:isolate}
.acc-photo{position:absolute;top:0;right:0;bottom:0;width:60%;background-size:cover;background-position:center top;z-index:-2}
.acc-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 80%,transparent) 18%,color-mix(in srgb,var(--hero) 15%,transparent) 50%,transparent 70%),linear-gradient(0deg,var(--hero) 0%,transparent 22%)}
.acc-hero::before{content:"";position:absolute;z-index:-1;top:-20%;left:38%;width:90px;height:140%;background:linear-gradient(var(--hero2),transparent);opacity:.55;transform:skewX(-24deg)}
.acc-hero::after{content:"";position:absolute;z-index:-1;bottom:-10%;right:6%;width:60px;height:45%;background:var(--hero2);opacity:.75;transform:skewX(-24deg)}
.acc-back{color:rgba(255,255,255,.82);text-decoration:none;font-size:14px;font-weight:500;align-self:flex-start}.acc-back:hover{color:#fff}
.acc-copy{max-width:min(540px,60%);display:flex;flex-direction:column;gap:22px;flex:1;justify-content:center}
.acc-brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.acc-brand b{display:block;font-family:Archivo,Inter,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.acc-brand small{display:block;font-size:11px;letter-spacing:.26em;font-weight:700;color:rgba(255,255,255,.82);margin-top:6px}
.acc-logo{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;background:var(--logo,var(--accent));color:var(--logoink,#0d1b33);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.acc-logo svg{width:36px;height:36px}
.acc-logo.line{background:color-mix(in srgb,var(--logo,var(--accent)) 20%,transparent);border:2px solid var(--logo,var(--accent));color:#fff}
.acc-kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--kicker,var(--accent));text-transform:uppercase;margin-bottom:-12px}
.acc-rule{width:52px;height:4px;border-radius:4px;background:var(--accent)}
.acc h1{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:clamp(36px,4.3vw,62px);line-height:1.02;letter-spacing:-.035em;margin:0}.acc h1 em{font-style:normal;color:var(--accent)}
.acc h1.md{font-size:clamp(34px,3.6vw,54px)}
.acc h1.mega{font-weight:900;font-size:clamp(52px,6.4vw,92px);letter-spacing:-.04em;line-height:.95;text-transform:uppercase}
.acc-lead{color:rgba(255,255,255,.86);font-size:clamp(15px,1.15vw,17px);margin:0;max-width:44ch;line-height:1.6}
.acc-feats{list-style:none;margin:0;padding:0;display:grid;gap:16px}.acc-feats li{display:flex;align-items:center;gap:16px}
.acc-feats i{width:54px;height:54px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--feat);border:2px solid var(--featb);color:#fff}.acc-feats i svg{width:24px;height:24px}
.acc-feats b{display:block;font-size:16px;font-weight:700}.acc-feats span{display:block;font-size:13.5px;color:rgba(255,255,255,.78)}
.acc-chips{display:flex;flex-wrap:wrap;gap:12px}.acc-chips>*{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:500;text-decoration:none;background:rgba(0,0,0,.18);backdrop-filter:blur(4px)}
.acc-chips svg{width:20px;height:20px;color:var(--chipico,#7fb0ff)}.acc-chips a.hot{background:var(--accent);border-color:var(--accent);color:#1b1640;font-weight:700}
.acc-side{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 24px 40px;background:var(--side)}
.acc-tag{position:absolute;top:26px;right:32px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.acc-tag svg{width:17px;height:17px}
.acc-card{width:100%;max-width:470px;min-width:0;background:var(--card);border:1px solid var(--cardline);border-radius:26px;padding:clamp(26px,4vw,44px);box-shadow:0 30px 70px -40px rgba(10,35,80,.45)}
.acc-card.center{text-align:center}.acc-card form{margin:0}.acc-card form[hidden]{display:none}
.acc-cico{width:84px;height:84px;border-radius:22px;background:var(--ico);color:var(--icoink);display:grid;place-items:center;margin:0 0 18px}.acc-card.center .acc-cico{margin:0 auto 18px}.acc-cico svg{width:42px;height:42px}
.acc-cico.sm{width:70px;height:70px;border-radius:18px}.acc-cico.sm svg{width:36px;height:36px}
.acc-card h2{font-family:Archivo,Inter,sans-serif;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.025em;margin:0 0 8px;line-height:1.12}.acc-card h2 em{font-style:normal;color:var(--accent2,var(--accent))}
.acc-card h3{font-family:Archivo,Inter,sans-serif;font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}
.acc-sub{display:block;font-size:12px;letter-spacing:.32em;font-weight:700;color:var(--muted);margin:-2px 0 16px}
.acc-card .acc-rule{margin:0 auto 20px;width:44px;height:3px}
.acc-intro{color:var(--muted);margin:0 0 24px;font-size:15.5px}
.acc-f{display:block;text-align:left;font-size:14px;font-weight:700;margin:0 0 16px;color:var(--ink)}
.acc-in{display:flex;align-items:center;gap:12px;margin-top:8px;background:var(--fld);border:1px solid var(--fldb);border-radius:13px;padding:0 14px;transition:border-color .15s,box-shadow .15s}
.acc-in:focus-within{border-color:var(--btn);box-shadow:0 0 0 3px color-mix(in srgb,var(--btn) 18%,transparent)}
.acc-in>svg{width:21px;height:21px;flex-shrink:0;color:var(--ink);opacity:.8}
.acc-in input{flex:1;width:auto;min-width:0;margin:0;border:0;box-shadow:none;background:transparent;padding:15px 0;font:inherit;font-size:16px;color:#0d1b33;outline:none}
.acc-in input::placeholder{color:#8a96a8}
.acc-eye{all:unset;cursor:pointer;display:grid;place-items:center;padding:6px;border-radius:8px;color:#3d4a5f}.acc-eye svg{width:21px;height:21px}.acc-eye:focus-visible{outline:2px solid var(--btn)}
.acc-btn{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:17px 52px;border:0;border-radius:13px;background:var(--btn);color:var(--btnink);font:inherit;font-size:16.5px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}
.acc-btn:hover{background:var(--btnh)}.acc-btn:active{transform:translateY(1px)}.acc-btn:disabled{opacity:.6;cursor:default}
.acc-btn svg{position:absolute;right:20px;width:22px;height:22px}
.acc-err{background:#fdecea;color:#9f2f22;border:1px solid #f5c2bb;padding:12px 14px;border-radius:11px;font-size:14px;margin:0 0 18px;text-align:left}
.acc-note{display:flex;align-items:center;gap:14px;text-align:left;margin-top:20px;background:var(--fld);border-radius:15px;padding:15px 18px;font-size:14px;color:var(--muted);line-height:1.5}.acc-note svg{width:30px;height:30px;flex-shrink:0;color:var(--btn)}.acc-note b,.acc-note a{color:var(--ink);font-weight:600}
.acc-note.plain{background:transparent;padding:16px 0 0;border-top:1px solid var(--cardline);border-radius:0}
.acc-demo{margin-top:24px;padding-top:22px;border-top:1px solid var(--cardline);position:relative}.acc-demo::before{content:"";position:absolute;top:-2px;left:50%;width:44px;height:3px;margin-left:-22px;border-radius:3px;background:var(--accent)}
.acc-demo b{display:block;font-size:17px}.acc-demo p{margin:4px 0 14px;color:var(--muted);font-size:15px}
.acc-demo button,.acc-alt{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;border:0;border-radius:13px;background:#fdf1c7;color:#2c1f6e;font:inherit;font-weight:700;font-size:16px;cursor:pointer}.acc-demo button:hover{background:#fbe7a3}.acc-demo svg{width:22px;height:22px}
.acc-small{font-size:13px;color:var(--muted);margin:16px 0 0;text-align:left}.acc-small a{color:var(--btn);font-weight:600}
/* Temas */
.acc.t-pcmap{--logo:#1fa35a;--logoink:#fff;--ico:#0b2f6b}
.acc.t-juegos{--hero:#2a1a72;--hero2:#4a2fc0;--side:#f1eefb;--ink:#1d1550;--muted:#625b86;--fld:#ebe8fb;--fldb:#ddd7f6;--btn:#3a2690;--btnh:#2c1c72;--ico:#3a2690;--feat:#3d2a9a;--featb:#5b45c9;--logo:#3a2690;--logoink:#ffc21a;--kicker:#ffc21a;--cardline:#e6e1f6}
.acc.t-juegos .acc-logo{border:2px solid #8e78f0}
.acc.t-recorridos{--accent:#ffc21a;--accent2:#3f9bff;--logo:#0f3c86;--logoink:#fff;--kicker:#58a8ff}
.acc.t-gestion{--accent:#fcbe11;--accent2:#fcbe11;--logo:#1d3b6f;--logoink:#fff;--kicker:#fcd65a}
.acc.t-gestion h1 em{color:#fcbe11}.acc.t-gestion .acc-logo{border:2px solid #3d6593}
.acc.t-portafolios{--accent:#ffc21a;--accent2:#7fb2ff;--logo:#10243d;--logoink:#fff;--kicker:#9fc3ff}
.acc.t-portafolios h1 em{color:#ffc21a}.acc.t-portafolios .acc-logo{border:2px solid #3d6593}
.acc.t-recorridos h1 em{color:#3f9bff}.acc.t-recorridos .acc-logo{border:2px solid #3f7fe0}
.acc.t-arcade{--hero:#06180f;--hero2:#1c6b2c;--accent:#a8ec3a;--side:#08130e;--card:#0d1d16;--cardline:#21392c;--ink:#f1f7ee;--muted:#a8bcae;--fld:#eef4f0;--fldb:#d7e3da;--btn:#a8ec3a;--btnh:#c2fb64;--btnink:#0b1a10;--ico:#1d3a26;--icoink:#a8ec3a;--feat:#123321;--featb:#2f7a3f;--logo:#a8ec3a;--logoink:#0b1a10;--chipico:#a8ec3a}
.acc.t-arcade .acc-in input,.acc.t-arcade .acc-in>svg,.acc.t-arcade .acc-eye{color:#0b1a10}.acc.t-arcade .acc-note svg{color:#a8ec3a}.acc.t-arcade .acc-note{color:#c9d8cc}.acc.t-arcade .acc-note b{color:#fff}
.acc.t-arcade .acc-feats i{color:#a8ec3a}.acc.t-arcade .acc-cico{border:1px solid #2f6a3d}
/* Teléfono y tableta */
@media(max-width:980px){
  .acc{grid-template-columns:minmax(0,1fr);min-height:0}.acc-hero,.acc-side{min-width:0}.acc h1{overflow-wrap:anywhere}.acc-brand{white-space:normal}
  .acc-hero{padding:22px 20px 26px;gap:16px;min-height:0}
  .acc-photo{width:100%;opacity:.55}.acc-photo::after{background:linear-gradient(90deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 55%,transparent) 70%,color-mix(in srgb,var(--hero) 30%,transparent) 100%),linear-gradient(0deg,var(--hero) 0%,transparent 40%)}
  .acc-hero::before,.acc-hero::after{display:none}
  .acc-copy{max-width:100%;gap:14px}.acc-feats,.acc-chips{display:none}
  .acc-logo{width:52px;height:52px;border-radius:14px}.acc-logo svg{width:28px;height:28px}
  .acc h1{font-size:clamp(30px,8vw,40px)}.acc h1.md{font-size:clamp(34px,3.6vw,54px)}
.acc h1.mega{font-size:clamp(44px,13vw,64px)}
  .acc-lead{font-size:14.5px}.acc-kicker{margin-bottom:-6px}
  .acc-side{padding:22px 16px 40px}.acc-tag{display:none}
  .acc-card{border-radius:22px}.acc-cico{width:64px;height:64px;border-radius:17px}.acc-cico svg{width:32px;height:32px}
}
@media(max-width:420px){.acc-brand small{letter-spacing:.16em}.acc-btn{font-size:15.5px}}
.t-ariva{--hero:#0f2a38;--hero2:#16584d;--feat:#163f4f;--featb:#2f6d63;--accent:#8fc3b6;--accent2:#51b797;--logo:#102b3a;--logoink:#bddecc;--kicker:#8fc3b6;--btn:#187a64;--btnh:#11604e;--ico:#187a64}
.t-ariva h1 em{color:#8fc3b6;font-style:normal}
.t-ariva .acc-logo{border:2px solid #294350}
.t-extintores{--hero:#3b0d0d;--hero2:#7f1d1d;--feat:#5c1414;--featb:#8f3a2c;--accent:#fca5a5;--accent2:#f97316;--logo:#7f1d1d;--logoink:#fee2e2;--kicker:#fca5a5;--btn:#b42318;--btnh:#8f1c13;--ico:#b42318}
.t-extintores h1 em{color:#fca5a5;font-style:normal}
.t-extintores .acc-logo{border:2px solid #5c1f1f}

.acc-legal{display:inline-block;margin-top:6px;font-size:12px}.acc-legal a{color:var(--muted)}
.acc-acepto{display:flex;gap:9px;align-items:flex-start;text-align:left;font-size:13.5px;color:var(--muted);margin:6px 0 4px;line-height:1.45}.acc-acepto input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--btn)}.acc-acepto a{color:var(--btn);font-weight:600}
.acc-olvide{display:block;text-align:right;font-size:13px;font-weight:600;color:var(--btn);margin:-4px 0 12px;text-decoration:none}.acc-olvide:hover{text-decoration:underline}
.acc-ok{background:#e7f6ee;border:1px solid #b9e3cb;color:#11643e;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;margin:0 0 14px;text-align:left}
.t-sst{--hero:#0c3b46;--hero2:#12707a;--accent:#ffc21a;--accent2:#5cc8c2;--logo:#0c3b46;--logoink:#ffc21a;--kicker:#8fe0da;--btn:#12707a;--btnh:#0c5a62;--ico:#12707a;--feat:#0f4a55;--featb:#2a8a8f}
.t-sst h1 em{color:#ffc21a}
.t-sst .acc-logo{border:2px solid #2a8a8f}