@charset "utf-8";
/* CSS Document */
/* --- ANIMACIÓ DEL TEXT QUE VOLTA (MARQUEE) --- */
}
/* --- 1. AJUSTOS GENERALS DE PÀGINA --- */
body { 
    padding-top: 80px; /* Perquè el menú fix no tapi el contingut */
    background-color: #f8f9fa; 
}

/* --- 2. EFECTES DE LES GALERIES --- */
/* Fa que les imatges creixin una mica quan hi pases el ratolí */
.gallery-item img, .img-fluid { 
    transition: transform 0.3s ease; 
}
.gallery-item img:hover, .img-fluid:hover { 
    transform: scale(1.02); 
}

/* Ajust per a que les fotos en gran no surtin de la pantalla */
.glightbox-container .gslide-image img { 
    max-height: 90vh !important; 
}

/* --- 3. ANIMACIÓ DEL TEXT QUE VOLTA (MARQUEE) --- */
.marquee-modern {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #f8f9fa;
    padding: 10px 0;
}

.marquee-modern strong {
    display: inline-block;
    padding-left: 100%;
    animation: marquee-animation 30s linear infinite;
    color: #6c757d !important;
}

@keyframes marquee-animation {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
/* --- REGLES PER LES GALERIES DE PRODUCTE / TÈXTIL --- */
.gallery-item { 
  overflow: hidden; 
  border-radius: 4px; 
  margin-bottom: 30px; 
}
.gallery-item img { 
  transition: transform 0.4s ease; 
  cursor: pointer; 
  width: 100%; 
}
.gallery-item img:hover { 
  transform: scale(1.03); 
}
/* Ajust per a fotos verticals en parella (ex. campanya veler) */
.vertical-pair img { 
  aspect-ratio: 2/3; 
  object-fit: cover; 
}