.ex-journey{color:var(--tinta);--ex-line:color-mix(in oklab, var(--dorado) 45%, var(--linea));margin-top:2.5rem}.ex-topline{margin-bottom:1.5rem}.ex-topline h3{letter-spacing:0;font-size:2rem}.ex-scroll-hint{display:none}.ex-layout{gap:1.5rem;min-width:0;display:grid}.ex-selection,.ex-scene{min-width:0}.ex-selection .sc-category{white-space:normal;height:auto;min-height:3.25rem;box-shadow:none;font-size:.875rem}.ex-selection .sc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-example-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem;margin-top:.75rem;display:grid}.ex-button{height:auto;min-height:44px;box-shadow:none;color:var(--tinta-suave);white-space:normal;background:0 0;border-radius:4px;padding:.6rem;line-height:1.3}.ex-button:hover,.ex-button[aria-current=step]{color:var(--dorado);background:color-mix(in oklab, var(--dorado) 8%, transparent)}.ex-button:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}.ex-replay{width:44px;padding:.5rem}.ex-case-header{border-top:1px solid var(--linea);padding:1rem 0}.ex-case-header h4{letter-spacing:0;font-size:1.65rem}.ex-step-nav{border-bottom:1px solid var(--linea);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ex-step{text-align:left;justify-content:flex-start;align-items:flex-start;gap:.45rem;font-size:.75rem}.ex-step>span:first-child{color:var(--dorado);flex-shrink:0}.ex-progress{background:var(--linea);height:2px}.ex-progress-fill{background:var(--dorado);transform-origin:0;height:100%}.ex-stage{gap:1.25rem;padding-top:1.25rem;display:grid}.ex-act{border-left:1px solid var(--ex-line);min-width:0;padding-left:1rem;scroll-margin-top:90px;position:relative}.ex-act-heading{font-family:var(--font-display);letter-spacing:0;align-items:baseline;gap:.6rem;margin-bottom:1rem;font-size:1.45rem;line-height:1.2;display:flex}.ex-act-heading>span{font-family:var(--font-sans);color:var(--dorado);flex-shrink:0;font-size:.8rem}.ex-work-grid{gap:.6rem;display:grid}.ex-work-object{border:1px solid var(--linea);background:var(--superficie);align-content:start;gap:.55rem;min-width:0;padding:1rem;display:grid}.ex-work-object .sc-label{align-items:center;gap:.4rem;display:flex}.ex-work-object .sc-label svg{flex-shrink:0}.ex-work-object p{overflow-wrap:anywhere}.ex-work-object .font-display{letter-spacing:0}.ex-journey .sc-label{letter-spacing:0;font-size:.75rem}.ex-journey .sc-status{letter-spacing:0;white-space:normal;max-width:100%;font-size:.75rem}.ex-journey .sc-data-row{font-size:.875rem}.ex-order-label{color:var(--dorado);margin-bottom:.75rem;font-size:.875rem}.ex-ordered .ex-priority{border-color:var(--dorado)}.ex-order-action{color:var(--dorado);margin-top:1rem;font-size:.875rem}.ex-connection{background:var(--dorado);height:1px;margin-bottom:.75rem}.ex-result-visual{min-width:0}.ex-result-visual .sc-demo-grid{grid-template-columns:minmax(0,1fr)}.ex-result-visual .sc-demo-grid>:first-child{display:none}.ex-result-visual .sc-paper{padding:1rem}.ex-result-visual .sc-paper p{letter-spacing:0}.ex-result-visual .sc-paper .text-3xl{font-size:1.8rem}.ex-result-visual .text-xs{font-size:.8rem}.ex-result-visual>.grid{grid-template-columns:minmax(0,1fr)}.ex-result-visual>.grid article{grid-template-columns:5rem minmax(0,1fr);align-items:center;display:grid}.ex-result-visual>.grid article img{aspect-ratio:auto;height:6rem}.ex-result-visual .sc-photo-card{aspect-ratio:16/9;min-height:0}.ex-decision{border-left:2px solid var(--dorado);color:var(--tinta);margin:1rem 0 .5rem;padding-left:.8rem;font-size:.875rem}.ex-input-photo{object-fit:cover;width:100%;height:7rem}@media (width>=600px){.ex-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-work-grid:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.ex-result-visual>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-result-visual>.grid article{display:block}.ex-result-visual>.grid article img{height:10rem}}@media (width>=1024px) and (height>=820px) and (prefers-reduced-motion:no-preference){.ex-journey[data-scroll=true] .ex-travel{height:240svh}.ex-journey[data-scroll=true] .ex-sticky{padding-top:1rem;padding-bottom:1rem;position:sticky;top:80px}.ex-journey[data-scroll=true] .ex-layout{grid-template-columns:minmax(0,23%) minmax(0,1fr);gap:2rem}.ex-journey[data-scroll=true] .sc-category-grid{grid-template-columns:minmax(0,1fr)}.ex-journey[data-scroll=true] .ex-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.ex-journey[data-scroll=true] .ex-scroll-hint{color:var(--dorado);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.ex-journey[data-scroll=true] .ex-case-header{padding-top:.5rem}.ex-journey[data-scroll=true] .ex-stage{height:440px;display:block;position:relative}.ex-journey[data-scroll=true] .ex-act{border:0;padding-left:0;position:absolute;inset:1.25rem 0 0}.ex-journey[data-scroll=true] .ex-work-grid{align-items:start;padding:.5rem 1rem}.ex-journey[data-scroll=true] .ex-ordered .ex-work-grid{gap:.5rem}.ex-journey[data-scroll=true] .ex-progress-fill{transform:scaleX(0)}.ex-journey[data-scroll=true] .ex-result-visual{max-width:34rem;margin:0 auto}.ex-journey[data-scroll=true] .ex-result-visual .sc-photo-card{aspect-ratio:auto;height:155px}.ex-journey[data-scroll=true] .ex-example-controls{grid-template-columns:minmax(0,1fr) auto}.ex-journey[data-scroll=true] .ex-example-controls>span{grid-column:1/-1}}@media (width<=359px){.ex-step-name{display:none}.ex-step{justify-content:center}.ex-case-header h4{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.ex-journey *,.ex-journey :before,.ex-journey :after{transition:none!important;animation:none!important}}