.workshop{background:linear-gradient(115deg,#fafaf7 5%,#f5ecc2 60%,#7d133a 100%);overflow:hidden}.workshop-inner{max-width:1320px;margin:auto;padding:80px 40px 0;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.workshop-copy{padding-bottom:80px;position:relative;z-index:4}.workshop-copy h2{font-size:clamp(48px,5.4vw,78px);letter-spacing:-2px;margin:25px 0;line-height:1}.workshop-copy h2 em{font-weight:400;color:#7d133a}.workshop-copy p{max-width:450px}.workshop-copy .btn{background:var(--ink);color:var(--cream);max-width:100%}.workshop-visual{position:relative;height:600px;min-width:0}.workshop-screen{position:absolute;width:65%;height:470px;left:0;top:30px;transform:rotate(-9deg);background:var(--cream);border:1px solid #7d133a25;border-radius:25px;box-shadow:0 25px 65px #7d133a26;padding:24px}.workshop-bar{font-size:8px;display:flex;justify-content:space-between;margin-bottom:50px}.workshop-screen strong{font:46px/1 'DM Serif Display';display:block;margin-top:25px}.workshop-screen svg{width:75px;stroke:var(--orange);stroke-width:2.8;fill:none;margin-top:35px}.workshop-photo{position:absolute;right:-65px;bottom:0;width:88%;height:530px;object-fit:cover;object-position:75% center;border-radius:160px 160px 0 0;mask-image:linear-gradient(to right,transparent,#000 20%);z-index:2}.workshop-note{position:absolute;z-index:3;background:var(--cream);padding:22px 26px;border:1px solid #7d133a18;border-radius:16px;box-shadow:0 18px 35px #7d133a22}.note-one{left:-15px;top:195px;transform:rotate(-5deg);background:var(--pink)}.workshop-note strong{font:30px/1.1 'DM Serif Display';display:block;margin-top:10px}.note-two{left:35px;bottom:75px;transform:rotate(6deg)}.note-two p{font:24px/1.2 'DM Serif Display';margin:10px 0 0}.workshop-signature{position:absolute;right:8px;bottom:20px;z-index:4;background:var(--blue);color:var(--cream);border-radius:25px;padding:9px 18px;font:20px 'Indie Flower'}.workshop-copy,.workshop-screen,.workshop-photo,.workshop-note{transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1)}.workshop-ready:not(.workshop-entered) .workshop-copy,.workshop-ready:not(.workshop-entered) .workshop-screen,.workshop-ready:not(.workshop-entered) .workshop-photo,.workshop-ready:not(.workshop-entered) .workshop-note{opacity:0;translate:0 35px}.workshop-photo{transition-delay:.15s}.note-one{transition-delay:.3s}.note-two{transition-delay:.45s}@media(hover:hover){.workshop-note:hover{translate:0 -7px}}@media(max-width:800px){.workshop-inner{grid-template-columns:1fr;padding:55px 24px 0;gap:0}.workshop-copy{padding-bottom:20px}.workshop-copy h2{font-size:clamp(44px,10vw,68px)}.workshop-visual{height:520px;max-width:550px;width:100%;margin:auto}.workshop-screen{height:410px;width:68%;left:10px}.workshop-screen strong{font-size:34px}.workshop-photo{right:-35px;width:84%;height:440px}.note-one{left:0;top:175px;padding:18px}.note-two{left:15px;bottom:60px;padding:18px}.workshop-note strong{font-size:25px}.note-two p{font-size:21px}.workshop-note .eyebrow{font-size:8px}.workshop-signature{right:0;font-size:17px}}@media(prefers-reduced-motion:reduce){.workshop-copy,.workshop-screen,.workshop-photo,.workshop-note{transition:none;opacity:1!important;translate:none!important}}

.workshop-signature{text-align:center;line-height:1.3;max-width:calc(100% - 24px)}.workshop-signature small{display:block;font:11px/1.5 Raleway,sans-serif;margin-top:3px}

/* ==== Rediseño 10/10/2026: naranja protagonista, dispositivo real y notas más finas ==== */
.workshop{background:#7d133a;color:#7d133a;position:relative}
.workshop:before{content:'';position:absolute;right:-12vw;top:-18vw;width:62vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#cfe8f1,transparent);pointer-events:none}
.workshop-inner{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.workshop-copy .eyebrow{display:inline-block;background:#7d133a;color:#fafaf7;padding:7px 14px;border-radius:30px}
.workshop-copy h2{font-size:clamp(54px,6vw,92px);letter-spacing:-.035em;line-height:.95}
.workshop-copy h2 em{color:#fafaf7;text-shadow:0 .035em 0 #7d133a}
.workshop-copy p strong{font:400 26px/1.2 'DM Serif Display',serif;display:block;max-width:420px}
.workshop-copy .btn{border-radius:40px;padding:16px 24px;transition:transform .25s,box-shadow .25s}
.workshop-copy .btn:hover{transform:translateY(-3px);box-shadow:0 6px 0 #7d133a}
.workshop-visual{height:640px;perspective:1400px}
.workshop-photo{right:-40px;width:80%;height:600px;border-radius:999px 999px 0 0;mask-image:none;-webkit-mask-image:none;background:#fafaf7;object-position:70% center}
.workshop-device{position:absolute;left:-10px;bottom:70px;width:58%;margin:0;z-index:3;transform:rotateY(14deg) rotateZ(-4deg);transform-style:preserve-3d}
.wd-face{background:#140a0d;padding:3.4%;border-radius:22px;box-shadow:inset 0 0 0 1px #3b2a2f,0 0 0 3px #c3b2ad,0 40px 60px -24px #7d133a99}
.wd-face img{display:block;width:100%;height:auto;border-radius:10px}
.workshop-note{border:0;border-radius:18px;box-shadow:0 22px 40px -18px #7d133a80;padding:18px 22px}
.note-one{left:auto;right:4%;top:40px;background:#7d133a;color:#fafaf7;transform:rotate(4deg)}
.note-one .eyebrow{color:#f5ecc2}
.note-two{left:44%;bottom:18px;transform:rotate(-3deg);background:#fafaf7}
.note-two p{font-size:21px}
.workshop-signature{right:auto;left:8px;bottom:auto;top:70px;background:#fafaf7;color:#7d133a;box-shadow:0 14px 26px -14px #7d133a80;transform:rotate(-5deg)}
.workshop-device{transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1) .2s}
.workshop-ready:not(.workshop-entered) .workshop-device{opacity:0;translate:-40px 40px}
@media(max-width:800px){
  .workshop-inner{grid-template-columns:1fr}
  .workshop-copy p strong{font-size:22px}
  .workshop-copy h2{font-size:clamp(48px,13vw,70px)}
  .workshop-visual{height:560px}
  .workshop-photo{right:-24px;width:82%;height:470px;top:40px;bottom:auto}
  .workshop-device{width:66%;left:0;bottom:40px}
  .note-one{right:0;top:0;padding:14px 16px}
  .note-two{left:auto;right:0;bottom:0;padding:14px 16px}
  .note-two p{font-size:18px}
  .workshop-signature{top:auto;bottom:250px;left:0;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.workshop-device{transition:none;opacity:1!important;translate:none!important}}