/* 112: la grilla de videos del inicio ya no muestra el póster antiguo detrás de cada video (asomaba por las esquinas). */
#maze-home-wireframe .mz-native94:has(video)>.mz-native94-poster{display:none!important}
/* 112: Instagram también orbita en celular. */
@media (max-width:767px){#maze-home-wireframe .mz-hero .mz-tool-7{display:grid!important}}

/* 111: texto del banner — versión corta solo en celular. */
#maze-home-wireframe .mz-hero .mz-lead-short111{display:none}
@media (max-width:767px){#maze-home-wireframe .mz-hero .mz-lead-full111{display:none}#maze-home-wireframe .mz-hero .mz-lead-short111{display:block}}

/* Ajustes 110 (21-10-2026): móvil, logo, foco y órbita. Capa final; no reemplaza estilos previos. */

/* Foco: el contorno solo aparece al navegar con teclado (no tras tocar o hacer clic). */
html:not(.mz-kbd) :focus,html:not(.mz-kbd) :focus-visible{outline:none!important}
a,button,summary,[role="button"],[role="tab"]{-webkit-tap-highlight-color:transparent}

/* Logo: la capa de color del isotipo calza exacto sobre la versión blanca y la blanca no asoma por debajo del isotipo. */
.mg-logo{position:relative;display:inline-block;line-height:0}
.mg-logo>img:not(.mg-logo-color){clip-path:inset(0 0 0 31%)}
.mg-logo>img.mg-logo-color{top:0!important;left:0!important;width:100%!important;height:auto!important}

@media (max-width:767px){
  /* Banner del inicio en celular: solo "Ver portafolio", con el mismo degradado del botón "Cotizar proyecto" de la cabecera. */
  #maze-home-wireframe .mz-hero .mz-action.mz-action-primary{display:none!important}
  #maze-home-wireframe .mz-hero .mz-action:not(.mz-action-primary){background:linear-gradient(115deg,#2447ff 0%,#6840e9 42%,#9054e7 68%,#2447ff 100%)!important;color:#fff!important;border:1px solid rgba(154,124,255,.267)!important;border-radius:999px!important;font-weight:500}
  /* Iconos en órbita: se desvanecen hacia los bordes en vez de cortarse en seco. */
  /* Sección Trabajos seleccionados: aire arriba (separador) y abajo (botón Ver todos los proyectos). */
  #maze-home-wireframe section#mz-work{padding-top:80px!important;padding-bottom:80px!important}
  #maze-home-wireframe .mz-hero .mz-orbit{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%)}
}

/* 114: banner del inicio en celular — composición estática con iconos flotando levemente (sin órbita giratoria). */
@media (max-width:767px){
  #maze-home-wireframe .mz-hero{position:relative}
  #maze-home-wireframe .mz-hero .mz-orbit{-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important;left:-12px!important;right:-12px!important;width:auto!important;top:50px!important;height:520px!important;bottom:auto!important;transform:none!important}
  #maze-home-wireframe .mz-hero .mz-orbit-ring{animation:none!important;transform:none!important;border-radius:50%!important}
  #maze-home-wireframe .mz-hero .mz-orbit-ring-1{top:0!important;left:0!important;width:100%!important;height:100%!important;right:auto!important;bottom:auto!important}
  #maze-home-wireframe .mz-hero .mz-orbit-ring-2{top:40px!important;left:26px!important;right:26px!important;bottom:40px!important;width:auto!important;height:auto!important}
  /* puntos de luz */
  #maze-home-wireframe .mz-hero .mz-orbit::before{content:"";position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:transparent;pointer-events:none;z-index:1;
    box-shadow:114px 18px 0 0 #baff4a,114px 18px 10px 2px rgba(186,255,74,.55),
               292px 40px 0 -1px #7b61ff,292px 40px 9px 1px rgba(123,97,255,.6),
               16px 220px 0 -2px #7b61ff,16px 220px 8px 1px rgba(123,97,255,.55),
               354px 270px 0 0 #baff4a,354px 270px 10px 2px rgba(186,255,74,.55),
               20px 430px 0 -1px #3d7bff,20px 430px 9px 1px rgba(61,123,255,.6)}
  /* iconos: posición fija + flotación suave */
  #maze-home-wireframe .mz-hero .mz-tool{offset-path:none!important;offset-distance:0!important;offset-rotate:0deg!important;bottom:auto!important;right:auto;margin:0!important;
    animation:mz114-float var(--mz114-d,6s) ease-in-out var(--mz114-delay,0s) infinite!important;will-change:transform}
  /* mismo estilo de icono: solo se escala el mosaico manteniendo la proporción original del logo interno */
  #maze-home-wireframe .mz-hero .mz-tool-1 img,#maze-home-wireframe .mz-hero .mz-tool-2 img{width:67%!important;height:67%!important}
  #maze-home-wireframe .mz-hero .mz-tool-5 img,#maze-home-wireframe .mz-hero .mz-tool-7 img,#maze-home-wireframe .mz-hero .mz-tool-10 img{width:55%!important;height:55%!important}
  #maze-home-wireframe .mz-hero .mz-tool-7{display:grid!important;width:62px!important;height:62px!important;left:7px!important;top:-13px!important;--mz114-r:-10deg;--mz114-d:6.4s}
  #maze-home-wireframe .mz-hero .mz-tool-1{width:62px!important;height:62px!important;left:auto!important;right:21px!important;top:55px!important;--mz114-r:9deg;--mz114-d:7s;--mz114-delay:-2s}
  #maze-home-wireframe .mz-hero .mz-tool-2{width:58px!important;height:58px!important;left:9px!important;top:313px!important;--mz114-r:-8deg;--mz114-d:6.8s;--mz114-delay:-4s}
  #maze-home-wireframe .mz-hero .mz-tool-10{width:58px!important;height:58px!important;left:auto!important;right:-13px!important;top:341px!important;--mz114-r:10deg;--mz114-d:5.8s;--mz114-delay:-1s}
  #maze-home-wireframe .mz-hero .mz-tool-5{width:48px!important;height:48px!important;left:4px!important;top:426px!important;--mz114-r:-6deg;--mz114-d:7.4s;--mz114-delay:-3s}
  #maze-home-wireframe .mz-hero .mz-tool-6,#maze-home-wireframe .mz-hero .mz-tool-8,#maze-home-wireframe .mz-hero .mz-tool-9{display:none!important}
  /* textos */
  #maze-home-wireframe .mz-hero .mz-headline55{font-size:37px!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.035em!important;max-width:300px;margin-left:auto!important;margin-right:auto!important}
  #maze-home-wireframe .mz-hero .mz-hero-sub63{font-size:20px!important;font-weight:400!important;letter-spacing:-.01em!important;margin-top:14px!important}
  #maze-home-wireframe .mz-hero .mz-word63{font-weight:700!important}
  #maze-home-wireframe .mz-hero .mz-lead-short111{font-size:15px!important;line-height:1.55!important;max-width:225px;margin:16px auto 28px!important}
  #maze-home-wireframe .mz-hero .mz-action:not(.mz-action-primary){padding:0 34px!important;min-height:52px;box-shadow:0 12px 32px rgba(84,64,255,.45),0 0 0 1px rgba(255,255,255,.06) inset!important;gap:12px}
  #maze-home-wireframe .mz-hero .mz-action:not(.mz-action-primary)::after{content:"→";font-size:20px;line-height:1;transform:translateY(-1px)}
}
@keyframes mz114-float{0%,100%{transform:translateY(0) rotate(var(--mz114-r,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--mz114-r,0deg) + 3deg))}}
@media (max-width:767px) and (prefers-reduced-motion:reduce){#maze-home-wireframe .mz-hero .mz-tool{animation:none!important}}
@media (max-width:380px){
  #maze-home-wireframe .mz-hero .mz-headline55{font-size:33px!important;max-width:270px}
  #maze-home-wireframe .mz-hero .mz-hero-sub63{font-size:18px!important}
  #maze-home-wireframe .mz-hero .mz-tool-7,#maze-home-wireframe .mz-hero .mz-tool-1{width:54px!important;height:54px!important}
  #maze-home-wireframe .mz-hero .mz-tool-1{top:42px!important;right:14px!important}
  #maze-home-wireframe .mz-hero .mz-tool-2,#maze-home-wireframe .mz-hero .mz-tool-10{width:50px!important;height:50px!important}
  #maze-home-wireframe .mz-hero .mz-tool-2{left:4px!important}
  #maze-home-wireframe .mz-hero .mz-tool-10{right:-10px!important;top:350px!important}
  #maze-home-wireframe .mz-hero .mz-lead-short111{max-width:215px}
}
@media (max-width:350px){
  #maze-home-wireframe .mz-hero .mz-headline55{font-size:30px!important;max-width:250px}
  #maze-home-wireframe .mz-hero .mz-tool-2,#maze-home-wireframe .mz-hero .mz-tool-10{width:46px!important;height:46px!important}
  #maze-home-wireframe .mz-hero .mz-tool-2{left:14px!important;top:462px!important}
  #maze-home-wireframe .mz-hero .mz-tool-10{right:2px!important;top:422px!important}
  #maze-home-wireframe .mz-hero .mz-tool-5{display:none!important}
}