/* Academia SST · kitssst.com/academia (usa la base de /planes/planes.css) */
.a-hero{background:radial-gradient(120% 120% at 80% 0,#16316b 0,#0b1730 55%,#08122a 100%);color:#fff;overflow:hidden}
.a-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;align-items:center;padding-top:34px;padding-bottom:34px}
.a-copy .kicker{font-size:12.5px}
.a-hero h1{white-space:nowrap;font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(42px,5.4vw,76px);letter-spacing:-2px;line-height:1;margin:12px 0 10px}.a-hero h1 span{color:var(--yellow)}
.a-sub{font-size:clamp(20px,2.1vw,26px);line-height:1.25;margin:0 0 12px;color:#fff;max-width:28ch}
.a-lead{color:#c9d4e8;font-size:16px;margin:0 0 24px;max-width:46ch}
.a-feats{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:center}
.a-feats i{width:58px;height:58px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(160deg,#2c74ee,#1748b8);box-shadow:0 10px 22px -10px #2f7bff;border:2px solid #4c8cf5}.a-feats i svg{width:27px;height:27px;color:#fff}
.a-feats b{display:block;font-size:14px;line-height:1.25}.a-feats span{display:block;font-size:12px;color:#aebbd3;margin-top:3px}
.a-go{font-size:17px;padding:16px 26px;border-radius:14px;box-shadow:0 14px 30px -14px #ffc21a}.a-go svg{width:20px;height:20px}
.a-note{display:block;color:#aebbd3;font-size:12px;margin:10px 0 0 18px}
.a-photo{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px #000;container-type:inline-size}
.a-photo img{width:100%;height:auto}
.a-photo .a-card{position:absolute;left:56%;top:65.5%;width:41%;height:31%;border-radius:2.4cqw;background:#0d2149f2;border:1px solid #ffffff2e;display:flex;align-items:center;gap:3cqw;padding:2.6cqw 3cqw;font-size:2.55cqw;font-weight:600;line-height:1.35;color:#fff;backdrop-filter:blur(6px)}
.a-photo .a-card svg{width:7cqw;height:7cqw;color:var(--yellow)}
/* Catálogo */
#cursos{padding-top:46px}
.a-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.a-head .eyebrow{color:#3b4a64}.a-head p{max-width:400px;color:var(--muted);margin:0;font-size:14.5px}
.a-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 20px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:10px 16px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}.chip svg{width:17px;height:17px}.chip span{font-weight:500;color:var(--muted)}
.chip:hover{border-color:#b9cdf0}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.chip.on span{color:#dbe7ff}
.a-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:0 16px;min-width:min(300px,100%)}.a-search svg{width:18px;height:18px;color:var(--muted)}.a-search input{border:0;outline:none;font:inherit;font-size:14.5px;padding:12px 0;flex:1;min-width:0;background:transparent}
.a-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #dbe7ff}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.course{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px -26px #0b1730;transition:transform .15s,box-shadow .15s}
.course:hover{transform:translateY(-2px);box-shadow:0 20px 40px -26px #0b1730}
.course[hidden],.promo[hidden]{display:none}
.banner{position:relative;height:118px;background-size:cover,cover;background-repeat:no-repeat;color:#fff;padding:38px 16px 12px;display:flex;flex-direction:column;justify-content:center}
.banner .tag{position:absolute;top:10px;left:12px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:7px;color:#fff}
.b-code{font-family:Archivo,sans-serif;font-weight:900;font-size:27px;line-height:1;letter-spacing:-.5px;text-shadow:0 2px 10px #0006;white-space:nowrap}.b-code.sm{font-size:clamp(18px,1.75vw,23px);letter-spacing:-.3px}
.b-sub{font-size:13px;font-weight:600;color:#ffd75e;margin-top:5px;max-width:72%;line-height:1.25}.b-sub.big{font-family:Archivo,sans-serif;font-size:26px;font-weight:900;color:#ffb347;margin-top:2px}
.c-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.c-body h3{font-family:Archivo,sans-serif;font-weight:800;font-size:17.5px;line-height:1.22;margin:0 0 8px;letter-spacing:-.2px}
.c-body p{color:var(--muted);font-size:13.5px;margin:0 0 14px;flex:1}
.meta{display:flex;justify-content:space-between;font-size:13.5px;color:#3b4a64;margin-bottom:14px}.meta span{display:inline-flex;align-items:center;gap:7px}.meta svg{width:17px;height:17px;color:var(--blue)}.meta .hrs svg{color:#e0a100}
.c-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--yellow);color:var(--ink);text-decoration:none;font-weight:700;font-size:14.5px;padding:12px;border-radius:11px}.c-btn:hover{background:#ffd34f}.c-btn svg{width:17px;height:17px}
.promo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:center;background:linear-gradient(135deg,#0e2148,#0b1730);color:#fff;border-radius:18px;padding:22px 30px 22px 22px;overflow:hidden}
.promo img{width:100%;border-radius:12px}.promo .eyebrow{color:#c9d4e8;font-size:11px}.promo .eyebrow::before{background:var(--yellow);width:24px}
.promo h3{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(24px,2.4vw,32px);line-height:1.08;margin:10px 0 10px}.promo p{color:#c9d4e8;margin:0 0 18px}.promo .btn{font-size:15.5px;padding:14px 22px}
.empty{text-align:center;color:var(--muted);padding:30px 0}
.how{margin:30px 0 0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:14px;padding:18px 22px;display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}.how>b{font-family:Archivo,sans-serif;font-size:17px}
.how ol{margin:0;padding-left:20px;display:flex;gap:10px 30px;flex-wrap:wrap;font-size:14.5px;color:#3b4a64}
.benefits{padding:46px 0 40px}.benefits .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.benefits div>div,.benefits .wrap>div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start}
.benefits i{grid-row:span 2;width:52px;height:52px;display:grid;place-items:center;color:var(--blue)}.benefits i svg{width:40px;height:40px}
.benefits b{font-size:15px}.benefits span{font-size:13.5px;color:var(--muted)}
@media(max-width:1020px){.a-hero-grid{grid-template-columns:1fr}.a-photo{max-width:640px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.a-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.grid{grid-template-columns:minmax(0,1fr)}.promo{grid-column:auto;grid-template-columns:1fr;padding:20px}.benefits .wrap{grid-template-columns:minmax(0,1fr)}.a-go{width:100%}.a-note{text-align:center;margin-left:0}
 .a-tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.chips{min-width:0}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:none}.chip{white-space:nowrap}.how{flex-direction:column;gap:8px}.how ol{flex-direction:column;gap:6px}}