/* Mobile header: one clean row when closed, expands in document flow when menu opens. */
.nemi-mobile-menu-toggle,.nemi-mobile-menu-panel{display:none}
@media(max-width:900px){
 html{scroll-padding-top:84px}
 #inicio,#productos-populares,#homeGraph,#realSection,#inspiracion,#workspace,#suministros{scroll-margin-top:86px}
 html body .top,html body.work-mode .top,html body.ux24-home .top{
   position:sticky!important;top:0!important;z-index:80!important;height:auto!important;min-height:68px!important;
   display:grid!important;grid-template-columns:52px minmax(0,1fr) 46px!important;grid-auto-rows:auto!important;
   column-gap:10px!important;row-gap:0!important;padding:8px 12px!important;align-items:center!important;
   overflow:visible!important;background:#070d12!important
 }
 html body .top .brand{grid-column:1!important;grid-row:1!important;width:52px!important;min-width:52px!important;max-width:52px!important;align-self:center!important}
 html body .top .brandword{width:48px!important;min-width:48px!important;height:48px!important}
 html body .top .brandword img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;max-height:48px!important}
 html body .top .brandcopy,html body .top nav,html body .top .right{display:none!important}
 .nemi-mobile-menu-toggle{grid-column:3!important;grid-row:1!important;justify-self:end;display:inline-grid!important;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid rgba(76,207,239,.28);background:#0a1d2c;color:#fff;padding:0;position:relative;z-index:2}
 .nemi-mobile-menu-toggle span,.nemi-mobile-menu-toggle:before,.nemi-mobile-menu-toggle:after{content:"";display:block;width:19px;height:2px;border-radius:99px;background:#eaf9ff;transition:.2s ease;position:absolute;left:12px}
 .nemi-mobile-menu-toggle span{top:21px}.nemi-mobile-menu-toggle:before{top:15px}.nemi-mobile-menu-toggle:after{top:27px}
 .nemi-mobile-menu-toggle[aria-expanded="true"] span{opacity:0}.nemi-mobile-menu-toggle[aria-expanded="true"]:before{top:21px;transform:rotate(45deg)}.nemi-mobile-menu-toggle[aria-expanded="true"]:after{top:21px;transform:rotate(-45deg)}
 .nemi-mobile-menu-panel{grid-column:1/-1!important;grid-row:2!important;position:static!important;width:100%!important;margin:8px 0 2px!important;padding:10px!important;border:1px solid rgba(76,207,239,.18);border-radius:16px;background:#081724;box-shadow:none;z-index:auto}
 .nemi-mobile-menu-panel.open{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 .nemi-mobile-menu-panel a,.nemi-mobile-menu-panel button{min-height:48px;border-radius:12px;border:1px solid rgba(121,201,225,.16);background:#0a1d2d;color:#eefaff;text-decoration:none;display:flex;align-items:center;justify-content:flex-start;padding:11px 13px;font-size:12px;font-weight:850;text-align:left}
 .nemi-mobile-menu-panel a:active,.nemi-mobile-menu-panel button:active{background:#0d2b40;border-color:#28dfff}
 .nemi-mobile-menu-panel .nemi-mobile-primary{grid-column:1/-1;background:#e9007f!important;border-color:#e9007f!important;color:#fff!important;justify-content:center!important}
 .nemi-mobile-menu-panel .nemi-mobile-proposal{grid-column:1/-1;justify-content:center!important;background:#0b2639!important;border-color:#28dfff!important}
 body.nemi-mobile-menu-open .top{padding-bottom:10px!important}
 /* Real cases are a swipeable project rail on mobile instead of a tall fixed stack. */
 #realSection .real-story-grid{min-width:0}
 #realSection .real-case-stack{min-width:0}
 #realSection .real-featured img,#realSection .real-case-card img,#realSection .real-library-card img{transition:opacity .28s ease,transform .35s ease}
 #realSection [data-nemi-v71-sliding="1"] img.nemi-v71-fading{opacity:.18}
}
@media(max-width:760px){
 #realSection{padding:18px 14px!important;border-radius:20px!important;overflow:hidden!important}
 #realSection .real-shell{min-width:0!important}
 #realSection .real-head{display:block!important}
 #realSection .real-head h2{font-size:clamp(30px,11vw,44px)!important;line-height:.98!important;max-width:100%!important}
 #realSection .real-head p{font-size:12px!important;line-height:1.5!important;max-width:100%!important}
 #realSection .real-depth{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:14px!important}
 #realSection .real-depth-item{min-width:0!important;padding:8px!important}
 #realSection .real-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #realSection .real-filters{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
 #realSection .real-filters::-webkit-scrollbar{display:none!important}
 #realSection .real-filter{flex:0 0 auto!important;min-height:40px!important}
 #realSection .real-all{justify-self:start!important;min-height:42px!important}
 #realSection .real-story-grid{display:block!important}
 #realSection .real-featured{min-height:440px!important;margin-bottom:12px!important}
 #realSection .real-featured-copy h3{font-size:25px!important;line-height:1.02!important}
 #realSection .real-case-stack{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;padding:0 0 8px!important;margin:0!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
 #realSection .real-case-stack::-webkit-scrollbar{display:none!important}
 #realSection .real-case-card{flex:0 0 min(84vw,330px)!important;width:min(84vw,330px)!important;min-height:250px!important;scroll-snap-align:center!important}
 #realSection .real-resolve{margin-top:10px!important}
 #realSection .real-library-grid{display:flex!important;overflow-x:auto!important;gap:9px!important;scroll-snap-type:x proximity!important;padding-bottom:6px!important;scrollbar-width:none!important}
 #realSection .real-library-grid::-webkit-scrollbar{display:none!important}
 #realSection .real-library-card{flex:0 0 min(76vw,290px)!important;width:min(76vw,290px)!important;scroll-snap-align:start!important}
 .inspiration-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
 .inspiration-modal{min-height:100dvh!important;grid-template-columns:1fr!important}
 .inspiration-image{grid-template-rows:minmax(245px,43vh) auto auto!important;position:relative}
 .inspiration-main-visual{min-height:245px!important}
 .inspiration-gallery{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;gap:8px!important;padding:9px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
 .inspiration-gallery::-webkit-scrollbar{display:none!important}
 .inspiration-thumb{flex:0 0 96px!important;width:96px!important;scroll-snap-align:start!important}
 .inspiration-thumb img{height:64px!important}
 .inspiration-copy{padding:20px 16px 28px!important}
 .inspiration-copy h2{font-size:30px!important;line-height:1.02!important}
 .real-case-sections{grid-template-columns:1fr!important}
 .real-case-seq-list{gap:6px!important}
 .inspiration-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .inspiration-actions button{width:100%!important;min-height:48px!important}
}
@media(max-width:420px){
 .nemi-mobile-menu-panel.open{grid-template-columns:1fr!important}
 .nemi-mobile-menu-panel .nemi-mobile-primary,.nemi-mobile-menu-panel .nemi-mobile-proposal{grid-column:1!important}
 #realSection .real-case-card{flex-basis:88vw!important;width:88vw!important}
 #realSection .real-depth{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){#realSection .real-featured img,#realSection .real-case-card img,#realSection .real-library-card img{transition:none!important}}