/* Portada inmersiva: trabajos reales y colores de MM. */
.sound-toggle{position:absolute;bottom:28px;left:calc(5% + 152px);border:1px solid #ff92ce80;border-radius:30px;background:#ec008cbb;color:#fff;padding:12px 16px;backdrop-filter:blur(10px);font-size:13px;cursor:pointer}.sound-toggle span{font-size:11px;margin-left:6px}.sound-toggle[aria-pressed=true]{background:#006a80;border-color:#70def0}
.about-mm{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding-block:100px}.about-art{isolation:isolate;position:relative;overflow:hidden;min-height:520px;background:linear-gradient(145deg,#ffe5f4,#fff7db);border:1px solid #eac3d8;border-radius:30px;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:12px 12px 0 #00b7de22;text-align:center}.about-label{position:absolute;top:30px;font-size:10px;font-weight:bold;letter-spacing:3px;color:#a90062}.about-art>img{width:210px;max-width:75%;z-index:1;filter:drop-shadow(0 12px 20px #78004920)}.about-art>p{font-family:Quicksand;font-size:32px;line-height:1.4;margin:35px 0 25px;z-index:1}.about-art em{white-space:normal;font-size:1.35em}.idea-orbit{position:absolute;width:330px;height:330px;border:1px dashed #ec008c44;border-radius:50%;top:85px;animation:mm-spark 15s ease-in-out infinite;z-index:-1}.idea-orbit>span{position:absolute;top:0;left:40px;font-size:55px;color:#00aaca}.about-palette{display:flex;gap:8px}.about-palette i{width:60px;height:7px;border-radius:4px;background:#ec008c}.about-palette i:nth-child(2){background:#00b7de}.about-palette i:nth-child(3){background:#f3d900}.about-copy .eyebrow{color:#a60061}.about-copy h2{font-size:clamp(34px,3.5vw,52px);line-height:1.22}.about-copy>p{font-size:15px;line-height:1.9;color:#6b5263}.about-copy .about-lead{font-size:19px;line-height:1.65;color:#3c2735}.about-copy blockquote{margin:25px 0;padding:20px 24px;border-left:4px solid #ec008c;background:#f8deed;border-radius:0 12px 12px 0;line-height:1.8;font-size:15px;color:#7d1551}
@media(max-width:900px){.about-mm{gap:35px}.about-art{min-height:470px;padding:25px}.header nav{gap:14px;font-size:12px}}
@media(max-width:600px){.about-mm{grid-template-columns:1fr;padding-block:55px;gap:38px}.about-art{min-height:390px}.about-art>img{width:160px}.about-art>p{font-size:28px}.about-copy h2{font-size:36px}.about-copy h2 em{white-space:normal}.header nav a[href="#nosotros"]{display:inline}.header nav a[href="#trabajos"],.header nav a[href*="catalogo-mm.pdf"]{display:none}.sound-toggle{left:calc(5% + 53px);bottom:24px;padding:10px 12px}.sound-toggle span{font-size:10px}.idea-orbit{width:260px;height:260px;top:65px}}
@media(prefers-reduced-motion:reduce){.idea-orbit{animation:none}}
.header{position:absolute;top:24px;left:5%;width:90%;height:84px;padding:12px 22px;border:1px solid #ffffff42;border-radius:18px;background:#24152cbd;box-shadow:0 10px 40px #14051a33;color:#fff;backdrop-filter:blur(20px)}
.header:after{bottom:-1px;left:20px;width:calc(100% - 40px);height:2px}.header .brand img{width:68px;height:54px}.header .brand small{color:#ffe530}.header nav a:hover{color:#61ddf4}.header .button{background:#ec008c;border:1px solid #ff65bf}
.cinema-hero{isolation:isolate;display:flex;align-items:center;justify-content:center;position:relative;min-height:780px;min-height:100svh;max-width:none;width:100%;padding:160px 7% 110px;background:#201828;overflow:hidden;text-align:center}
.hero-film,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.cinema-shade{z-index:-2;background:linear-gradient(180deg,#180d25a6,#1e102877 40%,#21102bd9),linear-gradient(110deg,#78004966,transparent 55%,#006b8066)}
.cinema-hero:before{display:none}.cinema-hero .hero-copy{width:min(100%,1000px);position:relative}.cinema-hero .hero-copy>.eyebrow{display:flex;justify-content:center;align-items:center;gap:15px;background:none;border:none;border-radius:0;padding:0;color:#7ee4f6;font-size:11px;letter-spacing:3px;margin:0 0 30px}.cinema-hero .eyebrow>span{height:1px;width:40px;background:#7ee4f6}
.cinema-hero .hero-copy h1{background:none;border:none;box-shadow:none;padding:0;margin:0 0 30px;color:#fff;font-size:clamp(53px,6.8vw,100px);line-height:1.06;letter-spacing:-3px;text-shadow:0 3px 26px #16051f77}.cinema-hero .hero-copy h1:after{display:none}.cinema-hero h1 em{display:inline-block;color:#ff72c6;font-size:1.2em;text-shadow:0 2px 22px #ec008c33}
.cinema-hero .hero-copy .intro{background:none;border:none;border-radius:0;max-width:650px;margin:0 auto;color:#fff0fa;padding:0;font-size:19px;line-height:1.7}.cinema-hero .actions{justify-content:center;flex-direction:row;gap:18px;margin:32px 0 0}.cinema-hero .button{padding:19px 26px;box-shadow:0 8px 35px #ec008c44}.cinema-secondary{padding:18px 24px;border:1px solid #ffffff70;border-radius:8px;background:#ffffff10;backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:bold}.cinema-secondary:hover{background:#ffffff25}.cinema-hero .local{color:#e7dce7;font-size:11px;letter-spacing:1px;margin-top:29px}
.cinema-orbit{position:absolute;z-index:-1;border:1px solid #ffffff29;border-radius:50%;pointer-events:none;width:360px;height:360px;animation:mm-float 9s ease-in-out infinite}.orbit-one{left:-240px;top:25%;box-shadow:0 0 0 28px #ec008c12,0 0 0 58px #ec008c0b}.orbit-two{right:-260px;bottom:12%;border-color:#00b7de66;animation-delay:-4s}
.motion-toggle{position:absolute;bottom:28px;left:5%;border:1px solid #ffffff50;border-radius:30px;background:#ffffff14;color:#fff;padding:12px 16px;backdrop-filter:blur(10px);font-size:13px}.motion-toggle span{font-size:11px;margin-left:6px}.cinema-scroll{position:absolute;bottom:24px;left:50%;translate:-50% 0;color:#fff;font-size:9px;letter-spacing:3px}.cinema-scroll span{display:block;font-size:22px;margin-top:8px;animation:mm-float 3s ease-in-out infinite}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:12;padding:14px 20px;background:#ec008c;color:white;border:1px solid #ff8dcf;border-radius:40px;font-size:13px;font-weight:bold;box-shadow:0 5px 25px #85004d33}.whatsapp-float span{margin-left:12px;color:#ffe530}.ribbon{margin-top:0}
@media(max-width:900px){.header{left:3%;width:94%;padding:12px 16px}.header nav{gap:17px}.cinema-hero .actions{align-items:center}.cinema-hero{min-height:850px;min-height:100svh}}
@media(max-width:600px){.header{top:14px;height:72px;border-radius:13px;padding:9px 12px}.header .brand img{width:58px;height:48px}.header nav{font-size:11px;gap:12px}.header .small{padding:10px;font-size:11px}.cinema-hero{padding:145px 7% 115px;min-height:780px;min-height:100svh}.cinema-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.4px;gap:8px;line-height:1.7}.cinema-hero .eyebrow>span{width:16px;flex-shrink:0}.cinema-hero .hero-copy h1{font-size:clamp(46px,11vw,65px);letter-spacing:-1.8px;margin-bottom:25px}.cinema-hero .hero-copy .intro{font-size:16px}.cinema-hero .actions{flex-direction:column;gap:12px}.cinema-hero .actions>a{justify-content:center;width:100%;max-width:290px;font-size:13px;padding:16px}.cinema-hero .local{font-size:10px;letter-spacing:.4px;line-height:1.7}.motion-toggle{bottom:24px;padding:10px 12px}.motion-toggle span{display:none}.whatsapp-float{right:13px;bottom:16px;padding:12px 15px;font-size:12px}.cinema-scroll{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cinema-orbit,.cinema-scroll span{animation:none}.hero-film{display:none}}