/* 🔹 Contenidor genèric per afegir marges i límits al contingut */
.container {
  width: 100%;
  max-width: var(--max-width-container);
  margin: 0 auto;             /* centra el contingut */
  padding: 0 clamp(18px, 3vw, 32px);
}

/* Footer */
.site-footer {  
  text-align: center;  
  margin-top: 40px;  
  color: var(--color-subtext);  
}


/* Centrar header i els botons Inicia sessió / Registra’t */
.site-header { 
  text-align: center; 
}

#session-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 1.25rem;
}

/* Evitar flotats / amplades estranyes als botons dins del header */
.site-header .btn,
.site-header a.btn,
.site-header button.btn {
  display: inline-flex;
  float: none !important;
  width: auto;
  min-width: 152px;
}


/*separador ofertes opinio*/
/* ✨ Separador suau entre seccions */
.seccio-divider {
  height: 5px;
  width: min(92%, 1180px);
  margin: clamp(40px, 6vw, 72px) auto clamp(28px, 4vw, 48px);
  border-radius: 50px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(217,180,74,0.15),
    rgba(217,180,74,0.75),
    rgba(19,44,99,0.28),
    rgba(217,180,74,0.75),
    rgba(217,180,74,0.15),
    transparent
  );
  box-shadow: 0 10px 30px rgba(11, 21, 38, 0.08);
}

[data-theme="dark"] .seccio-divider {
  background: linear-gradient(
    to right,
    transparent,
    rgba(245, 211, 106, 0.08),
    rgba(245, 211, 106, 0.44),
    rgba(96, 165, 250, 0.16),
    rgba(245, 211, 106, 0.44),
    rgba(245, 211, 106, 0.08),
    transparent
  );
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}