/* Cuatro formas de aprender: tarjetas compactas de color liso (sin degradados), paleta de marca */
.ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.way{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"i t" "p p";column-gap:12px;row-gap:8px;align-items:center;padding:16px 18px;border-radius:12px;color:#13244A;border:1px solid #13244A1f}
.way svg{grid-area:i;width:28px;height:28px}
.way h3{grid-area:t;margin:0;font:800 14px/1.1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.way p{grid-area:p;margin:0;font-size:13px;line-height:1.45}
.w1{background:#C4EAF2}.w2{background:#E8D7B5;border-color:#C8A46B}.w3{background:#C8A46B}.w4{background:#2E56A6;color:#E8D7B5;border-color:#2E56A6}
html[data-theme=dark] .w2{background:#D6B98B}
@media(max-width:1000px){.ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ways{grid-template-columns:1fr;gap:10px}.way{padding:14px 16px}}