.pdf-zona {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1046px;
  margin: 40px auto;
  gap: 20px;
  font-family: Arial, sans-serif;
}

.col-esquerra,
.col-dreta {
  flex: 1 1 200px; /* abans 180px */
  max-width: 200px;
}

.col-centre {
  flex: 2 1 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.col-esquerra img,
.col-dreta img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

.col-esquerra p {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.titol_Producte {
  font-weight: bold;
}

.normal {
  font-size: 13px;
  color: #333;
}

.pdf-grid {
  display: flex;
  flex-wrap: nowrap; /* tot en una sola línia */
  justify-content: center;
  gap: 20px; /* espai entre ítems */
  overflow-x: auto; /* opcional per a mòbil si no cap */
  padding: 10px 0;
}

.producte {
  text-align: center;
  width: 100%;
  max-width: 200px; /* opcional per evitar columnes desiguals */
}

.producte img {
  width: 100%;
  max-width: 180px; /* abans 160px */
  height: auto;
  display: block;
  margin: 0 auto 8px;
}

.normal_instop.docs {
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

/* Responsiu */
@media (max-width: 768px) {
  .pdf-zona {
    flex-direction: column;
    align-items: center;
  }

  .pdf-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .col-esquerra,
  .col-dreta,
  .col-centre {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .pdf-grid {
    grid-template-columns: 1fr;
  }
}







/* ZONA INFERIOR */


#footer_inferior {
  background-color: #c4c4c4; /* fons una mica més clar */
  padding: 40px 20px 0;
  color: #000; /* text negre per defecte */
  font-family: Arial, sans-serif;
  position: relative;
  clear: both;
  z-index: 10;
}

#corporatiu_footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  max-width: 1046px;
  min-height: 580px;
  margin: 0 auto;
  padding: 0 20px 20px;
  margin-top: -20px; /* <-- aquest és el canvi clau */
  font-family: Arial, sans-serif;
}

.empresa_footer {
  flex: 1 1 220px;
  min-width: 200px;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.empresa_footer h1 {
  color: white;       /* Canvi de color a blanc */
  font-size: 28px;    /* Augmentem mida */
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 12px;
  font-family: Arial, sans-serif;
}

.empresa_footer h1 a {
  color: #fff;
  text-decoration: none;
}

.empresa_footer strong {
  display: block;
  margin-top: 8px;
}

.empresa_footer a {
  color: #000;
  text-decoration: none;
}

.empresa_footer ul {
  list-style: none;
  padding: 0;
}

.empresa_footer ul li {
  margin-bottom: 4px;
}

#firmesfooter {
  /*max-width: 1046px;*/
  margin: 0 auto;
  padding-right: 24px; /* separació del límit dret */
  display: flex;
  justify-content: center; /* alineació al centre */
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  transform: translateY(-15px); /* les pugem 15px */
  background-color: transparent;
}

#firmesfooter img {
  height: 35px;
  width: auto;
}

/* Marques */
#marquesfooter {
  text-align: center;       /* Centrar contingut */
  padding: 20px 0;
  background-color: #555;   /* Manté fons fosc */
}

#marquesfooter img {
  max-width: 95%;
  height: auto;
}

.contenidor-marques {
  display: flex;
  justify-content: center;
}


/* Barra inferior */
#barra_inferior {
  background-color: #333; /* més fosc */
  color: #fff;
  text-align: left;
  padding: 12px 17px;
  font-size: 13px;
}

#barra_inferior a {
  color: #fff;
  text-decoration: none;
  margin-right: 8px;
}

.empresa_footer p,
.empresa_footer a,
.empresa_footer strong {
  font-family: Arial, sans-serif;
}

@media (max-width: 768px) {
  #corporatiu_footer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .empresa_footer {
    flex: 1 1 calc(50% - 20px); /* Dues columnes amb separació */
    max-width: calc(50% - 20px);
  }

  #firmesfooter {
    justify-content: center;
    padding-left: 0;
    text-align: center;
  }

  #barra_inferior {
    text-align: center;
    font-size: 12px;
    padding: 12px 10px;
  }

  #barra_inferior a {
    display: inline-block;
    margin: 4px 6px;
  }

  #marquesfooter img {
    max-width: 90%;
    height: auto;
  }
}