/* Landing — sección Academia TopoApp */
.la-caja { display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px; align-items: center; padding: clamp(22px, 4vw, 40px); border-radius: 20px; background: #fff; border: 1px solid var(--ta-border, #E4E1DC); box-shadow: var(--ta-shadow, 0 6px 16px rgba(15,15,15,.05));
    background-image: radial-gradient(420px 200px at 0% 0%, rgba(37,99,235,.06), transparent 70%), radial-gradient(420px 220px at 100% 100%, rgba(124,58,237,.07), transparent 70%); }
.la-kicker { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ta-orange-dark, #B85522); }
.la-txt h2 { margin: 10px 0 8px; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.02em; color: var(--ta-brown, #1C1D22); }
.la-txt p { color: var(--ta-muted, #5B6270); margin-bottom: 14px; }
.la-metodo { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.la-metodo li { display: flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 600; color: var(--ta-brown, #1C1D22); }
.la-metodo i { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; color: #fff; background: var(--c); font-size: .85rem; flex-shrink: 0; }
.la-rutas { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.la-rutas a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; border: 1px solid color-mix(in srgb, var(--c) 30%, white); background: color-mix(in srgb, var(--c) 7%, white); color: var(--ta-brown, #1C1D22); font-size: .82rem; font-weight: 600; text-decoration: none; }
.la-rutas a i { color: var(--c); }
.la-rutas a:hover { border-color: var(--c); }
.la-cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.la-link { font-weight: 700; font-size: .9rem; color: var(--ta-orange-dark, #B85522); }
.la-lecciones { display: flex; flex-direction: column; gap: 10px; }
.la-lecciones-titulo { font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ta-muted, #5B6270); }
.la-leccion { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; border: 1px solid var(--ta-border, #E4E1DC); background: #fff; text-decoration: none; color: var(--ta-brown, #1C1D22); transition: transform .15s, box-shadow .15s, border-color .15s; }
.la-leccion:hover { transform: translateX(3px); border-color: color-mix(in srgb, var(--c) 40%, white); box-shadow: 0 10px 22px rgba(15,15,15,.06); color: var(--ta-brown, #1C1D22); }
.la-leccion-icono { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: #fff; font-size: 1.15rem; background: var(--c); flex-shrink: 0; }
.la-leccion-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.la-leccion-txt small { font-size: .74rem; font-weight: 700; color: var(--c); }
.la-leccion-txt strong { font-size: .92rem; line-height: 1.3; }
.la-leccion > i { color: #a8a29e; }
@media (max-width: 991px) { .la-caja { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .la-metodo { grid-template-columns: 1fr; } }
.la-txt { position: relative; }
.la-topi { float: right; width: 120px; height: 120px; object-fit: contain; margin: -10px 0 6px 12px; filter: drop-shadow(0 12px 18px rgba(217,106,43,.25)); animation: laFlota 4s ease-in-out infinite; }
.la-insignias { margin-top: 6px; padding-top: 14px; border-top: 1px dashed var(--ta-border, #E4E1DC); }
.la-insignias > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.la-insignias img { width: 60px; height: 60px; object-fit: contain; transition: transform .2s; filter: drop-shadow(0 6px 10px rgba(0,0,0,.12)); }
.la-insignias img:hover { transform: translateY(-4px) rotate(-6deg) scale(1.08); }
@keyframes laFlota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@media (max-width: 575px) { .la-topi { width: 84px; height: 84px; } }
@media (prefers-reduced-motion: reduce) { .la-topi { animation: none; } }