/* --------FILTRES-------- */

  .filtre-container{
    display:flex;
    flex-wrap:wrap;      /* permet salt de línia */
    gap:20px;            /* espai entre cercles */
    justify-content:flex-start;
  }

  .filtre-circle{
    width:120px;         /* ajusta al gust */
    height:120px;
    border:2px solid #444;         /* gris fosc */
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:bold;
    color:#000;                     /* text negre per defecte */
    transition:background .3s,transform .2s;
    flex-shrink:0;
  }
  .filtre-circle:hover{
    transform:scale(1.1);
  }

  /* --------- Variants de color --------- */
  /* 1. UV — blanc amb un degradat ultraviolat molt fi */
  .filtre-circle.uv{
    background:radial-gradient(circle at 50% 50%,
      #ffffff 0%,
      #f8f7ff 60%,
      #ece9ff 100%);
  }

  /* 2. Polaritzador — degradat gris suau */
  .filtre-circle.polarizador{
    background:radial-gradient(circle at 50% 50%,
      #f1f1f1 0%,
      #d1d1d1 60%,
      #b5b5b5 100%);
  }

  /* 3. ND — color fosc sňlid (gairebé negre) */
  .filtre-circle.nd{
    background:#222;
    color:#fff;   /* text blanc per contrast */
  }

  /* 4. Variable — gris amb més contrast */
  .filtre-circle.variable{
    background:#666;
    color:#fff;   /* text blanc per contrast */
  }

  /* --------- Ajust per a mňbil --------- */
  @media(max-width:768px){
    .filtre-container{justify-content:center;}
    .filtre-circle{width:100px;height:100px;}
  }