.ped-flow{color:#302657;isolation:isolate;background:#fff7e8;font-family:Nunito Variable,sans-serif;position:relative}.ped-flow[data-motion=true]{height:440svh}#travessia.ped-flow[data-motion=true]{scroll-margin-top:0}.ped-flow__pin{isolation:isolate;height:100svh;min-height:780px;position:relative;overflow:hidden}.ped-flow[data-motion=true] .ped-flow__pin{min-height:650px;position:sticky;top:0}.ped-flow__background{z-index:-1;background:radial-gradient(at 87% 80%,#ffda4545 0,#0000 54%),radial-gradient(at 64% 25%,#7457ff12 0,#0000 56%),#fff7e8;position:absolute;inset:0}.ped-flow__top{z-index:3;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:750;display:flex;position:absolute;top:112px;left:5%;right:5%}.ped-flow__toggle{color:#302657;min-height:44px;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #30265766;padding:12px 0;font-size:12px}.ped-flow__reading-label{letter-spacing:0;color:#625778;font-size:12px}.ped-flow__copy{z-index:2;pointer-events:none;width:34%;scroll-margin-top:120px;position:absolute;top:54%;left:7%;transform:translateY(-55%)}.ped-flow__number{letter-spacing:-.03em;color:#6545df;margin:0;font-family:Fredoka Variable,sans-serif;font-size:52px;font-weight:400;line-height:1}.ped-flow__number span{letter-spacing:1px;color:#625778;margin-left:10px;font-family:Nunito Variable,sans-serif;font-size:12px}.ped-flow__label{text-transform:uppercase;letter-spacing:.2em;color:#625778;margin:25px 0 12px;font-size:12px}.ped-flow__copy h2{letter-spacing:-.03em;text-wrap:balance;color:#302657;max-width:530px;margin:0;font-family:Fredoka Variable,sans-serif;font-size:clamp(34px,3.45vw,58px);font-weight:530;line-height:1.09}.ped-flow__body{color:#625778;max-width:415px;margin:24px 0 28px;font-size:clamp(16px,1.25vw,20px);font-weight:450;line-height:1.6}.ped-flow__benefit{color:#5435c7;align-items:flex-start;gap:13px;max-width:330px;margin:0;font-size:14px;font-weight:800;line-height:1.6;display:flex}.ped-flow__benefit>span{background:#7457ff;flex:none;width:24px;height:3px;margin-top:10px}.ped-flow__canvas{justify-content:center;align-items:center;width:61%;height:calc(100% - 225px);display:flex;position:absolute;top:145px;right:-1%}.ped-flow__canvas canvas{outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ped-flow__screen{object-fit:contain;border-radius:16px;width:auto;max-width:90%;height:95%;box-shadow:0 25px 65px #30265730}.ped-flow__nav{z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:65%;display:grid;position:absolute;bottom:35px;left:7%}.ped-flow__nav a{color:#625778;text-align:left;background:0 0;border:0;min-height:48px;padding:16px 0;font-size:14px;font-weight:750;text-decoration:none;position:relative}.ped-flow__nav a>span{margin-right:15px;font-size:12px;font-weight:400}.ped-flow__nav i{background:#30265766;height:1px;position:absolute;bottom:0;left:0;right:0}.ped-flow__nav a[aria-current]{color:#5435c7}.ped-flow__nav a[aria-current] i{background:#7457ff;height:3px}.ped-flow__nav a:hover,.ped-flow__toggle:hover{color:#5435c7}.ped-flow a:focus-visible,.ped-flow button:focus-visible{outline-offset:5px;outline:3px solid #ff73b9}.ped-flow ::selection{color:#302657;background:#ffda45}.ped-flow__hint{color:#625778;align-items:center;gap:9px;margin:0;font-size:11px;display:flex;position:absolute;bottom:5px;left:7%}.ped-flow__hint .icon{width:13px;height:13px;transform:rotate(90deg)}.ped-flow__source{color:#625778;text-align:right;max-width:150px;margin:0;font-size:11px;line-height:1.7;position:absolute;bottom:58px;right:5%}.ped-flow__nojs{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1100px;margin:auto;padding:30px;display:grid}.ped-flow__nojs article{scroll-margin-top:120px}.ped-flow__nojs h3{font-family:Fredoka Variable,sans-serif;font-size:26px;line-height:1.15}.ped-flow__nojs p{margin:20px 0;font-size:16px;line-height:1.6}.ped-flow__nojs img{width:100%;height:auto;display:block}@media (width<=1100px){.ped-flow__copy{width:36%;left:5%}.ped-flow__copy h2{letter-spacing:-.025em;font-size:36px}.ped-flow__body{font-size:16px}.ped-flow__nav{width:67%;left:5%}.ped-flow__source{right:3%}.ped-flow__canvas{width:59%}}@media (width<=800px),(height<=649px){.ped-flow__pin,.ped-flow[data-motion=true] .ped-flow__pin{flex-direction:column;height:auto;min-height:0;padding:100px 22px 30px;display:flex}.ped-flow[data-motion=true]{height:auto}.ped-flow__top{letter-spacing:.08em;font-size:10px;top:28px;left:22px;right:22px}.ped-flow__reading-label{font-size:11px}.ped-flow__copy{pointer-events:auto;width:auto;position:relative;top:auto;left:auto;transform:none}.ped-flow__number{font-size:30px}.ped-flow__label{margin:14px 0 10px;font-size:11px}.ped-flow__copy h2{max-width:520px;font-size:35px}.ped-flow__body{margin:17px 0;font-size:16px}.ped-flow__benefit{max-width:100%;font-size:14px}.ped-flow__canvas{order:3;width:100%;height:auto;min-height:250px;margin:25px 0 10px;position:relative;top:auto;right:auto}.ped-flow__screen{border-radius:12px;width:min(100%,390px);max-width:100%;height:auto}.ped-flow__nav{order:2;gap:10px;width:100%;margin-top:15px;position:relative;bottom:auto;left:auto}.ped-flow__nav a{padding:15px 0;font-size:13px}.ped-flow__nav a>span{display:none}.ped-flow__source{text-align:center;order:4;max-width:none;position:relative;bottom:auto;right:auto}.ped-flow__hint{text-align:center;flex-wrap:wrap;order:5;justify-content:center;margin-top:12px;line-height:1.5;position:relative;bottom:auto;left:auto}.ped-flow__nojs{grid-template-columns:1fr;padding:22px}.ped-flow__nojs img{max-width:390px;margin:auto}}@media (prefers-reduced-motion:reduce){.ped-flow *{scroll-behavior:auto;transition:none!important;animation:none!important}.ped-flow__pin{height:auto;min-height:780px}}@media (forced-colors:active){.ped-flow{color:canvastext;background:canvas}.ped-flow__background{display:none}.ped-flow__copy h2,.ped-flow__number,.ped-flow__label,.ped-flow__body,.ped-flow__benefit,.ped-flow__source,.ped-flow__hint{color:canvastext}.ped-flow__nav a,.ped-flow__toggle{color:linktext}.ped-flow__nav a[aria-current]{border-bottom:3px solid highlight}}
