.ruta__cuerpo{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);gap:clamp(1.8rem,1rem + 3vw,3.4rem);align-items:start}.ruta__vista{position:sticky;top:96px;padding:12px;border-radius:var(--canto-g);background:linear-gradient(158deg,rgba(255,255,255,.9),rgba(221,231,246,.5));border:1px solid var(--borde);box-shadow:var(--sombra)}.ruta__marco{border-radius:18px;overflow:hidden;border:2px solid var(--oro)}.ruta__marco img{width:100%;height:auto;display:block}.ruta__cap{margin-top:.85rem;padding:0 .3rem .2rem;font-size:.9rem;font-weight:700;color:var(--tinta);display:flex;gap:.45em}.ruta__cap span{color:var(--verde-hondo)}.ruta__pasos{list-style:none;display:flex;flex-direction:column;gap:.9rem}.paso{position:relative;display:flex;align-items:flex-start;gap:1rem;background:var(--nieve);border:1px solid var(--borde);border-radius:var(--canto-s);padding:1.02rem 1.25rem;box-shadow:var(--sombra-s);transition:transform .25s ease}.paso:nth-child(1){margin-left:0}.paso:nth-child(2){margin-left:1rem}.paso:nth-child(3){margin-left:2rem}.paso:nth-child(4){margin-left:2.5rem}.paso:nth-child(5){margin-left:1.4rem}.paso:nth-child(6){margin-left:.5rem}.paso:hover{transform:translateX(4px)}.paso__romb{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(150deg,#eef3fb,#d7e3f5);color:var(--cobalto);font-size:1.05rem;transform:rotate(0)}.paso__txt{font-size:1.02rem;color:var(--tinta-media);line-height:1.5;padding-top:.35rem}.paso--meta{border:1.5px solid var(--oro);background:linear-gradient(120deg,#fff8ea,#fff);box-shadow:0 13px 32px -15px rgba(231,173,56,.55)}.paso--meta .paso__romb{background:linear-gradient(150deg,var(--oro-claro),var(--oro));color:#4a3208}.paso--meta .paso__txt{color:var(--tinta);font-weight:600}.ruta__remate{margin-top:clamp(1.8rem,1rem + 2vw,2.8rem);font-size:1.05rem;color:var(--tinta-media);line-height:1.72;max-width:72ch}.ruta__remate b{color:var(--tinta)}@media(max-width:860px){.ruta__cuerpo{grid-template-columns:1fr}.ruta__vista{position:static;order:-1;max-width:460px}.paso:nth-child(n){margin-left:0}}@supports(animation-timeline:view()){@media(min-width:1025px) and (prefers-reduced-motion:no-preference){.paso{opacity:0;transform:translateX(-28px);animation:paso-entra linear both;animation-timeline:view();animation-range:entry 2% cover 26%}.paso:hover{transform:translateX(4px)}}}@keyframes paso-entra{to{opacity:1;transform:translateX(0)}}