#colEtiquetes{padding-left: 0;padding-right: 0;}

	h4.titol-cerca { font-size: 18px ; 	}

/** Caixa cerca i caixa agrupació de continguts **/
	
/* amago el cercador de la capçalera */
#pgBusca #quadreCerca{display:none}

.url-cercador{clear:both;}
.caixa-cercador{padding-top: 10px; padding-bottom: 20px; padding-right: 20px;}
#colCercador {background-color:#e7e7e7;margin-top:20px}
#fcerca .input-group{width:30%}

#label-cercador{padding-top:10px;padding-bottom:10px;font-size:1.8rem;}

/** CAIXA CERCA **/
.search-wrapper {border-radius: 10px;}
.search-glass {display: flex;align-items: center;background: white;backdrop-filter: blur(10px);border-radius: 30px;box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);border: 1px solid rgba(255, 255, 255, 0.18);max-width: 500px;height:40px}
.search-glass-input {flex: 1;background: transparent;border: none;  padding: 10px 15px 10px 20px; font-size: 16px;color: #777777;outline: none;}
.search-glass-button {background: white; border: none;border-radius: 50px; padding: 5px 15px; margin: 5px; cursor: pointer;transition: transform 0.2s;}
.search-glass-button:hover {transform: scale(1.05);}
.search-glass-button svg {fill: #764ba2;display: block;}
/** FI CAIXA CERCA **/

/** CAIXA BLOCS AGRUPACIÓ DE CONTINGUTS **/
/* Sistema de grid con anchos variables */
.grid-resultats {display: grid;	grid-template-columns: repeat(12, 1fr);	gap: 20px;}

/* Cada bloque ocupa columnas según sus elementos */
.bloque-variable {	/*border-radius: 12px;*/ overflow: hidden;	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);	background-color: white;	display: flex;	flex-direction: column;	margin-left: 10px;}

.bloque-ieferia {	grid-column: span 7; /* Más columnas para más elementos */}
.bloque-iemaq {	grid-column: span 2 ;/* Menos columnas para menos elementos */}
.bloque-www {	grid-column: span 3; /* Columnas intermedias */}

/* Cabecera del bloque */
.bloque-header {padding: 10px 5px 5px 0px; color: white; font-size: 1.5rem;	font-weight: 700; text-align: center; display: flex;	justify-content: center; align-items: center;}

/* Contenido del bloque - elementos en grid horizontal */
.contenido-bloque {	padding: 15px;	flex-grow: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));gap: 18px;
	align-content: start;}

/* Ajustar grid según cantidad de elementos */
.bloque-ieferia .contenido-bloque {	grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));}
.bloque-iemaq .contenido-bloque {	grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));}
.bloque-www .contenido-bloque {	grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));}
.bloque-ieferia img , .bloque-iemaq img {width:100px;}
.bloque-www img {width:90px;}


