/* CursosIA.ai — beneficios 2.2.0. Imágenes originales del diseño aprobado. */
body.home .benefits-redesign {
  width:100%; max-width:none; position:relative; overflow:hidden;
  padding:66px 0 82px;
  background:
    radial-gradient(ellipse 42% 34% at -8% 28%, rgba(237,245,255,.88), transparent 98%),
    radial-gradient(ellipse 44% 37% at 108% 10%, rgba(231,240,253,.80), transparent 100%),
    linear-gradient(180deg,#fff 0%,#fafdff 64%,#fff 100%);
}
body.home .benefits-redesign .benefits-shell {max-width:1800px;width:min(92%,1800px)}
body.home .benefits-redesign .benefits-head {max-width:1260px;text-align:center;margin:0 auto 41px}
body.home .benefits-redesign .benefits-heading-wrap {display:flex;align-items:center;justify-content:center;gap:18px}
body.home .benefits-redesign .benefit-heading-spark {width:50px;height:54px;flex:0 0 50px;fill:none;stroke:#a9eb67;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
body.home .benefits-redesign h2 {margin:0 0 15px;font-size:clamp(31px,3.2vw,50px);line-height:1.13;letter-spacing:-1.55px;font-weight:900;color:#091944}
body.home .benefits-redesign h2 span {color:#3464ff}
body.home .benefits-redesign .benefits-head p {margin:0 auto;max-width:1100px;font-size:clamp(15px,1.23vw,19px);line-height:1.55;color:#687894}
body.home .benefits-redesign .benefits-grid-redesign {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:22px}
body.home .benefits-redesign .benefit-card-redesign {display:flex;flex-direction:column;min-width:0;min-height:390px;position:relative;padding:18px 25px 26px;border:1px solid #e8eefb;border-radius:25px;background:#fff;box-shadow:0 17px 40px rgba(32,59,128,.055);overflow:hidden}
body.home .benefits-redesign .benefit-visual {display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:145px;margin:0 0 14px;overflow:hidden;flex-shrink:0}
body.home .benefits-redesign .benefit-visual img {display:block;width:100%;height:145px;object-fit:contain;object-position:center center;mix-blend-mode:multiply}
body.home .benefits-redesign .benefit-copy h3 {font-size:clamp(19px,1.42vw,24px);line-height:1.22;letter-spacing:-.5px;font-weight:850;color:#0b1d4b;margin:0 0 13px}
body.home .benefits-redesign .benefit-copy p {font-size:clamp(15px,1.05vw,17px);line-height:1.53;font-weight:400;color:#667692;margin:0}
body.home .benefits-redesign .benefit-link {display:flex;align-items:center;justify-content:center;width:60px;height:39px;border-radius:50px;margin-top:auto;position:relative;top:8px;transition:transform .18s ease}
body.home .benefits-redesign .benefit-link:hover {transform:translateX(3px)}
body.home .benefits-redesign .benefit-link .icon {width:22px;height:22px;stroke-width:2.1}
body.home .benefits-redesign .benefit-green .benefit-link {background:#eaf9eb;color:#39bc52}
body.home .benefits-redesign .benefit-purple .benefit-link {background:#f1e4ff;color:#8e3cf4}
body.home .benefits-redesign .benefit-orange .benefit-link {background:#fff0e4;color:#ff8619}
body.home .benefits-redesign .benefit-blue .benefit-link {background:#eaf0ff;color:#2967fb}
body.dark.home .benefits-redesign {background:linear-gradient(180deg,#101d38,#14243f)}
body.dark.home .benefits-redesign .benefit-card-redesign {background:#1b2a4a;border-color:#36496c;box-shadow:0 14px 36px rgba(0,0,0,.2)}
body.dark.home .benefits-redesign h2,body.dark.home .benefits-redesign .benefit-copy h3 {color:#f0f5ff}
body.dark.home .benefits-redesign .benefits-head p,body.dark.home .benefits-redesign .benefit-copy p {color:#b9c9e3}
body.dark.home .benefits-redesign .benefit-visual img {mix-blend-mode:normal;border-radius:14px}
/* Desktop estrecho: 4 columnas mientras los textos y dibujos mantengan dimensiones legibles. */
@media(max-width:1450px) {
 body.home .benefits-redesign .benefits-grid-redesign {gap:16px}
 body.home .benefits-redesign .benefit-card-redesign {padding:18px 18px 24px;min-height:385px}
 body.home .benefits-redesign .benefit-visual,body.home .benefits-redesign .benefit-visual img {height:119px}
 body.home .benefits-redesign .benefit-copy h3 {font-size:20px}
 body.home .benefits-redesign .benefit-copy p {font-size:15px}
}
@media(max-width:1050px) {
 body.home .benefits-redesign {padding:60px 0 70px}
 body.home .benefits-redesign .benefits-grid-redesign {grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
 body.home .benefits-redesign .benefit-card-redesign {min-height:350px;padding:20px 24px 25px}
 body.home .benefits-redesign .benefit-visual,body.home .benefits-redesign .benefit-visual img {height:145px}
 body.home .benefits-redesign .benefit-copy h3 {font-size:22px}
 body.home .benefits-redesign .benefit-copy p {font-size:16px}
}
@media(max-width:680px) {
 body.home .benefits-redesign {padding:45px 0 61px}
 body.home .benefits-redesign .benefits-shell {width:min(91%,530px)}
 body.home .benefits-redesign .benefits-head {margin-bottom:27px}
 body.home .benefits-redesign .benefits-heading-wrap {gap:4px}
 body.home .benefits-redesign h2 {font-size:clamp(26px,7.3vw,35px);letter-spacing:-.75px;line-height:1.16;margin-bottom:13px}
 body.home .benefits-redesign .benefit-heading-spark {width:23px;height:32px;flex-basis:23px;stroke-width:7}
 body.home .benefits-redesign .benefits-head p {font-size:15px;line-height:1.55}
 body.home .benefits-redesign .benefits-grid-redesign {grid-template-columns:1fr;gap:17px}
 body.home .benefits-redesign .benefit-card-redesign {min-height:345px;padding:17px 24px 23px;border-radius:23px}
 body.home .benefits-redesign .benefit-visual,body.home .benefits-redesign .benefit-visual img {height:142px}
 body.home .benefits-redesign .benefit-copy h3 {font-size:23px;margin-bottom:10px}
 body.home .benefits-redesign .benefit-copy p {font-size:16px;line-height:1.5}
 body.home .benefits-redesign .benefit-link {width:59px;height:40px;top:9px}
}
@media(max-width:390px) {
 body.home .benefits-redesign .benefit-card-redesign {padding:15px 19px 21px;min-height:332px}
 body.home .benefits-redesign .benefit-visual,body.home .benefits-redesign .benefit-visual img {height:122px}
 body.home .benefits-redesign .benefit-copy h3 {font-size:21px}
 body.home .benefits-redesign .benefit-copy p {font-size:15px}
}