:root{
  --max:1046px;
  --c0:#fff; --c1:#000; --c2:#333;
  --f0:#c4c4c4; --f1:#555; --f2:#333;
}

/* ===================== PDF ZONA ===================== */
.pdf-zona{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
  max-width:var(--max); margin:40px auto; gap:20px;
  font-family:Arial,sans-serif; background:var(--c0);
}

/* base */
.pdf-zona img{ width:100%; height:auto; }

.col-esquerra,.col-dreta{ flex:1 1 200px; max-width:200px; }
.col-centre{ flex:2 1 600px; display:flex; justify-content:center; align-items:center; min-width:0; }

.col-esquerra img,.col-dreta img{ margin-bottom:12px; }
.col-esquerra p{ font-size:14px; line-height:1.6; color:var(--c1); }

.titol_Producte{ font-weight:700; }
.normal{ font-size:13px; color:var(--c2); }

/* PDF items */
.pdf-grid{
  display:flex; flex-wrap:nowrap; justify-content:center; gap:20px;
  overflow-x:auto; padding:10px 0;
}
.producte{ text-align:center; width:100%; max-width:200px; }
.producte img{ max-width:180px; display:block; margin:0 auto 8px; }
.normal_instop.docs{ font-size:14px; color:var(--c1); text-decoration:none; }

/* responsive */
@media (max-width:768px){
  .pdf-zona{ flex-direction:column; align-items:center; }
  .col-esquerra,.col-dreta,.col-centre{ width:100%; max-width:100%; }
  .pdf-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; overflow:visible; }
}
@media (max-width:480px){
  .pdf-grid{ grid-template-columns:1fr; }
}

/* ===================== FOOTER ===================== */
#footer_inferior{
  background:var(--f0); color:var(--c1);
  font-family:Arial,sans-serif;
  padding:40px 20px 0;
  position:relative; clear:both; z-index:10;
}

#corporatiu_footer{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;
  max-width:var(--max); min-height:580px;
  margin:0 auto; padding:0 20px 20px;
  position:relative; top:-20px;
}

.empresa_footer{ flex:1 1 220px; min-width:200px; font-size:14px; line-height:1.6; color:var(--c1); }
.empresa_footer h1{ color:var(--c0); font-size:28px; text-transform:uppercase; font-weight:700; margin:0 0 12px; }
.empresa_footer h1 a{ color:var(--c0); text-decoration:none; }
.empresa_footer strong{ display:block; margin-top:8px; }
.empresa_footer a{ color:var(--c1); text-decoration:none; }
.empresa_footer ul{ list-style:none; padding:0; }
.empresa_footer ul li{ margin-bottom:4px; }

#firmesfooter{
  margin:0 auto; padding-right:24px;
  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px;
  transform:translateY(-15px);
}
#firmesfooter img{ height:35px; width:auto; }

#marquesfooter{ text-align:center; padding:20px 0; background:var(--f1); }
#marquesfooter img{ max-width:95%; height:auto; }
.contenidor-marques{ display:flex; justify-content:center; }

#barra_inferior{
  background:var(--f2); color:var(--c0);
  text-align:left; padding:12px 17px; font-size:13px;
}
#barra_inferior a{ color:var(--c0); text-decoration:none; margin-right:8px; }

@media (max-width:768px){
  #corporatiu_footer{ top:0; }
  .empresa_footer{ flex:1 1 calc(50% - 20px); max-width:calc(50% - 20px); }
  #firmesfooter{ 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%; }
}