/* Pixelovers · portada */
.px-portada{overflow-x:clip}
.px-portada>section{position:relative}
/* Intro: texto que se aleja entre estrellas (hecho por nosotros) */
.px-intro{background:#02040a var(--fondo) center/cover;height:clamp(360px,46vw,520px);overflow:hidden;color:#ebd71c;isolation:isolate}
.px-intro__antes{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 20px;text-align:center;font:500 clamp(18px,2.6vw,34px)/1.4 var(--px-texto);color:#4ee;opacity:0;animation:px-antes 6s ease 0.4s 1 both;z-index:2}
@keyframes px-antes{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}
.px-intro__escena{position:absolute;left:50%;bottom:0;width:min(92%,900px);height:150%;transform:translateX(-50%) perspective(360px) rotateX(24deg);transform-origin:50% 100%;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000 55%,transparent 100%);mask-image:linear-gradient(to top,#000 55%,transparent 100%)}
.px-intro__texto{position:absolute;top:100%;left:0;right:0;text-align:center;font:700 clamp(26px,4.4vw,56px)/1.35 var(--px-texto);animation:px-avanza 70s linear 5.5s infinite both}
.px-intro__texto p{margin:0 0 .9em}
.px-intro__titulo{font-family:var(--px-titulo)!important;font-weight:400!important;font-size:.9em}
@keyframes px-avanza{from{transform:translateY(0)}to{transform:translateY(-260%)}}
.px-intro__luchador{position:absolute;bottom:14px;width:clamp(90px,10vw,150px);z-index:3;opacity:0;animation:px-aparece 1s ease 30s forwards;image-rendering:pixelated}
.px-intro__luchador--izq{left:3%}
.px-intro__luchador--der{right:3%;transform:scaleX(-1)}
@keyframes px-aparece{to{opacity:1}}
/* ¡Haz tu pedido! */
.px-pedido{background:#0d1018 var(--fondo) center/cover;padding:clamp(36px,6vw,70px) var(--px-margen);border-top:8px solid var(--px-am)}
.px-pedido__panel{max-width:960px;margin:0 auto;background:rgba(10,12,18,.88);border-radius:22px;padding:clamp(24px,4vw,40px);text-align:center;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.px-pedido h2{color:var(--px-am);font-size:clamp(34px,5vw,60px);margin:0 0 24px}
.px-pedido__pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}
.px-pedido__pasos .px-ico{color:var(--px-am)}
.px-pedido h3{color:#fff;font-size:clamp(20px,2.4vw,28px);margin:8px 0}
.px-pedido p{color:var(--px-am);font-size:clamp(14px,1.4vw,17px);line-height:1.6;margin:0}
.px-pedido__start{display:inline-block;width:min(240px,60%)}
.px-pedido__start img{display:block;width:100%}
/* Máquinas */
.px-maquinas{background:#dcdcda var(--fondo) 0 0/720px auto repeat;padding:30px var(--px-margen) 70px}
.px-persecucion{position:relative;height:56px;overflow:hidden;max-width:1300px;margin:0 auto}
.px-persecucion img{position:absolute;left:0;top:0;height:54px;width:auto;image-rendering:pixelated;animation:px-persigue 9s linear infinite}
@keyframes px-persigue{from{transform:translateX(-110%)}to{transform:translateX(calc(100vw + 10%))}}
.px-maquinas__intro{text-align:center;max-width:60ch;margin:-18px auto 30px;font-weight:600;background:rgba(255,255,255,.85);padding:6px 14px;border-radius:999px;width:fit-content}
.px-maquinas__titulo{text-align:center;font-size:clamp(34px,5vw,58px);margin:8px 0 34px;text-shadow:0 0 12px var(--px-am),0 0 4px var(--px-am)}
.px-maquinas__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3.5vw,50px);max-width:1130px;margin:0 auto}
.px-maquina{background:var(--px-am);border-radius:22px;box-shadow:0 0 18px rgba(0,0,0,.55);padding:22px 22px 18px;text-align:center;display:flex;flex-direction:column}
.px-maquina__foto{display:block;aspect-ratio:1;margin-bottom:6px}
.px-maquina__foto img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}
.px-maquina:hover .px-maquina__foto img{transform:scale(1.04)}
.px-maquina h3{font-size:clamp(18px,1.9vw,23px);margin:0 0 10px}
.px-maquina h3 a{text-decoration:none}
.px-maquina p{font-size:14.5px;margin:0 0 18px;flex:1}
.px-servicio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1340px;margin:80px auto 0}
.px-servicio article{background:#111;color:#fff;border-radius:22px;border:4px dashed #595959;padding:clamp(22px,3vw,34px)}
.px-servicio h2{color:var(--px-am);text-align:center;font-size:clamp(36px,5vw,64px);margin-bottom:18px}
.px-servicio p{font-size:14px;line-height:2}
.px-servicio strong{color:var(--px-am)}
/* Universo */
.px-universo-fondo{background:#222 var(--fondo) center/cover;padding:clamp(30px,5vw,60px) var(--px-margen)}
/* Blog */
.px-blog{padding:60px 0 40px;background:#fff}
.px-blog__titulo{text-align:center;font-size:clamp(40px,6vw,64px);margin:0}
.px-blog__intro{text-align:center;margin:0 auto 34px;max-width:60ch}
.px-noticias--tres{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1030px;margin:0 auto}
.px-portada__seo{max-width:1100px;margin:56px auto 0;text-align:center}
.px-portada__seo h2{font-size:clamp(22px,2.6vw,30px)}
.px-blog__guerrera{position:absolute;left:0;top:240px;width:110px;z-index:2;image-rendering:pixelated;animation:px-flota 3s ease-in-out infinite alternate}
@keyframes px-flota{to{transform:translateY(240px)}}
.px-blog__oscuro{position:absolute;right:max(8px,calc((100vw - 1320px)/2 - 120px));top:60%;width:102px;height:90px;z-index:2}
.px-blog__senor{display:block;width:102px;height:auto;image-rendering:pixelated}
.px-blog__sable{position:absolute;left:68px;top:-40px;width:16px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(255,40,40,.75));transform-origin:50% 70%;will-change:transform}
.px-blog__oscuro.tiene-sable .px-blog__sable{display:none}
/* Preguntas y ola */
.px-preguntas{background:#fff}
.px-ola{height:56px;line-height:0;background:#fff}
.px-ola svg{width:100%;height:100%;display:block}
.home .pxf{margin-top:0!important}
.home.px-propio .site-content{padding-bottom:0!important}

@media (max-width:1100px){.px-blog__oscuro,.px-blog__guerrera{display:none}}
@media (max-width:900px){
	.px-intro{height:420px}
	.px-intro__luchador{display:none}
	.px-pedido__pasos{grid-template-columns:repeat(2,1fr)}
	.px-pedido__pasos>div:last-child{grid-column:1/-1}
	.px-maquinas{background-size:560px auto}
	.px-maquinas__lista{grid-template-columns:1fr;max-width:440px}
	.px-servicio{grid-template-columns:1fr;margin-top:60px}
	.px-noticias--tres{grid-template-columns:1fr;max-width:480px}
	.px-persecucion img{height:36px}
}
@media (prefers-reduced-motion:reduce){
	.px-intro__antes{animation:none;opacity:0}
	.px-intro__texto{animation:none;top:8%}
	.px-intro__escena{transform:translateX(-50%);height:100%}
	.px-intro__luchador{animation:none;opacity:1}
	.px-persecucion img,.px-blog__guerrera{animation:none}
}