/* Optimizaciones de rendimiento para plantilla colorida */

/* Preload crítico */
body {
  background-color: #f5f1e8 !important;
  min-height: 100vh;
}

/* Optimizar animaciones */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Optimizar imágenes */
img {
  content-visibility: auto;
  contain-intrinsic-size: 300px 200px;
}

/* Lazy loading para secciones */
.section {
  content-visibility: auto;
  contain-intrinsic-size: 0 500px;
}

/* Optimizar filtros en móvil */
@media (max-width: 768px) {
  [style*="filter:url"] {
    filter: none !important;
  }
  
  .torn-demo, .torn-demo-dos {
    filter: none !important;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  
  .gifts-section, .welcome-section, .rsvp-wrap > div {
    filter: none !important;
    border-radius: 12px;
  }
}

/* Optimizar backdrop-filter en móvil */
@media (max-width: 768px) {
  [style*="backdrop-filter"] {
    backdrop-filter: none !important;
  }
}

/* Reducir complejidad de gradientes en móvil */
@media (max-width: 768px) {
  body {
    background: #f5f1e8 !important;
    animation: none !important;
  }
  
  .hero {
    background: #f5f1e8 !important;
  }
}

/* Optimizar z-index */
.hero-bg {
  will-change: opacity;
  transform: translateZ(0);
}

/* Optimizar transiciones */
.timeline-item, .couple-item, .gift-card {
  will-change: transform, opacity;
}

/* Preload fonts */
@font-face {
  font-family: 'Cormorant Garamond';
  font-display: swap;
}