/*
Theme Name: ImpresionArte
Theme URI: 
Author: Antigravity
Author URI: 
Description: Tema de galería de arte contemporáneo basado en el diseño HTML proporcionado. Incluye Custom Post Type para obras de arte y opciones del Customizer para controlar la página de inicio.
Version: 1.0.0
Text Domain: impresionarte
*/

/* Custom Animations */
.hover-scale {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-scale:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.artwork-card .favorite-btn {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.artwork-card:hover .favorite-btn {
  opacity: 1;
}

.artwork-card .artwork-image {
  transition: transform 0.5s ease;
}
.artwork-card:hover .artwork-image {
  transform: scale(1.05);
}

/* Hero Parallax */
.hero-section {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Header shadow on scroll */
.header-shadow {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  background: #c9a962;
  border-radius: 4px;
}

/* Badge animation */
.badge-pulse {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* Gradient overlay for hero */
.hero-overlay {
  background: linear-gradient(
    135deg,
    rgba(26, 26, 26, 0.7) 0%,
    rgba(26, 26, 26, 0.3) 100%
  );
}