/* [ID: ACD-BAW-ATELIER] | [V: 5.19] | Protocolo ATELIER BAW · φ */
:root{--atelier-ink:#241d3c;--atelier-paper:#fffdf8;--atelier-purple:#5125c9;--atelier-gold:#f4cd76}
html{scroll-padding-top:85px}
.atelier-route{position:sticky;top:0;z-index:65;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,34px);padding:10px 24px;background:#fffdf8f5;color:var(--atelier-ink);border-bottom:1px solid #ddd4c6;box-shadow:0 5px 21px #241d3c0a;backdrop-filter:blur(12px);font:600 14px/1.4 'IBM Plex Sans',sans-serif}
.atelier-route a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:10px;border-bottom:2px solid transparent}
.atelier-route a[aria-current]{color:#5125c9;border-bottom-color:#5125c9}
.atelier-route-label{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin-right:21px}
.atelier-route .atelier-route-cta{padding:0 21px;border-radius:30px;background:#5125c9;color:#fff}
.atelier-entry{position:relative;isolation:isolate;padding:clamp(55px,7vw,89px) max(24px,calc((100% - 1200px)/2));background:var(--atelier-paper);color:var(--atelier-ink)}
.atelier-entry::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 4% 15%,#d8c5ff66,transparent 40%),radial-gradient(ellipse at 95% 100%,#ffd1b850,transparent 45%)}
.atelier-entry-head{display:grid;grid-template-columns:1.618fr 1fr;column-gap:55px;align-items:end;margin-bottom:34px}
.atelier-eyebrow{grid-column:1/-1;color:#65418a;text-transform:uppercase;font:600 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.18em}
.atelier-entry h2{font:700 clamp(28px,3.6vw,44px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0;max-width:650px}
.atelier-entry-head>p:last-child{font-size:16px;line-height:1.618;margin:0;color:#51465f}
.atelier-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.atelier-paths>a{position:relative;display:flex;flex-direction:column;padding:34px 26px;text-decoration:none;color:var(--atelier-ink);background:#fffdf8;border:1px solid #ddd3ea;border-radius:8px 24px 9px 24px;box-shadow:0 8px 24px #241d3c06;transition:transform .25s,box-shadow .25s}
.atelier-paths>a::before{content:'';position:absolute;left:26px;right:26px;top:0;height:5px;border-radius:50%;background:linear-gradient(90deg,#5125c966,#b37ad5,#ffba7977);transform:rotate(-.7deg)}
.atelier-paths>a:nth-child(2)::before{background:linear-gradient(90deg,#ac145b44,#df7096,#f4cd76)}
.atelier-paths>a:nth-child(3)::before{background:linear-gradient(90deg,#0c695d44,#4aa994,#9cd1c9)}
.atelier-index{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#65516f}
.atelier-paths h3{font:600 24px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:21px 0 13px}
.atelier-paths p{font-size:15px;line-height:1.618;margin:0 0 26px;color:#51465f}
.atelier-next{margin-top:auto;font-size:14px;font-weight:600;color:#5125c9}
.atelier-paths>a:hover{transform:translateY(-4px);box-shadow:0 13px 34px #5125c91a}
.atelier-route a:focus-visible,.atelier-paths>a:focus-visible,.atelier-replay:focus-visible,.baw-sign:focus-visible{outline:3px solid #d28a20;outline-offset:5px}
#portafolio{scroll-margin-top:90px}
/* Finished geometry is the default, including without JavaScript. */
.bsh .bsh-sp{stroke-dashoffset:0;transition:none}
.bsh .bsh-phi{overflow:visible;opacity:.6}
.bsh .bsh-phi rect,.bsh .bsh-phi path{animation:none!important;transition:none!important}
.bsh .atelier-pen{fill:#fff4d5;filter:drop-shadow(0 0 14px #ffcc65);opacity:0;pointer-events:none}
.bsh .bsh-orbit{animation:none!important;opacity:.4}
.bsh .baw-sign--hero{animation:none!important;position:relative;overflow:hidden;opacity:1!important}
.bsh .baw-sign--hero::after{content:'';position:absolute;inset:-60% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#fff2c940 50%,transparent 58%);transform:translateX(-75%);opacity:0}
.bsh.atelier-finished .baw-sign--hero::after{animation:atelier-sheen 11s ease-in-out infinite}
@keyframes atelier-sheen{0%,70%,100%{transform:translateX(-75%);opacity:0}76%{opacity:1}88%{transform:translateX(75%);opacity:0}}
.atelier-replay{min-height:44px;padding:8px 17px;border:1px solid #d7c7f2;border-radius:30px;background:transparent;color:#fff1c7;font:500 12px 'IBM Plex Sans',sans-serif;cursor:pointer}
.atelier-replay[hidden]{display:none}
.m10-paused .atelier-route *, .m10-paused .atelier-paths>a{transition:none}
.m10-paused .baw-sign--hero::after{animation-play-state:paused!important}
@media(max-width:760px){.atelier-route{gap:16px;padding:7px 12px;font-size:12px}.atelier-route-label{display:none}.atelier-route .atelier-route-cta{padding:0 13px}.atelier-entry-head{grid-template-columns:1fr;gap:16px}.atelier-paths{grid-template-columns:1fr}.atelier-paths>a{padding:26px}.atelier-paths h3{margin-top:13px}.atelier-entry-head>p:last-child{max-width:52ch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.atelier-paths>a{transition:none}.atelier-paths>a:hover{transform:none}.bsh .baw-sign--hero::after{animation:none!important}.atelier-replay{display:none}}