/* Elementos dentro del bloque */
.elemento {	background-color: white; border-radius: 8px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);	border-left: 4px solid;	text-align: center;	transition: all 0.3s ease;	display: flex;	flex-direction: column;	height: 100%;}
.elemento:hover {transform: translateY(-5px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);}
.elemento {	border-left-color: #e74c3c;}
.elemento a, .elemento a:hover {color:#2c3e50;;text-decoration:none}
.elemento-titulo {font-weight: 700;	font-size: 1.3rem; margin-bottom: 5px; margin-top: 5px;	color: #2c3e50;	display: flex;	align-items: center; justify-content: center;}
.numero{margin-left: 10px; padding: 3px 5px; background-color: gray; border-radius: 8px; color: #FFF;}
.elemento.active { background-color: #e74c3c;color:#FFFFFF}
.elemento.active .elemento-titulo {color:#FFFFFF}

#trobades{font-size:18px}
/** FI CAIXA BLOCS AGRUPACIÓ DE CONTINGUTS **/


/**RESULTATS**/
#resultat-P, #resultat-V, #resultat-C, #resultat-R, #resultat-O, #resultat-E  {display: flex; flex-wrap: wrap; gap: 25px;  background: #f8f8f8;padding-bottom:20px;padding-top:20px}

#resultat-P h4.titol-cerca{font-size: 18px;}
#resultat-V h4.titol-cerca{font-size: 16px;}
#resultat-P .list-group-item {flex: 0 0 280px; text-align: center; border: 0; overflow: hidden; height: 330px; background: #f8f8f8; margin: 0px 10px;}
#resultat-V .list-group-item {flex: 0 0 240px; border: 0; overflow: hidden; height: 260px; background: #f8f8f8;}
#resultat-C .list-group-item {flex: 0 0 220px; border: 0; overflow: hidden; height: 330px; background: #f8f8f8;}
#resultat-R .list-group-item {flex: 0 0 400px; border: 0; overflow: hidden; height: 400px; background: #f8f8f8;margin: 0px 10px;}
#resultat-O .list-group-item {flex: 0 0 280px; text-align: center; border: 0; overflow: hidden; height: 300px; background: #f8f8f8; margin: 0px 10px;}
#resultat-E .list-group-item {flex: 0 0 300px;  border: 0;  overflow: hidden;  height: 380px;  background: #f8f8f8;  border: 1px solid #cacbcb;  border-radius: 20px;  box-shadow: 3px 5px 3px #eee;padding:0}
#resultat-E .list-group-item:hover {border: 2px solid #979696;}
#resultat-E .list-group-item .div-logo-empresa { background-color: #FFFFFF; height: 120px; text-align: center;}
#resultat-E .list-group-item .div-logo-empresa img { width: 170px; height: 76px; max-height: 76px; max-width: 170px; margin-top: 20px;}
#resultat-E .list-group-item .titol-cerca { padding: 10px 20px 10px 20px;}
#resultat-E .list-group-item .list-group-item-text{ padding: 10px 20px 10px 20px;}

#resultat-P .list-group-item img {border: 1px dotted #dedede; margin: 0; padding: 0; background: url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent; border-radius: 25px;}
#resultat-V .list-group-item img {width: 220px; height: 124px; border: 0; background: url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent; border-radius: 10px; box-shadow: 5px 7px 5px #bbb;}
#resultat-C .list-group-item img {width: 150px; height: 212px; border: 0; background: url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent; border-radius: 10px; box-shadow: 5px 7px 5px #bbb;}
#resultat-O .list-group-item img {width: 100%; object-fit: cover; border: 1px solid #dddddd; border-radius: 16px;}

.list-group-item:hover img {opacity:0.7}
.list-group-item .titol-cerca:hover {opacity:0.7}

#resultat-V a div {position:relative;}
#resultat-V span.icona {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;z-index: 10; }

#resultat-V span.icona svg{ fill: white; width: 50px; height: 50px;}
#resultat-V .titol-cerca, #resultat-C .titol-cerca {margin-top:15px}

.titol-cerca {font-weight:bold;}
.titol-cerca b {color:red}
.list-group-item-text b {color:red}

/** MEDIA QUERIES **/
@media screen and (max-width: 1080px) {
	#resultat-C .list-group-item {
		flex: 0 0 210px;
	}
	
	#resultat-P .list-group-item {
		flex: 0 0 260px;
	}
	
	.grid-resultats {
		grid-template-columns: 1fr; /* Cambia a 1 columna */
		gap: 15px; 
	}

	.bloque-ieferia, .bloque-iemaq, .bloque-www {
		grid-column: 1; /* Todos ocupan la columna 1 */
	}
	#fcerca .input-group{width:100%}
	
}

@media screen and (max-width: 994px) {
	#resultat-R .list-group-item {
		flex: 0 0 350px;
	}
}

@media screen and (max-width: 811px) {
	#resultat-R .list-group-item {
		flex: 0 0 300px;
	}
}


@media screen and (max-width: 768px) {
	#resultat-R .list-group-item {
		flex: 0 0 280px;
	}
	#resultat-C .list-group-item {
		flex: 0 0 200px;
	}
	
	.grid-resultats {
		gap: 10px;
	}

	/* Ajustar padding interno en móviles */
	.contenido-bloque {
		padding: 15px;
	}
}
	


@media screen and (max-width: 480px) {
	h3 .label.label-default {font-size: 12px;}
}