@font-face {
    font-family: 'HelveticaNeueR';
    src: url('HelveticaNeueAC-Roman.woff2') format('woff2'),
        url('HelveticaNeueAC-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueL';
    src: url('HelveticaNeueAC-Light.woff2') format('woff2'),
        url('HelveticaNeueAC-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueB';
    src: url('HelveticaNeueAC-Bold.woff2') format('woff2'),
        url('HelveticaNeueAC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.tB { font-family: "HelveticaNeueB",sans-serif; }
.tM { font-family: "HelveticaNeueM",sans-serif; }
.tL{ font-family: "HelveticaNeueL",sans-serif; }


/* LOOGS */
.image-container {
  min-width: 300px;
  min-height: 300px;
  display: inline-block;
}

.image-container img {
  width: 100%;
  height: auto;
  min-width: 300px;
}







/* COLORS */
.bgBlanc{	background: #ffffff;}
.bgGrisClar{	background: #e9ecef;}
.bgGris{	background: #cccccc;}
.bgGrocK{	background: #ccff00;}
.bgNegre{	background: #181900;}
.bgNegre2{	background: #000000;}


.cGrocK{	color: #ccff00;}
.cBlanc{	color: #ffffff;}
.cGrisClar{	color: #e9ecef;}
.cGrisFosc{	color: #999999;}




 .espai25 {    height: 25px;}
 .espai50 {    height: 50px;
  }



/* MULTIPLY LAYER */

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /* Color amb opacitat */
  mix-blend-mode: multiply; /* Efecte multiplicar */
  z-index: 10;
  pointer-events: none; /* Evita interferir amb la interacció de l'usuari */
}