#ruta{position:relative;overflow:hidden}#ruta:before{content:"";border-left:22px solid #f2d46b3d;border-radius:100% 0 0 100%;width:42%;height:70%;position:absolute;top:8%;right:-10%;transform:rotate(14deg)}#ruta .contenedor{z-index:1;position:relative}.ruta-etapas{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid;position:relative}.ruta-etapas:before{content:"";background:linear-gradient(90deg, var(--color-raiz), var(--color-camino), var(--color-agua), var(--color-acento));opacity:.7;border-radius:999px;height:5px;position:absolute;top:44px;left:24px;right:24px}.ruta-etapa{border:1px solid var(--color-borde);border-left:6px solid color-mix(in srgb, var(--color-acento) 72%, var(--color-progreso));background:linear-gradient(145deg, color-mix(in srgb, var(--color-acento) 7%, transparent), transparent 48%), var(--color-fondo);box-shadow:var(--sombra-suave);isolation:isolate;border-radius:20px;padding:30px 28px 28px 34px;transition:border-color .2s,transform .2s;position:relative}.ruta-etapa:after{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(135deg,#f5c54229,#0000 44%);transition:opacity .2s;position:absolute;inset:0}.ruta-etapa:hover{border-color:var(--color-acento);border-left-color:var(--color-progreso);transform:translateY(-4px)}.ruta-etapa:hover:after{opacity:1}.ruta-numero{background:linear-gradient(135deg, var(--color-progreso), var(--color-acento));width:48px;height:48px;color:var(--color-principal);font-family:var(--fuente-mono);box-shadow:0 0 0 8px color-mix(in srgb, var(--color-progreso) 18%, transparent);border-radius:50%;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.ruta-etapa h3{font-family:var(--fuente-titulos);color:var(--color-principal);margin-bottom:12px;font-size:1.15rem}.ruta-meta{color:var(--color-acento);text-transform:uppercase;margin-bottom:10px;font-size:.86rem;font-weight:800;display:block}.ruta-lista{counter-reset:ruta-tema;gap:10px;margin-top:16px;list-style:none;display:grid}.ruta-lista li{color:var(--color-texto-suave);counter-increment:ruta-tema;padding-left:24px;position:relative}.ruta-lista li:hover{color:var(--color-texto)}.ruta-lista a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s}.ruta-lista a:hover,.ruta-lista a:focus-visible{color:var(--color-acento);border-color:currentColor}.ruta-lista li:before{content:"";background-color:var(--color-acento);border-radius:50%;width:8px;height:8px;position:absolute;top:.68em;left:2px;box-shadow:0 0 0 4px #2f8f5b1f}.ruta-contenidos{color:var(--color-texto-suave);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:.82rem;font-weight:800;display:flex}.ruta-contenidos strong{color:var(--color-acento);font-family:var(--fuente-mono);font-size:.92rem}.ruta-resultado{color:var(--color-texto);border-top:1px solid #d8cfbde6;margin-top:18px;padding-top:16px;font-size:.94rem}.ruta-tecnologias{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.ruta-tecnologias span{border:1px solid color-mix(in srgb, var(--color-acento) 32%, var(--color-borde));background-color:color-mix(in srgb, var(--color-acento) 8%, var(--color-superficie));color:var(--color-principal);font-family:var(--fuente-mono);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.ruta-avance{background-color:color-mix(in srgb, var(--color-superficie) 78%, var(--color-fondo));border-radius:16px;margin-top:18px;padding:14px}.ruta-avance>div:first-child{color:var(--color-principal);justify-content:space-between;gap:14px;margin-bottom:10px;font-size:.85rem;font-weight:900;display:flex}.ruta-avance strong{color:var(--color-acento);font-family:var(--fuente-mono)}.ruta-avance-barra{background-color:color-mix(in srgb, var(--color-borde) 70%, transparent);border-radius:999px;height:9px;overflow:hidden}.ruta-avance-barra span{border-radius:inherit;background:linear-gradient(90deg, var(--color-acento), var(--color-progreso));height:100%;display:block}.ruta-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.ruta-pie a,.contenido-item a,.recurso-card a{color:var(--color-acento);font-weight:800}.ruta-pie a:hover,.contenido-item a:hover,.recurso-card a:hover{color:var(--color-principal)}.ruta-accion{border:1px solid var(--color-borde);background-color:var(--color-fondo);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex}.ruta-accion p{max-width:720px;color:var(--color-texto-suave)}.contenido-ruta{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.contenido-item{border:1px solid var(--color-borde);background-color:var(--color-superficie);min-height:100%;box-shadow:var(--sombra-suave);border-radius:8px;align-content:start;gap:12px;padding:22px;display:grid}.contenido-item h3{color:var(--color-principal);font-family:var(--fuente-titulos);font-size:1.08rem}.contenido-item p{color:var(--color-texto-suave)}.tech-showcase{border:1px solid var(--color-borde);background-color:var(--color-superficie);box-shadow:var(--sombra-suave);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.tech-item{border-right:1px solid var(--color-borde);border-bottom:1px solid var(--color-borde);min-height:250px;color:inherit;isolation:isolate;flex-direction:column;gap:18px;padding:24px;transition:background-color .2s,color .2s;display:flex;position:relative}.tech-item:nth-child(4n){border-right:0}.tech-item:nth-last-child(-n+4){border-bottom:0}.tech-item:before{content:"";background-color:var(--tech-brand,var(--color-acento));opacity:0;width:3px;transition:opacity .2s,transform .2s;position:absolute;inset:0 auto 0 0;transform:scaleY(.35)}.tech-item:hover,.tech-item:focus-visible{background-color:color-mix(in srgb, var(--color-agua) 8%, var(--color-superficie))}.tech-item:hover:before,.tech-item:focus-visible:before{opacity:1;transform:scaleY(1)}.tech-item:focus-visible{outline:3px solid color-mix(in srgb, var(--color-acento) 62%, transparent);outline-offset:-3px}.tech-item-cabecera{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tech-icono{border:1px solid color-mix(in srgb, var(--tech-brand) 30%, var(--color-borde));background-color:color-mix(in srgb, var(--tech-brand) 10%, var(--color-superficie));width:58px;height:58px;color:var(--tech-brand);border-radius:8px;place-items:center;display:grid}.tech-icono svg{fill:currentColor;width:32px;height:32px}.tech-icono-java{border-color:color-mix(in srgb, #e76f00 30%, var(--color-borde));background-color:#fff}.tech-icono img{object-fit:contain;width:40px;height:40px}.tech-orden{color:var(--color-texto-suave);font-family:var(--fuente-mono);font-size:.74rem;font-weight:800}.tech-item-contenido{gap:7px;display:grid}.tech-categoria{color:var(--color-acento);font-family:var(--fuente-mono);letter-spacing:0;text-transform:uppercase;font-size:.7rem;font-weight:800}.tech-item strong{color:var(--color-principal);font-family:var(--fuente-titulos);font-size:1.18rem}.tech-item p{color:var(--color-texto-suave);font-size:.9rem;line-height:1.5}.tech-acceso{border-top:1px solid var(--color-borde);color:var(--color-principal);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;font-size:.78rem;font-weight:800;display:flex}.tech-acceso span{color:var(--color-acento);font-size:1rem;transition:transform .2s}.tech-item:hover .tech-acceso span,.tech-item:focus-visible .tech-acceso span{transform:translate(2px,-2px)}.recurso-card small{color:var(--color-acento);text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800;display:block}@media (width<=860px){.ruta-etapas,.contenido-ruta{grid-template-columns:1fr}.ruta-accion{flex-direction:column;align-items:flex-start}.ruta-etapas:before{background:linear-gradient(180deg, var(--color-raiz), var(--color-camino), var(--color-agua), var(--color-acento));width:5px;height:auto;inset:24px auto 24px 20px}.tech-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item:nth-child(4n){border-right:1px solid var(--color-borde)}.tech-item:nth-child(2n){border-right:0}.tech-item:nth-last-child(-n+4){border-bottom:1px solid var(--color-borde)}.tech-item:nth-last-child(-n+2){border-bottom:0}}@media (width>=861px) and (width<=1080px){.tech-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item:nth-child(4n){border-right:1px solid var(--color-borde)}.tech-item:nth-child(2n){border-right:0}.tech-item:nth-last-child(-n+4){border-bottom:1px solid var(--color-borde)}.tech-item:nth-last-child(-n+2){border-bottom:0}}@media (width<=700px){.tech-showcase{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--color-acento) transparent;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(250px,82vw);grid-auto-flow:column;scroll-padding-inline:0;overflow-x:auto}.tech-item:nth-child(n){border-right:1px solid var(--color-borde);scroll-snap-align:start;border-bottom:0;min-height:270px}.tech-item:last-child{border-right:0}}