:root{--crema:#f5eee0;--arena:#e8dcc4;--pardo:#43301d;--pardo-2:#6b4a2b;--ambar:#cf8a2e;--verde:#008069;--verde-sombra:#005c4b;--banda-1:oklch(0.9 0.06 82);--banda-2:oklch(0.78 0.12 66);--banda-3:oklch(0.52 0.1 52);--radio:16px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--crema);color:var(--pardo);font-family:"Readex Pro",system-ui,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}::selection{background:var(--ambar);color:#231708}:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:"Rubik",system-ui,sans-serif;line-height:1.1;margin:0;text-wrap:balance}p{text-wrap:pretty;margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(100% - 2rem,64rem);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sheet{position:relative;padding-top:4.5rem}.tab{position:absolute;top:0;right:1rem;height:56px;max-width:60%;display:flex;align-items:center;gap:.5rem;background:var(--pardo);color:var(--crema);padding:0 1rem 0 .7rem;border-radius:0 0 14px 14px;box-shadow:0 4px 0 rgba(67,48,29,.18);}.tab img{width:38px;height:38px;border-radius:9px}.tab span{font-family:"Rubik",sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.hero{padding:1.2rem 0 2.2rem;text-align:center}h1{font-weight:800;font-size:clamp(2rem,1.3rem + 3.2vw,3.3rem);letter-spacing:-.02em;max-width:18ch;margin-inline:auto;}h1 .mark{color:#ad6910}.lead{font-size:clamp(1.05rem,0.98rem + 0.5vw,1.3rem);color:var(--pardo-2);max-width:40ch;margin:1rem auto 0;}.path{display:flex;flex-direction:column;align-items:center;gap:0;margin:1.8rem auto 0;max-width:30rem}.node{width:100%;background:#fff;border:2px solid var(--arena);border-radius:var(--radio);padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;text-align:left;}.node .q{font-family:"Rubik",sans-serif;font-weight:700;font-size:1.02rem;line-height:1.25}.node .ic{flex:0 0 auto;color:var(--verde)}.arrow{display:flex;flex-direction:column;align-items:center;color:var(--ambar);padding:.35rem 0}.arrow .yes{font-family:"Rubik",sans-serif;font-weight:700;font-size:.8rem;color:var(--pardo-2);letter-spacing:.02em}.btn-go{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:260px;min-height:58px;margin-top:.4rem;padding:.9rem 1.7rem;background:var(--verde);color:#fff;font-family:"Rubik",sans-serif;font-weight:700;font-size:1.15rem;text-decoration:none;border-radius:14px;box-shadow:0 5px 0 var(--verde-sombra);transition:transform .08s ease-out,box-shadow .08s ease-out;}.btn-go:active{transform:translateY(4px);box-shadow:0 1px 0 var(--verde-sombra)}.under{margin-top:.8rem;color:var(--pardo-2);font-size:.95rem}.need{margin-top:1rem;background:none;border:0;color:var(--verde-sombra);font:400 .95rem/1 "Readex Pro",sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.3rem;}[popover]{margin:auto;border:2px solid var(--arena);border-radius:var(--radio);background:#fff;color:var(--pardo);max-width:22rem;padding:1.1rem 1.2rem;box-shadow:0 12px 40px rgba(67,48,29,.22);}[popover]::backdrop{background:rgba(67,48,29,.35)}[popover] .pt{font-family:"Rubik",sans-serif;font-weight:700;font-size:1.1rem;margin:0 0 .4rem}[popover] p{color:var(--pardo-2);font-size:.95rem}.viewer{margin:2rem auto 0;max-width:22rem}.screen{position:relative;background:var(--pardo);border-radius:20px;padding:10px;box-shadow:0 10px 0 rgba(67,48,29,.12);}.screen svg{width:100%;height:auto;display:block;border-radius:12px}.cam-front,.cam-back{transition:opacity .25s ease-out}.cam-back{opacity:0}.viewer:has(.seg[open]) .cam-front{opacity:0}.viewer:has(.seg[open]) .cam-back{opacity:1}.seg{margin-top:.8rem;max-width:16rem;margin-inline:auto}.seg summary{display:flex;background:var(--arena);border-radius:999px;padding:4px;position:relative;user-select:none;cursor:pointer;list-style:none;}.seg summary::-webkit-details-marker{display:none}.seg .opt{flex:1;text-align:center;z-index:1;padding:.5rem;border-radius:999px;font:700 .92rem/1 "Rubik",sans-serif;color:var(--pardo-2);}.seg .o1{color:var(--pardo)}.viewer:has(.seg[open]) .o1{color:var(--pardo-2)}.viewer:has(.seg[open]) .o2{color:var(--pardo)}.seg .knob{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:999px;box-shadow:0 2px 6px rgba(67,48,29,.18);transition:transform .18s ease-out;z-index:0;}.viewer:has(.seg[open]) .knob{transform:translateX(100%)}.seg summary:focus-visible{outline:3px solid var(--verde);outline-offset:2px;border-radius:999px}.toc{margin:2.4rem auto 0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.toc a{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:2px solid var(--arena);border-radius:999px;padding:.5rem .95rem;font-weight:400;font-size:.92rem;text-decoration:none;}.toc a .dot{width:18px;height:18px;border-radius:50%;background:var(--ambar);display:grid;place-items:center;color:#231708;font:700 .72rem/1 "Rubik",sans-serif}.sec{padding:2.8rem 0 1rem}.sec h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:800;text-align:center;letter-spacing:-.01em}.sec .kick{text-align:center;color:var(--pardo-2);max-width:34ch;margin:.7rem auto 0}.rail{display:flex;gap:1rem;margin-top:1.6rem;padding:.4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.rail::-webkit-scrollbar{display:none}.card{scroll-snap-align:center;flex:0 0 min(78%,19rem);border-radius:20px;padding:1.3rem;color:var(--pardo);}.card.b1{background:var(--banda-1)}.card.b2{background:var(--banda-2)}.card.b3{background:var(--banda-3);color:var(--crema)}.card .top{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.card .top svg{flex:0 0 auto}.card h3{font-size:1.2rem;font-weight:700;margin:0}.card p{font-size:.98rem;line-height:1.5}.card.b3 p{color:#f3e7cf}.dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.dots i{width:8px;height:8px;border-radius:50%;background:var(--arena)}.dots i.on{background:var(--ambar);width:22px;border-radius:999px}.limit{margin:1.6rem auto 0;max-width:34rem;background:#fff;border:2px solid var(--arena);border-radius:20px;padding:1.4rem 1.5rem;}.limit ul{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.limit li{display:flex;gap:.7rem;align-items:flex-start}.limit li .x{flex:0 0 auto;color:#b23a2e;margin-top:.15rem}.limit .does{margin-top:1.2rem;padding-top:1.1rem;border-top:2px solid var(--arena);display:flex;gap:.7rem;align-items:flex-start}.limit .does .ok{flex:0 0 auto;color:var(--verde);margin-top:.15rem}.close{padding:2.6rem 0 1rem;text-align:center}.flow{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .6rem;margin:0 auto 1.4rem;font-family:"Rubik",sans-serif;font-weight:700;color:var(--pardo-2);font-size:clamp(1rem,0.95rem + 0.4vw,1.2rem);}.flow .v{background:#fff;border:2px solid var(--arena);border-radius:999px;padding:.4rem .9rem}.flow svg{color:var(--ambar)}footer{margin-top:2.6rem;background:linear-gradient(var(--crema),var(--arena));padding:2.4rem 0 2.8rem;}footer .wrap{text-align:center}footer details{max-width:24rem;margin:0 auto 1rem;text-align:left}footer summary{font-family:"Rubik",sans-serif;font-weight:700;cursor:pointer;padding:.6rem 0;list-style:none}footer summary::-webkit-details-marker{display:none}footer summary::after{content:"+";float:right;color:var(--ambar)}footer details[open] summary::after{content:"-"}footer details ul{list-style:none;margin:.2rem 0 .6rem;padding:0;display:grid;gap:.5rem}footer details a{text-decoration:none;color:var(--pardo-2)}.foot-brand{display:flex;align-items:center;gap:.5rem;justify-content:center;font-family:"Rubik",sans-serif;font-weight:700;margin-bottom:.8rem}.foot-brand img{width:30px;height:30px;border-radius:8px}.indep{color:var(--pardo-2);font-size:.85rem;max-width:40ch;margin:.8rem auto 0}@media (min-width:768px){.rail{justify-content:center;overflow-x:visible;flex-wrap:wrap}.card{flex:0 0 18rem}.dots{display:none}}@media (hover:hover) and (pointer:fine){.toc a:hover{border-color:var(--ambar)}.btn-go:hover{box-shadow:0 5px 0 var(--verde-sombra),0 8px 18px rgba(0,128,105,.28)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}@keyframes rise{from{opacity:0;transform:translateY(26px)}}}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{overflow-x:clip;max-inline-size:100%}body{overflow-x:clip;max-inline-size:100%}