/* La misma composición editorial y paleta CMYK del catálogo aprobado. */
@keyframes mm-logo-turn{0%,12%{transform:perspective(650px) rotateY(0)}32%,100%{transform:perspective(650px) rotateY(360deg)}}
@keyframes mm-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes mm-spark{0%,100%{rotate:0deg}50%{rotate:22deg}}
.header .brand img{animation:mm-logo-turn 14s ease-in-out infinite;transform-origin:center;will-change:transform}
.header .brand:hover img{animation-duration:5s}
.hero .floating-card{animation:mm-float 6s ease-in-out infinite}
.hero .hero-note{animation:mm-float 7s ease-in-out -2s infinite}
.hero .sticker{animation:mm-float 5.5s ease-in-out -1s infinite}
.ribbon i{display:inline-block;animation:mm-spark 7s ease-in-out infinite}
.product,.work-grid button{transition:translate .25s ease,box-shadow .25s ease}
@media(hover:hover){.product:hover,.work-grid button:hover{translate:0 -5px;box-shadow:0 10px 24px #ad00651a}}
@media(prefers-reduced-motion:reduce){.header .brand img,.hero .floating-card,.hero .hero-note,.hero .sticker,.ribbon i{animation:none!important}.product,.work-grid button{transition:none!important}}
:root{--pink:#ec008c;--cyan:#00b7de;--yellow:#ffe530;--frame:#eee9ed}
body{background:#fff8fc}
.header{background:#fbd8ec;border-bottom:3px solid var(--pink);box-shadow:0 5px 24px #ad006516}
.header:after{content:"";position:absolute;bottom:-3px;left:5%;width:90%;height:3px;background:linear-gradient(90deg,var(--cyan) 0 33.3%,var(--pink) 33.3% 66.6%,var(--yellow) 66.6%)}
.hero{position:relative;padding-top:50px;padding-bottom:60px}
.hero:before{content:"";position:absolute;width:240px;height:240px;border:2px solid #00b7de40;border-radius:50%;left:-190px;top:90px;pointer-events:none}
.hero-copy h1{position:relative;background:var(--frame);border:1px solid #d9c6d1;border-left:4px solid var(--pink);border-radius:14px;padding:27px 18px 34px;text-align:center;font-size:clamp(43px,5.2vw,74px);box-shadow:0 6px 0 #f1d9e5}
.hero-copy h1:after,.section-heading>div:after,.process>h2:after,.contact>div:first-child>h2:after{content:"";position:absolute;left:22px;right:22px;bottom:11px;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--cyan) 0 32%,transparent 32% 34%,var(--pink) 34% 66%,transparent 66% 68%,var(--yellow) 68%)}
.hero-copy .intro{background:#fff;border:1px solid #ead1df;border-left:3px solid var(--cyan);border-radius:10px;padding:19px 21px;font-size:17px;line-height:1.8;max-width:none}
.hero-copy>.eyebrow{display:table;padding:9px 15px;background:#e1f7fc;border:1px solid #9ce0ed;border-radius:25px;color:#00667d}
.hero-art{border:1px solid #f1a2cc;box-shadow:10px 10px 0 #ffe53052;background:linear-gradient(155deg,#ffdaee,#ffbde1)}
.hero-art:after{content:"";position:absolute;right:-12px;top:18px;width:9px;height:85px;transform:rotate(35deg);border-radius:9px;background:var(--pink);box-shadow:-16px 0 0 var(--cyan),16px 0 0 var(--yellow)}
.floating-card{border-left:4px solid var(--pink)}.hero-note{background:#fffbed;border:1px solid #eddb74;border-radius:10px;padding:10px 15px}
.ribbon{background:var(--pink);color:#fff;border:0;box-shadow:inset 0 -5px 0 var(--yellow)}.ribbon i{color:var(--yellow)}
.section{position:relative}.section-heading{align-items:stretch;gap:20px}.section-heading>div{position:relative;flex:1;background:var(--frame);border:1px solid #dcc7d2;border-left:4px solid var(--pink);border-radius:12px;padding:25px 25px 30px;text-align:center}
.section-heading .eyebrow{color:#916177;margin-bottom:12px}.section-heading h2{margin-bottom:10px}.section-heading>p{border:1px solid #bdE8ef;border-left:3px solid var(--cyan);background:#eaf9fc;border-radius:12px;padding:25px;display:flex;align-items:center;margin:0;color:#345d67}
.solutions:before,.works:before{content:"";position:absolute;top:21px;right:5%;width:65px;height:7px;background:var(--cyan);border-radius:8px;box-shadow:-20px 12px 0 var(--pink),0 24px 0 var(--yellow);transform:rotate(-15deg)}
.filters{padding:12px;background:#f9deed;border:1px solid #efbad7;border-radius:14px}.filters button{background:#fff9fc;border-color:#e6b7d0;font-weight:bold}.filters button.active{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 3px 0 #b60067}.filters button:hover{border-color:var(--cyan)}
.product{border:1px solid #dfc5d3;background:#f9e4ef;box-shadow:0 4px 0 #edd5e1}.product:nth-child(3n+2){background:#e8f6fa}.product:nth-child(3n){background:#fff9da}
.product-image{margin:12px 12px 0;padding:16px;border:1px solid #dfd1d9;border-radius:9px;background:linear-gradient(#fff 0 89%,#eee9ed 89%);box-shadow:0 2px 0 #e4d9df}
.product-content{margin:12px;padding:20px;background:var(--frame);border:1px solid #d7c7d0;border-left:3px solid var(--pink);border-radius:9px;text-align:center}.product-content small{display:block;color:#9c005b;line-height:1.8}.product h3{font-size:23px;margin:10px 0 12px}.product p{font-size:14px;color:#675160;line-height:1.75}.product a{border-top-color:#d6c2ce}.product:nth-child(3n+2) .product-content{border-left-color:var(--cyan)}.product:nth-child(3n) .product-content{border-left-color:#dbbb00}
.catalogue{background:#f5c8e2;border-top:5px solid var(--pink);border-bottom:5px solid var(--yellow);gap:45px}.catalogue>div{padding:28px;background:var(--frame);border:1px solid #d7bacb;border-left:4px solid var(--pink);border-radius:13px;max-width:none}.catalogue>div h2{text-align:center}.catalogue>img{padding:8px;background:#fff;border:1px solid #d6bdcb;box-shadow:8px 8px 0 #00b7de3b;object-fit:contain}
.work-grid{gap:22px}.work-grid button{border:1px solid #e0c1d2;background:#f5d7e8;padding:10px;box-shadow:0 5px 0 #e6cedb}.work-grid button:nth-child(3n+2){background:#d9f4fa}.work-grid button:nth-child(3n){background:#fff5ba}
.work-grid img{height:290px;object-fit:cover;border-radius:7px;padding:0;border:1px solid #e3d5dd;filter:contrast(1.045) saturate(1.07) sepia(.055)}
.work-grid span{border:1px solid #dac4d0;border-left:3px solid var(--pink);background:var(--frame);border-radius:7px;margin-top:10px;padding:16px;text-align:left;font-size:17px;line-height:1.35;gap:12px}.work-grid b{white-space:nowrap}
.process{background:#d9f3f9;border-top:1px solid #a4dde8}.process>h2,.contact>div:first-child>h2{position:relative;background:var(--frame);border:1px solid #d6c4cf;border-left:4px solid var(--pink);border-radius:12px;padding:25px 22px 35px;text-align:center;max-width:900px}
.steps{gap:22px}.steps article{background:#fff9fc;border:1px solid #c6dfe5;border-top:4px solid var(--cyan);border-radius:12px;padding:25px}.steps article:nth-child(2){border-top-color:var(--pink);background:#ffebf6}.steps article:nth-child(3){border-top-color:var(--yellow);background:#fffbe7}.steps article>span{font-family:Quicksand;font-size:28px}.steps p{max-width:none}
.contact-panel{border:1px solid #ddbdd0;border-top:5px solid var(--pink);box-shadow:8px 8px 0 #ffe53080;background:#f9deed}.contact-panel .shipping{padding:12px 15px;background:#fff8d0;border:1px solid #e6d467;border-radius:8px;font-size:13px;font-weight:bold;color:#746000;margin:23px 0 0}
footer{background:#f7d9e9;border-top:4px solid var(--pink);position:relative}footer:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--cyan) 0 33.3%,var(--pink) 33.3% 66.6%,var(--yellow) 66.6%)}
@media(max-width:900px){.section-heading{display:block}.section-heading>p{display:block;margin-top:15px}.hero-copy h1{font-size:clamp(36px,5.3vw,58px)}.hero-copy .intro{font-size:15px;padding:16px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.catalogue>div{padding:23px}.work-grid img{height:240px}}
@media(max-width:600px){.hero-copy h1{font-size:45px;padding:24px 10px 31px}.hero-copy>.eyebrow{font-size:8px}.hero-copy .intro{font-size:16px}.hero-art:after{right:5px}.section-heading>div{padding:22px 14px 28px}.section-heading>p{padding:18px}.filters{padding:10px;gap:7px}.product-content{padding:19px}.product-image{height:255px}.catalogue{gap:27px}.catalogue>div{padding:22px}.work-grid img{height:300px}.steps article{padding:22px}.process>h2,.contact>div:first-child>h2{padding:23px 14px 33px}.contact-panel{box-shadow:4px 4px 0 #ffe53080}}
.video-showcase{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:45px;margin-top:36px;padding:32px;background:#f5d5e7;border:1px solid #e6b8d0;border-left:5px solid #ec008c;border-radius:15px}.video-copy{padding:25px;background:#eee9ed;border:1px solid #d6c2ce;border-radius:10px}.video-copy h3{font-size:34px;margin:12px 0}.video-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#705c69}.video-frame{padding:10px;border:1px solid #dec8d4;border-radius:14px;background:#fff}.video-frame video{display:block;width:100%;max-height:510px;border-radius:8px;background:#211c24}.video-frame>p{font-size:11px;text-align:center;margin:12px 0 3px;color:#816373}@media(max-width:600px){.video-showcase{grid-template-columns:1fr;gap:23px;padding:17px}.video-copy{padding:20px}.video-copy h3{font-size:29px}.video-frame{max-width:350px;width:100%;margin:auto}}
