/* World v35 — pinned "Do esforço à direção" chapter with the morphing points of light.
   Static-first: without body.world-v35-on (reduced motion, paused effects, no JS) it is a
   normal section with the five steps listed. */
.world-v35{position:relative;background:radial-gradient(ellipse at 70% 45%,#13241d 0%,#070b09 62%);color:var(--ink,#f1efe8);overflow:clip}
.world-v35-pin{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center}
.world-v35-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.world-v35.is-live .world-v35-canvas{opacity:1}
.world-v35-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070b09f2 0%,#070b09b3 36%,transparent 62%)}
.world-v35-copy{position:relative;z-index:2;padding-block:120px 96px}
.world-v35-copy h2{margin:16px 0 26px;font-size:clamp(38px,5.2vw,74px);line-height:1.02;max-width:12ch}
.world-v35-copy h2 em{color:var(--tf-champagne,#d8c39a)}
.world-v35-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:14px;max-width:440px}
.world-v35-steps li{display:grid;gap:4px;padding:12px 0 12px 16px;border-left:2px solid #ffffff1c}
.world-v35-steps b{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--tf-champagne,#d8c39a)}
.world-v35-steps p{margin:0;font-size:16px;line-height:1.5;color:#dcd8cd}
.world-v35-note{display:block;margin-top:14px;font-size:11.5px;color:#a9ada3}
.world-v35-tabs{position:absolute;z-index:3;top:96px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:5px;border:1px solid #ffffff1a;border-radius:999px;background:#0a0f0dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.world-v35-tabs button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:none;color:#b9bdb2;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .3s,color .3s}
.world-v35-tabs button.is-active{background:var(--tf-champagne,#d8c39a);color:#0b0c0c}
.world-v35-tabs button:focus-visible{outline:2px solid #5ef2ff;outline-offset:2px}
.world-v35-progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:2px;background:#ffffff12}
.world-v35-progress i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--tf-champagne,#d8c39a),#5ef2ff)}

/* Scroll-driven mode: the chapter pins while the points morph through five shapes. */
body.world-v35-on .world-v35{height:420vh}
body.world-v35-on .world-v35-pin{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
body.world-v35-on .world-v35-steps{position:relative;min-height:96px;gap:0}
body.world-v35-on .world-v35-steps li{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .5s ease,transform .5s ease,filter .5s ease;border-left-color:var(--tf-champagne,#d8c39a)}
body.world-v35-on .world-v35-steps li.is-active{opacity:1;transform:none;filter:none}
body:not(.world-v35-on) .world-v35-tabs,body:not(.world-v35-on) .world-v35-progress{display:none}

@media (max-width:767px){
  .world-v35-shade{background:linear-gradient(180deg,transparent 0%,#070b0999 40%,#070b09f2 64%)}
  .world-v35-pin{align-items:flex-end}
  .world-v35-copy{padding-block:120px 64px}
  .world-v35-copy h2{font-size:34px;margin:12px 0 18px}
  .world-v35-tabs{top:74px;justify-content:flex-start}
  .world-v35-tabs button{padding:0 11px}
  body.world-v35-on .world-v35{height:360vh}
  body.world-v35-on .world-v35-steps{min-height:104px}
}
/* Tablets standing up: shapes in the upper half (see world-v35.js), text at the bottom like phones. */
@media (min-width:768px) and (max-aspect-ratio:11/10){
  .world-v35-shade{background:linear-gradient(180deg,transparent 0%,#070b0999 46%,#070b09f2 66%)}
  .world-v35-pin{align-items:flex-end}
  .world-v35-copy{padding-block:120px 80px}
}
@media (prefers-reduced-motion:reduce){
  .world-v35-steps li,.world-v35-canvas{transition:none!important}
}