.factory-page .ff-factory-hero{background:radial-gradient(ellipse at 85% 80%,#d42bdd5c,transparent 55%),var(--grad-cabecera);padding-bottom:76px;padding-top:calc(var(--ff-nav-height) + 64px)}
.factory-page .ff-factory-hero .ff-product-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px}
.factory-page .ff-factory-hero h1{font-weight:400;font-size:clamp(38px,4vw,58px)}
.factory-motion{min-width:0;background:#fbf7ff;border:1px solid #fff8;border-radius:24px;box-shadow:0 30px 75px #25034b50;color:#2c1946;overflow:hidden}
.factory-motion-bar{display:flex;align-items:center;gap:8px;padding:17px 22px;background:#fff;border-bottom:1px solid #e9dff2;font-size:13px}
.factory-motion-bar>span:last-child{margin-left:auto;font-size:11px;color:#766287}
.factory-motion-dot{width:9px;height:9px;background:#b722e6;border-radius:50%;box-shadow:0 0 0 4px #b722e619;flex-shrink:0}
.factory-motion-stage{display:grid;min-height:420px;position:relative;background:radial-gradient(ellipse at 80% 25%,#f5dcff,transparent 65%)}
.factory-scene{grid-area:1/1;padding:26px 30px 22px;min-height:420px}
.factory-scene[hidden]{display:block;visibility:hidden;pointer-events:none}
.factory-scene[hidden],.factory-scene[hidden] *{animation:none!important}
.factory-scene-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#7629aa;font-weight:650;margin-bottom:11px}
.factory-page .factory-scene h2{font-size:clamp(25px,2.7vw,35px);font-weight:500;letter-spacing:-.04em;line-height:1.1}
.factory-scene-note{font-size:14px;color:#665374;line-height:1.5;max-width:43ch;margin-top:18px}
.factory-documents{height:210px;position:relative;padding:18px 0 0 60px;max-width:370px;margin-inline:auto}
.factory-document{position:relative;width:245px;padding:16px 20px;background:#fff;border:1px solid #d7c3e8;border-radius:12px;box-shadow:0 13px 30px #54257517;transform:rotate(3deg);display:grid;gap:8px}
.factory-document b{font-size:14px;color:#50227b}.factory-document span{font-size:11px;color:#695677}.factory-document i{display:block;height:5px;background:#e9e0f2;width:100%;border-radius:4px}.factory-document i:nth-of-type(even){width:72%}.factory-document em{font-size:10px;font-style:normal;color:#7b2999;background:#f6e9fc;border-radius:5px;padding:5px 8px;width:fit-content}
.factory-document-back{position:absolute;left:20px;top:40px;width:170px;height:148px;transform:rotate(-12deg);background:#e8dcfc}.factory-document-back b{font-size:22px}.factory-document-back i{background:#cdb6e9}
.factory-spark{position:absolute;right:0;top:15px;font-size:60px;color:#b026d6;line-height:1}
.factory-review{display:grid;gap:10px;margin-top:22px;min-height:205px}
.factory-review>div{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e6d5ee;border-radius:12px;background:#fff}
.factory-review>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2e6fa;color:#8a31b6;font-size:12px;font-weight:650;flex-shrink:0}
.factory-review p{display:grid;gap:4px}.factory-review strong{font-size:13px}.factory-review small{font-size:11px;color:#766181}.factory-review>div>b{margin-left:auto;font-size:10px;color:#82549a;font-weight:500}
.factory-review .factory-approved{border-color:#bd9ad6;background:#f0e5fa}.factory-review .factory-approved>span{background:#7630a2;color:white}
.factory-course-preview{margin-top:24px;background:white;border:1px solid #d8c6e8;border-radius:14px;box-shadow:0 14px 36px #3d16551c;overflow:hidden}
.factory-preview-header{padding:12px 16px;display:flex;justify-content:space-between;background:#4b1979;color:white;font-size:12px}
.factory-learning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:19px 16px 12px}
.factory-learning-cards>div{padding:13px 8px;background:#f8f0fd;border:1px solid #e7d5f1;border-radius:10px;display:grid;gap:6px;text-align:center}.factory-learning-cards b{font-size:23px;color:#a341bf}.factory-learning-cards strong{font-size:12px}.factory-learning-cards span{font-size:10px;line-height:1.4;color:#766181}
.factory-preview-progress{height:5px;background:#eee4f5;margin:2px 16px;border-radius:6px}.factory-preview-progress span{display:block;width:75%;height:100%;background:linear-gradient(90deg,#812add,#e54da7);border-radius:6px}.factory-course-preview>p{font-size:10px;color:#71567f;text-align:center;padding:12px}
.factory-motion-controls{display:flex;justify-content:space-between;gap:8px;padding:14px 15px;border-top:1px solid #e6d8ef;background:#fff}.factory-motion-controls>div{display:flex;gap:3px;flex-wrap:wrap}.factory-motion-controls button{font:inherit;font-size:12px;min-height:42px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#675272;cursor:pointer}.factory-motion-controls button[aria-pressed=true]{background:#f0e0fb;color:#68229a;font-weight:650}.factory-motion-controls [data-motion-play]{text-decoration:underline;text-underline-offset:3px}
.factory-motion[data-playing=true] .factory-scene{animation:factory-enter .55s ease both}
.factory-motion[data-playing=true] .factory-document{animation:factory-document .8s ease both}.factory-motion[data-playing=true] .factory-document-back{animation:factory-back .8s ease both}.factory-motion[data-playing=true] .factory-spark{animation:factory-spark 2s ease-in-out 2}
.factory-motion[data-playing=true] .factory-review>div{animation:factory-enter .7s ease both}.factory-motion[data-playing=true] .factory-review>div:nth-child(2){animation-delay:.7s}.factory-motion[data-playing=true] .factory-review>div:nth-child(3){animation-delay:1.6s}
.factory-motion[data-playing=true] .factory-learning-cards>div{animation:factory-card .7s ease both}.factory-motion[data-playing=true] .factory-learning-cards>div:nth-child(2){animation-delay:.5s}.factory-motion[data-playing=true] .factory-learning-cards>div:nth-child(3){animation-delay:1s}.factory-motion[data-playing=true] .factory-preview-progress span{animation:factory-progress 3s ease both}
.factory-motion[data-playing=false] *{animation-play-state:paused!important}
@keyframes factory-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes factory-document{from{opacity:0;transform:translateY(20px) rotate(9deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@keyframes factory-back{from{opacity:0;transform:translateX(25px) rotate(0)}to{opacity:1;transform:translateX(0) rotate(-12deg)}}
@keyframes factory-spark{50%{transform:rotate(15deg) scale(1.15)}}
@keyframes factory-card{from{opacity:0;transform:perspective(500px) rotateY(-25deg)}to{opacity:1;transform:perspective(500px) rotateY(0)}}
@keyframes factory-progress{from{width:0}to{width:75%}}
.factory-page .factory-live{padding-top:72px;background:linear-gradient(#fff,#fcf9ff)}
.factory-live-shell{border:1px solid #decaee;border-radius:24px;background:#fff;box-shadow:0 22px 60px #54217612;overflow:hidden}
.factory-activity-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:6px;background:#f1e8f9}
.factory-activity-select button{border:1px solid transparent;border-radius:12px;font:inherit;font-size:14px;font-weight:600;color:#604c70;background:transparent;padding:16px 12px;min-height:64px;cursor:pointer;text-align:left;display:flex;gap:10px;align-items:center}.factory-activity-select button>span{font-size:11px;font-weight:500;color:#7c6393}.factory-activity-select button[aria-pressed=true]{background:#fff;color:#652096;border-color:#d5b9e9;box-shadow:0 4px 15px #50217612}.factory-activity-select button:hover{border-color:#ba8ad7}
.factory-live-guide{display:flex;gap:9px;align-items:center;padding:16px 22px;color:#66516f;font-size:14px}.factory-live-guide p{flex:1}.factory-live-guide a{color:#7423a1;font-weight:600;text-decoration:underline;text-underline-offset:3px}.factory-live-indicator{width:8px;height:8px;border-radius:50%;background:#ac30c4;flex-shrink:0}
.factory-page .factory-live .ff-demo-frame{background:white;border-radius:0;box-shadow:none;padding:0 8px 8px}.factory-page .factory-live iframe{height:640px;border:1px solid #e0d6e8;border-radius:14px}
.factory-demo-caption{margin-top:18px;max-width:88ch;color:#72617d;font-size:14px;line-height:1.6}
.factory-brand-art{display:grid;place-items:center;gap:12px;background:radial-gradient(circle,#f6e0ff,transparent 70%);padding:22px}.factory-brand-art img{max-width:230px;border:0}.factory-brand-art>span{font-size:14px;color:#6b2f8f;font-weight:600}.factory-brand-art>div{display:flex;gap:8px}.factory-brand-art i{width:20px;height:20px;border-radius:50%;background:#6722b4}.factory-brand-art i:nth-child(2){background:#d91fc9}.factory-brand-art i:nth-child(3){background:#30215b}.factory-brand-art i:nth-child(4){background:#be98e3}
@media(max-width:1000px){.factory-page .ff-factory-hero .ff-product-split{grid-template-columns:minmax(0,1fr);gap:32px}.factory-page .ff-factory-hero .ff-product-copy{max-width:760px}.factory-motion{max-width:720px;width:100%;margin:auto}.factory-activity-select{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.factory-page .ff-factory-hero{padding-top:calc(var(--ff-nav-height) + 36px);padding-bottom:42px}.factory-scene{padding:22px 20px;min-height:420px}.factory-motion-bar{padding:14px}.factory-motion-bar>span:last-child{font-size:10px;max-width:70px}.factory-motion-bar strong{font-size:12px}.factory-document{width:205px}.factory-document-back{width:140px;left:0}.factory-documents{padding-left:35px}.factory-spark{right:-2px;font-size:44px}.factory-motion-controls{padding:8px;gap:2px}.factory-motion-controls button{font-size:11px;padding:8px}.factory-learning-cards{gap:6px;padding:16px 10px}.factory-learning-cards>div{padding:12px 4px}.factory-learning-cards strong{font-size:11px}.factory-live-guide{flex-wrap:wrap;padding:14px}.factory-live-guide p{flex-basis:calc(100% - 20px)}.factory-live-guide a{margin-left:17px}.factory-activity-select button{padding:11px 8px;font-size:12px;gap:6px}.factory-live-shell{border-radius:16px}.factory-page .factory-live iframe{height:670px}.factory-page .ff-factory-brand{grid-template-columns:1fr}.factory-brand-art img{max-width:180px}}
@media(prefers-reduced-motion:reduce){.factory-motion *{animation:none!important;transition:none!important}}