/* ==========================================================================
   PIXORA · rediseño premium (tema 1.2.0)
   Se carga después de pixora.css. Solo presentación: ningún selector de aquí
   cambia cómo funcionan el carrito, el pago, los formularios ni el panel.
   Escenarios de noche (portada, empresas, pie) donde la marca se enciende
   como el logo neón, y salas claras (tienda, fichas, formularios) para comprar
   con calma. Un solo momento orquestado: la P se imprime capa por capa.
   ========================================================================== */

:root{
  --pxp-noche:#0C1130;
  --pxp-noche-2:#151B47;
  --pxp-tinta:#18213F;
  --pxp-tinta-suave:#4A5072;
  --pxp-papel:#F6F5FB;
  --pxp-papel-2:#ECEAF5;
  --pxp-blanco:#FFFFFF;
  --pxp-linea:#E1DFEC;
  --pxp-magenta:#FB016F;
  --pxp-turquesa:#00C3DE;
  --pxp-morado:#6011F2;
  --pxp-amarillo:#FDB202;
  --pxp-morado-texto:#5420E6;
  --pxp-turquesa-texto:#00707E;
  --pxp-sobre-noche:#EDEBFF;
  --pxp-sobre-noche-suave:#A9ABD6;
  --pxp-display:var(--wp--preset--font-family--pixora-display, "Unbounded", system-ui, sans-serif);
  --pxp-texto:var(--wp--preset--font-family--pixora-body, "Manrope", system-ui, sans-serif);
  --pxp-ease:cubic-bezier(.22,.8,.24,1);
  --pxp-ancho:1240px;
  --pxp-gutter:clamp(16px, 4vw, 40px);
  /* Mismo margen lateral que el resto de bloques del sitio, para que todo quede alineado. */
  --pxp-lado:var(--wp--style--root--padding-left, 20px);
  --pxp-r-m:14px; --pxp-r-l:22px; --pxp-pill:999px;
  --pxp-cuatro:linear-gradient(90deg, var(--pxp-magenta) 0 25%, var(--pxp-turquesa) 25% 50%, var(--pxp-morado) 50% 75%, var(--pxp-amarillo) 75%);
}
@property --pxp-giro{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes pxp-giro{ to{ --pxp-giro:360deg; } }

/* Títulos con la letra redondeada y ancha del logo; el texto sigue en Manrope. */
:where(h1,h2,h3).wp-block-heading,
.pixora-portada h1, .pixora-personaliza h2, .pixora-empresas h2{ text-wrap:balance; }

/* ------------------------------------------------------ envolturas --- */
.pixora-envoltura{ width:100%; max-width:calc(var(--wp--style--global--wide-size, 1240px) + 2 * var(--pxp-lado)); margin-inline:auto; padding-inline:var(--pxp-lado); box-sizing:border-box; }
.pixora-seccion-completa{ margin-block:0 !important; padding:0 !important; }
.pixora-seccion-completa + *{ margin-block-start:0 !important; }
/* Un título que sigue a una sección completa (p. ej. «Así funciona» en /empresas/) respira y va centrado. */
.pixora-seccion-completa + .wp-block-heading{ margin-block-start:clamp(48px, 6vw, 80px) !important; text-align:center; }
.pixora-seccion{ padding-block:clamp(48px, 7vw, 96px) 0; }
.pixora-seccion--sin-arriba{ padding-block:clamp(40px, 6vw, 80px) clamp(56px, 8vw, 104px); }
.pixora-titular{ gap:16px 24px !important; margin-bottom:28px; }
.pixora-titular h2{ margin:0; font-size:clamp(1.65rem, 1.1rem + 2.4vw, 2.4rem); max-width:20ch; }
.pixora-enlace{ margin:0; }
.pixora-enlace a{ font-weight:700; color:var(--pxp-morado-texto); text-decoration:none; background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat; transition:background-size .35s var(--pxp-ease); padding-bottom:2px; }
.pixora-enlace a:hover{ background-size:100% 2px; text-decoration:none; }

/* ------------------------------------------------------------ botones --- */
.pixora-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 26px; border-radius:var(--pxp-pill); border:0; font-family:var(--pxp-texto); font-weight:700; font-size:.95rem; text-decoration:none !important; cursor:pointer; transition:transform .25s var(--pxp-ease), background-color .25s var(--pxp-ease), box-shadow .25s var(--pxp-ease), color .25s var(--pxp-ease); }
.pixora-btn:active{ transform:translateY(1px) scale(.98); }
.pixora-btn--luz{ background:var(--pxp-blanco); color:var(--pxp-tinta) !important; }
.pixora-btn--luz:hover{ box-shadow:0 0 0 4px rgba(0,195,222,.25), 0 10px 30px rgba(96,17,242,.35); }
.pixora-btn--contorno-noche{ background:transparent; color:var(--pxp-sobre-noche) !important; box-shadow:inset 0 0 0 1.5px rgba(237,235,255,.38); }
.pixora-btn--contorno-noche:hover{ box-shadow:inset 0 0 0 1.5px var(--pxp-turquesa); color:#fff !important; }
.pixora-btn--corp{ box-shadow:inset 0 0 0 1.5px rgba(0,195,222,.7); }
.pixora-btn--corp:hover{ box-shadow:inset 0 0 0 1.5px var(--pxp-turquesa), 0 0 22px rgba(0,195,222,.35); }
.pixora-btn--tinta{ background:var(--pxp-tinta); color:#fff !important; }
.pixora-btn--tinta:hover{ background:var(--pxp-morado); box-shadow:0 10px 26px rgba(96,17,242,.32); }

/* ---------------------------------------------------------- cabecera --- */
/* Sólida y legible sobre cualquier sección; se queda arriba al desplazar. */
header.wp-block-template-part:has(.pixora-header){
  position:sticky; top:var(--wp-admin--admin-bar--height, 0px); z-index:80;
}
.pixora-header{
  /* Sin backdrop-filter: haría que el menú de celular (que es position:fixed)
     quedara encerrado dentro de la cabecera en vez de cubrir la pantalla. */
  background:#FFFFFF !important;
  border-bottom:1px solid var(--pxp-linea);
  box-shadow:0 8px 24px rgba(24,33,63,.05);
}
.pixora-header.is-desplazado{ box-shadow:0 10px 30px rgba(24,33,63,.1); }
.pixora-nav a{ color:var(--pxp-tinta); font-weight:700; }
.pixora-nav .current-menu-item > a{ color:var(--pxp-morado-texto); background:#EFE9FF; }

/* Logo con neón: una luz con los cuatro colores recorre el borde de las letras. */
.pixora-logo-neon{ display:inline-flex; align-items:center; text-decoration:none; flex:none; }
.pixora-logo-neon__escritorio{ position:relative; display:block; height:50px; aspect-ratio:336 / 110; }
.pixora-logo-neon__escritorio img{ position:relative; z-index:1; display:block; width:100%; height:100%; }
.pixora-logo-neon__brillo{ position:absolute; inset:0; z-index:0; filter:blur(4px) saturate(150%); opacity:.8; animation:pxp-encender 1.6s steps(1,end) .3s both; }
.pixora-logo-neon__brillo i{ position:absolute; inset:0; transform:scale(1.04);
  -webkit-mask:var(--pixora-logo-mascara) center / 100% 100% no-repeat; mask:var(--pixora-logo-mascara) center / 100% 100% no-repeat;
  background:conic-gradient(from var(--pxp-giro) at 50% 50%, #FB016F, #FDB202 25%, #00C3DE 50%, #6011F2 75%, #FB016F);
  animation:pxp-giro 5s linear infinite; }
@keyframes pxp-encender{ 0%{opacity:0} 12%{opacity:.8} 18%{opacity:.1} 30%{opacity:.8} 36%{opacity:.25} 48%,100%{opacity:.8} }
.pixora-logo-neon__movil{ display:none; width:40px; animation:pxp-halo 6s linear infinite; }
.pixora-logo-neon__movil svg{ width:100%; height:auto; display:block; overflow:visible; }
.pixora-logo-neon__movil .iso-techo{ animation:pxp-techo 2.4s infinite; }
.pixora-logo-neon__movil .iso-columna{ animation:pxp-columna 2.4s infinite; }
.pixora-logo-neon__movil .iso-p{ animation:pxp-p 2.4s infinite; }
.pixora-logo-neon__movil .iso-base{ animation:pxp-base 2.4s infinite; }
@keyframes pxp-halo{ 0%,100%{filter:drop-shadow(0 0 6px rgba(251,1,111,.85))} 25%{filter:drop-shadow(0 0 6px rgba(0,195,222,.9))} 50%{filter:drop-shadow(0 0 7px rgba(96,17,242,.9))} 75%{filter:drop-shadow(0 0 6px rgba(253,178,2,.9))} }
@keyframes pxp-techo{ 0%,20%,100%{fill:#FB016F} 8%{fill:#FF7FB2} }
@keyframes pxp-columna{ 0%,25%,45%,100%{fill:#00C3DE} 33%{fill:#8FF2FF} }
@keyframes pxp-p{ 0%,50%,70%,100%{fill:#6011F2} 58%{fill:#A47BFF} }
@keyframes pxp-base{ 0%,75%,95%,100%{fill:#FDB202} 83%{fill:#FFE07A} }
@media (max-width:781px){
  .pixora-logo-neon__escritorio{ display:none; }
  .pixora-logo-neon__movil{ display:block; }
}
/* El menú de celular abre a pantalla completa, blanco y sólido, por encima de todo. */
.pixora-nav .wp-block-navigation__responsive-container.is-menu-open{
  position:fixed !important; inset:0 !important; z-index:100000 !important;
  background:#FFFFFF !important; color:var(--pxp-tinta) !important;
  padding:calc(var(--wp-admin--admin-bar--height, 0px) + 20px) 24px 32px !important;
  overflow-y:auto; animation:pxp-menu .3s var(--pxp-ease);
}
@keyframes pxp-menu{ from{ opacity:0; transform:translateY(-8px); } }
.pixora-nav .is-menu-open .wp-block-navigation__responsive-container-content{ align-items:stretch !important; gap:4px !important; padding-top:40px !important; }
.pixora-nav .is-menu-open .wp-block-navigation__container{ align-items:stretch !important; gap:2px !important; width:100%; }
.pixora-nav .is-menu-open .wp-block-navigation-item{ width:100%; }
.pixora-nav .is-menu-open .wp-block-navigation-item__content{ display:block; width:100%; padding:14px 12px !important; border-radius:12px; font-size:1.15rem !important; font-weight:700; color:var(--pxp-tinta) !important; border-bottom:1px solid var(--pxp-linea); }
.pixora-nav .is-menu-open .wp-block-navigation-item__content:hover{ background:var(--pxp-papel-2); }
.pixora-nav .wp-block-navigation__responsive-container-close{ top:calc(var(--wp-admin--admin-bar--height, 0px) + 16px) !important; right:20px !important; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--pxp-papel-2) !important; }
.pixora-nav .wp-block-navigation__responsive-container-open{ width:44px; height:44px; place-items:center; justify-content:center; align-items:center; border-radius:12px; }

/* ------------------------------------------------------------- noche --- */
.pixora-noche{ background:var(--pxp-noche); color:var(--pxp-sobre-noche); position:relative; overflow:hidden; isolation:isolate; }
.pixora-noche::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:
  radial-gradient(60% 70% at 78% 40%, rgba(96,17,242,.34), transparent 70%),
  radial-gradient(40% 50% at 92% 85%, rgba(0,195,222,.18), transparent 70%),
  radial-gradient(35% 45% at 10% 0%, rgba(251,1,111,.16), transparent 70%),
  repeating-linear-gradient(180deg, rgba(237,235,255,.025) 0 1px, transparent 1px 4px); }
.pixora-noche :where(h1,h2,h3){ color:#fff; }
.pixora-noche p{ color:var(--pxp-sobre-noche-suave); }

/* ----------------------------------------------------------- portada --- */
.pixora-portada{ padding-block:clamp(40px, 7vw, 88px) clamp(36px, 5vw, 64px); }
.pixora-portada__rejilla{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(24px,4vw,64px); align-items:center; }
.pixora-portada__texto{ display:grid; gap:26px; max-width:36rem; }
.pixora-portada h1{ margin:0; font-family:var(--pxp-display); font-weight:500; font-size:clamp(2.25rem, 1.2rem + 3.6vw, 4.1rem); line-height:1.08; letter-spacing:-.02em; }
.pixora-portada__texto p{ margin:0; font-size:clamp(1.1rem, 1rem + .4vw, 1.3rem); line-height:1.5; }
.pixora-portada__cta{ display:flex; flex-wrap:wrap; gap:12px; }

.pixora-escenario{ position:relative; aspect-ratio:1 / .92; max-width:100%; }
.pixora-placa{ position:absolute; left:0; right:8%; bottom:6%; height:26%; border-radius:50%;
  background:radial-gradient(closest-side, rgba(0,195,222,.32), rgba(96,17,242,.18) 55%, transparent 72%),
    repeating-linear-gradient(90deg, rgba(237,235,255,.12) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(0deg, rgba(237,235,255,.12) 0 1px, transparent 1px 22px);
  -webkit-mask:radial-gradient(closest-side, #000 60%, transparent); mask:radial-gradient(closest-side, #000 60%, transparent);
  transform:perspective(600px) rotateX(64deg); }
.pixora-iso{ position:absolute; left:8%; bottom:17%; width:50%; transition:filter 1s var(--pxp-ease); }
.pixora-iso__marco{ position:relative; clip-path:inset(var(--pxp-resto, 0%) 0 0 0); }
.pixora-iso.is-lista .pixora-iso__marco{ clip-path:none; }
.pixora-iso svg{ width:100%; height:auto; display:block; overflow:visible; }
.pixora-iso .iso-capa{ transition:opacity 1.2s var(--pxp-ease); }
.pixora-iso.is-lista .iso-capa{ opacity:.3; }
.pixora-iso.is-lista{ filter:drop-shadow(0 0 18px rgba(251,1,111,.45)) drop-shadow(0 0 28px rgba(96,17,242,.55)) drop-shadow(0 0 22px rgba(0,195,222,.35)); }
.pixora-boquilla{ position:absolute; left:-8%; right:-8%; height:2px; top:var(--pxp-resto, 0%); background:linear-gradient(90deg, transparent, var(--pxp-turquesa) 20%, #fff 50%, var(--pxp-turquesa) 80%, transparent); box-shadow:0 0 14px 2px rgba(0,195,222,.8); opacity:0; }
.is-imprimiendo .pixora-boquilla{ opacity:1; }
.pixora-escenario .pixora-escenario__robot{ position:absolute; right:-2%; bottom:12%; width:38%; }
.pixora-lectura{ position:absolute; left:4%; bottom:0; display:grid; gap:6px; width:min(300px, 70%); font-size:.8125rem; color:var(--pxp-sobre-noche-suave); font-variant-numeric:tabular-nums; }
.pixora-lectura__fila{ display:flex; justify-content:space-between; gap:12px; }
.pixora-lectura__fila strong{ color:var(--pxp-sobre-noche); font-weight:700; }
.pixora-barra{ height:4px; border-radius:4px; background:rgba(237,235,255,.12); overflow:hidden; }
.pixora-barra i{ display:block; height:100%; width:var(--pxp-avance, 100%); background:linear-gradient(90deg, var(--pxp-magenta), var(--pxp-morado) 45%, var(--pxp-turquesa) 75%, var(--pxp-amarillo)); }
.pixora-datos{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); margin-top:clamp(32px,5vw,56px); border-top:1px solid rgba(237,235,255,.12); }
.pixora-datos div{ padding:20px 20px 0 0; display:grid; gap:2px; }
.pixora-datos div + div{ padding-left:20px; border-left:1px solid rgba(237,235,255,.12); }
.pixora-datos strong{ font-family:var(--pxp-display); font-weight:500; font-size:1.15rem; color:#fff; }
.pixora-datos span{ font-size:.9375rem; color:var(--pxp-sobre-noche-suave); }

/* ------------------------------------------------- Pixo con ojos vivos --- */
.pixora-pixo{ position:relative; display:block; }
.pixora-pixo img{ width:100%; height:auto; display:block; filter:drop-shadow(0 18px 30px rgba(24,33,63,.28)); }
.pixora-noche .pixora-pixo img{ filter:drop-shadow(0 0 28px rgba(0,195,222,.18)) drop-shadow(0 22px 34px rgba(0,0,0,.5)); }
.pixora-pixo__ojo{ position:absolute; width:10.2%; aspect-ratio:1; top:26.05%; translate:-50% -50%; border-radius:50%; animation:pxp-parpadeo 5.2s infinite; }
.pixora-pixo__ojo--i{ left:42.67%; }
.pixora-pixo__ojo--d{ left:70.44%; width:9.2%; }
.pixora-pixo__ojo i{ position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at 42% 40%, #FFFFFF 0 16%, #B8FBFF 30%, #3FE6F5 54%, rgba(0,195,222,0) 74%); box-shadow:0 0 14px 4px rgba(0,210,235,.55); transform:translate(var(--pxp-mx,0px), var(--pxp-my,0px)); transition:transform .18s linear; }
@keyframes pxp-parpadeo{ 0%,93%,100%{ transform:scaleY(1); } 95%{ transform:scaleY(.1); } }

/* ------------------------------------------------------- categorías --- */
.pixora-cats{ display:grid; grid-template-columns:repeat(var(--pixora-cats, 5), minmax(0, 1fr)); gap:18px; }
.pixora-cat{ position:relative; display:grid; gap:12px; text-decoration:none !important; color:var(--pxp-tinta); min-width:0; }
.pixora-cat__marco{ position:relative; border-radius:26px; padding:3px; background:var(--pxp-linea); isolation:isolate; transition:transform .55s var(--pxp-ease), box-shadow .55s var(--pxp-ease); }
.pixora-cat__marco::before{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; background:conic-gradient(from var(--pxp-giro), #FB016F, #FDB202, #00C3DE, #6011F2, #FB016F); opacity:0; transition:opacity .45s var(--pxp-ease); animation:pxp-giro 4s linear infinite; }
.pixora-cat__foto{ display:block; border-radius:23px; overflow:hidden; aspect-ratio:1; background:var(--pxp-papel-2); }
.pixora-cat__foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s var(--pxp-ease); }
.pixora-cat__foto .pixora-pixo{ width:60%; margin:12% auto 0; }
.pixora-cat:hover .pixora-cat__marco, .pixora-cat:focus-visible .pixora-cat__marco{ transform:translateY(-10px); box-shadow:0 24px 44px rgba(96,17,242,.22); }
.pixora-cat:hover .pixora-cat__marco::before, .pixora-cat:focus-visible .pixora-cat__marco::before{ opacity:1; }
.pixora-cat:hover .pixora-cat__foto img, .pixora-cat:focus-visible .pixora-cat__foto img{ transform:scale(1.06); }
.pixora-cat__pie{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding-inline:4px; }
.pixora-cat__pie strong{ font-size:.95rem; font-weight:800; line-height:1.3; }
.pixora-cat__pie span{ font-size:.8125rem; color:var(--pxp-tinta-suave); white-space:nowrap; font-variant-numeric:tabular-nums; }
.pixora-cats.is-revelar .pixora-cat{ animation:pxp-sube .8s var(--pxp-ease) both; }
.pixora-cats.is-revelar .pixora-cat:nth-child(2){ animation-delay:.08s; }
.pixora-cats.is-revelar .pixora-cat:nth-child(3){ animation-delay:.16s; }
.pixora-cats.is-revelar .pixora-cat:nth-child(4){ animation-delay:.24s; }
.pixora-cats.is-revelar .pixora-cat:nth-child(5){ animation-delay:.32s; }
.pixora-cats.is-revelar .pixora-cat:nth-child(6){ animation-delay:.40s; }
@keyframes pxp-sube{ from{ opacity:0; transform:translateY(36px) scale(.96); } }

/* ----------------------------------------------- tarjetas de producto --- */
/* Mismo HTML de WooCommerce y de pixora-catalog; solo cambia la apariencia. */
.woocommerce ul.products li.product,
ul.products li.product,
.wc-block-grid__product,
li.wc-block-product,
.wp-block-woocommerce-product-template > li,
.wc-block-product-template > li{
  border:0 !important;
  border-radius:var(--pxp-r-l) !important;
  box-shadow:0 1px 0 var(--pxp-linea), 0 10px 30px rgba(24,33,63,.06) !important;
  transition:transform .45s var(--pxp-ease), box-shadow .45s var(--pxp-ease) !important;
}
.woocommerce ul.products li.product:hover,
ul.products li.product:hover,
.wc-block-grid__product:hover,
li.wc-block-product:hover{ transform:translateY(-6px); box-shadow:0 1px 0 var(--pxp-linea), 0 22px 44px rgba(96,17,242,.16) !important; }
.woocommerce ul.products li.product a img,
li.wc-block-product img{ aspect-ratio:1 / 1; object-fit:cover; transition:transform .7s var(--pxp-ease); }
.woocommerce ul.products li.product:hover a img,
li.wc-block-product:hover img{ transform:scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__link{ overflow:hidden; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
li.wc-block-product .wp-block-post-title{ font-family:var(--pxp-texto) !important; font-weight:700 !important; font-size:1rem !important; letter-spacing:0; }
.woocommerce ul.products li.product .price,
li.wc-block-product .wc-block-components-product-price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{ font-family:var(--pxp-texto) !important; font-weight:800 !important; letter-spacing:-.01em; font-variant-numeric:tabular-nums; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce div.product form.cart .button,
.pixora-cta-cotizar{ font-family:var(--pxp-texto) !important; font-weight:700 !important; }
.woocommerce div.product form.cart .button{ box-shadow:0 8px 22px rgba(96,17,242,.32); transition:transform .25s var(--pxp-ease), box-shadow .25s var(--pxp-ease), background-color .25s var(--pxp-ease); }
.woocommerce div.product form.cart .button:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(96,17,242,.42); }
.pixora-distintivo{ letter-spacing:.02em; text-transform:none; font-size:.72rem; }

/* --------------------------------------------------------- personaliza --- */
.pixora-personaliza{ background:var(--pxp-blanco); padding-block:clamp(56px, 8vw, 104px); }
.pixora-personaliza__rejilla{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,6vw,80px); align-items:center; }
.pixora-personaliza__pixo{ display:grid; gap:22px; justify-items:start; max-width:380px; }
.pixora-personaliza__pixo .pixora-pixo{ width:64%; margin-left:18%; }
.pixora-burbuja{ position:relative; margin:0; background:var(--pxp-blanco); color:var(--pxp-tinta); border-radius:var(--pxp-r-l); padding:16px 20px; box-shadow:0 1px 0 var(--pxp-linea), 0 18px 40px rgba(24,33,63,.12); font-weight:600; line-height:1.45; }
.pixora-burbuja::after{ content:""; position:absolute; width:18px; height:18px; background:inherit; left:28px; bottom:-8px; rotate:45deg; border-radius:3px; }
.pixora-personaliza h2{ margin:0 0 24px; font-size:clamp(1.65rem, 1.1rem + 2.4vw, 2.4rem); }
.pixora-pasos-v2{ list-style:none; margin:0 0 28px; padding:0; counter-reset:pxp-paso; }
.pixora-pasos-v2 li{ display:grid; grid-template-columns:56px minmax(0,1fr); gap:4px 18px; padding-block:22px; border-top:1px solid var(--pxp-linea); counter-increment:pxp-paso; }
.pixora-pasos-v2 li::before{ content:counter(pxp-paso); grid-row:span 3; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-family:var(--pxp-display); font-weight:500; color:#fff; background:var(--pxp-c, var(--pxp-morado)); }
.pixora-pasos-v2 .is-magenta{ --pxp-c:var(--pxp-magenta); }
.pixora-pasos-v2 .is-turquesa{ --pxp-c:var(--pxp-turquesa); }
.pixora-pasos-v2 .is-morado{ --pxp-c:var(--pxp-morado); }
.pixora-pasos-v2 .is-amarillo{ --pxp-c:var(--pxp-amarillo); }
.pixora-pasos-v2 h3{ margin:0; font-size:1.3rem; }
.pixora-pasos-v2 p{ margin:0; color:var(--pxp-tinta-suave); }
.pixora-pasos-v2 small{ font-weight:700; color:var(--pxp-morado-texto); font-size:.8125rem; }

/* ------------------------------------------- empresas: carrusel infinito --- */
.pixora-empresas{ padding-block:clamp(56px, 8vw, 104px); }
.pixora-empresas__cabeza{ display:flex; justify-content:space-between; align-items:end; gap:24px; flex-wrap:wrap; margin-bottom:32px; }
.pixora-empresas h2{ margin:0; font-size:clamp(1.65rem, 1.1rem + 2.4vw, 2.4rem); max-width:20ch; }
.pixora-empresas__cabeza p{ margin:12px 0 0; max-width:46ch; }
.pixora-marquesina{ position:relative; overflow:hidden; padding-block:10px 6px; -webkit-mask:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.pixora-marquesina__pista{ display:flex; gap:18px; width:max-content; animation:pxp-desliza 48s linear infinite; }
.pixora-marquesina__copia{ display:contents; }
.pixora-marquesina:hover .pixora-marquesina__pista,
.pixora-marquesina:focus-within .pixora-marquesina__pista,
.pixora-marquesina.is-pausada .pixora-marquesina__pista{ animation-play-state:paused; }
@keyframes pxp-desliza{ to{ transform:translateX(calc(-50% - 9px)); } }
.pixora-marquesina a{ flex:none; width:clamp(180px, 20vw, 236px); border-radius:var(--pxp-r-m); overflow:hidden; background:#fff; transition:transform .45s var(--pxp-ease), box-shadow .45s var(--pxp-ease); }
.pixora-marquesina a:hover, .pixora-marquesina a:focus-visible{ transform:translateY(-6px) scale(1.02); box-shadow:0 0 0 2px var(--pxp-turquesa), 0 0 28px rgba(0,195,222,.45), 0 20px 40px rgba(0,0,0,.45); }
.pixora-marquesina__foto{ display:block; }
.pixora-marquesina img, .pixora-marquesina svg{ display:block; aspect-ratio:4 / 5; width:100%; height:auto; object-fit:cover; }
.pixora-marquesina__control{ display:flex; justify-content:flex-end; margin-top:14px; }
.pixora-pausa{ display:inline-flex; align-items:center; gap:8px; border:0; background:rgba(237,235,255,.1); color:var(--pxp-sobre-noche); border-radius:var(--pxp-pill); padding:8px 14px; font-weight:700; font-size:.8125rem; cursor:pointer; font-family:var(--pxp-texto); }
.pixora-pausa:hover{ background:rgba(237,235,255,.18); }

/* -------------------------------------------------------- confianza --- */
.pixora-tarjetas .wp-block-column{ border:0 !important; box-shadow:0 1px 0 var(--pxp-linea), 0 10px 30px rgba(24,33,63,.05); border-radius:var(--pxp-r-l) !important; }
.pixora-tarjetas .wp-block-column h3{ font-size:1.05rem !important; }

/* ---------------------------------------------------------------- pie --- */
.pixora-footer{ background:var(--pxp-noche) !important; position:relative; overflow:hidden; }
.pixora-footer :where(h1,h2,h3,h4){ font-family:var(--pxp-texto); font-weight:800; letter-spacing:0; text-transform:none; font-size:.95rem; }
.pixora-marca-pie img{ height:auto !important; width:220px !important; }
.pixora-pie-asoma{ position:relative; height:0; width:100%; max-width:var(--wp--style--global--wide-size, 1240px) !important; }
.pixora-lista-pie{ list-style:none; padding-left:0; }
.pixora-pie-asoma__ventana{ position:absolute; right:0; bottom:-104px; width:150px; height:128px; overflow:hidden; pointer-events:none; }
.pixora-pie-asoma .pixora-pixo{ width:150px; transform:translateY(10px); transition:transform .6s var(--pxp-ease); }
.pixora-pie-asoma .pixora-pixo img{ height:auto !important; width:150px !important; }
.pixora-footer:hover .pixora-pie-asoma .pixora-pixo{ transform:none; }
.pixora-footer__legal{ padding-right:170px; }

/* ------------------------------------------------- Pixo en estados vacíos --- */
.pixora-vacio-pixo{ display:flex; justify-content:center; padding-top:12px; }
.pixora-vacio-pixo .pixora-pixo{ width:120px; }

/* ------------------------------------- empresas: «Así funciona» (pixora-quotes) --- */
/* Los cuatro pasos de /empresas/ se pintan como una línea de pasos numerados. */
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta){
  counter-reset:pxp-corp; gap:20px !important; margin-top:28px; margin-bottom:36px;
}
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column{
  counter-increment:pxp-corp; position:relative; background:var(--pxp-blanco); border-radius:var(--pxp-r-l);
  padding:26px 22px 24px; box-shadow:0 1px 0 var(--pxp-linea), 0 10px 30px rgba(24,33,63,.06);
  display:flex; flex-direction:column; gap:10px; min-width:0;
}
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column > *{ margin:0 !important; }
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) p.pixora-etiqueta{
  display:flex; align-items:center; gap:12px; background:none; border:0; padding:0; color:var(--pxp-tinta-suave);
  font-size:.8125rem; letter-spacing:0; text-transform:none; font-weight:700;
}
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) p.pixora-etiqueta::before{
  content:counter(pxp-corp); width:44px; height:44px; border-radius:50%; display:grid; place-items:center; flex:none;
  font-family:var(--pxp-display); font-weight:500; font-size:1rem; color:#fff; background:var(--pxp-c, var(--pxp-morado));
}
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column:nth-child(1){ --pxp-c:var(--pxp-magenta); }
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column:nth-child(2){ --pxp-c:var(--pxp-turquesa); }
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column:nth-child(3){ --pxp-c:var(--pxp-morado); }
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column:nth-child(4){ --pxp-c:var(--pxp-amarillo); }
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) h3{
  font-size:1.15rem !important; line-height:1.25; letter-spacing:-.01em;
  overflow-wrap:normal; word-break:normal; hyphens:manual; text-wrap:balance;
}
.wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) h3 + p{ color:var(--pxp-tinta-suave); font-size:.95rem; line-height:1.55; }
@media (min-width:782px) and (max-width:1100px){
  .wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta){ flex-wrap:wrap !important; }
  .wp-block-columns:has(> .wp-block-column > p.pixora-etiqueta) > .wp-block-column{ flex-basis:calc(50% - 10px) !important; flex-grow:0 !important; }
}


/* ============================================================ Nosotros --- */
.pixora-nosotros{ color:var(--pxp-tinta); }
.pixora-nosotros h2{ font-family:var(--pxp-display); font-weight:500; letter-spacing:-.02em; font-size:clamp(1.6rem, 1.1rem + 2.2vw, 2.3rem); line-height:1.15; margin:0; text-wrap:balance; }
.pixora-nosotros p{ margin:0; }
.pixora-nos-portada{ padding-block:clamp(48px, 7vw, 96px); }
.pixora-nos-portada__rejilla{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(28px,5vw,72px); align-items:center; }
.pixora-nos-portada__texto{ display:grid; gap:18px; max-width:40rem; }
.pixora-nos-marca{ font-family:var(--pxp-display); font-weight:500; font-size:1rem; background:linear-gradient(90deg, var(--pxp-magenta), var(--pxp-turquesa) 50%, var(--pxp-amarillo)); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.pixora-nos-portada h1{ margin:0; font-family:var(--pxp-display); font-weight:500; letter-spacing:-.02em; line-height:1.08; font-size:clamp(2.1rem, 1.2rem + 3.4vw, 3.8rem); color:#fff; text-wrap:balance; }
.pixora-nos-intro{ font-size:clamp(1.08rem, 1rem + .35vw, 1.25rem); line-height:1.55; color:var(--pxp-sobre-noche) !important; }
.pixora-nos-portada__arte{ position:relative; aspect-ratio:1 / 1.05; max-width:440px; width:100%; justify-self:center; }
.pixora-nos-portada__pixo{ position:absolute !important; right:0; bottom:0; width:48%; }
/* Corazón de cuentas Hama Beads sobre su tablero de clavijas: cada cuenta es un círculo con su agujero, como las reales. */
.pixora-cuentas{ position:absolute; left:0; top:0; width:64%; display:grid; grid-template-columns:repeat(9, 1fr); gap:5%; }
.pixora-cuenta{ aspect-ratio:1; border-radius:50%; background:var(--c, transparent); box-shadow:inset 0 -3px 0 rgba(0,0,0,.18), inset 0 2px 0 rgba(255,255,255,.35); position:relative; animation:pxp-cuenta .6s var(--pxp-ease) both; animation-delay:var(--d, 0ms); }
.pixora-cuenta::after{ content:""; position:absolute; inset:34%; border-radius:50%; background:var(--pxp-noche); box-shadow:inset 0 1px 1px rgba(0,0,0,.5); }
.pixora-cuenta.is-clavija{ background:none; box-shadow:none; animation:none; }
.pixora-cuenta.is-clavija::after{ inset:40%; background:rgba(237,235,255,.16); box-shadow:none; }
.pixora-cuenta.is-amarillo{ --c:var(--pxp-amarillo); }
.pixora-cuenta.is-magenta{ --c:var(--pxp-magenta); }
.pixora-cuenta.is-turquesa{ --c:var(--pxp-turquesa); }
.pixora-cuenta.is-morado{ --c:var(--pxp-morado); }
@keyframes pxp-cuenta{ from{ opacity:0; transform:translateY(-14px) scale(.6); } }

.pixora-nos-familia{ padding-block:clamp(56px, 8vw, 104px) clamp(40px, 6vw, 72px); }
.pixora-nos-familia__rejilla{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(24px,5vw,72px); align-items:start; }
.pixora-nos-familia__texto{ display:grid; gap:18px; max-width:62ch; }
.pixora-nos-familia__texto p:not(.pixora-nos-destacado){ color:var(--pxp-tinta-suave); font-size:1.05rem; line-height:1.65; }
.pixora-nos-destacado{ font-size:clamp(1.15rem, 1rem + .6vw, 1.4rem); line-height:1.5; font-weight:600; color:var(--pxp-tinta); padding-left:22px; border-left:4px solid; border-image:linear-gradient(var(--pxp-magenta), var(--pxp-turquesa), var(--pxp-morado), var(--pxp-amarillo)) 1; }

.pixora-nos-hacemos{ padding-block:clamp(40px, 6vw, 72px); }
.pixora-nos-hacemos h2{ margin-bottom:28px; }
.pixora-nos-hacemos__rejilla{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.pixora-nos-tarjeta{ position:relative; background:var(--pxp-blanco); border-radius:var(--pxp-r-l); padding:30px 26px 28px; box-shadow:0 1px 0 var(--pxp-linea), 0 10px 30px rgba(24,33,63,.06); overflow:hidden; display:grid; gap:12px; align-content:start; transition:transform .45s var(--pxp-ease), box-shadow .45s var(--pxp-ease); }
.pixora-nos-tarjeta::before{ content:""; position:absolute; left:0; right:0; top:0; height:5px; background:var(--c); }
.pixora-nos-tarjeta:hover{ transform:translateY(-6px); box-shadow:0 1px 0 var(--pxp-linea), 0 22px 44px rgba(96,17,242,.14); }
.pixora-nos-tarjeta.is-magenta{ --c:var(--pxp-magenta); }
.pixora-nos-tarjeta.is-turquesa{ --c:var(--pxp-turquesa); }
.pixora-nos-tarjeta.is-morado{ --c:var(--pxp-morado); }
.pixora-nos-tarjeta h3{ margin:0; font-family:var(--pxp-display); font-weight:500; font-size:1.25rem; letter-spacing:-.01em; }
.pixora-nos-tarjeta p{ color:var(--pxp-tinta-suave); line-height:1.6; }

.pixora-nos-como{ padding-block:clamp(40px, 6vw, 72px) clamp(56px, 8vw, 96px); }
.pixora-nos-como__rejilla{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,5vw,72px); align-items:start; }
.pixora-nos-como h2{ margin-bottom:22px; }
.pixora-nos-como__lado{ display:grid; gap:18px; }
.pixora-nos-como__lado > p:not(.pixora-nos-rotulo){ color:var(--pxp-tinta-suave); line-height:1.65; }
.pixora-nos-rotulo{ font-weight:800; }
.pixora-nos-ruta{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; counter-reset:pxp-ruta; }
.pixora-nos-ruta li{ counter-increment:pxp-ruta; display:flex; align-items:center; gap:12px; background:var(--pxp-blanco); border-radius:var(--pxp-r-m); padding:14px 16px; font-weight:700; box-shadow:0 1px 0 var(--pxp-linea); }
.pixora-nos-ruta li::before{ content:counter(pxp-ruta); flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-family:var(--pxp-display); font-weight:500; font-size:.85rem; color:#fff; background:var(--pxp-tinta); }
.pixora-nos-valores{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.pixora-nos-valores li{ display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:var(--pxp-pill); background:var(--pxp-papel-2); font-weight:700; font-size:.92rem; }
.pixora-nos-valores li::before{ content:""; width:9px; height:9px; border-radius:50%; background:var(--c); }
.pixora-nos-valores .is-magenta{ --c:var(--pxp-magenta); }
.pixora-nos-valores .is-turquesa{ --c:var(--pxp-turquesa); }
.pixora-nos-valores .is-amarillo{ --c:var(--pxp-amarillo); }

.pixora-nos-cierre-envoltura{ padding-bottom:clamp(56px, 8vw, 96px); }
.pixora-nos-cierre{ display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:32px; align-items:center; padding:30px 40px; border-radius:30px; }
.pixora-nos-cierre h2{ color:#fff; }
.pixora-nos-cierre p{ margin-top:10px !important; max-width:52ch; }
.pixora-nos-cierre__pixo{ width:140px; margin-block:-70px -30px; }
.pixora-nos-cierre__cta{ display:grid; gap:10px; }
.pixora-nos-firma{ text-align:center; margin-top:22px !important; font-size:.875rem; color:var(--pxp-tinta-suave); }

/* =============================================================== Ayuda --- */
.pixora-ayuda{ padding-block:8px clamp(56px, 8vw, 96px); }
.pixora-ayuda__intro{ font-size:1.15rem; color:var(--pxp-tinta-suave); margin:0 0 28px; max-width:56ch; }
.pixora-ayuda__rejilla{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:18px; align-items:start; }
.pixora-ayuda__tarjeta{ position:relative; background:var(--pxp-blanco); border-radius:var(--pxp-r-l); padding:26px 24px 24px; box-shadow:0 1px 0 var(--pxp-linea), 0 10px 30px rgba(24,33,63,.06); display:grid; gap:10px; align-content:start; transition:transform .45s var(--pxp-ease), box-shadow .45s var(--pxp-ease); }
.pixora-ayuda__tarjeta:hover{ transform:translateY(-6px); box-shadow:0 1px 0 var(--pxp-linea), 0 22px 44px rgba(96,17,242,.14); }
.pixora-ayuda__tarjeta.is-c0{ --c:var(--pxp-magenta); } .pixora-ayuda__tarjeta.is-c1{ --c:var(--pxp-turquesa); }
.pixora-ayuda__tarjeta.is-c2{ --c:var(--pxp-morado); } .pixora-ayuda__tarjeta.is-c3{ --c:var(--pxp-amarillo); }
.pixora-ayuda__icono{ width:48px; height:48px; border-radius:14px; display:grid; place-items:center; color:#fff; background:var(--c); margin-bottom:6px; }
.pixora-ayuda__tarjeta h2{ margin:0; font-family:var(--pxp-display); font-weight:500; font-size:1.2rem !important; letter-spacing:-.01em; }
.pixora-ayuda__tarjeta h2 a{ color:var(--pxp-tinta); text-decoration:none; }
.pixora-ayuda__tarjeta h2 a::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.pixora-ayuda__tarjeta h2 a:focus-visible{ outline:none; }
.pixora-ayuda__tarjeta:has(h2 a:focus-visible){ outline:3px solid var(--pxp-turquesa); outline-offset:3px; }
.pixora-ayuda__tarjeta p{ margin:0; color:var(--pxp-tinta-suave); line-height:1.55; }
.pixora-ayuda__tarjeta ul{ list-style:none; margin:6px 0 0; padding:12px 0 0; border-top:1px solid var(--pxp-linea); display:grid; gap:6px; position:relative; z-index:1; }
.pixora-ayuda__tarjeta ul a{ font-weight:700; color:var(--pxp-morado-texto); text-decoration:none; font-size:.95rem; }
.pixora-ayuda__tarjeta ul a:hover{ text-decoration:underline; }
.pixora-ayuda__mas{ margin-top:clamp(40px, 6vw, 64px); display:grid; grid-template-columns:110px minmax(0,1fr) auto; gap:28px; align-items:center; padding:26px 34px; border-radius:28px; }
.pixora-ayuda__mas h2{ margin:0; color:#fff; font-family:var(--pxp-display); font-weight:500; font-size:1.4rem !important; }
.pixora-ayuda__mas p{ margin:6px 0 0; }
.pixora-ayuda__pixo{ width:104px; margin-block:-56px -26px; }

@media (max-width:900px){
  .pixora-nos-portada__rejilla, .pixora-nos-familia__rejilla, .pixora-nos-como__rejilla{ grid-template-columns:minmax(0,1fr); }
  .pixora-nos-portada__arte{ max-width:340px; }
  .pixora-nos-hacemos__rejilla{ grid-template-columns:minmax(0,1fr); }
  .pixora-nos-cierre, .pixora-ayuda__mas{ grid-template-columns:minmax(0,1fr); padding:28px 24px; }
  .pixora-nos-cierre__pixo, .pixora-ayuda__pixo{ display:none; }
  .pixora-nos-cierre__cta{ grid-auto-flow:row; justify-items:start; }
}
@media (max-width:480px){ .pixora-nos-ruta{ grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce){ .pixora-cuenta{ animation:none !important; } }


/* ============================================ Productos relacionados --- */
.pixora-relacionados{ margin-block:clamp(40px, 6vw, 72px) clamp(48px, 7vw, 88px); max-width:var(--wp--style--global--wide-size, 1240px); margin-inline:auto; }
.pixora-relacionados__cabeza{ display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:20px; }
.pixora-relacionados__cabeza h2{ margin:0; font-family:var(--pxp-display); font-weight:500; font-size:clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem); letter-spacing:-.02em; }
.pixora-relacionados__flechas{ display:flex; gap:8px; }
.pixora-flecha{ width:44px; height:44px; border-radius:50%; border:0; display:grid; place-items:center; cursor:pointer; background:var(--pxp-blanco); color:var(--pxp-tinta); box-shadow:0 1px 0 var(--pxp-linea), 0 6px 16px rgba(24,33,63,.08); transition:background-color .25s var(--pxp-ease), color .25s var(--pxp-ease), opacity .25s var(--pxp-ease), transform .25s var(--pxp-ease); }
.pixora-flecha:hover:not(:disabled){ background:var(--pxp-tinta); color:#fff; transform:translateY(-1px); }
.pixora-flecha:disabled{ opacity:.35; cursor:default; }
.pixora-relacionados__carril{ position:relative; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; margin-inline:-6px; padding:6px 6px 22px; }
.pixora-relacionados__carril::-webkit-scrollbar{ display:none; }
.pixora-relacionados__carril:focus-visible{ outline:3px solid var(--pxp-turquesa); outline-offset:4px; border-radius:16px; }
.pixora-relacionados__carril ul.products{
  display:grid !important; grid-auto-flow:column; grid-template-columns:none !important;
  grid-auto-columns:calc((100% - 3 * 18px) / 4); gap:18px !important; margin:0 !important; padding:0 !important;
}
.pixora-relacionados__carril ul.products li.product{ scroll-snap-align:start; min-width:0; }
@media (max-width:1000px){ .pixora-relacionados__carril ul.products{ grid-auto-columns:calc((100% - 2 * 16px) / 3.2); gap:16px !important; } }
@media (max-width:640px){ .pixora-relacionados__carril ul.products{ grid-auto-columns:46%; gap:12px !important; } .pixora-relacionados__flechas{ display:none; } }
@media (prefers-reduced-motion: reduce){ .pixora-relacionados__carril{ scroll-behavior:auto; } }

/* --------------------------------------------------------- responsivo --- */
@media (max-width:1000px){
  .pixora-cats{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(200px, 30%); overflow-x:auto; scroll-snap-type:x mandatory; padding:14px 4px 18px; margin-inline:-4px; }
  .pixora-cat{ scroll-snap-align:start; }
}
@media (max-width:820px){
  .pixora-portada__rejilla, .pixora-personaliza__rejilla{ grid-template-columns:minmax(0,1fr); }
  .pixora-escenario{ max-width:520px; width:100%; margin-inline:auto; }
}
@media (max-width:560px){
  .pixora-cats{ grid-auto-columns:68%; }
  .pixora-lectura{ width:58%; }
  .pixora-escenario .pixora-escenario__robot{ width:40%; right:-4%; }
  .pixora-datos{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .pixora-datos div:nth-child(odd){ padding-left:0; border-left:0; }
  .pixora-footer__legal{ padding-right:0; }
  .pixora-pie-asoma{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .pixora-marquesina{ overflow-x:auto; -webkit-mask:none; mask:none; }
  .pixora-marquesina__copia, .pixora-marquesina__control{ display:none; }
  .pixora-marquesina__pista, .pixora-logo-neon__brillo, .pixora-logo-neon__brillo i, .pixora-logo-neon__movil, .pixora-logo-neon__movil *, .pixora-pixo__ojo, .pixora-cat__marco::before{ animation:none !important; }
}
.pixora-relacionados.is-sin-desplazar .pixora-relacionados__flechas{ display:none; }

/* ===================================================== Carga de imágenes (datos móviles)
   Mientras la foto llega se ve un brillo suave con los colores de PIXORA, no una tarjeta
   en blanco; al llegar aparece con un fundido. Si el JavaScript no corre (o LiteSpeed lo retrasa), todo se ve como siempre. */
@keyframes pxp-brillo-carga{ from{ background-position:120% 0; } to{ background-position:-20% 0; } }
.pixora-marquesina a,
.pixora-cat__foto{ background:linear-gradient(100deg, rgba(96,17,242,.10) 20%, rgba(0,195,222,.22) 40%, rgba(251,1,111,.12) 60%, rgba(96,17,242,.10) 80%) 0 0 / 300% 100% var(--pxp-papel-2, #f1eef8); }
[data-pixora-precarga].is-vigilada .pixora-marquesina__pista a:not(.is-cargada),
[data-pixora-precarga].is-vigilada .pixora-cat__foto:not(.is-cargada){ animation:pxp-brillo-carga 1.4s linear infinite; }
[data-pixora-precarga].is-vigilada img{ opacity:0; transition:opacity .45s ease, transform .8s var(--pxp-ease); }
[data-pixora-precarga].is-vigilada .is-cargada img{ opacity:1; }
.pixora-marquesina.is-esperando .pixora-marquesina__pista{ animation-play-state:paused; }
.pixora-marquesina a.is-cargada{ background:#fff; }
.pixora-cat__foto.is-cargada{ background:var(--pxp-papel-2); }
@media (prefers-reduced-motion: reduce){
  [data-pixora-precarga].is-vigilada .pixora-marquesina__pista a:not(.is-cargada),
  [data-pixora-precarga].is-vigilada .pixora-cat__foto:not(.is-cargada){ animation:none; }
  [data-pixora-precarga].is-vigilada img{ transition:none; }
}
