a {color:#262626}
a:hover{color:#777;text-decoration:none}

/***********************CAPÇALERA***************************/
.cap-sector{display:none}

/********************BARRA NAVEGACIÓ ***********************/
#BarraNavegacio ol {font-size: 12px;font-weight: 400;font-stretch: 100%; text-transform: uppercase;}
#BarraNavegacio li#BN4{display:inline-block}
.embolcallCercador {margin-bottom:0px}


/**Clasificat destacat*/

.contenidor-fitxa {position: relative;padding: 0 ;	transition: color 0.2s ease,background 0.2s ease;padding:10px 0;display:inline-block;width:100%;height: 220px;margin-bottom: 30px; line-height: 15px;overflow:hidden}
.caixa-destacats {margin:0px auto 20px auto;width:90%;padding:50px 0px 50px 0px}
.caixa-recents {margin:0px auto 0px auto;width:90%;padding:50px 0px 50px 0px}
.caixa-destacats td.OD, .caixa-recents td.OD {border:none}
.caixa-destacats .swiper-slide img{width: 250px;max-width:250px;  max-height: 200px; height:150px ; object-fit: cover;  border: 1px solid #dddddd; border-radius: 16px;margin-bottom:10px}
.caixa-destacats .swiper-slide, .caixa-recents .swiper-slide {margin-bottom: 20px}
.caixa-destacats .titol-ods, .caixa-recents .titol-ods{text-align: center;  margin-bottom: 30px;}
.caixa-destacats .swiper-wrapper {margin-bottom:30px}
.caixa-destacats span.OD1, .caixa-destacats span.OD2, .caixa-destacats span.OD3{margin:0 auto 0 auto;padding:.1ex .15ex;width:auto;white-space:normal;text-transform:none;word-wrap:break-word;text-wrap:normal;display:block;color:black;text-decoration:none}

.caixa-destacats span.OD1, .caixa-destacats span.OD2{font-weight:700}
.caixa-destacats .producto-img {transition: transform 0.3s, box-shadow 0.3s;}
.caixa-destacats .producto-img:hover {  transform: scale(1.05);  box-shadow: 0 10px 20px rgba(0,0,0,0.1);}


.bloc-foto{padding:5px;text-align:left;height: 150px}
.bloc-foto img{width: 90%;height: 100%;object-fit: cover;border:1px solid #dddddd;;border-radius:16px}

.destacat .bloc-foto::after {
	content: url("/img/star-solid-blanc.svg");
	color:white;
    line-height: 13px;
    position: absolute;
    text-align: center;
    top: 5px;
    transition: all 0.3s ease 0s;
    width: 28px;
	margin: 20px 0 0 10px;
	background-color:#e30613;
	border-radius:8px;
	padding:5px;
	left:0px;
}
.titolAnunci{overflow: hidden;}


/******************** LLISTA EPÍGRAFS**********************/
#TaulaLlistaEmpreses {padding:0px;column-count:4}
#TaulaLlistaEmpreses ul li {margin:5px 0px; break-inside: avoid;}
#TaulaLlistaEmpreses ul li.nom-sector {font-weight:700;color:#DC070F;text-decoration:underline}
.linia-sector {font-weight:700;margin:10px 0px;color:#e30613}
.epigraf-destacat {font-weight:700}
.col-epigrafs {padding:0px}
.ODsColumna h2 {font-size:16px;font-weight:700;color:#DC070F;margin-top:0px}
.fletxeta-amunt-svg::before {content:url("/img/chevron-up-solid-vermell.svg");width:18px;height:18px;display:inline-block;margin-left:5px}
.fletxeta-avall-svg::before {content:url("/img/chevron-down-solid.svg");width:18px;height:18px;display:inline-block;margin-left:5px}


/******************** CERCADOR ***************************/
.search-container {display: flex; width: 70%;}
.search-input {padding: 10px 15px;border: 1px solid #ccc; border-radius: 25px 0 0 25px;font-size: 18px;outline: none;width: 100%;border-right: none; /* Elimina el borde derecho para que no se solape */}
.search-button {padding: 10px 20px;background-color: #000000;color: white;border: 1px solid #000000;border-radius: 25px;cursor: pointer;font-size: 16px;transition: background-color 0.3s; margin-left: -20px; /* Superpone el botón sobre el input */ }
.search-button:hover {background-color: #1a1a1a; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.search-input:focus {border-color: #666;}

/******************** DETALL ANUNCI *************************/
#pgAnunciOcasio #Teca h2 {font-size:24px;margin-top:0px;padding-top:10px;color:#f80000;font-weight:700}
#pgAnunciOcasio #Teca h3 {margin-top:5px}
#pgAnunciOcasio .contacte-anunci {padding:10px 50px; }

#pgAnunciOcasio .contacte-anunci .anunci-preu {font-size:25px;font-weight:700;border: 1px solid gray; padding:10px 0px;margin-bottom:20px;border-radius: 15px;text-align:center}
#pgAnunciOcasio .contacte-anunci .anunci-preu .precio_orig{}
#pgAnunciOcasio .contacte-anunci .boto_demana_info {}
#pgAnunciOcasio .contacte-anunci .titol-loc{font-weight:700}
#pgAnunciOcasio .text-anunci{margin-top:20px}
#pgAnunciOcasio #det_anunci{border-bottom: 1px solid #000000;}
#pgAnunciOcasio #det_anunci th {width:25%;background-color:#ffd8db}
#pgAnunciOcasio #det_anunci td th {background-color: white;} /* th dins d'un td, taula dins la descripció */
#pgAnunciOcasio #det_anunci > tbody > tr > th {border-top: 1px solid #000000;}
#pgAnunciOcasio #det_anunci > tbody > tr > td {border-top: 1px solid #000000;}
#pgAnunciOcasio .boto_demana_info {margin:15px 0px}
#pgAnunciOcasio .boto_demana_info .btn {background-color:#ffd8db}
#pgAnunciOcasio .boto_demana_info .btn:hover{border-color:#f80000}
#pgAnunciOcasio .boto_demana_info_preu {margin:15px 0px}
#pgAnunciOcasio .boto_demana_info_preu .btn {}
#pgAnunciOcasio .boto_demana_info_preu .btn:hover{}
#pgAnunciOcasio #telefon {font-weight:700; color:green}
.text-ellipsis { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.multiline-btn {  white-space: normal;  word-wrap: break-word;  padding: 10px 5px;  height: auto; /* Altura automática */  min-height: 40px; /* Altura mínima */}

.btn-outline-dark {color: #000000; background-color: transparent; background-image: none;border-color: #7d7a72;}
.btn-outline-dark a {color: #000000; }
.btn-outline-dark:hover{background-color:#7d7a72;color:#FFFFFF;}
.btn-outline-dark a:hover {color:#FFFFFF;text-decoration:none}

#pgAnunciOcasio #slider {margin:0 0 10px;/*max-width:100%; height: 350px;*/}
#pgAnunciOcasio #slider .slides img {max-height: 350px;width: auto;max-width: 100%;margin: 0 auto;}
#pgAnunciOcasio #carousel .slides img {height: 110px;object-fit: cover;}
#pgAnunciOcasio #carousel {margin: 0 0 30px;}
#pgAnunciOcasio .flex-direction-nav a {height:45px;}



#pgAnunciOcasio .caixa-productes {margin:0px auto;width:100%;border-top:2px solid #f3f3f3; }
#pgAnunciOcasio table.ODs td.OD {width: 250px;max-width:250px;  max-height: 200px; height:150px ; object-fit: cover; border-radius: 16px;}

#pgAnunciOcasio .caixa-destacats, #pgEpigrafsArea .caixa-destacats {background-color: #f3f3f3;width:100%;padding:0px;margin-top:50px}
#pgAnunciOcasio .caixa-destacats .swiper-slide, #pgEpigrafsArea .caixa-destacats .swiper-slide {height:250px}


/*******************FORMULARI SUBSCRIPCIO*********************/
.formulari-suscripcio{border:3px solid #eaeaea;margin-bottom:15px;padding:10px;background-color:#f3f3f3}
.formulari-suscripcio .formulari-suscripcio-contingut {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 button {color: white;background-color: #333;font-size: 13px;font-weight: 700;text-transform: uppercase;padding: 5px 40px;
border-radius: 25px;}
#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%;font-weight:700;}
/* netegem floats per si hi ha una galeria damunt*/
#SuscribirseNewsletter {clear:both;}

#SuscribirseNewsletter #SuscribirseNewsletterAnchor{position:relative;top:-100px}
.seccio-newsletters #bloc-newsletters{position:relative;top:-200px}


/***********************CERCADOR BN*******************************************/
#q{	width:70%; float:right;	margin:10px; height:40px;}
#botoCerca{	float:right; height:auto; margin:10px; height:40px; font-size:14px;	vertical-align:middle;}
.botoCap {height: 40px;background-color: #DC070F;color: white;font-weight: bold;vertical-align: middle;text-align: center;position: relative;padding:5px;}
.botoCap:hover {text-decoration: blink;color:#DC070F;background:white;}

@media screen and (max-width: 990px) {
#pgAnunciOcasio #q{width:60%}
}

@media screen and (max-width: 768px) {
	#TaulaLlistaEmpreses {column-count:2}
}

@media screen and (max-width: 480px) {
	#TaulaLlistaEmpreses {column-count:1}
	
	/*Ajustaments slider fotos detall anunci classificat*/
	#pgAnunciOcasio #slider .slides img {max-height: 250px;}
	#pgAnunciOcasio #carousel {margin: 0 0 10px;}
	#pgAnunciOcasio .swiper-slide {text-align:center}
	
}