.vf-recorrido{margin-block:2rem;padding:clamp(.85rem,3vw,1.65rem);border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:1rem}
.vf-recorrido__head,.vf-recorrido__steps{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.vf-recorrido__head{justify-content:space-between;margin-bottom:1rem}
.vf-recorrido__head>span{font-size:.82rem;font-weight:650;letter-spacing:.05em}
.vf-recorrido__steps{margin-bottom:1rem}
.vf-recorrido__steps button,.vf-recorrido__grades button{font:inherit;color:inherit;background:transparent;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:.5rem;cursor:pointer}
.vf-recorrido__steps button{padding:.55rem .65rem}
.vf-recorrido button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-2px}
.vf-recorrido__screen[hidden]{display:none!important}
.vf-recorrido__screen h3{margin:0 0 .3rem}
.vf-recorrido__screen p{margin:0 0 .65rem}
.vf-recorrido__grades,.vf-recorrido__compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;max-width:36rem}
.vf-recorrido__compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.vf-recorrido__grades button{overflow:hidden;padding:0;line-height:1.2;min-width:0}
.vf-recorrido__grades span,.vf-recorrido__compare figcaption{display:block;padding:.45rem;font-size:clamp(.72rem,2vw,.95rem)}
.vf-recorrido img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f4efea}
.vf-recorrido__compare figure{margin:0;text-align:center}
.vf-recorrido__result{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr);align-items:center;gap:1rem}
.vf-recorrido__result svg{width:100%;max-height:13rem;stroke:currentColor;stroke-width:2}
.vf-recorrido__zone{fill:#ead6a4;stroke:#976817}
.vf-recorrido[data-vf-severity="0"] .vf-recorrido__zone{visibility:hidden}
.vf-recorrido[data-vf-severity="2"] .vf-recorrido__zone{fill:#e2a1a1;stroke:#873333}

[data-mapa14] .mapa14__pin .mapa14__pin-num{background:#fffaf5;color:#33231f;border:1px solid #78574c;opacity:1;font-weight:700;box-shadow:0 1px 5px #38282033}
[data-mapa14] .mapa14__pin[aria-pressed=true] .mapa14__pin-num{background:#523a32;color:#fffaf5;border-color:#fffaf5}
[data-mapa14] .mapa14__ghost{opacity:.075}
@media(prefers-reduced-motion:reduce){[data-mapa14] .mapa14__detail,[data-mapa14] .mapa14__sweep{animation:none!important}}
