/* Color base: Alt1 -> cc3029 (vermell logo), Alt2 -> 444445 (gris fosquet) */

@import url("//fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic");
@import url("//fonts.googleapis.com/css?family=Open+Sans:700,400,700italic,400italic");
@import url("//fonts.googleapis.com/css?family=Montserrat:700,500,600,400");

body {font-family:'Montserrat',Sans-serif;font-size: 15px;}
ul {list-style-type: none;}
a {color:#444445;}
a:hover {text-decoration:none}

img {max-width:100%}


#logo {margin:10px 0}
#logo img {padding:10px;max-height: 120px;}

#logo {
  display: flex;
  align-items: center; /* alineación vertical (centrado) */
  width: 100%;
  flex-wrap: wrap;
}

.logo-site {
  flex: 0 0 85%;
  max-width: 85%;
}

.logo-media {
  flex: 0 0 15%;
  max-width: 15%;
}

.logo-site img,
.logo-media img {
  display: block;
  max-width: 100%;
  height: auto;
}



.bannerCap{text-align:center;background-color:#ececec;}
.bannerCap img {padding-bottom:5px;}

#menu .navbar-default {background:#444445;}
#menu .navbar-default .navbar-nav > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav > li.active > a{color:#444445;}
#menu .dropdown-menu {background-color:#444445;}
#menu .dropdown-menu > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav li.dropdown.open > a{color:#444445;}
#menu li.dropdown.open .dropdown-menu > li > a:hover{color:#444445;background-color:#e7e7e7}
#menu .navbar-default .navbar-toggle {border-color:#FFFFFF;}
#menu .navbar-default .navbar-toggle:hover {background-color:#FFFFFF}
#menu .navbar-default .navbar-toggle .icon-bar {background-color:#FFFFFF}
#menu .navbar-default .navbar-toggle:hover .icon-bar{background-color:#444445;}


#menu .navbar-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

#menu .navbar-form .cercador {
  margin: 0; /* quita el margen que Bootstrap suele añadir al form-group */
}

#menu .navbar-form .lupa {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0; /* evita que el line-height del botón desplace el SVG */
  background:transparent;border:none;
}

#menu .navbar-form .lupa svg {
  width: 25px;   /* ajusta el tamaño a tu gusto */
  height: 25px;
  display: block;
  fill:#FFFFFF;
}


/*fi capçalera*/

