/* Shadow's Estudio & Diseño — release final 2026-10-03
   Capa final de estabilidad visual y responsive. */

/* El contenido nunca depende de JavaScript para ser visible. */
.reveal,
.reveal.visible {
  opacity: 1 !important;
  transform: none !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

/* Logos externos: sin placas blancas; volumen 3D y movimiento sutil. */
.home-page .process-brand-float,
.hours-brand-float,
.floating-maintenance-logo,
.logo-orbit,
.logo-orbit-final {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-page .process-brand-float img,
.hours-brand-float img,
.floating-brand,
.floating-maintenance-logo img,
.logo-orbit img,
.logo-orbit-final img {
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 12px 20px rgba(12,14,22,.22))
    drop-shadow(0 24px 34px rgba(12,14,22,.15))
    drop-shadow(0 0 14px rgba(66,232,255,.13))
    drop-shadow(0 0 18px rgba(255,77,216,.09)) !important;
}

.home-page .process-brand-float img,
.hours-brand-float img,
.floating-brand,
.logo-orbit img,
.logo-orbit-final img {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 50% !important;
}

/* Logos rectangulares dentro de formularios: permanecen en su área, con profundidad. */
.form-logo-panel img,
.designer-brand img,
.form-official-brand img,
.integrated-designer-heading img {
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 12px 20px rgba(12,14,22,.20))
    drop-shadow(0 22px 32px rgba(12,14,22,.13))
    drop-shadow(0 0 10px rgba(66,232,255,.08)) !important;
  animation: shadowFloatSlow 9s ease-in-out infinite !important;
}

/* Botones del portafolio: misma posición inferior izquierda en cada tarjeta. */
.portfolio-card {
  display: flex !important;
  flex-direction: column !important;
}
.portfolio-card .portfolio-info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}
.portfolio-card .portfolio-expand-btn {
  align-self: flex-start !important;
  margin-top: auto !important;
}

/* Evita que controles fijos invadan el contenido en pantallas pequeñas. */
@media (max-width: 680px) {
  .whatsapp-float,
  .back-to-top {
    right: 12px !important;
  }
  .main-nav {
    max-width: calc(100vw - 28px) !important;
  }
  .page-hero-panel img,
  .form-logo-panel img {
    height: auto !important;
  }
}

/* Respeta usuarios que prefieren menos movimiento. */
@media (prefers-reduced-motion: reduce) {
  .logo-orbit-final,
  .floating-brand,
  .hours-brand-float img,
  .process-brand-float img,
  .floating-maintenance-logo img,
  .form-logo-panel img,
  .designer-brand img,
  .form-official-brand img,
  .integrated-designer-heading img {
    animation: none !important;
  }
}