/* CursosIA.ai — sección ¿Cómo funciona? V1.0.0. CSS aislado y sin dependencias. */
body.home .steps.steps-redesign,body.blog .steps.steps-redesign{
  position:relative;width:100%;max-width:none;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 390px 360px at -6% 48%,#e1f1ffbd,transparent 80%),radial-gradient(ellipse 360px 310px at 106% 28%,#e5f2ffb2,transparent 80%),linear-gradient(#fff 0%,#f9fcff 55%,#fff 100%);
  padding:74px 0 80px;margin:0;color:#102044;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.steps-redesign *{box-sizing:border-box}
.steps-redesign .cihow-wrap{max-width:1370px;width:92%;margin:0 auto;position:relative}
.steps-redesign .cihow-heading{text-align:center;max-width:860px;margin:0 auto 55px}
.steps-redesign .cihow-eyebrow{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:9px 28px;background:#e9f1ff;color:#2863ef;font-size:14px;font-weight:850;letter-spacing:.035em;margin-bottom:19px}
.steps-redesign .cihow-heading h2{margin:0 0 15px;font-weight:900;font-size:clamp(38px,4.3vw,64px);letter-spacing:-2px;line-height:1.12;color:#091b45}
.steps-redesign .cihow-heading h2 span{position:relative;display:inline-block;z-index:0}
.steps-redesign .cihow-heading h2 span:after{content:"";position:absolute;height:10px;bottom:-2px;left:9%;right:3%;background:#b3c6ff;clip-path:polygon(0 40%,100% 10%,100% 48%,0 100%);border-radius:50%;z-index:-1}
.steps-redesign .cihow-heading p{margin:0;color:#6b7c9a;font-weight:450;font-size:clamp(16px,1.5vw,22px);line-height:1.5}
.steps-redesign .cihow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:49px;position:relative;z-index:2}
.steps-redesign .cihow-card{position:relative;border-radius:27px;min-width:0;min-height:420px;padding:45px 27px 26px;background:#fff;border:1px solid #eaf0fa;box-shadow:0 14px 36px #214e9b10;display:flex;flex-direction:column;align-items:center;text-align:center}
.steps-redesign .cihow-card--featured{background:linear-gradient(170deg,#f3f8ff,#fafdff 83%);border:2px solid #c6d8ff;box-shadow:0 14px 38px #305ce816}
.steps-redesign .cihow-number{position:absolute;top:29px;left:29px;width:51px;height:51px;background:#3167fa;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:850;line-height:1}
.steps-redesign .cihow-illustration{position:relative;flex:none;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#e2efff,#f1f6ff);color:#3167fa;margin:0 auto 21px}
.steps-redesign .cihow-illustration>svg:first-child{width:66px;height:66px}
.steps-redesign .cihow-illustration--trophy{color:#f9ac13;background:linear-gradient(145deg,#fff1d9,#fff9ee)}
.steps-redesign .cihow-rays{width:42px;height:42px;position:absolute;right:-37px;top:-19px;color:#6a94ff}
.steps-redesign .cihow-card h3{font-size:clamp(20px,1.6vw,26px);line-height:1.2;letter-spacing:-.7px;font-weight:850;color:#0c1d48;margin:0 0 16px}
.steps-redesign .cihow-card>p{font-size:clamp(14px,1.2vw,18px);line-height:1.57;color:#6a7894;font-weight:440;max-width:370px;margin:0 0 27px}
.steps-redesign .cihow-feature{margin:auto 0 0;border-radius:15px;width:100%;min-height:82px;padding:16px 16px;display:flex;align-items:center;gap:13px;text-align:left;background:#eaf4ff}
.steps-redesign .cihow-feature--purple{background:#f0edff}
.steps-redesign .cihow-feature--green{background:#eaf9ed}
.steps-redesign .cihow-feature>svg{width:42px;height:42px;flex:0 0 42px;color:#376af5}
.steps-redesign .cihow-feature--purple>svg{color:#8956ed}
.steps-redesign .cihow-feature--green>svg{color:#0bbd70}
.steps-redesign .cihow-feature strong{display:block;font-size:clamp(12px,1vw,16px);line-height:1.25;font-weight:850;color:#142451;margin-bottom:5px}
.steps-redesign .cihow-feature small{display:block;font-size:clamp(11px,.91vw,14px);line-height:1.3;color:#617190;font-weight:450}
.steps-redesign .cihow-arrow{position:absolute;z-index:4;top:40%;right:-54px;width:59px;height:42px;color:#7c9dfb;pointer-events:none}
.steps-redesign .cihow-arrow svg{width:100%;height:100%}
.steps-redesign .cihow-handnote{position:absolute;right:-70px;top:39px;font-size:15px;line-height:1.15;font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:600;font-style:italic;text-align:center;color:#5568ed;transform:rotate(-10deg);pointer-events:none}
.steps-redesign .cihow-handnote svg{display:block;width:75px;height:67px;transform:translate(44px,-2px)}
.steps-redesign .cihow-decoration{position:absolute;left:-62px;top:190px;width:78px;height:83px;color:#87a4ff;transform:rotate(-13deg);pointer-events:none}
body.dark .steps.steps-redesign{background:radial-gradient(ellipse at 0% 50%,#1c3764,transparent 38%),linear-gradient(#0f1c36,#172743 65%,#101d36);color:#e8efff}
body.dark .steps-redesign .cihow-heading h2,body.dark .steps-redesign .cihow-card h3{color:#f4f6ff}
body.dark .steps-redesign .cihow-heading p,body.dark .steps-redesign .cihow-card>p{color:#b5c5df}
body.dark .steps-redesign .cihow-card{background:#1b2b4c;border-color:#354967}
body.dark .steps-redesign .cihow-card--featured{background:#1b335f;border-color:#577bdd}
body.dark .steps-redesign .cihow-feature{background:#253d65}
body.dark .steps-redesign .cihow-feature--purple{background:#393462}
body.dark .steps-redesign .cihow-feature--green{background:#1f453f}
body.dark .steps-redesign .cihow-feature strong{color:#f1f5ff}
body.dark .steps-redesign .cihow-feature small{color:#c5d2e8}
@media(max-width:1300px){
 .steps-redesign .cihow-grid{gap:30px}
 .steps-redesign .cihow-arrow{right:-34px;width:39px}
 .steps-redesign .cihow-handnote{right:-24px;top:5px;font-size:11px}
 .steps-redesign .cihow-handnote svg{width:47px;height:48px}
 .steps-redesign .cihow-decoration{left:-32px;width:51px}
}
@media(max-width:1024px){
 body.home .steps.steps-redesign,body.blog .steps.steps-redesign{padding:62px 0 67px}
 .steps-redesign .cihow-grid{gap:22px}
 .steps-redesign .cihow-card{padding:40px 18px 21px;min-height:414px;border-radius:21px}
 .steps-redesign .cihow-number{top:20px;left:18px;width:43px;height:43px;font-size:22px}
 .steps-redesign .cihow-illustration{width:79px;height:79px;border-radius:23px}
 .steps-redesign .cihow-illustration>svg:first-child{width:54px;height:54px}
 .steps-redesign .cihow-card h3{font-size:clamp(17px,2vw,22px)}
 .steps-redesign .cihow-card>p{font-size:clamp(13px,1.4vw,16px)}
 .steps-redesign .cihow-feature{padding:13px;gap:9px;min-height:75px}
 .steps-redesign .cihow-feature>svg{width:33px;height:33px;flex-basis:33px}
 .steps-redesign .cihow-feature strong{font-size:clamp(11px,1.2vw,14px)}
 .steps-redesign .cihow-feature small{font-size:clamp(10px,1.08vw,13px)}
 .steps-redesign .cihow-arrow{right:-27px;width:31px}
 .steps-redesign .cihow-handnote{display:none}
}
@media(max-width:750px){
 body.home .steps.steps-redesign,body.blog .steps.steps-redesign{padding:55px 0 62px}
 .steps-redesign .cihow-wrap{width:min(92%,550px)}
 .steps-redesign .cihow-heading{margin-bottom:36px}
 .steps-redesign .cihow-eyebrow{font-size:12px;padding:8px 20px;margin-bottom:16px}
 .steps-redesign .cihow-heading h2{font-size:clamp(35px,7.8vw,50px);letter-spacing:-1.4px}
 .steps-redesign .cihow-heading p{font-size:15px}
 .steps-redesign .cihow-grid{grid-template-columns:1fr;gap:30px}
 .steps-redesign .cihow-card{min-height:0;padding:29px 26px 24px;border-radius:23px}
 .steps-redesign .cihow-number{width:45px;height:45px;left:23px;top:23px;font-size:24px}
 .steps-redesign .cihow-illustration{width:90px;height:90px;margin-bottom:18px}
 .steps-redesign .cihow-illustration>svg:first-child{width:63px;height:63px}
 .steps-redesign .cihow-card h3{font-size:23px}
 .steps-redesign .cihow-card>p{font-size:15px;margin-bottom:25px}
 .steps-redesign .cihow-feature{max-width:440px;min-height:78px;padding:15px 17px;gap:13px}
 .steps-redesign .cihow-feature>svg{width:39px;height:39px;flex-basis:39px}
 .steps-redesign .cihow-feature strong{font-size:14px}
 .steps-redesign .cihow-feature small{font-size:13px}
 .steps-redesign .cihow-arrow{right:calc(50% - 20px);top:auto;bottom:-31px;width:40px;transform:rotate(90deg)}
 .steps-redesign .cihow-decoration{display:none}
}
@media(max-width:430px){
 body.home .steps.steps-redesign,body.blog .steps.steps-redesign{padding:47px 0 53px}
 .steps-redesign .cihow-heading h2{font-size:36px}
 .steps-redesign .cihow-heading p{font-size:14px}
 .steps-redesign .cihow-card{padding:27px 16px 19px}
 .steps-redesign .cihow-number{left:18px;top:19px;width:40px;height:40px;font-size:22px}
 .steps-redesign .cihow-illustration{width:78px;height:78px}
 .steps-redesign .cihow-illustration>svg:first-child{width:53px;height:53px}
 .steps-redesign .cihow-rays{width:32px;right:-27px;top:-16px}
 .steps-redesign .cihow-card h3{font-size:20px}
 .steps-redesign .cihow-card>p{font-size:14px}
 .steps-redesign .cihow-feature{padding:13px;gap:10px}
 .steps-redesign .cihow-feature>svg{width:30px;height:30px;flex-basis:30px}
 .steps-redesign .cihow-feature strong{font-size:12px}
 .steps-redesign .cihow-feature small{font-size:11px}
}