:root{--paper:#f7f4ee;--blue:#24508f;--pink:#e7a3b3;--green:#3a7a5e;--ink:#1b1f27}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--green) var(--paper)}body{margin:0;background:var(--paper);color:var(--blue);font:500 24px/1.4 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--pink);color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:8px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--paper);padding:15px}.skip:focus{top:15px}
.world{position:relative;isolation:isolate;overflow:clip}.landscape{position:absolute;top:0;left:0;width:100%;height:180svh;min-height:1300px;z-index:-1;stroke:none;pointer-events:none}
.hero{height:100svh;min-height:700px;position:relative;overflow:clip}.monument{position:absolute;left:50%;top:0;transform:translateX(-50%);margin:0;font:800 43vw/1 'Fraunces',serif;letter-spacing:-.065em;padding-right:.065em;white-space:nowrap}.monument span{color:var(--pink)}.people-wrap{position:absolute;width:min(72vw,1100px);left:50%;top:22svh;transform:translateX(-50%);aspect-ratio:1.5}.people{display:block;position:absolute;inset:0;width:100%;height:auto;mask-image:linear-gradient(#000 75%,transparent 99%);transition:opacity 1s ease}.scene-b{opacity:0}.people-wrap.alternate .people:first-child{opacity:0}.people-wrap.alternate .scene-b{opacity:1}.scene-switch{position:absolute;right:5%;bottom:5%;font-size:24px;font-weight:700;border:0;border-bottom:2px solid currentColor;background:var(--paper);padding:8px 0;cursor:pointer}.scene-switch[hidden]{display:none}.scene-switch:hover{color:var(--green)}.scroll-cue{position:absolute;bottom:4%;left:calc(50% - 24px);display:grid;place-items:center;width:48px;height:48px}.scroll-cue svg{height:32px}
.atelier{height:83svh;min-height:650px;position:relative}.local-title{position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0;color:var(--pink);font:800 22vw/1 'Fraunces',serif;letter-spacing:-.065em;white-space:nowrap;padding-right:.065em}.product{position:absolute;top:18%;left:60%;transform:translateX(-50%);width:min(49vw,66svh,740px);display:block}.terminal-frame{width:100%;aspect-ratio:1.5;position:relative}.terminal-canvas{display:none;position:absolute;top:0;left:0;width:1536px;height:1024px;transform-origin:0 0}.js .terminal-canvas{display:block}.terminal-base{position:absolute;inset:0;width:1536px;height:1024px;z-index:0}.terminal-canvas img{max-width:none;max-height:none;object-fit:fill}.terminal-canvas>img:not(.terminal-base){z-index:2;backface-visibility:hidden}.nojs-screen{display:block;width:100%;height:auto}.js .nojs-screen{display:none}.way-composition{position:absolute;bottom:0;left:6%;width:88%}.your-way{margin:0;font:800 12vw/1.1 'Fraunces',serif;letter-spacing:-.065em;white-space:nowrap}
.cycle{position:relative;max-width:1440px;margin:auto;padding:9svh 6vw 7svh;isolation:isolate}.cycle-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#d9a93a;stroke-width:4;opacity:.65;pointer-events:none}.cycle-control{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.cycle h2,.cycle h3{font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 20px}.cycle h2{font-size:clamp(36px,3.4vw,52px)}.cycle h3{font-size:clamp(30px,2.7vw,40px)}.cycle p{font-size:24px;line-height:1.45;max-width:30ch;margin:0;color:var(--ink)}.cycle-copy,.cycle-bottom article{background:var(--paper)}.dash{position:relative;width:100%;aspect-ratio:1.6;margin-bottom:24px}.monitor{position:absolute;left:0;top:0;width:82%;border-radius:18px;background:var(--ink);padding:1.4%;box-shadow:0 25px 45px -25px #1b1f2755}.monitor img{display:block;width:100%;border-radius:9px}.celu{position:absolute;right:10px;bottom:-8%;width:25%;border-radius:26px;background:var(--ink);padding:2.2%;box-shadow:0 25px 40px -25px #1b1f2755;transform:rotate(3deg)}.celu img{display:block;width:100%;border-radius:18px}.cycle-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:8svh}.loyalty{position:relative;padding-right:0}.loyalty h3{color:var(--green)}.loyalty img{display:block;position:relative;width:115px;margin:12px 0 0 auto;height:auto;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.care h3{color:#a0475d}
footer{display:flex;justify-content:center;gap:20px;padding:4svh 4% 7svh;flex-wrap:wrap}footer a{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 44px;border-radius:40px;background:var(--blue);color:var(--paper);font:800 28px/1 'DM Sans',sans-serif}footer a.alt{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 3px var(--blue)}footer a:hover{background:var(--green);color:var(--paper)}
@media(max-width:700px){.landscape{width:165%;left:-32.5%;height:150svh;min-height:1150px}.hero{height:84svh;min-height:600px}.monument{font-size:44vw;top:4%}.people-wrap{width:114%;top:26%}.scene-switch{font-size:24px;right:6%;bottom:4%}.scroll-cue{left:6%;bottom:4%}.atelier{height:auto;min-height:0;padding:5svh 6vw 0;display:flex;flex-direction:column;align-items:center;gap:0}.local-title{position:relative;left:auto;top:auto;transform:none;font-size:23vw}.product{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:-5svh}.way-composition{position:relative;left:auto;bottom:auto;width:100%;margin-top:22px}.your-way{font-size:15vw;line-height:1.2}.cycle{padding:10svh 7vw 4svh}.cycle-control{display:flex;flex-direction:column;align-items:stretch;gap:35px}.cycle h2{font-size:34px}.cycle h3{font-size:30px}.cycle p{font-size:24px;line-height:1.35}.dash{width:94%;margin:0 auto 30px}.cycle-bottom{display:flex;flex-direction:column;gap:52px;margin-top:24px}.loyalty{padding-right:0}.loyalty img{width:95px}.cycle-thread{stroke-width:5;opacity:.45}.care{padding-top:16px}footer{padding-bottom:6svh}footer a{font-size:26px;padding:0 34px;min-height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Recorrido continuo y elenco por mitades. */
.landscape{height:180svh}.river{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible;stroke:var(--green);stroke-width:140;fill:none;stroke-linecap:round}
.people-wrap{mask-image:radial-gradient(ellipse 75% 90% at 50% 25%,#000 52%,transparent 78%)}
.cast-side{position:absolute;inset:0}.cast-left{mask-image:linear-gradient(90deg,#000 48%,transparent 50%)}.cast-right{mask-image:linear-gradient(90deg,transparent 48%,#000 50%)}
.cast-image{position:absolute;inset:0;width:100%;height:auto;opacity:0;transition:opacity 200ms ease-out}.cast-image.active{opacity:1}
.motion-toggle{position:absolute;right:5%;bottom:4%;border:0;background:var(--paper);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;cursor:pointer}.motion-toggle svg{stroke-width:3}
.cycle{max-width:1440px;padding:15svh 7vw 12svh;display:flex;align-items:center;justify-content:space-between;gap:5vw;min-height:70svh}.concept{flex:1;min-width:0;text-align:center}.concept-icon{width:clamp(110px,13vw,190px);height:clamp(110px,13vw,190px);display:block;margin:0 auto 24px;transform:rotate(-9deg)}.concept h2{font-size:clamp(26px,2.4vw,36px);line-height:1.1;margin:0 0 16px;background:var(--paper);border-radius:50%;padding:8px 0}.concept p{font-size:24px;line-height:1.3;background:var(--paper);border-radius:45%;padding:8px 0;margin:auto}.percent{font:800 clamp(130px,15vw,210px)/.9 'Fraunces',serif;color:var(--pink);transform:rotate(12deg)}.happy-concept{margin-top:160px}.credit-concept{margin-top:60px}
@media(max-width:700px){.river{stroke-width:95}.people-wrap{width:114%;mask-image:radial-gradient(ellipse 70% 90% at 50% 30%,#000 47%,transparent 80%)}.cycle{flex-direction:column;gap:70px;padding:12svh 7vw 8svh}.concept{width:100%;max-width:340px}.concept-icon{width:140px;height:140px}.percent{font-size:165px}.concept h2{font-size:30px}.happy-concept,.credit-concept{margin-top:0}.data-concept{align-self:flex-start}.credit-concept{align-self:flex-end}.concept p{font-size:24px}.motion-toggle{right:6%}}

.people-wrap{mask-image:url('img/recorte-manual.svg');mask-size:100% 100%;mask-repeat:no-repeat}.cast-left{mask-image:linear-gradient(90deg,#000 48.8%,transparent 49.5%)}.cast-right{mask-image:linear-gradient(90deg,transparent 48.8%,#000 49.5%)}
.way-composition{isolation:isolate}.way-composition::before{content:"";position:absolute;inset:-15% -3%;background:var(--paper);border-radius:42% 58% 61% 39% / 45% 56% 44% 55%;transform:rotate(-2deg);z-index:-1;filter:blur(8px)}
.concept h2,.concept p{background:none;border-radius:0}.concept{position:relative;isolation:isolate}.concept::before{content:"";position:absolute;inset:35% -12% -12%;background:var(--paper);border-radius:46% 54% 39% 61% / 46% 43% 57% 54%;z-index:-1;filter:blur(10px)}
.details{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding:12svh 7vw 4svh;position:relative}.details figure{margin:0;min-width:0}.details figcaption{font:800 clamp(28px,3.2vw,46px)/1.1 'Fraunces',serif;letter-spacing:-.04em;margin-bottom:28px}.details a{display:block;border-radius:7% 10% 8% 6%;overflow:hidden;box-shadow:0 24px 45px -25px #1b1f2755;transform:rotate(-3deg)}.details img{display:block;width:100%;height:auto}.detail-panel{padding-top:12svh}.detail-panel a{transform:rotate(3deg)}footer a.alt{background:var(--paper)}
@media(max-width:700px){.people-wrap{mask-image:url('img/recorte-manual.svg')}.details{grid-template-columns:1fr;padding:10svh 7vw 2svh;gap:55px}.detail-panel{padding-top:0}.details figcaption{font-size:32px;margin-bottom:24px}.details a{width:100%}.cycle{padding-top:10svh}}
.way-composition::before{inset:-10% 0;transform:none}.concept::before{inset:35% 0 -12%}.details a,.detail-panel a{transform:none}
.details figcaption{background:var(--paper);border-radius:45% 55% 40% 60%;padding:8px 0;box-shadow:0 0 14px 8px var(--paper)}.your-way{text-shadow:0 0 12px var(--paper)}

/* Borrones opacos: borde manual, sin difuminado, cubren la caja completa de texto. */
.way-composition::before,.concept::before{filter:none;border-radius:0;clip-path:polygon(0 8%,9% 3%,22% 6%,36% 1%,47% 5%,63% 2%,77% 6%,91% 1%,100% 7%,99% 96%,87% 100%,72% 96%,56% 100%,43% 95%,28% 100%,13% 96%,0 100%)}
.way-composition::before{inset:-14px 0}.your-way{text-shadow:none;padding:14px 0}.concept::before{inset:35% 0 -20px}.concept h2,.concept p{background:var(--paper)}.details figcaption{box-shadow:none;background:var(--paper);border-radius:0;padding:12px 0}
.positioning,.offer,.questions{position:relative;max-width:1050px;margin:0 auto;padding:7svh 6vw;text-align:center}.positioning h2,.offer h2,.questions h2{font:800 clamp(36px,5vw,68px)/1.05 'Fraunces',serif;letter-spacing:-.04em;margin:0 0 28px}.positioning p,.offer p{font-size:24px;line-height:1.4;margin:22px 0}.positioning,.offer,.questions{background:var(--paper);border-radius:15% 9% 12% 8% / 4% 3% 5% 4%}.action{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:var(--paper);font-weight:800;font-size:24px;padding:18px 30px;border-radius:40px;margin:14px 0}.alt-action{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 3px var(--blue)}.offer .price{font:800 clamp(32px,4.5vw,60px)/1.2 'Fraunces',serif;letter-spacing:-.03em}.price span{white-space:nowrap}.demo-note{grid-column:1/-1;font-size:24px;line-height:1.35;margin:20px 0 0;background:var(--paper);text-align:center;padding:12px;border-radius:25px}.questions{text-align:left;padding-top:5svh}.questions h2{text-align:center}.questions details{padding:22px 0}.questions summary{font-weight:800;font-size:26px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';font-size:32px;line-height:1}.questions details[open] summary::after{content:'−'}.questions details p{font-size:24px;line-height:1.4;max-width:65ch;margin:20px 0 0;color:var(--ink)}.maker{text-align:center;font-size:24px;line-height:1.4;padding:0 7vw 5svh;margin:0;background:var(--paper)}.details{padding-top:6svh}.cycle{padding-top:8svh;padding-bottom:7svh}
@media(max-width:700px){.positioning,.offer,.questions{padding:6svh 7vw}.positioning h2,.offer h2,.questions h2{font-size:38px}.price span{display:block}.questions summary{font-size:24px}.demo-note{font-size:24px}.your-way{font-size:14.6vw}.offer .price{font-size:36px}footer a{max-width:100%;font-size:24px}}
.questions details:not([open])>p{display:none}
@media(max-width:400px){.offer h2{font-size:32px}}
.concept h2,.concept p{background:transparent}.details figcaption{border-radius:19% 9% 14% 7% / 29% 23% 18% 21%}.demo-note{border-radius:12% 8% 17% 9% / 35% 30% 26% 40%}

/* Vuelta al recorrido visual: viñeta orgánica, aplicación y símbolos. */
.cast-left img[data-variant="1"]{transform:translate(-2%,2%) scale(.97);transform-origin:25% 60%}.cast-left img[data-variant="2"]{transform:translate(-4%,3%) scale(.96);transform-origin:25% 60%}.cast-right img[data-variant="1"]{transform:translate(1%,1%)}.cast-right img[data-variant="2"]{transform:translate(2%,-1%) scale(.98);transform-origin:75% 60%}
.way-composition::before,.concept::before{clip-path:none;border-radius:43% 57% 38% 62% / 47% 39% 61% 53%;filter:blur(9px)}.concept h2,.concept p{background:var(--paper);border-radius:32% 24% 21% 29%}.way-composition::before{inset:-10px 0}.details{max-width:1600px;grid-template-columns:1.25fr 1fr;gap:5vw;padding:7svh 5vw 4svh}.details figcaption{border-radius:35% 21% 42% 19%}.detail-panel{padding-top:18svh}.details a{border-radius:5% 8% 7% 4%}.symbol-garden{max-width:1440px;margin:0 auto;padding:5svh 6vw 8svh;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:60px 30px}.symbol-garden figure{margin:0;min-width:0;text-align:center;color:var(--blue);position:relative}.symbol-garden figure:nth-child(4n+2){color:#B4566A}.symbol-garden figure:nth-child(4n+3){color:var(--green)}.symbol-garden figure:nth-child(4n){color:#D9A93A}.symbol-garden svg{display:block;width:min(100%,160px);height:auto;margin:0 auto 20px;transform:rotate(-7deg)}.symbol-garden figure:nth-child(even) svg{transform:rotate(8deg)}.symbol-garden figcaption{font-size:24px;font-weight:800;line-height:1.2;color:var(--blue);background:var(--paper);border-radius:35%;padding:10px 0}.symbol-garden figure:nth-child(even){padding-top:36px}
@media(max-width:700px){.details{grid-template-columns:1fr;padding:6svh 5vw 3svh;gap:40px}.detail-panel{padding-top:0}.symbol-garden{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px;padding:5svh 7vw}.symbol-garden svg{width:120px}.symbol-garden figcaption{font-size:24px}.symbol-garden figure:nth-child(even){padding-top:30px}}
.cast-side{overflow:clip}.symbol-garden svg{width:min(80%,160px)}
@media(min-width:701px) and (max-width:1100px){.symbol-garden{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* La máscara pertenece a cada foto ANTES de desplazarla: ninguna mitad arrastra otro POS. */
.cast-side{mask-image:none}.cast-left .cast-image{mask-image:linear-gradient(90deg,#000 48.6%,transparent 49.2%)}.cast-right .cast-image{mask-image:linear-gradient(90deg,transparent 48.6%,#000 49.2%)}.cast-image{transition:opacity 160ms ease}.cast-left img[data-variant="2"]{transform:translate(-7%,4%) scale(.96)}
.way-composition::before,.concept::before{filter:none;clip-path:none;border-radius:0;mask-image:url('img/trazo-redondo.svg');mask-size:100% 100%;mask-repeat:no-repeat}.concept::before{inset:190px 0 -20px}.concept h2,.concept p{background:transparent;border-radius:0}.your-way{text-shadow:none}.details figcaption,.demo-note{box-shadow:none}
.context-symbols{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:32px;position:relative;isolation:isolate}.context-symbols::before{content:"";position:absolute;inset:-12px 0;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat;z-index:-1}.context-symbols figure{margin:0;padding:0!important;flex:1 1 100px;max-width:150px;min-width:0;text-align:center;color:var(--blue)}.context-symbols svg{display:block;width:74px;height:74px;margin:0 auto 12px;stroke-width:10;transform:rotate(-4deg)}.context-symbols figure:nth-child(even) svg{transform:rotate(4deg)}.context-symbols figcaption{font:700 24px/1.2 'DM Sans',sans-serif;letter-spacing:0;margin:0;padding:0;background:transparent;border-radius:0}.credit-concept .context-symbols{color:#B4566A}.happy-concept .context-symbols{color:var(--green)}.cycle{align-items:flex-start}.happy-concept,.credit-concept{margin-top:0}.cycle .concept-icon{height:160px;width:160px}.cycle .percent{font-size:180px}.cycle .context-symbols{gap:12px}.cycle .context-symbols figure{flex-basis:95px}.cycle .context-symbols svg{height:64px;width:64px}
@media(max-width:700px){.context-symbols{gap:14px}.context-symbols figure{flex-basis:85px}.context-symbols svg{height:65px;width:65px}.cycle .concept-icon{width:140px;height:140px}.cycle .percent{font-size:165px}.concept::before{inset:160px 0 -16px}.cycle{gap:65px}}
.context-symbols figure,.cycle .context-symbols figure{flex:0 1 145px;min-width:140px;max-width:160px}.context-symbols{gap:22px 12px}.context-symbols figcaption{overflow-wrap:normal}
.concept::before{inset:150px 0 -20px}
@media(max-width:700px){.concept::before{inset:130px 0 -20px}}
@media(min-width:701px) and (max-width:1000px){.cycle .concept-icon{width:140px;height:160px;transform:none}.cycle .percent{font-size:160px}}

.whole-scenes{position:absolute;inset:0}.whole-scenes .cast-image{mask-image:none;transform:none;width:100%;height:auto}.customer-scene{max-width:1440px;margin:0 auto;padding:5svh 7vw 9svh;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:5vw}.customer-scene h2{font:800 clamp(38px,4.8vw,68px)/1.06 'Fraunces',serif;letter-spacing:-.04em;margin:0;background:var(--paper);padding:24px 0;border-radius:18% 9% 15% 11%}.customer-scene a{display:block;overflow:hidden;border-radius:26px;box-shadow:0 20px 40px -25px #1b1f2755}.customer-scene img{display:block;width:100%;height:auto}
@media(max-width:700px){.customer-scene{grid-template-columns:1fr;padding:4svh 7vw 7svh;gap:26px}.customer-scene h2{font-size:38px;text-align:center}}

.customer-copy{position:relative;isolation:isolate;padding:32px 20px}.customer-copy::before{content:"";position:absolute;inset:0;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat;z-index:-1}.customer-scene h2{background:transparent;border-radius:0;padding:0;font-size:clamp(34px,4vw,60px)}
.closing{position:relative;isolation:isolate;display:flex;min-height:65svh;align-items:center;justify-content:center;gap:26px;flex-direction:column;overflow:clip;padding:16svh 6vw 8svh;background:var(--paper)}.closing-word{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);font:800 41vw/1 'Fraunces',serif;letter-spacing:-.065em;color:var(--blue);white-space:nowrap;padding-right:.065em}.closing-word span{color:var(--pink)}.marcos-label{display:flex;gap:20px;align-items:center;background:var(--green);color:var(--paper);padding:20px 30px;border-radius:13px 20px 15px 11px;transform:rotate(-5deg);font-size:24px;font-weight:800;margin-top:13vw;box-shadow:0 8px 0 var(--paper)}.marcos-label span+span{font-size:24px}.closing .write-me{display:flex;gap:24px;min-height:78px;padding:18px 42px;font-size:36px;background:var(--paper);color:var(--blue);box-shadow:inset 0 0 0 3px var(--blue);border-radius:50px}.write-me svg{width:30px;height:30px}.closing .write-me:hover{background:var(--blue);color:var(--paper)}
@media(max-width:700px){.customer-copy{padding:30px 18px}.customer-scene h2{font-size:34px}.closing{min-height:440px;padding:80px 6vw 65px;gap:28px}.closing-word{font-size:43vw;top:20px}.marcos-label{margin-top:65px;flex-direction:column;gap:4px;padding:18px 26px}.closing .write-me{font-size:32px}}
@media(max-width:700px){.marcos-label{gap:14px;transform:rotate(-3deg)}}

.closing-editorial{background:var(--blue);color:var(--paper);display:block;min-height:760px;padding:9vw 7vw 6vw;text-align:left;border-radius:8% 0 0 0 / 6% 0 0 0}.closing-editorial .closing-word{color:var(--paper);top:-4vw;left:auto;right:3vw;transform:none;font-size:36vw;line-height:1;opacity:.13;letter-spacing:-.07em;z-index:-1}.closing-editorial .closing-word span{color:var(--pink)}.closing-intro{position:relative}.closing-intro h2{font:800 clamp(52px,8.2vw,124px)/.98 'Fraunces',serif;letter-spacing:-.055em;margin:0;max-width:11ch}.closing-motion{position:relative;height:1.5em;margin:35px 0 70px;font-size:clamp(26px,3vw,42px);font-weight:700;color:var(--pink);overflow:hidden}.closing-motion span{position:absolute;inset:0;opacity:0;animation:closing-phrase 12s infinite}.closing-motion span:nth-child(2){animation-delay:4s}.closing-motion span:nth-child(3){animation-delay:8s}@keyframes closing-phrase{0%,30%{opacity:1;transform:translateY(0)}33%,95%{opacity:0;transform:translateY(-12px)}100%{opacity:0;transform:translateY(12px)}}.closing-contact{display:grid;grid-template-columns:1fr 1.25fr;align-items:end;gap:40px}.contact-person{display:flex;flex-direction:column;gap:14px}.contact-person strong{font-size:32px;font-weight:700;letter-spacing:-.025em}.contact-person span{font-size:24px;line-height:1.35;max-width:22ch}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.closing-editorial .write-me{font-size:26px;line-height:1.2;gap:20px;min-height:78px;padding:20px 28px;background:var(--paper);color:var(--blue);box-shadow:none;border-radius:12px;max-width:100%;justify-content:space-between}.closing-editorial .write-me svg{flex-shrink:0}.closing-editorial .write-me:hover{background:var(--pink);color:var(--blue)}.closing-editorial .contact-email{background:none;color:var(--paper);font-size:24px;font-weight:500;padding:0;min-height:44px;border-radius:0;box-shadow:none;line-height:1.3;overflow-wrap:anywhere}.closing-editorial .contact-email:hover{color:var(--pink)}
@media(max-width:700px){.closing-editorial{padding:70px 7vw 60px;min-height:760px}.closing-editorial .closing-word{font-size:48vw;top:15px;right:2vw}.closing-intro h2{font-size:54px}.closing-motion{font-size:28px;margin:28px 0 56px}.closing-contact{grid-template-columns:1fr;gap:36px}.contact-person strong{font-size:30px}.closing-editorial .write-me{font-size:24px;padding:20px;gap:14px;width:100%}.closing-editorial .contact-email{font-size:24px}.contact-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.closing-motion span{display:none}.closing-motion span:first-child{display:block;opacity:1;transform:none}}
/* El fondo del rótulo cubre sus letras y su margen; no depende del recorte del grupo. */
.context-symbols figcaption{position:relative;background:var(--paper);padding:14px 8px;border-radius:13px 8px 16px 10px;isolation:isolate}.context-symbols figure,.cycle .context-symbols figure{flex-basis:160px;min-width:155px;max-width:180px}.context-symbols::before{mask:none;background:none}.customer-copy::before{mask:none;border-radius:22px 13px 28px 17px}.concept::before{mask:none;border-radius:24px 13px 28px 17px}.concept h2,.concept p{background:var(--paper);padding:12px 8px;border-radius:16px 11px 20px 13px}

/* Capas-27: la profundidad pertenece a toda la pieza, también al cierre. */
.details{grid-template-columns:1fr;max-width:1500px;padding:12svh 7vw 7svh;gap:13svh;perspective:1600px}.details>figure{position:relative;isolation:isolate;width:84%;padding-top:3vw}.details>figure.detail-panel{margin-left:auto;padding-top:3vw}.details>figure>figcaption{position:relative;z-index:2;font-size:clamp(46px,7vw,100px);line-height:1;letter-spacing:-.055em;width:max-content;max-width:100%;margin:0 0 -12px;background:transparent;padding:0;text-shadow:0 3px var(--paper)}.details>figure>a{position:relative;z-index:1;transform:perspective(1500px) rotateY(7deg) rotateX(3deg);transform-origin:center;box-shadow:-12px 16px 0 #24508f,0 40px 55px -25px #1b1f2766;border-radius:22px}.details>figure.detail-panel>a{transform:perspective(1500px) rotateY(-7deg) rotateX(3deg);box-shadow:12px 16px 0 #3a7a5e,0 40px 55px -25px #1b1f2766}.details .context-symbols{margin-top:65px;gap:32px}.context-symbols svg,.cycle .context-symbols svg{width:100px;height:100px;filter:drop-shadow(3px 5px 0 #24508f22)}.context-symbols figure,.cycle .context-symbols figure{flex-basis:180px;max-width:190px;min-width:155px}.cycle{padding-top:12svh;padding-bottom:12svh;gap:5vw}.cycle .concept-icon{width:190px;height:190px;filter:drop-shadow(5px 7px 0 #24508f22)}.cycle .percent{font-size:215px}.concept::before{inset:190px 0 -24px}.cycle .context-symbols{margin-top:44px;gap:26px}.customer-scene{padding-top:8svh;padding-bottom:12svh}.customer-scene a{box-shadow:9px 12px 0 #b4566a,0 35px 45px -25px #1b1f2755}
.closing-layered{background:transparent;color:var(--blue);display:block;position:relative;height:76vw;max-height:1100px;min-height:620px;padding:0;overflow:clip;border-radius:0}.closing-layered .closing-word{opacity:1;color:var(--blue);font-size:43vw;top:0;left:50%;right:auto;transform:translateX(-50%);z-index:-1;line-height:1}.closing-layered .closing-word span{color:var(--pink)}.closing-photo{position:absolute;top:16vw;left:50%;transform:translateX(-50%);width:76%;height:auto;mask:url('img/recorte-manual.svg') center/100% 100% no-repeat;z-index:0}.closing-layered .closing-contact{position:absolute;bottom:6vw;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:28px;z-index:2}.closing-contact>span{font-size:28px;font-weight:700;background:var(--paper);padding:18px 22px;border-radius:17px 10px 20px 13px}.closing-layered .direct-contact{font-size:30px;background:var(--blue);color:var(--paper);border-radius:50px;min-height:74px;padding:20px 34px;gap:22px;display:flex}.direct-contact svg{width:28px;height:28px}.closing-layered .direct-contact:hover{background:var(--green)}
@media(max-width:700px){.details{padding:9svh 7vw 6svh;gap:10svh}.details>figure,.details>figure.detail-panel{width:100%;padding-top:0}.details>figure>figcaption{font-size:12vw;margin-bottom:-4px}.details>figure>a{box-shadow:-6px 9px 0 #24508f,0 25px 35px -20px #1b1f2755;transform:perspective(1000px) rotateY(4deg)}.details>figure.detail-panel>a{box-shadow:6px 9px 0 #3a7a5e,0 25px 35px -20px #1b1f2755;transform:perspective(1000px) rotateY(-4deg)}.details .context-symbols{margin-top:45px}.context-symbols svg,.cycle .context-symbols svg{width:92px;height:92px}.cycle{padding-top:10svh;padding-bottom:8svh;gap:90px}.cycle .concept-icon{width:165px;height:165px}.cycle .percent{font-size:190px}.concept::before{inset:165px 0 -24px}.closing-layered{min-height:560px;height:130vw}.closing-photo{width:110%;top:27vw}.closing-layered .closing-word{top:8vw;font-size:44vw}.closing-layered .closing-contact{bottom:35px;flex-direction:column;gap:18px;left:6%;right:6%}.closing-contact>span{font-size:24px;padding:14px 16px}.closing-layered .direct-contact{font-size:28px;min-height:68px}}
.details>figure>a{width:96%;margin-left:2%}

/* Cierre-28: el mostrador queda; el contacto ocupa el lugar de las personas. */
.closing-still{position:absolute;top:0;left:50%;transform:translateX(-50%);width:88%;aspect-ratio:1.5}.closing-still .closing-photo{inset:0;transform:none;width:100%;height:auto}.closing .closing-qr{position:absolute;left:26%;top:53%;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--paper);color:var(--blue);border-radius:12px;min-height:0;width:20%;max-width:200px;min-width:125px;box-shadow:5px 8px 0 #24508f;transform:rotate(-3deg)}.closing-qr img{width:100%;height:auto;display:block}.closing-qr span{font-size:24px;line-height:1.15}.closing-layered{height:69vw;min-height:620px}.closing-layered .closing-contact{bottom:5vw}
@media(max-width:700px){.closing-still{width:125%;top:16vw;left:43%}.closing .closing-qr{left:20%;top:50%;min-width:120px;width:25%;padding:9px;gap:4px}.closing-qr span{font-size:20px}.closing-layered{height:150vw;min-height:600px}.closing-layered .closing-contact{bottom:30px}}

/* Corrección-29: equipo y mesa únicos; la animación sólo intercambia personas. */
.hero-counter{position:absolute;inset:0;width:100%;height:auto;z-index:2;pointer-events:none}.cast-side{z-index:1}.cast-left .cast-image{mask-image:linear-gradient(90deg,#000 58%,transparent 59%);transform:none!important}.cast-right .cast-image{mask-image:linear-gradient(90deg,transparent 65%,#000 66%);transform:none!important}.people-wrap{width:min(85vw,1280px)}
.product{width:min(66vw,90svh,1000px);left:54%;top:12%}.symbol-solutions{display:block;padding-top:9svh;padding-bottom:5svh}.symbol-solutions>.context-symbols{max-width:1100px;margin:0 auto;gap:45px 24px}.symbol-solutions .context-symbols figure{flex-basis:180px}.concept h2{padding:20px 12px}.concept::before,.customer-copy::before{mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat;border-radius:0}.context-symbols figcaption{background:transparent}.context-symbols figcaption::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}.concept h2{background:transparent}.closing-still{width:100%;top:0}.closing-still .closing-photo{position:relative;display:block}.closing .closing-qr{left:0;top:0;width:100px;height:100px;min-width:0;max-width:none;padding:0;border-radius:0;box-shadow:none;background:white;display:block;transform-origin:0 0;min-height:0}.closing-qr img{width:100px;height:100px}.closing-still{--closing-scale:1}.closing .closing-qr{scale:var(--closing-scale)}
@media(max-width:700px){.people-wrap{width:126%}.product{width:116%;left:auto;top:auto;margin-top:-3svh}.atelier{overflow:clip}.symbol-solutions>.context-symbols{gap:30px 12px}.symbol-solutions .context-symbols figure{flex:0 1 145px;min-width:140px}.closing-still{width:140%;top:10vw;left:42%}.closing-layered .direct-contact{font-size:26px}.cycle .context-symbols{gap:25px 10px}.cycle .context-symbols figure{flex:0 1 140px;min-width:130px}}

.closing-qr-plane{position:absolute;inset:0;width:1536px;height:1024px;transform:scale(var(--closing-scale));transform-origin:0 0;pointer-events:none}.closing-qr-plane .closing-qr{scale:none;pointer-events:auto}
@media(max-width:700px){.context-symbols figcaption{font-size:22px}.cycle .context-symbols figure{flex-basis:145px;min-width:145px}}
.cast-left img[data-variant="2"]{transform:translate(-2%,-1%)!important}

/* El display inicial comparte el QR real del cierre: ningún monitor queda vacío. */
.hero-qr-plane{position:absolute;inset:0;width:1536px;height:1024px;transform:scale(var(--hero-scale));transform-origin:0 0;z-index:3;pointer-events:none}.hero-screen-qr{display:block;position:absolute;left:0;top:0;width:100px;height:100px;background:white;transform-origin:0 0}.hero-screen-qr img{display:block;width:100px;height:100px}

/* Claridad-31: una explicación por concepto y todos los símbolos con el mismo eje. */
.explanation{position:relative;isolation:isolate;max-width:1200px;margin:6svh auto 0;padding:50px 6vw;text-align:center}.explanation::before{content:"";position:absolute;inset:-20px 0;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}.explanation h2{font:800 clamp(38px,5.8vw,82px)/1.06 'Fraunces',serif;letter-spacing:-.045em;margin:0 0 30px}.explanation p{font-size:clamp(22px,2vw,28px);line-height:1.45;margin:0 auto;max-width:52ch;color:var(--ink)}
.symbol-solutions{padding-top:7svh}.symbol-solutions>.context-symbols{display:flex;justify-content:center;gap:32px 22px}.feature-help{position:relative;flex:0 1 172px;min-width:145px;text-align:center;align-self:start;isolation:isolate}.feature-help summary{list-style:none;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;position:relative;padding:12px 2px;color:var(--blue)}.feature-help summary::-webkit-details-marker{display:none}.feature-help summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:24px}.context-symbols .feature-help svg{width:92px;height:92px;margin:0;transform:none!important;filter:drop-shadow(3px 4px 0 #24508f18)}.feature-label{font:700 22px/1.25 'DM Sans',sans-serif;display:block;padding:7px 4px;background:var(--paper);min-height:42px}.feature-hint{font:700 20px/1 'DM Sans',sans-serif;position:absolute;right:8px;top:8px;opacity:.7}.feature-help[open] .feature-hint{opacity:0}.feature-description{font:500 20px/1.4 'DM Sans',sans-serif!important;color:var(--ink)!important;max-width:none!important;margin:12px 0 0!important;padding:14px 10px!important;background:var(--paper)!important;border-radius:0!important;position:relative;z-index:5}.feature-help:not([open])>.feature-description{display:none}.feature-help::before{content:"";position:absolute;inset:0 -8px -12px;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}
.cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:48px;max-width:1560px;padding:12svh 5vw}.cycle .concept{width:100%;max-width:none;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}.cycle .concept-icon{width:180px;height:180px;margin:0 auto 28px;transform:none!important}.cycle .percent{font-size:190px;line-height:.95;color:#b4566a;filter:none}.cycle h2{font-size:clamp(28px,2.5vw,38px);line-height:1.15;margin:0;padding:12px 10px;min-height:108px;width:100%;display:flex;align-items:center;justify-content:center}.cycle .concept-description{font-size:22px;line-height:1.4;max-width:28ch;margin:0 auto;padding:14px 10px;min-height:150px;color:var(--ink);background:var(--paper)}.cycle .context-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:28px 12px;margin-top:28px;align-items:start;justify-items:center}.cycle .feature-help{min-width:0;width:100%;max-width:172px}.cycle .feature-help:last-child:nth-child(odd){grid-column:1/-1}.cycle .context-symbols svg{width:80px;height:80px}.cycle .feature-label{font-size:22px}.cycle .concept::before{inset:175px -8px -22px}.cycle .data-concept .concept-description{min-height:0}.closing-layered .closing-contact>span{background:transparent;position:relative;isolation:isolate}.closing-contact>span::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}
@media(min-width:701px) and (max-width:1100px){.cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px}.cycle .data-concept{grid-column:1/-1;max-width:660px;justify-self:center}.cycle .data-concept h2{min-height:0}.cycle .concept-description{min-height:145px}.cycle .feature-help{max-width:160px}}
@media(max-width:700px){.explanation{padding:35px 7vw;margin-top:6svh}.explanation h2{font-size:11vw;margin-bottom:24px}.explanation p{font-size:22px}.explanation p br{display:none}.symbol-solutions>.context-symbols{gap:30px 12px}.feature-help{flex-basis:145px;min-width:140px}.cycle{grid-template-columns:1fr;padding:9svh 7vw;gap:85px}.cycle h2{min-height:0;font-size:34px;padding:18px 10px}.cycle .concept-description{min-height:0;max-width:30ch;font-size:22px}.cycle .concept-icon{width:160px;height:160px}.cycle .percent{font-size:175px}.cycle .context-symbols{max-width:340px;margin-top:30px}.cycle .concept::before{inset:155px -5px -20px}.cycle .feature-label{font-size:21px}}
.feature-help::before{left:0;right:0}.cycle .concept::before{left:0;right:0}.feature-description{font-size:18px!important;line-height:1.4!important;padding:12px 4px!important}

/* Identidad-32: mensajes reales en la pantalla, tres clientes diferentes. */
.hero-screen-message{position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;background:var(--paper);display:grid;place-items:center;color:var(--blue);font:800 21px/1 'DM Sans',sans-serif}.cast-left img[data-variant="2"]{transform:none!important}.scan-arrow{position:absolute;inset:0;width:1536px;height:1024px;fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.scan-note{position:absolute;left:66%;top:30%;width:24%;max-width:230px;font:700 clamp(20px,2vw,30px)/1.2 'DM Sans',sans-serif;color:var(--blue);padding:12px 14px;isolation:isolate;z-index:4}.scan-note::before{content:"";position:absolute;inset:0;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat;z-index:-1}
@media(max-width:700px){.scan-note{left:57%;top:24%;width:26%;font-size:20px;padding:8px}.scan-arrow{stroke-width:7}}

.scan-arrow .arrow-halo{stroke:var(--paper);stroke-width:15}.scan-arrow path:not(.arrow-halo){stroke:var(--blue)}
.closing-qr img{image-rendering:pixelated}

/* Titulares-33: cuatro ideas grandes; los símbolos acompañan, sin desplegables. */
.headline-block{position:relative;isolation:isolate;max-width:1440px;margin:0 auto;padding:10svh 7vw;text-align:center;display:block}.headline-block h2{font:800 clamp(42px,6.5vw,94px)/1.08 'Fraunces',serif;letter-spacing:-.045em;max-width:23ch;margin:0 auto;padding:24px 18px;position:relative;isolation:isolate}.headline-block h2::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}.headline-block::before{display:none}.headline-icons{display:flex;justify-content:center;align-items:center;gap:35px;margin:0 auto 20px}.headline-icons .story-icon{display:block;width:clamp(100px,11vw,155px);height:clamp(100px,11vw,155px);margin:0;transform:none;filter:drop-shadow(4px 5px 0 #24508f1c)}.headline-icons .story-icon:nth-child(2){width:clamp(135px,15vw,215px);height:clamp(135px,15vw,215px)}.cycle{display:block;max-width:none;padding:0;margin:0;gap:0}.scan-note{left:18%;top:57%;width:29%;max-width:290px;font-size:clamp(20px,2.1vw,30px);text-align:center}.scan-arrow{stroke-linecap:round;stroke-linejoin:round}.scan-arrow .arrow-halo{stroke-width:13}.river{stroke-linecap:round;stroke-linejoin:round}.closing .closing-qr{background:transparent}.headline-icons svg{stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.headline-block{padding:8svh 6vw}.headline-block h2{font-size:11vw;line-height:1.1;padding:20px 14px}.headline-icons{gap:25px;margin-bottom:15px}.headline-icons .story-icon{width:90px;height:90px}.headline-icons .story-icon:nth-child(2){width:125px;height:125px}.explanation .headline-icons{gap:16px}.explanation .headline-icons .story-icon{width:80px;height:80px}.explanation .headline-icons .story-icon:nth-child(2){width:115px;height:115px}.scan-note{left:28%;top:63%;width:28%;max-width:none;font-size:20px;padding:10px}}
.headline-block h2{display:block;min-height:0;width:auto}
.closing-qr img{image-rendering:auto}
/* El equipo del cierre se acerca para que el QR conserve resolución al escanear. */
.closing-still{width:128%;left:50%}.closing-layered{min-height:700px}.scan-note{left:18%;top:57%;width:25%}
@media(max-width:700px){.closing-still{width:154%;left:42%}.closing-layered{min-height:600px}.scan-note{left:28%;top:63%;width:28%}}
@media(min-width:701px){.closing-still{width:min(128%,1800px)}}

/* Online-34: el rótulo sigue a la máquina, pantalla de venta y contacto en movimiento. */
@media(min-width:701px){.way-composition{top:calc(12% + min(66vw,90svh,1000px)/1.5 - 4vw);bottom:auto}}
@media(max-width:700px){.way-composition{margin-top:-12px}}
.hero-screen-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:3px;overflow:hidden;background:#fff9fb}.mini-screen-head{font:700 7px/1 'DM Sans',sans-serif}.mini-screen-total{font:800 18px/1 'DM Sans',sans-serif}.mini-screen-thanks{font:600 7px/1 'DM Sans',sans-serif}.hero-screen-message .mini-screen-code{width:45px;height:45px;display:block;flex-shrink:0;stroke:none}.closing-qr .display-code{display:block;width:100px;height:100px;stroke:none;fill:none}.contact-motion{display:flex;align-items:center;justify-content:center;gap:5px;width:31px;height:24px}.contact-motion i{display:block;width:6px;height:6px;border-radius:50%;background:var(--paper);animation:contact-flow 2.6s ease-in-out infinite}.contact-motion i:nth-child(2){animation-delay:.18s}.contact-motion i:nth-child(3){animation-delay:.36s}@keyframes contact-flow{0%,65%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.direct-contact:hover .contact-motion i{background:var(--pink)}
@media(prefers-reduced-motion:reduce){.contact-motion i{animation:none;opacity:1}}

/* Calma-35: la pantalla completa comparte un único plano y un marco rosa visible. */
.hero-screen-message,.closing .closing-qr{box-sizing:border-box;border:6px solid #e7a3b3;border-radius:4px;background:#fff9fb}.hero-screen-message{padding:3px;gap:2px}.hero-screen-message .mini-screen-code{width:40px;height:40px}.closing-qr .display-code{width:100%;height:100%;display:block}.river .river-return{stroke-width:95;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.river .river-return{stroke-width:78}}

/* Ritmo-36: fotografía suave nativa, titulares por color y menos símbolos. */
.people-wrap,.closing-still .closing-photo{-webkit-mask-image:radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 61%,transparent 82%);mask-image:radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 61%,transparent 82%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.your-way{color:#b4566a;font-size:clamp(56px,12.7vw,190px);line-height:1.04;letter-spacing:-.06em}
.headline-block h2{text-wrap:balance}.explanation{color:var(--green);padding-top:8svh;padding-bottom:10svh}.explanation h2{max-width:19ch;font-size:clamp(44px,6.8vw,94px)}.explanation .headline-icons .story-icon{color:var(--green);width:130px;height:130px}
.story-discounts{color:#b4566a}.story-discounts h2{max-width:21ch}.story-discounts .headline-icons{color:var(--blue)}
.headline-lead,.headline-follow{display:block}.headline-follow{font:800 .66em/1.16 'DM Sans',sans-serif;letter-spacing:-.045em;margin-top:24px}
.story-return{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:4vw;padding-top:5svh;padding-bottom:8svh}.story-return .headline-icons{margin:0;min-width:0}.story-return h2{font-size:clamp(40px,5.2vw,75px);padding:24px 0}.return-portrait{width:100%;aspect-ratio:.8;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 65% 66% at 52% 42%,#000 50%,transparent 83%);mask-image:radial-gradient(ellipse 65% 66% at 52% 42%,#000 50%,transparent 83%)}.return-portrait img{position:absolute;left:0;top:0;width:205%;height:auto;max-width:none;transform:translate(-2%,0)}
.story-support{color:var(--green);padding-top:6svh;padding-bottom:8svh}.story-support h2{font-size:clamp(40px,5.4vw,76px);max-width:24ch}.story-support .headline-icons{color:var(--green)}
.scan-note{left:25%;top:57%;width:22%;max-width:260px}.closing-layered .direct-contact{animation:contact-breathe 3.4s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center}.closing-layered .direct-contact:hover,.closing-layered .direct-contact:focus-visible{animation-play-state:paused}@keyframes contact-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@media(max-width:700px){.your-way{font-size:15.1vw;padding:16px 0}.explanation h2{font-size:11.7vw}.explanation .headline-icons .story-icon{width:95px;height:95px}.story-return{grid-template-columns:1fr;gap:0;padding-top:2svh}.story-return .headline-icons{width:min(80%,360px);margin:0 auto -22px}.return-portrait{aspect-ratio:1.05}.story-return h2,.story-support h2{font-size:10.6vw}.headline-follow{font-size:.72em;margin-top:20px}.scan-note{left:29%;top:59%;width:30%;font-size:20px}.story-support{padding-bottom:6svh}}
@media(prefers-reduced-motion:reduce){.closing-layered .direct-contact{animation:none}}
/* La mesa tiene que terminar de desvanecerse antes del borde de la sección. */
.hero{height:max(100svh,calc(22svh + min(85vw,1280px)/1.5 + 24px))}.people-wrap{top:22svh}.people-wrap,.closing-still .closing-photo{-webkit-mask-image:radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 59%,transparent 78%);mask-image:radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 59%,transparent 78%)}
@media(max-width:700px){.hero{height:max(84svh,calc(26svh + 84vw + 24px))}.people-wrap{top:26svh}}
@media(min-width:701px){.closing-layered{height:calc(min(128vw,1800px)/1.5 + 40px);max-height:none}.closing-layered .closing-contact{bottom:32px}}
/* El recorte de la foto original también tiene un lateral recto dentro del lienzo. */
.hero-counter{-webkit-mask-image:linear-gradient(90deg,transparent 26%,#000 39%,#000 83%,transparent 99%);mask-image:linear-gradient(90deg,transparent 26%,#000 39%,#000 83%,transparent 99%)}
.closing-still .closing-photo{-webkit-mask-image:linear-gradient(90deg,transparent 26%,#000 39%,#000 83%,transparent 99%),radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 59%,transparent 78%);mask-image:linear-gradient(90deg,transparent 26%,#000 39%,#000 83%,transparent 99%),radial-gradient(ellipse 76% 98% at 50% 22%,#000 52%,#000 59%,transparent 78%);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Aire-37: dos escenas con respiración, rótulo final entrelazado con el equipo. */
.atelier{margin-top:clamp(64px,10svh,140px);height:max(87svh,calc(min(66vw,90svh,1000px)/1.5 + 22vw));min-height:700px}
.atelier .product{z-index:2;pointer-events:auto}.local-title{z-index:0}.way-composition{z-index:3;left:5%;width:90%;top:calc(12% + min(66vw,90svh,1000px)/1.5 - 1vw)}.way-composition::before{inset:-4px -8px;background:transparent;mask:none}.your-way{display:inline-block;position:relative;isolation:isolate;padding:20px 24px;font-size:clamp(56px,11.4vw,175px);transform:rotate(-2deg)}.your-way::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);mask:url('img/trazo-redondo.svg') center/100% 100% no-repeat}
.explanation{margin-top:clamp(40px,6svh,90px)}
@media(max-width:700px){.atelier{margin-top:64px;height:auto;min-height:0;padding-top:0;padding-bottom:38px}.atelier .product{margin-top:-2svh}.way-composition{left:auto;top:auto;width:100%;margin-top:-24px;align-self:center}.your-way{font-size:14.1vw;padding:18px 10px;white-space:nowrap}.explanation{margin-top:40px}}
@media(min-width:701px){.atelier .product{left:68%;top:15%}.way-composition{left:5%;top:35%;width:45%}.your-way{font-size:clamp(72px,8.4vw,128px);line-height:.98;padding:24px 20px}.your-way>span{display:block}.atelier{height:max(87svh,calc(min(66vw,90svh,1000px)/1.5 + 18vw))}}
@media(min-width:701px){.atelier .product{left:66%}.way-composition{width:46%}.your-way{font-size:clamp(64px,8.4vw,128px)}}
.way-composition::before{display:none}
@media(min-width:701px){.way-composition{top:max(35%,calc(22vw + 20px))}.your-way{line-height:1.12}.your-way>span+span{margin-top:18px}}

/* Mirada-38: firma enlazada y nota de tinta manuscrita. */
.closing-contact .ramiro-book{display:inline;margin:0;padding:0;min-height:0;border-radius:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;box-shadow:none}.closing-contact .ramiro-book:hover{background:none;color:var(--green)}
.scan-note{font-family:'Beto Ink',cursive;font-weight:600;font-size:clamp(28px,2.8vw,39px);line-height:.98;transform:rotate(-4deg);padding:10px 12px}.scan-note::before{inset:-3px;background:var(--paper)}
.return-portrait{aspect-ratio:.91;overflow:visible;-webkit-mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}.return-portrait img{position:relative;display:block;left:auto;top:auto;width:112%;height:auto;transform:translateX(-6%)}
@media(max-width:700px){.scan-note{font-size:29px;line-height:1.02;padding:8px}.story-return .headline-icons{width:min(92%,410px);margin-bottom:16px}.return-portrait{aspect-ratio:.91}}
.return-portrait{overflow:clip}.return-portrait img{width:100%;transform:none}.scan-note::before{inset:0}
.return-portrait{aspect-ratio:1}

/* Capas-39: A tu manera vuelve a ser un titular monumental detrás del equipo. */
.atelier{height:max(87svh,calc(min(66vw,90svh,1000px)/1.5 + 24vw))}.atelier .product{left:60%;z-index:2}.way-composition{left:3%;width:94%;top:calc(15% + min(66vw,90svh,1000px)/1.5 - 5vw);z-index:1}.your-way{display:block;margin:0;padding:16px;color:var(--pink);font:800 clamp(56px,15.2vw,320px)/1 'Fraunces',serif;letter-spacing:-.065em;white-space:nowrap;transform:none;text-align:center}.your-way>span{display:inline}.your-way::before{inset:0}
@media(max-width:700px){.atelier{height:auto;min-height:0}.atelier .product{left:auto}.way-composition{position:relative;left:auto;top:auto;width:100%;margin-top:-64px}.your-way{font-size:14.2vw;padding:12px 8px}}
@media(min-width:701px){.way-composition{top:calc(15% + min(66vw,90svh,1000px)/1.5 - 7.5vw)}}
@media(min-width:701px){.way-composition{top:calc(15% + min(66vw,90svh,1000px)/1.5 - 10vw)}}

/* Recorte-40: conservar escala y posición, variar color del titular. */
.your-way{color:#b4566a}

.return-portrait{-webkit-mask-image:linear-gradient(#000 0%,#000 71%,rgba(0,0,0,.96) 77%,rgba(0,0,0,.7) 85%,rgba(0,0,0,.22) 94%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 71%,rgba(0,0,0,.96) 77%,rgba(0,0,0,.7) 85%,rgba(0,0,0,.22) 94%,transparent 100%)}