.finder__frame{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-2);overflow:hidden}.finder__bar{border-bottom:1px solid var(--line);align-items:center;gap:1.25rem;padding:.9rem 1.25rem;display:flex}.finder__name{font-size:var(--fs-small);font-variation-settings:"wdth" 106;white-space:nowrap;font-weight:600}.finder__progress{flex:1;gap:6px;max-width:260px;margin-left:auto;list-style:none;display:flex}.finder__progress li{background:var(--mist);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.finder__progress li:after{content:"";background:var(--water);transform-origin:0;transition:transform .3s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.finder__progress li.is-done:after{transform:scaleX(1)}.finder__progress li.is-current:after{transform:scaleX(.35)}.finder__step{text-align:right;min-width:6.5rem}.finder__diagram{background:var(--paper);border-bottom:1px solid var(--line);padding:1.75rem clamp(1rem,3vw,2.5rem) 1rem}.fd{width:100%;max-width:640px;height:auto;font-family:var(--font-sans);font-variant-numeric:tabular-nums;margin-inline:auto;display:block;overflow:visible}.fd-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.25px;stroke-dasharray:5 4;transition:stroke var(--t-mid) var(--ease-out)}.fd-node.is-known .fd-box{stroke:var(--ink);stroke-dasharray:none}.fd-node.has-art .fd-box{fill:var(--celeste-soft);stroke:var(--celeste-line)}.fd-art{filter:drop-shadow(0 4px 5px #0f192324);transform-box:fill-box;transform-origin:50% 70%}.fd-unknown{font-size:30px;font-family:var(--font-sans);fill:var(--line-strong);font-weight:300}.fd-role{font-family:var(--font-sans);fill:var(--ink-3);font-size:11px;font-weight:500}.fd-name{font-size:12.5px;font-family:var(--font-sans);fill:var(--ink);font-weight:600}.fd-node:not(.is-known) .fd-name{fill:var(--ink-3);font-weight:400}.fd-glyph{fill:none;stroke:var(--ink);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.fd-glyph .g-thin{stroke-width:1px;stroke:var(--ink-3)}.fd-glyph .g-ground{stroke-width:2.25px}.fd-glyph .g-pipe{stroke-width:3.5px}.fd-glyph .g-water{fill:var(--water);fill-opacity:.75;stroke:none}.fd-glyph .g-wave{stroke:var(--water);stroke-width:1.5px}.fd-glyph .g-solid{fill:var(--ink-2)}.fd-glyph .g-sludge{fill:#8a7d6b;fill-opacity:.45;stroke:none}.fd-glyph .g-dot{fill:#6d6252;stroke:none}.fd-glyph .g-plant{stroke:var(--ok);stroke-width:1.5px}.fd-glyph .g-needle,.fd-glyph .g-fire{stroke:var(--fire)}.fd-glyph .g-txt{fill:var(--ink-2);stroke:none;letter-spacing:.06em;font-size:9px}.fd-glyph .g-txt--l{font-size:20px;font-family:var(--font-sans)}.fd-glyph .g-fire-txt{fill:var(--fire);font-size:13px;font-weight:700;font-family:var(--font-sans)}.fd-link{stroke:var(--line-strong);stroke-width:4px;stroke-dasharray:3 5;transition:stroke var(--t-mid) var(--ease-out)}.fd-link.is-on{stroke:var(--ink);stroke-dasharray:none}.fd-flow{stroke:var(--aqua);stroke-width:2px;stroke-dasharray:2 6;opacity:0}.fd-flow.is-on{opacity:1}.fd-arrow{fill:none;stroke:var(--line-strong);stroke-width:2px}.fd-arrow.is-on{stroke:var(--ink)}@media (prefers-reduced-motion:no-preference){.fd-glyph{animation:fd-in .52s var(--ease-out) both}.fd-flow.is-on{animation:1.6s linear infinite fd-flow}.fd-art{animation:fd-art-in .52s var(--ease-out) both}}@keyframes fd-art-in{0%{opacity:0;transform:translateY(8px)scale(.86)}}@keyframes fd-in{0%{opacity:0;transform:translateY(6px)}}@keyframes fd-flow{to{stroke-dashoffset:-16px}}.finder__body{min-height:25rem;padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.finder__question{outline:none}.finder__q{animation:finder-in .26s var(--ease-out) both}@keyframes finder-in{0%{opacity:0;transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.finder__q{animation:none}}.finder__options{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px;margin-top:1.5rem;display:grid}.finder__opt{border:1px solid var(--line);border-radius:var(--r-m);background:var(--white);text-align:left;transition:border-color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);grid-template-columns:auto 1fr;grid-template-areas:"check label"".hint";align-items:center;gap:.15rem .7rem;padding:.95rem 1rem;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.finder__opt:hover:not(.is-selected){border-color:var(--celeste-strong);background:var(--celeste-soft);box-shadow:var(--shadow-1)}}.finder__opt:active{transform:scale(.98)}.finder__opt.is-selected{border-color:var(--water);background:var(--water-tint);box-shadow:0 0 0 1px var(--water)}.finder__opt-check{border:1.5px solid var(--line-strong);width:20px;height:20px;color:var(--white);transition:background-color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border-radius:50%;grid-area:check;place-items:center;display:grid}.finder__opt.is-selected .finder__opt-check{background:var(--water);border-color:var(--water)}.finder__opt-label{grid-area:label;font-weight:580;line-height:1.25}.finder__opt-hint{color:var(--ink-3);grid-area:hint;font-size:.875rem;line-height:1.3}.finder__nav{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;margin-top:1.5rem;display:flex}.finder__back{min-height:44px;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:.4rem;padding:0 .25rem;font-weight:520;display:inline-flex}.finder__back:hover{color:var(--ink);text-underline-offset:.22em;text-decoration:underline}.finder__result{animation:finder-in .52s var(--ease-out) both;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,3vw,3rem);display:grid}.finder__photo{border-radius:var(--r-m);aspect-ratio:4/5;align-self:start;height:auto}.finder__rec h3{outline:none}.finder__rec-for{margin-top:.4rem}.finder__rec-summary{color:var(--ink-2);margin-top:1rem;font-size:1.0625rem}.finder__rec-cols{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.75rem;display:grid}.finder__h4{font-size:var(--fs-small);color:var(--ink);letter-spacing:0;margin:0 0 .75rem;font-weight:620}.finder__rec>.finder__h4{margin-top:1.75rem}.finder__products{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;list-style:none;display:grid}.finder__product{border:1px solid var(--line);border-radius:var(--r-s);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);align-items:center;gap:.75rem;padding:.5rem;text-decoration:none;display:flex}.finder__product:hover{border-color:var(--ink-3);box-shadow:var(--shadow-1)}.finder__product img{object-fit:contain;border-radius:var(--r-xs);background:var(--white);width:56px;height:56px}.finder__product>span{gap:.1rem;display:grid}.finder__product-name{font-size:.9375rem;font-weight:560;line-height:1.25}.finder__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.finder__note{color:var(--ink-3);margin-top:1rem;font-size:.875rem}@media (width<=900px){.finder__result{grid-template-columns:1fr}.finder__photo{aspect-ratio:16/9}}@media (width<=560px){.finder__bar{flex-wrap:wrap;gap:.6rem 1rem}.finder__progress{flex-basis:100%;order:3;max-width:none}.finder__step{margin-left:auto}.finder__rec-cols{grid-template-columns:1fr}.fd-name{font-size:19px}.fd-role{font-size:16px}}.finder__piezas{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.6rem;margin-bottom:.6rem;list-style:none;display:grid}.finder__pieza{border:1px solid var(--line);border-radius:var(--r-m);background:var(--white);text-align:center;align-content:start;gap:.4rem;padding:.5rem .5rem .65rem;font-size:.8125rem;font-weight:560;line-height:1.25;display:grid}.finder__pieza img{object-fit:contain;width:100%;height:84px}.finder__ademas{color:var(--ink-2);font-size:.9375rem}.finder__casos{margin-top:clamp(1.75rem,3vw,2.5rem)}.finder__casos-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.finder__casos-titulo{font-size:1.125rem;font-weight:640}.finder__casos-lista{gap:1rem;list-style:none;display:grid}@media (width>=700px){.finder__casos-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}.finder__caso{border:1px solid var(--line);border-radius:var(--r-m);background:var(--white);width:100%;height:100%;color:inherit;text-align:left;transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);align-content:start;gap:.25rem;padding:0 0 1rem;display:grid;overflow:hidden}@media (hover:hover) and (pointer:fine){.finder__caso:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1)}}.finder__caso:active{transform:scale(.99)}.finder__caso-foto{aspect-ratio:16/10;border-radius:0;margin-bottom:.6rem}.finder__caso-foto img{object-fit:cover;width:100%;height:100%}.finder__caso-nombre{padding-inline:1rem;font-weight:620;line-height:1.3}.finder__caso-para{color:var(--ink-3);padding-inline:1rem;font-size:.875rem}
