body {font-family:'Montserrat',Sans-serif;color:#000000;}
a{color:#333;}
a:hover {color:#333;text-decoration:underline}
#logo img {max-height: 120px;}

#menu .navbar-default {background:#00508a;}
#menu .navbar-default .navbar-nav > li > a{text-transform:uppercase;font-weight:600;padding-left:13px;padding-right:13px}
#menu .navbar-default .navbar-nav > li.active > a{color:#00508a;}
#menu .dropdown-menu {background-color:#00508a;}
#menu .navbar-default .navbar-nav li.dropdown.open > a{color:#00508a;}
#menu li.dropdown.open .dropdown-menu > li > a:hover{color:#292b25;}
#menu .navbar-default .navbar-toggle:hover .icon-bar{background-color:#00508a;}


.seccio-publicitat{text-align:center;position:relative;border:none;background-image: url("/_base/CSS/img/fons-publicitat.png");}
.seccio-publicitat img {margin-bottom:10px;margin-left:0px;max-width:97%}


#portades h2.contingut-seccio-titol{font-size:20px;text-align:left;color:#161616;font-weight:700;letter-spacing: 0.05em;line-height: 1.2;text-transform: uppercase;margin-bottom: 10px;position: relative;display: inline-flex;align-items: center;width: 90%;font-family:Montserrat}
#portades h2.contingut-seccio-titol:after {content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}
#portades {position:relative;height:400px;margin-bottom:20px}
#portades .portades li {height:400px}
#portades img {width:250px}

#publicitat {margin-top:10px}

.seccio-top-productes {background-color:#f2f2f2;padding:15px}
.seccio-top-productes h2 {font-family:Montserrat;margin-bottom:10px}
.seccio-top-productes .split .preview-mini-wrap { display: flex;}
.seccio-top-productes .preview-thumbnail {margin: 20px 0px}
.seccio-top-productes .preview-thumbnail .preview-mini-wrap {align-items: center;}
.seccio-top-productes .preview-mini-wrap {position: relative;width: 100%;}
.seccio-top-productes .preview-thumbnail .mask {width: 90px;height: 90px;flex-shrink: 0;background-color:#FFFFFF;}
.seccio-top-productes .mask img, .mask picture {width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;top:5%;position:relative;}
.seccio-top-productes .preview-thumbnail .title, .preview-review .title {font-size: 14px;font-weight: 700;letter-spacing: 0.1em;line-height: 1.3;text-transform: uppercase;margin-top:5px}
.seccio-top-productes .preview-thumbnail .mask + .meta {padding-left: 20px;}
.seccio-top-productes .preview-thumbnail .cb-article-meta p {margin:0px;}

/** frame imatges**/
.seccio-top-productes .frame {
  --c: gray; /* the border color */
  --b: 5px;    /* the border thickness*/
  --g: 2px;     /* the gap on hover */
  
  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%,var(--c) 0;
  background: 
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
  transition: .3s, background-position .3s .3s;
  cursor: pointer;
}
.seccio-top-productes .frame:hover {
  --_i: 100%;
  transition: .3s, background-size .3s .3s;
}


.noticia-destacada h1{color:#00508a;}
.seccio-top-productes h2, .seccio-publicitat h2{color:#00508a;}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-empresa{color:#00508a;}

.seccio-articles-mes-vistos td.contingut-seccio-titol{background: #00508a;}

#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eee;color: black; border: 3px double #00508a;}

#peu{background-color:#00508a;}

/************ GALERIA FH*************/
.galeria-fh {
    column-count: 4;
    column-gap: 14px;
    max-width: 1200px;
    margin: 0 auto;
    padding:10px;
    background-color: #f0decd;
  }

  /* Responsive: menos columnas en pantallas chicas */
  @media (max-width: 1000px) { .galeria-fh { column-count: 3; } }
  @media (max-width: 700px)  { .galeria-fh { column-count: 2; } }
  @media (max-width: 480px)  { .galeria-fh { column-count: 1; } }

  .galeria-fh .item {
    break-inside: avoid;       /* evita que la foto se corte entre columnas */
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: block;           /* .item ahora es un <a>, necesita ser block */
    text-decoration: none;    /* quita el subrayado del enlace */
    cursor: pointer;
  }

  .galeria-fh .item img {
    width: 100%;
    height: auto;              /* conserva el aspect-ratio real de cada foto */
    display: block;
    transition: transform 0.35s ease;
  }

  galeria-fh .item:hover img {
    transform: scale(1.04);    /* zoom sutil opcional */
  }

  .galeria-fh .titol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 14px 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.1));
  }

/************* FI GALERIA FH***********************/



@media screen and (max-width: 1024px){
.apartat-grup-noticies .noticia-apartat .noticia-titol{ font-size:24px;font-weight:600}
article.class-280px{height:100%}
}