:root {

    --blau-cecot: #00B9E9;
    --blau-fosc-cecot: #0079AD;
    --gris-fosc-cecot: #191919;
    --gris-clar-cecot: #F5F5F5;
    --gris-mitja-cecot: #E0E0E0;
    --background-general: #F3FCFF;

}


/* estils */
.text-l{
font-size: 30px;
line-height: 1.3em;
font-weight: 700;
}

.text-m {
font-size: 20px;    
line-height: 1.3em;

}

.banner-anunci a {
    font-size: 18px;
}


/* club mk */

.banner-mk  {
    background-image: url(https://cecot.org/wp-content/uploads/2025/10/vista-superior-del-gerente-y-el-empleado-que-trabajan-en-equipo-en-la-oficina-de-negocios-mirando-graficos-en-la-pantalla-de-la-computadora-portatil-scaled.webp);
        background-position: center;
            background-size: cover;
}

.banner-mk .wrap-banner-anunci {
    background-color: #005072c9;
    backdrop-filter: blur(4px);
}

.banner-mk .text-l,
.banner-mk .text-m,
.banner-mk svg,
.banner-mk a {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.banner-mk a:hover {
    color: var(--gris-mitja-cecot);
}

/* generic finançament */

.banner-finan {
     background-image: url(https://www.cecot.org/wp-content/uploads/2023/09/0002_banner-financament.png);
        background-position: center;
            background-size: cover;
}

.banner-finan .wrap-banner-anunci {
    background-color: #00b9e9b8;
    backdrop-filter: blur(4px);
}



.banner-finan .text-l,
.banner-finan .text-m,
.banner-finan svg,
.banner-finan a {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.banner-finan a:hover {
    color: var(--gris-mitja-cecot);
}

/* generic energia */

.banner-energia {
    background-image: url(https://cecot.org/wp-content/uploads/2024/04/energia-sostenibilitat-banner.png);
    background-position: center;
    background-size: cover;
}

.banner-energia .wrap-banner-anunci {
    background-color: #19875480;
    backdrop-filter: blur(4px);
}



.banner-energia .text-l,
.banner-energia .text-m,
.banner-energia svg,
.banner-energia a {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.banner-energia a:hover {
    color: var(--gris-mitja-cecot);
}


/* gremi de la fusta */
.banner-fusta svg {
    max-width: 180px;
    margin-bottom: 15px;
    fill: #FFFFFF;
}



.banner-fusta{
    background-image: url(https://www.gremidelafusta.cat/wp-content/uploads/2019/01/cropped-slider1-7.jpg);
    background-position: center;
    background-size: cover;
}

.banner-fusta .wrap-banner-anunci {
    background-color: #410d069e;
    backdrop-filter: blur(4px);
}



.banner-fusta .text-l,
.banner-fusta .text-m,
.banner-fusta svg,
.banner-fusta a {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.banner-fusta a:hover {
    color: var(--gris-mitja-cecot);
} 

.banner-fusta svg .b {
        fill: #ffffff00;
      }

.banner-fusta svg .c,
.banner-fusta svg .d,
.banner-fusta svg .e,
.banner-fusta svg .f {
        fill: #FFFFFF;
      }

      /* banner generic */

.banner-generic {
background: #ededed;  /* fallback for old browsers */

    }

    /* .banner-generic .text-l {
color: var(--blau-fosc-cecot);
    } */