/* Mi Ruta B · Lecciones cortas, sin visores PDF embebidos */
.learning-intro{display:flex;gap:15px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef5ff,#ffffff);padding:21px 23px;border:1px solid #dbe8fb;border-radius:19px;margin:8px 0 23px}
.learning-intro strong{display:block;font-size:16px;line-height:1.35;letter-spacing:-.4px;color:#1e426d}
.learning-intro p{font-size:12px;line-height:1.55;color:#617b9b;margin:6px 0 0}.learning-intro-icon{display:grid;place-items:center;width:53px;height:53px;flex:none;border:1px solid #c8dafa;border-radius:16px;background:#fff;color:#2864af}.learning-intro-icon svg{width:25px;height:25px}
.lesson-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}
.lesson-topic{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:14px;min-width:0;color:#253d60;box-shadow:0 3px 8px #17385a04;transition:border-color .14s,background .14s}
.lesson-topic:hover{border-color:#8cb3de}.lesson-topic.active{border-color:#4676c3;background:#eff6ff;box-shadow:0 0 0 2px #2b6ebc11}.lesson-topic .icon-svg{width:15px;height:15px;flex:none;margin-left:auto;color:#7892b4}.lesson-topic strong{display:block;font-size:12px;line-height:1.4}.lesson-topic small{display:block;font-size:10px;color:#68819d;margin-top:4px;line-height:1.4}.lesson-index{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:#edf3fc;color:#3770aa;font-weight:850;font-size:12px}
.lesson-detail{border:1px solid #dfe8f2;background:#fff;border-radius:20px;padding:25px;margin:16px 0 22px;scroll-margin-top:120px;box-shadow:0 5px 25px #163a6208}
.lesson-detail-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin:0 0 20px}.lesson-detail-head h2{font-size:24px;color:#1a3558;letter-spacing:-.9px;line-height:1.16;margin:7px 0}.lesson-detail-head p{color:#6f8299;font-size:12px;margin:0}.lesson-count{flex:none;font-weight:750;color:#4072b3;font-size:11px;background:#f1f6ff;padding:7px 11px;border-radius:99px}
.lesson-card{min-height:210px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center;padding:20px;border-radius:16px;border:1px solid #e2eaf7;background:linear-gradient(145deg,#f5f9ff,#fff)}
.lesson-card-art{display:grid;place-items:center;min-height:160px}.lesson-card-copy h3{font-size:22px;letter-spacing:-.7px;line-height:1.22;margin:10px 0;color:#203f68}.lesson-card-copy p{font-size:13px;line-height:1.65;color:#4f6685;margin:0;max-width:560px}
.lesson-sign{width:136px;height:136px;border-radius:24px;background:linear-gradient(135deg,#dae9ff,#a6c9fd);box-shadow:inset 0 -6px 13px #2e679719;display:grid;place-items:center;border:1px solid #b0cbed;color:#204e8a;font-size:42px;font-weight:900;letter-spacing:-2px}
.lesson-sign.stop{border-radius:30%;background:#c92b34;color:#fff;border:8px solid white;outline:3px solid #c92b34;font-size:30px;letter-spacing:.3px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}
.lesson-sign.give{border-radius:25px;background:#fff;color:#b62831;clip-path:polygon(50% 99%,0 0,100% 0);border:0;width:160px;height:143px}.lesson-sign.give span{font-size:18px;transform:translateY(-28px)}
.lesson-sign.ban{border-radius:50%;background:#fff;color:#bc2d37;border:13px solid #d53b43;font-size:34px}.lesson-sign.speed{background:#fff;border:12px solid #d03945;border-radius:50%;font-size:39px;color:#24354b}
.lesson-sign.generic{font-size:38px}
.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:16px 0 4px}.lesson-controls .btn{width:auto;min-width:104px}.lesson-pips{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.lesson-pip{border:0;background:#dce7f5;width:8px;height:8px;border-radius:10px;padding:0}.lesson-pip.active{width:23px;background:#3b74be}
.lesson-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.lesson-buttons .btn{font-size:12px;min-width:0;white-space:normal}
.lesson-source-note{color:#7b8aa2;font-size:10.5px;line-height:1.6;border-top:1px solid #e4eaf2;margin:22px 0 0;padding:13px 0 0}
.lesson-calculator{border:1px solid #dbe7f4;border-radius:15px;padding:18px;margin:20px 0;background:#f8fbff}.lesson-calculator label{display:block;font-weight:600;font-size:13px;color:#47627e;margin:15px 0 3px}.lesson-calculator input{width:100%;accent-color:#3973bd}.lesson-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.lesson-metrics>div{border:1px solid #dfeaf6;border-radius:11px;background:#fff;padding:11px}.lesson-metrics small{font-size:10px;color:#72869c;display:block}.lesson-metrics strong{font-size:22px;color:#265e9c}.lesson-calculator p{margin:10px 0 0}
.lesson-exercise{border-radius:15px;background:#f7faff;border:1px solid #dce7f3;padding:22px}.lesson-exercise h3{font-size:20px;line-height:1.35;margin:10px 0 17px}.lesson-option{display:block;text-align:left;width:100%;padding:14px 16px;margin:9px 0;border:1px solid #dce6f1;border-radius:12px;background:#fff;color:#324a6b;font-weight:650;font-size:13px}.lesson-option:hover:not(:disabled),.lesson-option.chosen{border-color:#5689cc;background:#eff6ff}.lesson-option.right{border-color:#3aac87;background:#e9f8f0}.lesson-option.wrong{border-color:#d35c70;background:#fff0f2}.lesson-exercise .callout{margin:16px 0}.lesson-exercise .link-btn{margin-top:10px}
.study-resources{background:#fff;border:1px solid #e0e7f1;border-radius:17px;padding:18px 21px;margin:23px 0}.study-resources summary{cursor:pointer;font-weight:780;color:#2b4b76;font-size:14px}.study-resources[open] summary{margin-bottom:15px}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.resource-link{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8faff;border:1px solid #e2e9f1;border-radius:12px;padding:13px;text-decoration:none;color:#315a8c}.resource-link strong{display:block;font-size:12px}.resource-link small{display:block;font-size:10px;color:#8191a4;margin-top:3px}.resource-link .icon-svg{width:16px;height:16px;flex:none}
.profile-photo-card{max-width:420px;margin:12px auto 22px;text-align:center}.profile-photo-card .btn{cursor:pointer;max-width:260px;margin:0 auto}.profile-photo-card .small-note{margin:11px auto}.avatar-container{display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#d7e8ff,#a8c7ed);color:#28558e;margin:0 auto 13px;width:90px;height:90px;box-shadow:0 4px 14px #1e4b7b15}.avatar-container svg{width:39px;height:39px}.avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;display:block}
@media(min-width:900px){.lesson-detail{padding:27px 32px}.lesson-topic strong{font-size:13px}}
@media(max-width:900px){.lesson-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.learning-intro{padding:17px}.learning-intro-icon{width:41px;height:41px}.learning-intro strong{font-size:14px}.lesson-topic-grid{gap:8px}.lesson-topic{padding:12px 9px;gap:7px}.lesson-index{width:26px;height:30px;font-size:10px}.lesson-topic .icon-svg{display:none}.lesson-topic strong{font-size:11px}.lesson-topic small{font-size:9px}.lesson-detail{padding:17px 14px}.lesson-detail-head h2{font-size:20px}.lesson-card{grid-template-columns:1fr;gap:0;padding:17px}.lesson-card-art{min-height:132px}.lesson-sign{width:105px;height:105px;font-size:30px}.lesson-sign.speed{font-size:30px}.lesson-sign.give{width:120px;height:114px}.lesson-sign.stop{font-size:22px}.lesson-card-copy h3{font-size:20px}.lesson-card-copy p{font-size:12px}.lesson-controls .btn{min-width:74px;padding:8px;font-size:11px}.lesson-buttons{grid-template-columns:1fr}.lesson-metrics strong{font-size:18px}.lesson-metrics>div{padding:8px}.lesson-metrics small{font-size:9px}.resource-list{grid-template-columns:1fr}.lesson-exercise{padding:14px}.study-resources{padding:15px}}
@media(max-width:350px){.lesson-metrics{gap:5px}.lesson-metrics strong{font-size:15px}.lesson-topic{padding:11px 7px}.lesson-topic strong{font-size:10px}.lesson-controls .btn{min-width:62px}}
body.dark .learning-intro,body.dark .lesson-card,body.dark .lesson-calculator,body.dark .lesson-exercise{background:#20344d;border-color:#3c526e}body.dark .lesson-detail,body.dark .study-resources,body.dark .lesson-topic{background:#1b2c42;border-color:#3c526e}body.dark .lesson-topic.active{background:#263f5c;border-color:#7aa8e5}body.dark .lesson-index{background:#2d486a;color:#d5e8ff}body.dark .lesson-detail-head h2,body.dark .lesson-card-copy h3,body.dark .learning-intro strong,body.dark .lesson-exercise h3,body.dark .lesson-topic strong{color:#e5f1ff}body.dark .lesson-card-copy p,body.dark .lesson-detail-head p,body.dark .learning-intro p,body.dark .lesson-topic small{color:#b7c9dd}body.dark .lesson-metrics>div,body.dark .lesson-option,body.dark .resource-link{background:#263b54;border-color:#405571;color:#dfeaff}body.dark .lesson-metrics strong,body.dark .study-resources summary{color:#d6e9ff}body.dark .lesson-option.right{background:#183f35}body.dark .lesson-option.wrong{background:#4b293a}body.dark .lesson-sign{color:#234c80}body.dark .lesson-sign.speed{color:#24354b}