/* Trasllado els nous estils a base, per no repetir-los a totes les pàgines */
/*Títols apartats 2023*/
h1.etiqueta_nom_apartat, .contingut-apartat-titol, .seccio-publicitat h2, h2.contingut-seccio-titol{font-size:20px;text-align:left;color:#161616;font-weight:700;letter-spacing: 0.1em;line-height: 1.2;text-transform: uppercase;margin-bottom: 30px;position: relative;display: inline-flex;align-items: center;width: 100%;font-family:Montserrat}
.seccio-publicitat h2{letter-spacing: 0.05em;width: 90%;margin-bottom: 10px;} /*Recomendamos*/
h1.etiqueta_nom_apartat:after, .contingut-apartat-titol:after, .seccio-publicitat h2:after, h2.contingut-seccio-titol:after {  content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}

.seccio-publicitat h2:after{margin-left: 20px;  }
.noticia-principal, .noticia-apartat {  padding-bottom: 10px;  margin-bottom: 10px;}
.noticia-apartat .noticia-imagen img {max-height:240px;max-width:100%;}
.noticia-principal .noticia-imagen img {max-height:500px;max-width:100%;}
.noticia-principal .noticia-titol, .noticia-apartat .noticia-titol {margin-top:10px;font-weight:600;font-size:24px;  hyphens:none;}
/*Al titol del grup de notícies*/
.apartat-grup-noticies .noticia-apartat .noticia-titol {max-height: 7.6em;margin-top:10px;font-weight:700;font-size:15px; overflow: hidden;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;}
.apartat-grup-noticies .noticia-apartat .noticia-titol.guionejat {	-webkit-hyphens: auto; -ms-hyphens: auto;hyphens: auto;	overflow-wrap: break-word;}
.noticia-principal .noticia-titol a, .noticia-apartat .noticia-titol a {color: #333;}
.noticia-principal .noticia-titol a:hover, .noticia-apartat .noticia-titol a:hover {text-decoration:underline}
.noticia-apartat .noticia-text {font-size: 14px;}
.noticia-contingut h2 {font-family:Montserrat}
.data-noticia {color: #767676;font-weight: 400;text-transform: uppercase;font-size: 10px;margin: 5px 0 10px;}
.BannerInterior{clear:both}
div.articles_un_any{clear:both;padding-top:10px;padding-bottom:10px}
div.articles_un_any li.carrega-mes-articles, .seccio-newsletters #placeholder-suscribase {text-align: center;list-style-image: none;}
div.articles_un_any li.carrega-mes-articles a {color: white;background-color: #333;font-size: 13px;font-weight: 700;text-transform: uppercase;padding: 15px 50px;border-radius: 25px;margin-top: 10px;}
div.articles_un_any .noticia {border-bottom: 1px dotted gray;  margin-bottom: 20px;}
.noticia .noticia-titol {font-size: 24px; font-weight: 600;  line-height: 1.3;margin-top: 15px;  hyphens: none;}
article.class-100{height:100%}
article.class-280px{height:280px}


/*slick slider*/
/*Empreses destacades*/
.seccio-empresas-destacadas{border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; padding-bottom:10px;height:120px;overflow:hidden;margin-bottom:15px}
.seccio-empresas-destacadas h2 {margin-top:10px;font-size:15px;font-weight:700}
.slick-empresas-destacadas li {margin:0 10px 0 10px;cursor:pointer;width: 170px;}
.seccio-empresas-destacadas li img  {max-height: 76px;max-width:170px;}

.seccio-portades-revistes {margin-bottom:10px}
.slick-portades {padding-left:0}
ul.slick-portades {width:270px;height:384px;max-width:100%;max-height:100%;} /* Mida especificada per a evitar CLS */
/*.slick-portades li{height:400px}*/
.slick-portades li img {max-width:100%;border:1px dotted grey;}
.slick-portades .slick-dots {top:100%}


/*productes*/
.seccio-top-productes h2, .seccio-publicitat h2, .seccio-portades-revistes h2, .seccio-videos h2{color:#444445;font-size:18px;font-weight:700;}
.seccio-top-productes {position:relative;}
.seccio-top-productes .top-productes-item {display:inline-block;position:relative;vertical-align:top;padding:10px 0 10px 0;}
.seccio-top-productes .top-productes-item-0, .seccio-top-productes .top-productes-item-3{background-color:#FFFFFF;}
.seccio-top-productes .top-productes-item-1, .seccio-top-productes .top-productes-item-2{background-color:#f2f4f5;}
.seccio-top-productes .top-productes-item .img-producte, .seccio-top-productes .top-productes-item .desc-producte{display:inline-block;position:relative;vertical-align:top;}
.seccio-top-productes .top-productes-item .desc-producte{width:115px}
.seccio-top-productes .top-productes-item .img-producte {padding:0 10px 0 10px;height:105px;width:105px}
.seccio-top-productes .top-productes-item .img-producte img {max-width:100%}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-empresa{font-size:12px;text-transform:uppercase;color:#444445;font-weight:700;font-family: "Roboto",sans-serif;}
.seccio-top-productes .top-productes-item .desc-producte h2.desc-producte-empresa{margin-top:0}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-titol{font-size:110%;font-weight:700;}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-titol a {color:#333}
/*fi productes*/
/*nous top products */
.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;
}

/* fi nous top products*/



.seccio-publicitat{margin:10px 0 10px 0;padding-bottom:10px;background-color:#f2f4f5;border-top:1px solid #777;border-bottom:1px solid #777;}
.seccio-publicitat a, .seccio-publicitat iframe {display:inline-block;}
.seccio-publicitat img {margin: 15px auto 0 auto;}
.seccio-publicitat.enlaces-destacados {text-align:center}
.seccio-publicitat.enlaces-destacados img {margin: 10px 10px 0 10px;}
.seccio-publicitat iframe {margin: 10px 0 0 40px;}
.seccio-publicitat iframe {margin-bottom:-40px;padding-bottom:0;} /* JSS: No entenc pq, és experimental */
.seccio-publicitat #mapa img {margin:0;}
.seccio-publicitat h2 {margin-left:10px;margin-top:10px;}
polygon, rect, path {
    /*fill: #009fe2;*/
    transition: all .5s;
    cursor: pointer;
}



#peu{background-color:#444445;color:#FFFFFF;font-family: "Roboto",sans-serif;}
#peu .titol-peu{font-weight:700;font-size:15px}
#peu div {padding:20px}
#peu a{color:#FFFFFF;}
#peu a:hover{text-decoration:underline}
#peu .icon-rss{font-size:18px}

.mes{text-align:center;margin-bottom:20px}
.mes a {color: white;
  background-color: #333;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 50px;
  border-radius: 25px;
  margin-top: 10px;}
.mes-revistes {text-align:center}
.mes-revistes a {color: white; background-color: #333; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 10px 40px; border-radius: 25px;}
.mes-revistes a:hover {color:white}

/*Fletxa inici*/
#toTop {background: none repeat scroll 0 0 rgba(85, 85, 85, 0.8);bottom: 30px;color: #fff;cursor: pointer;height: 60px;position: fixed;    right: 30px;text-align: center;transition: all 0.4s ease 0s;width: 65px;z-index: 100;}
#toTop:hover{background: none repeat scroll 0 0 rgba(37, 37, 37, 1);}
#toTop span {font-size: 35px;line-height: 56px;height: 100%;width: 100%;}
#toTop i {font-size: 70px;line-height: 56px;height: 100%;width: 100%;}

/*Ver todos*/
div#ver-todos {margin-top:5px;text-align:center;}
div#ver-todos a {width: 90%;background-color:#0068e2;}


/*NOTICIA DETALL*/
/*** Tipus de parts dins d'un article/notícia:

.P1 Título de párrafo
.P2 Texto de párrafo
.P3 Destacado
.P4 (foto)
.P5 Pie de foto
.P6 (figura)
.P7 Pie de figura
.P8 (tabla)
.P9 Pie de tabla
.P10 Antetítulo
.P11 Título
.P12 Subtítulo
.P13 Entradilla
.P14 Autor
.P19 Caja tipo 1
.P20 Caja tipo 2
.P21 ** Comentario
.P22 Lista enlaces alfab.
.P23 Lista enlaces crono.
.P24 Lista enlaces manual
.P25 (foto_autor)
.P26 Caja conclusiones

***/

.noticia-detall {border-bottom:1px dotted gray;padding-bottom:1ex;margin-bottom:3ex;}
.noticia-detall .P10{font-size:125%;font-style:italic;} 
.noticia-detall .P11{border-bottom:2px solid #9d9d9d;padding:5px 20px 5px 5px;font-weight:700;font-size:30px;margin-top: 5px;position:relative;}
.noticia-detall .P11 .favorit {position:absolute;right:0;top:0}
.P14 {margin-bottom:10px;width:100%}
.P14 .noticia-detall-autor-info{float:left}
/*foto autor*/
.noticia-detall .P14 .noticia-detall-autor-info .foto-autor img { max-width: 100%; border-radius: 50%;}
.noticia-detall .P14 .noticia-detall-autor-info .autor.grid-50 {  width: 40%;}
.noticia-bloc-text .data-noticia img {width: 35px; border-radius: 50%;}
.noticia-contingut .data-noticia img {width: 35px;border-radius: 50%;}
.P14 .noticia-detall-autor-social-links{float:right;margin-right:10px}
.P14 .noticia-detall-autor-social-links a{color: #fff;display: inline-block;height: 30px;margin-right: 5px;padding-left: 18px;text-align: left;width: 54px;font-size:20px}
.P14 .noticia-detall-autor-social-links .icona-email{background-color:#0a88ff;}
.P14 .noticia-detall-autor-social-links .icona-email svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-facebook{background-color:#306199;}
.P14 .noticia-detall-autor-social-links .icona-facebook svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-twitter{background-color:#26c4f1;}
.P14 .noticia-detall-autor-social-links .icona-twitter svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-google{background-color:#e93f2e;}
.P14 .noticia-detall-autor-social-links .icona-linkedin{background-color:#007bb6;}
.P14 .noticia-detall-autor-social-links .icona-linkedin svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-whatsapp{background-color:#67bc34;}
.P14 .noticia-detall-autor-social-links .icona-whatsapp svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-visualitzacions{background-color:#39597E;}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions {width:80px;text-decoration:none;padding-left:10px;cursor:context-menu;}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions svg {fill:#FFFFFF; width:20px; height:20px;vertical-align:middle;margin-left:5px}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions span {font-size:12px;padding-left:5px;font-weight:bold;vertical-align:middle}

.noticia-detall .P14 .noticia-detall-autor{color:#cc646d;font-weight:700;margin-right:10px}

.noticia-detall .P14 .noticia-detall-autor{color:#cc646d;font-weight:700;}
.noticia-detall .P1, .noticia-detall .P12{color:#cc646d;font-weight:700;font-size:15px} /*Título de párrafo, Subtítulo*/
.noticia-detall .P12{display:none;}	/* Ara mateix, sol haver-hi la data */
.noticia-detall .P2, .noticia-detall .P13{margin:10px 0 10px 0}
.noticia-detall .P2 img {max-width: 100%;display: block;margin: 0 auto;max-height:500px}
.noticia-detall .P2 h3 {color: #cc646d;font-weight: 700;font-size: 15px;}
.noticia-detall .P2 {line-height: 1.9;}

.noticia-detall .P2 table td, .noticia-detall .P2 table th {padding:5px;border:1px solid;text-align:left;}

/* Taules de dades a les notícies */
/* .noticia-detall table.taula-dades tr:nth-child(odd) {background-color:#eaeaea;}
.noticia-detall table.taula-dades tr:nth-child(even) {background-color:white;}
*/
.noticia-detall .P2 table.taula-dades {font-family:Arial;border-collapse:collapse;border:1px solid #748275;}
.noticia-detall .P2 table.taula-dades td, 
.noticia-detall .P2 table.taula-dades th {padding: 4px;border:1px solid #748275;}
.noticia-detall .P2 table.taula-dades span.data-petitoneta {font-size:80%;}
.noticia-detall .P2 table.taula-dades td.grup { background-color:#eafaea;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .titol-taula-dades {background-color:#748275;color:white;font-weight:bold;}
.noticia-detall .P2 table.taula-dades th {text-align:left;}
.noticia-detall .P2 table.taula-dades th.anterior-actual {text-align:right;}
.noticia-detall .P2 table.taula-dades th.anterior,
.noticia-detall .P2 table.taula-dades td.anterior {font-style: italic;color:#777;}
.noticia-detall .P2 table.taula-dades tr.parell {background:white;}
.noticia-detall .P2 table.taula-dades tr.senar {background:#f0f0f0;}
.noticia-detall .P2 table.taula-dades .unitat {text-align:left;}
.noticia-detall .P2 table.taula-dades .valor {text-align:right;font-family:"Courier New",Courier,fixed;}
.noticia-detall .P2 table.taula-dades .tendencia {text-align:center;}
.noticia-detall .P2 table.taula-dades .tendencia-puja {color:red;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .tendencia-baixa {color:darkblue;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .tendencia-igual {color:darkgray;font-family:"Courier New",Courier,fixed;}
.noticia-detall .P13 {font-weight:bold}
.noticia-detall .P13 a {color:darkred;} /* Distingim enllaços */
.noticia-detall .P3{display:none;}
.noticia-detall .P4, .noticia-detall .P6, .noticia-detall .P8{text-align:center;margin-top:2.5ex;margin-bottom:1.5ex;}
.noticia-detall .P4 img, .noticia-detall .P6 img, .noticia-detall .P8 img{max-width:100%;max-height:500px;}
.noticia-detall .P19{font-family:Roboto,Verdana,sans-serif;color:black;background-color:#E0DBDB;padding:4ex;margin-top:2ex;font-size:12px;font-style:italic}
.noticia-detall .P5, .noticia-detall .P7, .noticia-detall .P9{text-align:center;font-style:italic;font-size:12px}
.noticia-detall .P20{background-color: #faf9f9;border: 1px solid #030d2f;color: black;font-family: Roboto,Verdana,sans-serif;font-style: italic;padding: 2ex;margin: 2ex;font-size:12px}
.noticia-detall .P20 h3, .noticia-detall .P26 h3 {font-size:20px;margin-top:10px}
.noticia-detall .P25 img {float: right;margin-bottom: 2mm;margin-left: 2mm;margin-top: 2mm;max-height: 35mm;max-width: 25mm;}
.noticia-detall .P26{font-family:Roboto,Verdana,sans-serif;color:black;background-color:#E0DBDB;padding:4ex;margin-top:2ex;font-size:85%;font-style:italic}
.noticia-detall .P19 i, .noticia-detall .P20 i, .noticia-detall .P19 em, .noticia-detall .P20 em {font-style:normal} /*cursives de cursives no siguin cursives*/
.noticia-detall .P28{color:black;background-color:#ff7979;color:white;padding:4ex;margin-top:2ex;font-size:16px;font-style:italic}
.noticia-detall .P29{background-color: #e0ff8b;;border: 5px solid #030d2f;color: black;font-style: italic;padding: 2ex;margin: 2ex;font-size:16px}


.noticia-detall .ultim:after {background: none repeat scroll 0 0 #e90606;content: "";display: inline-block;height: 12px;margin: 0 -0.5em 0 0.5em;vertical-align: baseline;width: 12px;}

.noticia-detall a {font-weight:700;}
.error{color:Red;font-weight:700;}
.separa-articles{margin-top:20px;margin-bottom:20px;border-bottom:3px solid #9d9d9d;}
.detall-article-complet{margin-bottom:20px}

.noticia-detall ul {list-style-type: disc;}  
.noticia-detall ol{list-style-type: decimal;}

.noticia-detall div#Pare {background: none repeat scroll 0 0 #414549; font-size: 100%; font-weight: bold; padding: 10px; margin-bottom: 10px; margin-top:10px;border-radius: 5px;}
.noticia-detall div#Pare a { color: white; display: block; float: left; font-size: 120%; position: relative; text-decoration: none;}
.noticia-detall div#Pare a#indice { display: inline-block; font-style: normal; font-weight: normal; margin-left: 1ex; margin-right: 1ex; text-decoration: none;}
.noticia-detall div#Pare a:hover {  background-color: transparent;  color: yellow;}

/*NOTICIA DETALL*/

/* Perfil autor */
/*Pàgina Autor EEAT*/
#pgAutor .desc-autor {background-color:#eee;padding:10px;margin-bottom:10px;}
#pgAutor .img-autor img {max-width:90%;vertical-align:center;width: 100%;  height: 100%;  border-radius: 50%; border: 4px solid white}
#pgAutor .text-autor p {vertical-align:center;padding-top:10px;}
#pgAutor .text-autor h1 {font-size:30px;}
#pgAutor .data-noticia img {width:30px;border-radius:50%}
#pgAutor .desc-autor .xxss-autor {text-align:right}
#pgAutor .desc-autor .xxss-autor span {margin-right:10px}
#pgAutor .desc-autor .xxss-autor a[href*="twitter.com"], #pgAutor .desc-autor .xxss-autor a[href*="x.com"] {display: inline-block; line-height: 0;}
#pgAutor .desc-autor .xxss-autor a[href*="twitter.com"]::after, #pgAutor .desc-autor .xxss-autor a[href*="x.com"]::after {content: url("/img/x-twitter.svg"); display: inline-block;width: 20px !important; height:20px !important;}
#pgAutor .desc-autor .xxss-autor a[href*="linkedin.com"]::after {content: url("/img/linkedin-in-black.svg"); display: inline-block;width: 20px !important; height:20px !important;}
/*Al llistat*/
.noticia-apartat .data-noticia img {width:30px;border-radius:50%}
.noticia-principal .data-noticia img {width:30px;border-radius:50%}
/*Fi Pàgina Autor EEAT*/

/*Banners interiors - Publicitats*/
.BannerInterior{background-image: url("/_base/CSS/img/fons-publicitat.png");padding: 10px 0;text-align: center;border-bottom: 1px solid #777;border-top: 1px solid #777;margin-bottom:10px}
.BannerInterior img {max-width:100%}

/*bellezapro, planetlook*/
/*Slick slider pels requadres centrals*/
.BannerRequadreCentral {background-image: url("/_base/CSS/img/fons-publicitat.png");padding:10px 0px; height: 300px;overflow:hidden}
.BannerRequadreCentral ul {list-style-type:none;}
.BannerRequadreCentral img {margin:0px 10px;padding-right:10px}

.banner-superior, .semi-banner-superior {display:inline-block;margin-right:20px}


/* VIDEOS DESTACATS*/
.seccio-videos .bx-wrapper .bx-viewport {background:black;}
.seccio-videos ul.bxslider {margin-bottom:0}
.seccio-videos .bxslider li {text-align:center;background:black;}
.seccio-videos .bxslider li img {margin:auto;}

.article-quadre-video {line-height: 0;overflow: hidden;position: relative;text-align: left;cursor:pointer;}
.article-quadre-video .tile-img {display: block;}
.article-quadre-video .tile-img::before {background: #000 none repeat scroll 0 0;bottom: 0;content: "";height: 100%;left: 0;opacity: 0.1;pointer-events: none;position: absolute;right: 0;top: 0;}
.article-quadre-video .tile-img img {width: 100%;}
.article-quadre-video .tile-text{bottom: 0;left: 0;line-height: 1.2em;padding: 18px 15px;position: absolute;top: 0;width: 100%;}

.article-quadre-video .tile-text span {color: #fff;display: block;padding: 10px;}
.article-quadre-video .tile-text .title {font-family: "Atlas Grotesk Web",Arial,Helvetica,sans-serif;font-size: 26px;font-stretch: normal;font-style: normal;font-weight: 900;letter-spacing: -0.02em;line-height: 1.2em;background-color:white;opacity:0.85;}
.article-quadre-video .tile-text .title a {color: #000000;}
.seccio-videos .bxslider .article-quadre-video img.icona-video{display:inline}

/*FI VIDEOS DESTACATS*/

/* ARTICLES MÉS VISTOS */
.seccio-articles-mes-vistos {margin-top:10px}
.seccio-articles-mes-vistos td.contingut-seccio-titol{background: #444445;color: white;font-weight: bold;}
.seccio-articles-mes-vistos .article-mes-vist-item {padding:0 5px}
.seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol {font-weight:700}
.seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol a {color:#333;font-size:16px;}

/* ARTICLES MÉS VISTOS */


/* XARXES */
.xarxes_peu {font-size:35px;}
#peu .xarxes_peu {padding-top:5px}
#peu .xarxes_peu svg{width:25px;height:25px;fill:#ffffff}
#peu .icon-rss svg{width:25px;height:25px;fill:#ffffff;}

#form_errors{font-weight:bold;color:red;margin:10px}
#form_success, #missatge_enviat{font-weight:bold;margin:10px}

/* Intersticials */
#interContainer{position:absolute;width:830px;left:0;top:0;padding:15px;padding-top:0;background-color:#efefef;border:1px solid black;visibility:hidden;z-index:9999;border-radius:10px;}
#interContainer .headerbar{color:#efefef;padding:5px 0;text-align:right;}
#interContainer .headerbar a{font-size:120%;text-decoration:none;}
#interContent{border:1px solid #f0f0f0;background-color:white;border-radius:5px;}
#interVeil{position:absolute;background:black;right:0;width:10px;top:0;z-index:9998;visibility:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);opacity:0.8;}
#ContingutIntersticialBase{display:none;}
#interContainer img {width:100%;height:100%}


/* BillBoard - Patrocinador*/
#billboard {text-align:center;padding:10px 0 5px 0;margin-bottom:10px}
#billboard img {width:100%;}
#billboard .banner-billboard{max-height:260px;overflow:hidden;max-width:100%;/*height:26vw;*/margin-left:auto;margin-right:auto;padding:5px}

/* Llei cookies */
#LleiCookies {background:#EEEADD;}
#LleiCookies p {padding:10px;font-size:11px;font-weight:bold;text-align:center;color:#682008;margin:0;}
#LLeiCookies p a.close-cookie-banner.btn.btn-success.btn-sm {text-transform: uppercase;letter-spacing: 2px;font-size: 11px; padding: 8px 37px}

/* Formulari subscripció Newsletter*/
.formulari-suscripcio{border-bottom:1px solid #777;padding-bottom:10px;margin-bottom:10px}
.formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eaeaea;padding:5px 0 5px 0;}
.formulari-suscripcio .formulari-suscripcio-contingut p {padding-top:10px;}
.formulari-suscripcio .formulari-suscripcio-contingut p input {margin-right:10px}
#SuscribirseNewsletterInt #label-contrasenya {display: none;width: 90%;font-weight:700}
#SuscribirseNewsletterInt #contrasenya {display: none;width: 100%;}
.formulari-suscripcio .formulari-suscripcio-contingut p.consentiments{font-size:12px; padding-bottom:0px; padding-top:0px; margin:0px}
#ara-dic-marcar-tots {font-size:120%;color:green;font-weight:bold;}

/*#publicitat #SuscribirseNewsletterInt {padding-bottom:60px}*/
#publicitat #SuscribirseNewsletterInt div{width:100% !important;}
#publicitat #SuscribirseNewsletterInt #divMarcarTot {padding-top:5px}
#publicitat #SuscribirseNewsletterInt {position:relative;}
#publicitat #SuscribirseNewsletterInt .btn-danger{margin-top:20px;color: white;background-color: #333;font-size: 13px;font-weight: 700;text-transform: uppercase;padding: 10px 20px;border-radius: 25px;margin-bottom:10px}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: grey;color:white;padding:10px;border-radius:10px}
#publicitat #ara-dic-marcar-tots {color:darkblue}
#publicitat #SuscribirseNewsletterInt .form-control{border-radius:20px}
#publicitat #SuscribirseNewsletterInt a {color:#008ab5;font-weight:bold}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eee;color: black; border: 3px double #444445;}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut .btn-danger {background-color: #5cb85c;border-color: #4cae4c;}

/* FI BLOC formulari subscripció Newsletter*/

/*Nou disseny 2023*/
/* Degradat imatges */
.container-imatge { position: relative; max-width: 100%;}
.imatge-noticia {opacity: 1;display: block;height: auto; transition: .5s ease; backface-visibility: hidden; margin:auto}
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.container-imatge:hover .imatge-noticia { opacity: 0.7;}
.container-imatge:hover .middle { opacity: 1;}
/* fi degradat imatges */

.seccio-articles-mes-vistos a {color:#000000;}
.seccio-articles-mes-vistos {margin-top:0px;margin-bottom:10px;background: #f2f2f2;padding: 15px;}
.seccio-articles-mes-vistos h2{font-size:20px;text-align:left;color:#161616;font-weight:700;letter-spacing: 0.1em;line-height: 1.2;text-transform: uppercase;position: relative;display: inline-flex;align-items: center;width: 100%;font-family:Montserrat}
.seccio-articles-mes-vistos h2:after{  content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}
.seccio-articles-mes-vistos h6 {text-transform: uppercase;font-weight: 700;font-size: 14px;}
.data-noticia {color: #767676;font-weight: 400;text-transform: uppercase;font-size: 10px;margin: 5px 0 10px;}

/*Fi Nou disseny 2023*/

/**Slick slider webinars**/
.webinars {margin-bottom: 20px;  clear: both;  border-bottom: 1px dotted black;  padding-bottom: 50px;}
.webinars .slick-prev:before, .slick-next:before,
.webinars .slick-dots li button:before {
  font-family: inherit; /* deja de pedir la fuente 'slick' */
}
.webinars .slick-prev:before { content: '\2190'; }
.webinars .slick-next:before { content: '\2192'; }
.webinars .slick-dots li button:before { content: '\25CF'; }
.webinars .event-slider{ margin: 0 -12px; }
.webinars .event-slider .slick-slide{ padding: 0 12px;}
.webinars .event-slider .slick-track{ display: flex !important;}
.webinars .event-slider .slick-slide{  height: auto !important;  display: flex !important;}
.webinars .event-slider .slick-slide > div{  width: 100%;}

/* ---- Card ---- */
.webinars .card{  background: #eef0ea; border: 1px solid #d8dbd1; border-radius: 20px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease;}
.webinars .card:hover{ transform: translateY(-4px); box-shadow: 0 14px 28px -14px rgba(28,27,25,0.28);}
.webinars .card__image{ width: 100%; /*aspect-ratio: 16 / 10;*/ object-fit: cover; display: block; background: #d8dbd1;}
.webinars .card__body{ padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1;}

.webinars .card__title{ font-size: 20px; line-height: 1.28; margin: 0 0 14px; font-weight: 600; color: #1c1b19;}
.webinars .card__meta{ display: flex; align-items: baseline; gap: 10px; font-size: 13px; color: #24392c; margin: 0 0 20px; padding-top: 14px; border-top: 1px dashed #d8dbd1;}
.webinars .card__meta .date{ font-weight: 700; letter-spacing: 0.03em;}
.webinars .card__meta .time{  color: #6b6d63;}
.webinars .card__meta .dot{  color:  #d8dbd1;}
.webinars .card__actions{  display: flex; flex-wrap: wrap; gap: 10px;  margin-top: auto;}

.webinars .btn{ flex:  1 1 140px; min-width: 120px; text-align: center; padding: 11px 14px; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; cursor: pointer;  border-radius: 999px; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;}
.webinars .btn--ghost{ background: transparent; color: #24392c; border: 1px solid #24392c;}
.webinars .btn--ghost:hover{  background: #24392c; color: #fff;}
.webinars .btn--solid{  background: #2c8189; color: #fff; border: 1px solid #2c8189;}
.webinars .btn--solid:hover{  background: #93411f;  border-color: #93411f;}

/* ---- Slick arrows / dots override ---- */
.webinars .event-slider{ position: relative;  padding: 0 44px;}

.webinars .event-slider .slick-prev,
.webinars .event-slider .slick-next{
  width: 44px;  height: 44px;  background: #ffffff;  border: 1px solid #d8dbd1;  border-radius: 50%;  box-shadow: 0 6px 16px -6px rgba(28,27,25,0.25);  z-index: 5;}

.webinars .event-slider .slick-prev{ left: 0; }
.webinars .event-slider .slick-next{ right: 0; }

.webinars .event-slider .slick-prev:before,
.webinars .event-slider .slick-next:before{
  color: #24392c;  font-size: 18px;  opacity: 1;}

.webinars .event-slider .slick-prev:hover,
.webinars .event-slider .slick-next:hover{
  background: #24392c;
}
.webinars .event-slider .slick-prev:hover:before,
.webinars .event-slider .slick-next:hover:before{
  color: #fff;
}

.webinars .event-slider .slick-dots{
  bottom: -44px;
}

.webinars .event-slider .slick-dots li button:before{
  font-size: 8px;  color: #24392c;  opacity: 0.35;
}

.webinars .event-slider .slick-dots li.slick-active button:before{
  opacity: 1;  color: #b5542e;
}

@media (max-width: 640px){
  .webinars .wrap{ padding: 0 20px; }

  .webinars .event-slider{
    padding: 0 30px;
  }

  .webinars .event-slider .slick-prev,
  .webinars .event-slider .slick-next{
    width: 34px;
    height: 34px;
  }

  .webinars .event-slider .slick-prev:before,
  .webinars .event-slider .slick-next:before{
    font-size: 15px;
  }
}

/**fi slick slider webinars**/

/** CLIPS **/

.titol-clips {
  display: inline-block;
  background: #ff0000 !important;
  color: white;
  font-size: 20px;
  padding: 0 10px;
  position: relative;
}

.filet {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #ff0000;
  margin-bottom: 15px;
}
   #swiperVideosDestacats .swiper {
      width: 90%;
      padding: 20px 0 100px 0;
	  margin-top:20px;
	  margin-bottom:20px;
	  margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      z-index: 1;
      display: block;	 
	  height: 500px;	  
    }

    .swiper-slide {
      background: transparent;
      border-radius: 12px;
      cursor: pointer;
      text-align: center;
      width: 100%;
	  /*padding:10px;*/
	  height: 500px;
    }

    /* Miniaturas verticales */
    .swiper-slide img {
      max-height: 390px; /* 9:16 aprox */
	  border-radius: 10px;
    }

	.swiper-slide span.icona {
		position: absolute;
		top: 35%;
		right: 40%;
		opacity: 1;
		z-index: 2;
		cursor: pointer;
		pointer-events: none;
		/*transform: translate(-40%, -90%);*/
	}

	span.icona svg {
		fill: white;
		width: 50px;
		height: 50px;
	}	
	
    .titleVid {
      padding: 20px 10px;
      font-size: 14px;
	  color:black;
	  font-weight:bold;
	  display:block;
	  position:absolute;
	  width: 100%;
    }

    /* Popup */
    .popup {
      display: none;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.75);
      justify-content: center;
      align-items: center;
    }

    .popup-content {
      background: #000;
      padding: 20px;
      border-radius: 12px;
      max-width: 400px;
      width: 90%;
    }

    /* Video vertical */
    .video-wrapper {
      position: relative;
      width: 100%;
      padding-top: 177.77%; /* 9:16 */
    }
	
	#videoiframe { text-align: center; }

    .video-wrapper #videoiframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }

    .description {
      margin-top: 15px;
      font-size: 14px;
    }

    .close {
      float: right;
      font-size: 32px;
      cursor: pointer;
	  color:white;
    }
	.close:hover {
		color: white;
	}	
	.swiper-pagination-bullet-active {
		background: red;
	}
	.swiper-button-next{color: red;font-weight: bold;text-shadow: 0 2px 3px #4b4848;}
	.swiper-button-prev{color: red;font-weight: bold;text-shadow: 0 2px 3px #4b4848;}
	
	.enllasVideo{
		color:white;
		font-weight:bold;
	}
	.enllasVideo:hover{
		color:#dddddd;
	}
/** FI CLIPS **/

/*Pàgina llistat d'autors*/
.autors-grid {display: grid;grid-template-columns: repeat(3, 1fr); /* Fixem 3 columnes */gap: 30px;	padding:30px;}
.autor-item {display: block;height: 100%;}
.autor-card-link {display: block; text-decoration: none; color: inherit; border-radius: 12px; height: 100%; transition: transform 0.3s ease;}
.autor-card-link:hover {transform: translateY(-5px);}
.autor-card {background-color: white; border-radius: 12px;	overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease;	display: flex; flex-direction: column; height: 100%; position: relative;}
.autor-card-link:hover .author-card {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
/* Indicador visual de que es clickeable */
.autor-card::after {content: ''; position: absolute; top: 0; left: 0; right: 0;	bottom: 0; border-radius: 12px;	box-shadow: inset 0 0 0 1px rgba(255, 153, 157, 0);	transition: box-shadow 0.3s ease;}
.autor-card-link:hover .autor-card::after {box-shadow: inset 0 0 0 2px rgba(255, 153, 157, 0.2);}
.autor-card-link, .autor-card-link:hover, .autor-card-link *, .autor-card-link:hover * { text-decoration: none !important;}
.autor-imatge-container {width: 100%; height: 260px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);	display: flex;	align-items: flex-start; /* Esto es clave - alinea arriba */ justify-content: center; overflow: hidden; position: relative;	border-bottom: 4px solid #DC070F;transition: transform 0.5s ease;}
.autor-imatge {width: 100%; height: 100%; object-fit: cover;/* Mantiene proporciones */ object-position: top;/* Corta por abajo */}
.autor-card-link:hover .autor-imatge {opacity: 0.95;}
.autor-info {padding: 5px 25px 25px 25px; flex-grow: 1;	display: flex; flex-direction: column; font-size: 18px;}
.autor-nom {color: #DC070F; font-size: 20px; margin-bottom: 8px; transition: color 0.3s ease; position: relative; display: inline-block; }
.autor-card-link:hover .autor-nom::after {opacity: 1;}
.autor-funcio {	color: #2c3e50;	font-weight: 600;	margin-bottom: 8px;}
.autor-on-treballa {color: #7f8c8d;	margin-bottom: 15px; display: flex; align-items: center;}
.autor-bio {color: #5a6c7d; line-height: 1.5; margin-top: auto; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 3;	-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;}
.autor-link-btn {display: inline-block;	margin-top: 15px; padding: 8px 16px; background-color: #f8f9fa;	color: #2c3e50;	text-decoration: none;	border-radius: 6px;	font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: 1px solid #eaeaea;align-self: flex-start;}
.autor-link-btn:hover {	background-color: #3498db; color: white; border-color: #3498db;}

@media (max-width: 1110px) {
	.autors-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 992px) {
	.autors-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 768px) {
	.autors-grid {
		grid-template-columns: 1fr;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	
}

@media (min-width: 1200px) {
	.autors-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/*Fi pàgina llistat d'autors*/

@media screen and (max-width: 1024px){
    
.seccio-top-productes .top-productes-item {width:100%;border-bottom:1px solid #777;} /*una columna*/
.seccio-top-productes .top-productes-item-1, .seccio-top-productes .top-productes-item-2{background-color:#FFFFFF;}
.seccio-top-productes .top-productes-item .img-producte{width:30%}
.seccio-top-productes .top-productes-item .desc-producte{width:60%}
.banner-superior, .semi-banner-superior {margin-right:0px}
.noticia-detall .P14 .noticia-detall-autor-info .foto-autor img {max-width: 20%;}
.noticia-detall .P14 .noticia-detall-autor-info .autor.grid-50 {width: 100%;margin-bottom: 10px;  }

}

@media screen and (max-width: 965px){
.semi-banner-superior{display:none;}
}

@media screen and (max-width: 768px) {
.seccio-top-productes .top-productes-item .img-producte {height: 90px;width: 90px;}
ul.slick-portades {width:500px;max-width:100%;height:100%;}
ul.slick-portades img {padding-right:10px}
}

@media screen and (max-width: 767px) {
  .logo-site {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .logo-media {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center; /* opcional, para centrar el logo pequeño */
  }

  #logo .logo-media img {
    max-width: 30%; /* ajusta el tamaño ahora que tiene todo el ancho */
    padding-top:0px;
  }
  
}