h1,
h2,
h3,
h4,
h5,
h6,
p{
	font-family: "Inter", sans-serif;
}
body{
	background: #ffffff;
}
.buudy{
	background: #ffffff;
	padding-bottom: 3em;
}
h1{
	font-weight: 800;
	font-size: 80px;
	color: #333D72;
}
h2{
	font-size: 40px;
	color: #333D72;
	font-weight: 600;
}
h3{
	color: #333D72;
	font-size: 25px;
	font-weight: 600;
}
h4{
	color: #000;
	font-size: 38px;
	font-weight: 700;
}
p{
	font-size: 18px;
}
.winners{
	border-bottom: 1px solid #757575;
	padding-top: 1em;
	margin-bottom: 1em;

}
.winname{
	color:#333D72;
	font-weight: 600;
}
.titlefoto{
	color: #616161;
	font-weight: 300;
}
.titlefoto-hidden{
	visibility: hidden;
}
.veure{
	background: #3563E9;
	color: #ffffff;
	border:none;
	margin-top: 1em;
	padding:10px 20px;
	min-width: 220px;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	text-align: center;
}
.push{

	font-size: 18px;
	line-height: 36px;

}

.sections{
	padding-top: 1em;
	padding-bottom: 2em;

}
.sections h2{
	padding-bottom: 1em;
}
.minus{
	text-align: center;
}
.comp{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
::marker{
	color: #000;
}
.headerimage{
	padding-top: 2em;
	padding-bottom: 3em;
}
.accordion-button{
	background: #333D72;
	color: #ffffff;
	font-size: 26px;
	margin-bottom: 20px;
}
.accordion-button:not(.collapsed){
	background: #333D72;
     color: #ffffff;

}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(images/chevrondown.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    color: #ffffff;

}
.accordion-button:not(.collapsed)::after {
 background-image: url(images/chevrondown.png);
     transform: rotate(-180deg);
     
}
.accordion-item{
	border: none !important;
}
.accordion-item h2{
	font-size: 26px;
}
.negretablau{
	color:#333D72;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -114px;
    margin-top: .125rem;
}
#header-section{
	background: #ffffff;
	text-align: center;
	padding-bottom: 3em;
}
.uptitle{
	text-align: center;
}
.titol{
	padding-top: 90px;
	padding-right: 10%;
	padding-left: 10%;
}
.titol p{
	margin-bottom: 0;
}
.titol > div{
	display: flex;
	flex-direction: column;
}
.titol > div > a{
	margin-top: auto;
}
.titol .veure{
	margin-top: 0.6em;
}
.mark{
	background: #70bf9b;
	font-size: 22px;
	color: #f2e7e5;
}
.special-big{
	font-weight: 900;
	color: #000000;
}
.special-small{
	font-weight: 900;
	color: #000000;
}
.indent{
	padding-left:100px;
	padding-right: 100px;
	padding-top: 60px;
}
.incis{
	background: #000;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
	padding-bottom: 30px;
}
footer{
	
	padding-top: 3em;
	background: #f5f5f5;
	padding-bottom: 12em;
}
.white{
	color: #000000;
}

@media only screen and  (min-width: 767px) {

	.occult{
		height: 15px !important;
	}
  
}

@media screen and (max-width: 600px){
.occult{
	max-height: 20px !important;
height: 20px;
margin-top: -20px;
}

}

/* Responsive mòbil */
@media (max-width: 768px){
	body{ overflow-x: hidden; }

	h1{ font-size: 38px; }
	h2{ font-size: 25px; }
	h3{ font-size: 18px; }
	h4{ font-size: 26px; }
	p{ font-size: 16px; }

	/* Títol de doctors (el més llarg): més petit per cabre en 3 línies */
	.sections.push h2{ font-size: 18px; }

	#header-section,
	#header-section .col-xl-12{
		text-align: center;
	}

	.titol{
		padding-top: 30px;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 0;
		margin-right: 0;
	}
	/* En mòbil les columnes s'apilen: desactivem l'ancoratge del botó */
	.titol > div{
		display: block;
		margin-bottom: 2.5em;
	}
	.titol > div > a{
		margin-top: 0;
	}
	/* En mòbil el títol ocult no reserva espai (botó més pegat) */
	.titlefoto-hidden{
		display: none;
	}
	.headerimage{
		padding-top: 1em;
		padding-bottom: 1.5em;
	}
	.accordion-button{ font-size: 18px; }
	.accordion-item h2{ font-size: 18px; }

	/* Llistes de guanyadors: sense salt en apilar-se */
	.push{
		margin-top: 0;
		margin-bottom: 0;
	}

	.minus img{ max-width: 100%; height: auto; }

	/* Llistes de l'acordió a una columna */
	.accordion-body .comp{
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Blocs de reconeixements del footer apilats */
	footer .col-4,
	footer .col-8{
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	footer .col-4{ margin-bottom: .35em; }
	footer .row.winners{ padding-bottom: .5em; }

	footer{ padding-bottom: 4em; }
}