/* =========================================================
   DORADO — PERFORMANCE PATCH
   Mantiene el diseño actual y reduce trabajo de pintura/composición.
   ========================================================= */

/* El fondo animado de escritorio se mueve solo con transform.
   Evitamos animar background-position, que repintaba una capa grande
   en cada frame. */
@media (min-width: 821px){
  .hero-bg-media{
    background-position:48% 50% !important;
    will-change:transform !important;
    contain:paint;
    animation:doradoHeroGpuMotion 20s cubic-bezier(.45,.05,.55,.95) infinite alternate !important;
  }

  @keyframes doradoHeroGpuMotion{
    0%{transform:translate3d(-2.2%,-.8%,0) scale(1.105)}
    50%{transform:translate3d(1.3%,.45%,0) scale(1.125)}
    100%{transform:translate3d(-.5%,1.2%,0) scale(1.112)}
  }
}

/* En móvil ya existe un fondo vertical dedicado aplicado al hero.
   Ocultamos la segunda copia animada para no decodificar/componer dos
   imágenes grandes a la vez. */
@media (max-width: 820px){
  .hero-bg-media{
    display:none !important;
    animation:none !important;
    will-change:auto !important;
  }

  /* Los halos siguen presentes, pero estáticos. Esto mantiene el look
     y evita dos animaciones difuminadas permanentes en teléfonos. */
  .hero-glow-a,
  .hero-glow-b{
    animation:none !important;
    will-change:auto !important;
  }

  /* El dock ya es prácticamente opaco; eliminar el blur de fondo evita
     recomponer lo que hay detrás durante cada desplazamiento. */
  .mobile-dock{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:rgba(4,10,15,.98) !important;
  }
}

.brand-intro-bg{
  will-change:transform;
  contain:paint;
}

@media (prefers-reduced-motion: reduce){
  .hero-bg-media,
  .hero-glow-a,
  .hero-glow-b,
  .brand-intro-bg{
    animation:none !important;
    will-change:auto !important;
  }
}