:root {
  --color-principal: #1a237e;
  --color-accent: #ffca28;
  --color-text: #333;
  --font-principal: 'Montserrat', sans-serif;
}

/* Secció principal */
.icones-section {
  margin: 2% 0% 5% 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: fadeIn 2s ease-in-out;
}

.icones-section h1 {
  font-size: 28px;
  font-family: var(--font-principal);
  color: var(--color-principal);
  margin-bottom: 2rem;
  animation: slideDown 1.5s ease-in-out;
}

/* Contenidor de les icones (ordinador) */
div.icones {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

/* Força l'enllaç del correu a tenir la imatge i el text alineats de costat */
.bloc-correu a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none;
  color: inherit;
  font-family: var(--font-principal);
}

/* Estil per a totes les imatges d'icones */
img.icones {
  height: 70px !important;
  width: auto !important;
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.8;
}

/* Efecte Hover */
img.icones:hover {
  transform: scale(1.15) !important;
  opacity: 1 !important;
}

/* Adaptació per a Mòbil */
@media (max-width: 768px) {
  div.icones {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  img.icones {
    height: 50px !important; /* Mida ajustada per a pantalles petites */
  }

  .bloc-correu a {
    font-size: 0.95rem;
  }
}

/* Animacions */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}