.rutas-view{background:#f4f6f9;min-height:100vh}.rutas-hero{color:#fff;background:linear-gradient(150deg,#00294d,#013257)}.rutas-hero-inner{align-items:center;gap:2.5rem;max-width:1180px;margin:0 auto;padding:44px 1.5rem 40px;display:flex}.rutas-hero-text{flex:480px;min-width:0}.rutas-hero-visual{flex:none;justify-content:center;align-self:flex-end;align-items:flex-end;width:480px;max-width:40%;margin-bottom:-40px;display:flex;position:relative}.rutas-hero-visual img{object-fit:contain;filter:drop-shadow(0 18px 30px #00000059);width:100%;height:auto;display:block;position:relative}.rutas-hero-glow{filter:blur(6px);background:radial-gradient(circle,#f2b20047,#0000 70%);position:absolute;inset:8% 10%}@media (width<=860px){.rutas-hero-visual{display:none}}.rutas-breadcrumb{font-size:13px}.rutas-hero-inner h1{letter-spacing:-.025em;color:#fff;margin:14px 0 10px;font-size:36px;font-weight:800}.rutas-hero-inner p{color:#c3d2e2;max-width:640px;margin:0;font-size:15.5px;line-height:1.6}.rutas-hero-stats{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.rutas-hero-stat{background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;min-width:150px;padding:14px 20px;display:flex}.rutas-hero-stat .icon-box{color:#f2b200;background:#ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.rutas-hero-stat b{font-size:21px;font-weight:800;line-height:1.1;display:block}.rutas-hero-stat span{color:#9fb6ce;font-size:12px}.rutas-how{background:#fff;border-bottom:1px solid #00294d12}.rutas-how-inner{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:0 auto;padding:26px 1.5rem;display:grid}.rutas-how-step{align-items:flex-start;gap:14px;display:flex}.rutas-how-step>svg{color:#0545d2;flex-shrink:0;width:20px;height:20px;margin-top:3px}.rutas-how-num{color:#fff;background:#00294d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:12.5px;font-weight:800;display:flex}.rutas-how-step h4{color:#00294d;margin:0 0 4px;font-size:16px;font-weight:700}.rutas-how-step p{color:#64748b;margin:0;font-size:14px;line-height:1.55}@media (width<=720px){.rutas-how-inner{grid-template-columns:1fr;gap:16px}}.rutas-main{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.rutas-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}@media (width<=900px){.rutas-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.rutas-grid{grid-template-columns:1fr}}.ruta-card2{background:#fff;border-radius:20px;flex-direction:column;height:100%;padding:22px 22px 20px;transition:box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #00294d12}.ruta-card2-inner{flex-direction:column;flex:1;min-height:0;display:flex}.ruta-card2-actions{flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.ruta-card2-accent{background:linear-gradient(90deg, var(--ruta-accent), color-mix(in srgb, var(--ruta-accent) 40%, white));height:5px;position:absolute;top:0;left:0;right:0}.ruta-card2:hover{box-shadow:0 16px 36px -4px color-mix(in srgb, var(--ruta-accent) 22%, #00294d1f);transform:translateY(-4px)}.ruta-card2:hover .ruta-icon2{transform:scale(1.07)rotate(-2deg)}.ruta-card2-top-row{justify-content:space-between;align-items:flex-start;margin-top:3px;margin-bottom:14px;display:flex}.ruta-icon2{border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .25s cubic-bezier(.2,.8,.3,1);display:flex}.ruta-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.ruta-badge .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ruta-badge.no-iniciada{background:color-mix(in srgb, var(--ruta-accent,#0545d2) 10%, white);color:color-mix(in srgb, var(--ruta-accent,#0545d2) 65%, #4a5568)}.ruta-badge.no-iniciada .dot{background:var(--ruta-accent,#a0aab4)}.ruta-badge.en-progreso{color:#0545d2;background:#0545d217}.ruta-badge.en-progreso .dot{background:#0545d2}.ruta-badge.meta-alcanzada{color:#9a7400;background:#f2b20026}.ruta-badge.proximamente{color:#7b8794;background:#7b87941f}.ruta-badge.proximamente .dot{background:#8a97a6}.ruta-badge.sugerida{color:#0f8a3e;background:#10a34a24}.rutas-category-filter{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin-bottom:22px;padding-bottom:6px;display:flex;overflow-x:auto}.rutas-category-filter::-webkit-scrollbar{display:none}.rutas-category-chip{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #00294d1f;border-radius:22px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.rutas-category-chip:hover{background:#00294d0d;border-color:#00294d33}.rutas-category-chip.active{color:#fff;background:#00294d;border-color:#00294d}.rutas-category-chip-count{color:#64748b;background:#00294d12;border-radius:10px;padding:1px 7px;font-size:11.5px;font-weight:800;line-height:1.5}.rutas-category-chip.active .rutas-category-chip-count{color:#fff;background:#ffffff2e}.ruta-card2-title{color:#00294d;letter-spacing:-.01em;margin:0 0 4px;font-size:17.5px;font-weight:800;line-height:1.25}.ruta-card2-meta{color:#7b8794;margin-bottom:8px;font-size:12.5px}.ruta-card2-certline{color:#9a7400;background:#f2b2001f;border-radius:7px;align-items:flex-start;gap:6px;margin-bottom:16px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.ruta-card2-certline>span{flex:1;min-width:0}.ruta-card2-certline svg{flex-shrink:0;margin-top:2px}.ruta-card2-certline b{font-weight:800}.ruta-card2-certline.proximamente{color:#6b7480;background:#00294d0d}.ruta-suggested-line{color:#0e7490;background:#0e749014;border-radius:7px;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.ruta-suggested-line>span:first-child{flex-shrink:0}.ruta-suggested-line>span:last-child{flex:1;min-width:0}.ruta-suggested-line b{font-weight:700}.ruta-horas-num{color:#00294d;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.2}.ruta-horas-num small{color:#7b8794;margin-left:5px;font-size:13px;font-weight:500}.ruta-progress-track2{background:#00294d12;border-radius:6px;height:9px;margin-top:12px;position:relative}.ruta-progress-fill2{border-radius:6px;height:100%;transition:width .5s}.ruta-progress-marker{background:#00294d38;width:2px;position:absolute;top:-3px;bottom:-3px}.ruta-progress-labels{color:#8a97a6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:10.5px;display:flex}.ruta-cta{text-align:center;cursor:pointer;color:#00294d;background:#fff;border:1.5px solid #00294d24;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:16px;padding:11px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.ruta-cta:hover{background:color-mix(in srgb, var(--ruta-accent,#00294d) 6%, white);border-color:color-mix(in srgb, var(--ruta-accent,#00294d) 35%, #00294d24);color:var(--ruta-accent,#00294d)}.ruta-cta.solid{color:#fff;background:linear-gradient(135deg,#f2b200,#d89600);border:none}.ruta-cta.solid:hover{filter:brightness(1.05)}.ruta-cta.ruta-cta-accent{background:var(--ruta-accent,#00294d);color:#fff;border:none}.ruta-cta.ruta-cta-accent:hover{background:var(--ruta-accent,#00294d);color:#fff;filter:brightness(1.1)}.ruta-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#0014288c;justify-content:center;align-items:center;padding:24px;animation:.15s rutaFadeIn;display:flex;position:fixed;inset:0}@keyframes rutaFadeIn{0%{opacity:0}to{opacity:1}}.ruta-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:620px;max-height:min(80vh,720px);animation:.18s cubic-bezier(.2,.8,.3,1) rutaModalIn;display:flex;position:relative;box-shadow:0 24px 60px #00142859}@keyframes rutaModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.ruta-modal-close{color:#4a5568;cursor:pointer;z-index:2;background:#00294d0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.ruta-modal-close:hover{background:#00294d1f}.ruta-modal-2col{max-width:900px}.ruta-modal-2col-body{flex:1;grid-template-columns:280px 1fr;min-height:0;display:grid;overflow:hidden}.ruta-modal-left{background:#fafbfd;border-right:1px solid #00294d14;flex-direction:column;padding:26px 22px;display:flex;overflow-y:auto}.ruta-modal-left-title{color:#00294d;margin:12px 0 4px;font-size:17px;font-weight:800;line-height:1.3}.ruta-modal-progress-box{background:#fff;border:1px solid #00294d14;border-radius:12px;margin:16px 0;padding:14px 16px}.ruta-howto{background:#f2b20014;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.ruta-howto-title{color:#9a7400;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.ruta-howto-step{color:#4a5568;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;display:flex}.ruta-howto-step>span:last-child{flex:1;min-width:0}.ruta-howto-step b{color:#00294d}.ruta-howto-num{color:#fff;background:#f2b200;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10.5px;font-weight:800;display:flex}.ruta-modal-right{min-width:0;padding:26px 24px;overflow-y:auto}.ruta-modal-footer{border-top:1px solid #00294d14;flex-shrink:0;padding:14px 20px}.ruta-modal-footer .ruta-cta{margin-top:0}@media (width<=640px){.ruta-modal-backdrop{align-items:flex-end;padding:0}.ruta-modal{border-radius:18px 18px 0 0;max-width:none;max-height:90vh}.ruta-modal-2col-body{grid-template-columns:1fr;overflow-y:auto}.ruta-modal-left{border-bottom:1px solid #00294d14;border-right:none}}.ruta-expand-panel-title{letter-spacing:.06em;text-transform:uppercase;color:#8a97a6;margin-bottom:8px;font-size:11px;font-weight:700}.ruta-expand-panel-title .hint{text-transform:none;letter-spacing:normal;color:#b0b9c2;font-size:11px;font-weight:500}.ruta-course-legend{gap:16px;margin-bottom:8px;display:flex}.ruta-course-legend span{color:#8a97a6;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.ruta-course-list{flex-direction:column;gap:2px;display:flex}.ruta-course-row{cursor:pointer;color:inherit;border-radius:9px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:13.5px;text-decoration:none;display:flex}.ruta-course-row:hover{background:#f7f9fc}.ruta-course-row.done{background:#2f6e4e0d}.ruta-course-row.suggested{background:#0e74900f;border:1px solid #0e74902e}.ruta-course-row.suggested:hover{background:#0e74901a}.ruta-suggested-tag{color:#0e7490;white-space:nowrap;background:#0e74901f;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.ruta-course-row>svg{margin-top:2px}.ruta-course-row-body{flex:1;min-width:0}.ruta-course-row-top{align-items:baseline;gap:7px;display:flex}.ruta-course-row .name{color:#363636;flex:1;line-height:1.4}.ruta-course-row-ext{color:#b0b9c2;opacity:0;flex-shrink:0;transition:opacity .15s}.ruta-course-row:hover .ruta-course-row-ext{opacity:1}.ruta-course-row .hrs{color:#8a97a6;flex-shrink:0;font-family:monospace;font-size:11.5px}.ruta-course-row-track{background:#00294d12;border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.ruta-course-row-fill{border-radius:4px;height:100%;transition:width .4s}.rutas-wa-float{color:#fff;z-index:40;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 6px 18px #25d36666}.rutas-wa-float:hover{transform:scale(1.07);box-shadow:0 8px 22px #25d36680}@media (width<=640px){.rutas-wa-float{width:48px;height:48px;bottom:16px;right:16px}}.rutas-advisor-banner{color:#fff;background:linear-gradient(135deg,#013257,#0e7c5a);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.75rem 2rem;display:flex}.rutas-advisor-banner-text{flex:380px;min-width:0}.rutas-advisor-banner-tag{letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.rutas-advisor-banner-text h3{color:#fff;margin:0 0 4px;font-size:1.15rem;font-weight:800}.rutas-advisor-banner-text p{color:#c3d2e2;max-width:52ch;margin:0;font-size:.85rem;line-height:1.5}.rutas-advisor-banner-cta{color:#fff;white-space:nowrap;background:#25d366;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:.85rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.rutas-advisor-banner-cta:hover{filter:brightness(1.08)}@media (width<=640px){.rutas-advisor-banner{padding:1.5rem}.rutas-advisor-banner-cta{justify-content:center;width:100%}}.ruta-modal-v2{max-width:720px;overflow:hidden}.ruta-modal-v2-header{color:#fff;align-items:flex-start;gap:14px;padding:22px 56px 22px 22px;display:flex;position:relative}.ruta-modal-v2-header-icon{background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ruta-modal-v2-header-text{min-width:0}.ruta-modal-v2-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;font-size:11.5px;font-weight:800;display:flex}.ruta-modal-v2-badge{letter-spacing:normal;text-transform:none;background:#fff3;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.ruta-modal-v2-header-text h3{color:#fff;margin:0;font-size:19px;font-weight:800;line-height:1.3}.ruta-modal-close.light{color:#fff;background:#ffffff29;position:absolute;top:16px;right:16px}.ruta-modal-close.light:hover{background:#ffffff47}.ruta-modal-v2-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.ruta-modal-v2-info-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.ruta-modal-v2-info-card{background:#f7f9fc;border:1px solid #00294d12;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.ruta-modal-v2-info-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:800;display:flex}.ruta-modal-v2-info-card b{color:#00294d;margin-bottom:2px;font-size:13px;display:block}.ruta-modal-v2-info-card p{color:#7b8794;margin:0;font-size:11.5px;line-height:1.4}.ruta-modal-v2-courses-title{letter-spacing:.06em;text-transform:uppercase;color:#8a97a6;margin-bottom:10px;font-size:11px;font-weight:700}.ruta-course-list-v2{flex-direction:column;gap:8px;display:flex}.ruta-course-row-v2{cursor:pointer;color:inherit;background:#f7f9fc;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.ruta-course-row-v2:hover{background:#eef2f7;text-decoration:none}.ruta-course-row-v2.current{background:#fff;border-color:#0545d2;box-shadow:0 2px 10px #0545d21a}.ruta-course-v2-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ruta-course-v2-icon.completado{color:#2f6e4e;background:#2f6e4e26}.ruta-course-v2-icon.en-curso{color:#fff;background:#0545d2}.ruta-course-v2-icon.pendiente{color:#b0b9c2;background:#00294d0f}.ruta-course-v2-body{flex:1;min-width:0}.ruta-course-v2-tag{letter-spacing:.03em;text-transform:uppercase;color:#0545d2;margin-bottom:2px;font-size:10px;font-weight:800;display:inline-block}.ruta-course-v2-title{color:#1e2a38;font-size:14px;font-weight:700;line-height:1.35}.ruta-course-v2-sub{color:#8a97a6;margin-top:1px;font-size:12px}.ruta-course-v2-pill{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 11px;font-size:11.5px;font-weight:700}.ruta-course-v2-pill.completado{color:#2f6e4e;background:#2f6e4e26}.ruta-course-v2-pill.en-curso{color:#0545d2;background:#0545d21f}.ruta-course-v2-pill.pendiente{color:#7b8794;background:#00294d0f}.ruta-course-v2-cta{color:#fff;cursor:pointer;background:#0545d2;border:none;border-radius:9px;flex-shrink:0;padding:9px 16px;font-size:12.5px;font-weight:700;transition:filter .15s}.ruta-course-v2-cta:hover{filter:brightness(1.1)}.ruta-course-v2-arrow{color:#b0b9c2;background:#fff;border:1px solid #00294d1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ruta-course-row-v2:hover .ruta-course-v2-arrow{color:#0545d2;border-color:#0545d2}.ruta-modal-v2-footer{border-top:1px solid #00294d14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.ruta-modal-v2-footer-total{color:#4a5568;font-size:13px}.ruta-modal-v2-footer-total b{color:#00294d}.ruta-modal-v2-footer-actions{gap:10px;display:flex}.ruta-modal-v2-footer-actions .ruta-cta{width:auto;margin:0;padding:10px 18px}@media (width<=640px){.ruta-modal-v2-info-row{grid-template-columns:1fr}.ruta-course-row-v2{flex-wrap:wrap}.ruta-course-v2-pill{order:3}.ruta-course-v2-cta,.ruta-course-v2-arrow{order:4}.ruta-modal-v2-footer{flex-direction:column;align-items:stretch}.ruta-modal-v2-footer-actions{justify-content:stretch}.ruta-modal-v2-footer-actions .ruta-cta{flex:1}}