.ruta-fases{--punta:.875rem;gap:3px}.ruta-item{min-width:0}.ruta-chevron{width:100%;height:3rem;color:var(--color-tinta);background:var(--color-escenario);clip-path:polygon(0 0, calc(100% - var(--punta)) 0, 100% 50%, calc(100% - var(--punta)) 100%, 0 100%, var(--punta) 50%);transition:color .35s var(--ease-salida);text-align:left;align-items:center;display:flex;position:relative;overflow:hidden}.ruta-item:first-child .ruta-chevron{clip-path:polygon(0 0, calc(100% - var(--punta)) 0, 100% 50%, calc(100% - var(--punta)) 100%, 0 100%);border-radius:4px 0 0 4px}button.ruta-chevron{cursor:pointer}button.ruta-chevron:focus-visible{box-shadow:inset 0 0 0 2px var(--color-info);outline:none}.ruta-relleno{background:var(--tono);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ruta-contenido{width:100%;padding:0 calc(var(--punta) + .25rem);justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.ruta-numero{letter-spacing:.04em;font-size:.8125rem;font-weight:600}.ruta-check{width:1rem;height:1rem}.ruta-nombre{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:none;overflow:hidden}@media (min-width:768px){.ruta-chevron{height:3.75rem}.ruta-contenido{padding-left:calc(var(--punta) + .875rem);justify-content:flex-start}.ruta-item:first-child .ruta-contenido{padding-left:1.125rem}.ruta-nombre{display:block}.ruta-numero{opacity:.7}}.ruta-chevron[data-estado=hecha],.ruta-chevron[data-estado=activa],.ruta-chevron[data-estado=guia]{color:#fff}.ruta-chevron[data-estado=hecha] .ruta-relleno,.ruta-chevron[data-estado=guia] .ruta-relleno{transform:none}.ruta-chevron[data-estado=activa] .ruta-relleno{background:#000;transform:none}.ruta-chevron[data-estado=activa]:after{content:"";left:0;right:var(--punta);background:var(--color-info);height:3px;position:absolute;bottom:0}button.ruta-chevron[data-estado=pendiente]:hover{background:#ebebeb}html[data-anim] .ruta-chevron[data-estado=activa] .ruta-relleno{animation:ruta-llena .6s var(--ease-salida) both}html[data-anim] .ruta-chevron[data-estado=activa]:after{animation:ruta-llena .9s var(--ease-salida) .15s both;transform-origin:0}html[data-anim] .ruta-chevron[data-estado=activa]:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff24 50%,#0000 70%);animation:3.6s ease-in-out .8s infinite ruta-brillo;position:absolute;inset:0;transform:translate(-100%)}html[data-anim] .ruta-chevron[data-estado=hecha] .ruta-check{animation:ruta-check .45s var(--ease-salida) both}html[data-anim] .guia-proceso:not([data-visto]) .ruta-chevron[data-estado=guia] .ruta-relleno{transform:scaleX(0)}html[data-anim] .guia-proceso[data-visto] .ruta-chevron[data-estado=guia] .ruta-relleno{animation:ruta-llena .7s var(--ease-salida) calc(var(--i) * .14s) both}html[data-anim] .guia-proceso:not([data-visto]) .ruta-chevron[data-estado=guia]{color:var(--color-tinta)}html[data-anim] .guia-proceso[data-visto] .ruta-chevron[data-estado=guia]{transition:color .3s var(--ease-salida) calc(var(--i) * .14s + .2s)}@keyframes ruta-llena{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ruta-brillo{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ruta-check{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}html[data-anim] .guia-proceso:not([data-visto]) .guia-columna{opacity:0;transform:translateY(.75rem)}html[data-anim] .guia-proceso[data-visto] .guia-columna{transition:opacity .6s var(--ease-salida) calc(var(--i) * .12s + .25s), transform .6s var(--ease-salida) calc(var(--i) * .12s + .25s)}.ruta-fases[data-compacta]{--punta:.625rem;gap:2px}.ruta-fases[data-compacta] .ruta-chevron{height:2.125rem}.ruta-fases[data-compacta] .ruta-numero{font-size:.75rem}.ruta-fases[data-compacta] .ruta-chevron[data-estado=activa]:after{height:2px}html[data-anim] .ruta-fases[data-compacta] .ruta-chevron[data-estado=activa] .ruta-relleno,html[data-anim] .ruta-fases[data-compacta] .ruta-chevron[data-estado=activa]:after{animation-duration:.25s;animation-delay:0s}html[data-anim] form:not([data-navegado]) .ruta-fases[data-compacta] .ruta-chevron .ruta-relleno,html[data-anim] form:not([data-navegado]) .ruta-fases[data-compacta] .ruta-chevron:after{animation:none}@media (min-width:768px){.ruta-fases[data-compacta] .ruta-chevron{height:2.5rem}.ruta-fases[data-compacta] .ruta-contenido{padding-left:calc(var(--punta) + .625rem);gap:.4rem}.ruta-fases[data-compacta] .ruta-item:first-child .ruta-contenido{padding-left:.875rem}.ruta-fases[data-compacta] .ruta-nombre{font-size:.78rem}}.conf-cabecera{top:var(--encabezado-alto);z-index:30;position:sticky}.conf-progreso>span{transition:transform .3s var(--ease-vp);transform-origin:0}.conf-barra{z-index:30;position:sticky;bottom:0;box-shadow:0 -10px 24px -18px #11182759}html:has(.conf-barra){scroll-padding-top:calc(var(--encabezado-alto) + 6rem);scroll-padding-bottom:8rem}html[data-anim] .conf-panel[data-dir]{animation:conf-entra .22s var(--ease-salida) both}html[data-anim] .conf-panel[data-dir=atras]{animation-name:conf-entra-atras}@keyframes conf-entra{0%{opacity:.35;transform:translate(.5rem)}to{opacity:1;transform:none}}@keyframes conf-entra-atras{0%{opacity:.35;transform:translate(-.5rem)}to{opacity:1;transform:none}}html[data-anim] .conf-aparece{animation:conf-aparece .24s var(--ease-salida) both}@keyframes conf-aparece{0%{opacity:.2;transform:translateY(.375rem)}to{opacity:1;transform:none}}.conf-opcion{border:1px solid var(--color-linea);text-align:left;width:100%;color:var(--color-tinta);transition:border-color .2s var(--ease-vp), box-shadow .2s var(--ease-vp), background-color .2s var(--ease-vp), color .2s var(--ease-vp);background:#fff;border-radius:4px;display:flex;position:relative}.conf-opcion:hover{border-color:#9ca3af}.conf-opcion:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.conf-opcion[aria-pressed=true],.conf-opcion[aria-checked=true]{border-color:var(--color-tinta);box-shadow:inset 0 0 0 1px var(--color-tinta);background:var(--color-niebla)}.conf-pildora[aria-pressed=true],.conf-pildora[aria-checked=true]{background:var(--color-tinta);color:#fff}.conf-marca{border:1px solid var(--color-campo);color:#fff;width:1.125rem;height:1.125rem;transition:background-color .2s var(--ease-vp), border-color .2s var(--ease-vp);background:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.conf-marca[data-forma=cuadro]{border-radius:3px}[aria-pressed=true] .conf-marca,[aria-checked=true] .conf-marca{border-color:var(--color-tinta);background:var(--color-tinta)}.conf-pildora[aria-pressed=true] .conf-marca,.conf-pildora[aria-checked=true] .conf-marca{color:var(--color-tinta);background:#fff;border-color:#fff}html[data-anim] [aria-pressed=true] .conf-marca svg,html[data-anim] [aria-checked=true] .conf-marca svg{animation:ruta-check .3s var(--ease-salida) both}.conf-sugerida{border:1px solid var(--color-info);color:var(--color-info);border-radius:999px;align-items:center;padding:.05rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.4;display:inline-flex}.conf-hoja{width:100%;max-width:100%;max-height:82dvh;color:var(--color-tinta);background:#fff;border:0;border-radius:10px 10px 0 0;margin:auto 0 0;padding:0}.conf-hoja::backdrop{background:#11182766}html[data-anim] .conf-hoja[open]{animation:conf-hoja .24s var(--ease-salida) both}@keyframes conf-hoja{0%{opacity:.4;transform:translateY(1.5rem)}to{opacity:1;transform:none}}html[data-anim] [data-navegado] .conf-diferenciador{animation:conf-aparece .25s var(--ease-salida) both}