/*

	Canvis que hem fet respecte la versió de la laia:
	
	
canviar #sec-radio -> .sec-radio (i .sec-video, .sec-podcast, .sec-destacats) per CLASSES en comptes de ID


*/


:root {
	--rg-font-base: 'Open Sans', sans-serif;
	--rg-font-mon: 'Montserrat', sans-serif;
	--rg-font-awesome: 'Font Awesome 6 Free';
	--rg-negre: #000000;
	--rg-negre-2: #4a4a49;
	--rg-gris: #777776;
	--rg-gris-2: #e3e3e3;
	--rg-blanc: #ffffff;
	--rg-radio: #67039c;
	--rg-radio-2: #a168c2;
	--rg-radio-3: #bf97d6;
	--rg-radio-4: #e9ddf0;
	--rg-video: #009ddb;
	--rg-video-2: #66c3e8;
	--rg-video-3: #96d6ef;
	--rg-video-4: #e8f4f9;
	--rg-podcast: #d129a3;
	--rg-podcast-2: #e17fc5;
	--rg-podcast-3: #e9a3d7;
	--rg-podcast-4: #f0e6ed;
	--rg-carta: #42bdc6;
	--rg-carta-2: #8ed7dd;
	--rg-carta-3: #b3e5e8;
	--rg-carta-4: #e8f7f8;
}
body {
	font-family: var(--rg-font-base);
	color: var(--rg-negre);
}
a, button {
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    text-decoration: none;
    color: var(--rg-radio);
}
a:hover {
    color: var(--rg-radio-2);
}
img {
	max-width: 100%;
}
header, footer {
	background-color: var(--rg-negre);
}
h2 {
	font-family: var(--rg-font-mon);
	font-size: 1.625em;
	font-weight: 600;
	color: var(--rg-radio);
	margin-bottom: 30px;
}
h4 {
	font-size: 1.250em;
	color: var(--rg-gris);
	margin-bottom: 30px;
}
h2 + h4 {
	margin-top: -20px;
}

/* Menu */
.navbar {
	border-bottom: 5px solid var(--rg-podcast);
	min-height: 70px;
}
.navbar-expand-lg .navbar-collapse {
	justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-family: var(--rg-font-mon);
	color: var(--rg-blanc);
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 10px;
}
.navbar-expand-lg .navbar-nav .nav-link.xxss {
	margin: 0;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link, .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
	color: var(--rg-podcast);
}
.xxss-icon {
	width: 20px;
	height: auto;
}
.breadcrumb {
	margin-top: 30px;
}
.breadcrumb-item {
	font-size: 0.75em;
	color: var(--rg-gris);
}
.breadcrumb-item a {
	color: var(--rg-gris);
	text-transform: uppercase;
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
	color: var(--rg-negre-2);
}

/* Reproductor */
.reproductor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}
.play, .pause {
	width: 45px;
	height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: var(--rg-radio);
}
.caixa-resum-podcast .play, .caixa-resum-podcast .pause {
	background-color: var(--rg-podcast);
}
.play img, .pause img {
	height: 19px;
	width: auto;
}
.play img, .play img.icon-play {
	padding-left: 4px;
}
.play img.icon-pause {
	padding-left: 2px;
}
.reproductor, .reproductor a {
	color: var(--rg-radio);
}
.reproductor a:hover, .reproductor a :focus {
	color: var(--rg-radio-2);
}
.caixa-resum-podcast .reproductor, .caixa-resum-podcast .reproductor a {
	color: var(--rg-podcast);
}
.caixa-resum-podcast .reproductor a:hover, .caixa-resum-podcast .reproductor a :focus {
	color: var(--rg-podcast-2);
}
.reproductor .barra {
	height: 10px;
	flex-grow: 1;
	background-color: var(--rg-radio-3);
	border-radius: 10px;
	margin: 0 10px;
	position:relative;
}
.caixa-resum-podcast .reproductor .barra {
	background-color: var(--rg-podcast-3);
}
.reproductor .barra .valor {
	position:absolute;
	display:block;
	top: 0;
	left:0px;
	height:10px;
	width: 0%;
	background: var(--rg-radio);
	z-index: 10;
	/*cursor:pointer;*/
	border-radius: 10px;
}
.caixa-resum-podcast .reproductor .barra .valor {
	background: var(--rg-podcast);
}
.reproductor .temps {
	font-family: var(--rg-font-mon);
	font-size: 0.875em;
	font-weight: 600;
	margin-right: 10px;
}
.reproductor .volum {
	font-size: 1.250em;
	background: transparent;
	border: none;
	color: var(--rg-radio);
}
.caixa-resum-podcast .reproductor .volum {
	color: var(--rg-podcast);
}
.btn-volum-toggler .selector-volum {
	padding: 5px 12px 0;
	background-color: #fff;
	width: 60px;
	border-radius: 0;
}
.btn-volum-toggler .selector-volum input{
	width: 100%;
}
.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	background-color: var(--rg-radio);
}
.form-range::-webkit-slider-thumb:active {
	background-color: var(--rg-radio-2);
}
.form-range::-webkit-slider-runnable-track {
	background-color: var(--rg-gris-2);
	border-color: transparent;
	border-radius: 1rem;
}
.form-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: var(--rg-radio);
	border: 0;
	border-radius: 1rem;
}
.form-range::-moz-range-thumb:active {
	background-color: var(--rg-radio-2);
}
.form-range::-moz-range-track {
	background-color: var(--rg-gris-2);
	border-color: transparent;
	border-radius: 1rem;
}
.item-emissio .reproductor {
	margin-right: 10px;
	margin-bottom: 0;
}

/* Directe */
.directe {
	padding: 18px 0;
	color: var(--rg-blanc);
	line-height: 1.4em;
}
.directe .row {
	align-items: center;
}
.directe .play {
	width: 50px;
	height: 50px;
	background-color: var(--rg-radio);
	position: relative;
}
.directe .play img {
	height: 21px;
	z-index: 999;
}
.spinner-grow {
	background-color: var(--rg-radio);
	position: absolute;
	width: 4rem;
    height: 4rem;
    --bs-spinner-animation-speed: 1.5s;
}
.directe .horari-programa span, .en-directe {
	font-family: var(--rg-font-mon);
	color: var(--rg-radio-2);
	font-weight: 700;
	text-transform: uppercase;
}
.veure-video span {
	font-family: var(--rg-font-mon);
	font-size: 0.75em;
	color: var(--rg-blanc);
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--rg-video);
	width: auto;
	padding: 1px 5px;
	margin-right: 5px;
}
.item-emissio .veure-video span {
	color: var(--rg-blanc);
}
.veure-video img {
	width: auto;
	height: 17px;
}
.sep-directe img {
	height: auto;
	width: 30px;
	margin: 0 40px;
}
.dir-despres .horari-programa {
	font-size: 0.875em;
}
.dir-despres .horari-programa span {
	font-weight: 400;
}
.programa-actual .titol-programa {
	font-size: 1.250em;
}
.dir-despres .titol-programa {
	font-size: 1.125em;
	font-weight: 500;
}
.fixed-audio-player {
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	min-height:50px;
	z-index:99999;
	background: linear-gradient(270deg, rgba(103,3,156,1) 35%, rgba(26,1,39,1) 100%);
}
.fixed-audio-player.hidden {
	display: none;
}
.fixed-audio-player .progress-bar-holder {
	display:block;
	/*position: absolute;
	top: -3px;
	left:0px;
	right: 0px;*/
	height:8px;
	z-index: 100000;
	cursor:pointer;
    background-color: var(--rg-radio-3);
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    text-decoration: none;
}
.fixed-audio-player .progress-bar-holder:hover {
	height: 15px;
}
.fixed-audio-player .progress-bar {
    display:block;
    /*position: absolute;
    top: 0;
    left:0px;*/
    height:100%;
    width: 0%;
    z-index: 100004;
    cursor:pointer;
    background-color: var(--rg-radio);
    border-radius: 10px;
    margin-left: -10px;
}
.fixed-audio-player .wrapper {
	display: flex;
	padding: 15px 0;
	align-items: center;
	justify-content: space-between;
	font-family: var(--rg-font-mon);
	color: var(--rg-blanc);
}
.fixed-audio-player .actions {
	margin-right: 15px;
	display:flex;
}
.fixed-audio-player .actions .play {
	display: flex;
	background-color: var(--rg-blanc);
}
.fixed-audio-player .actions .pause {
	display: none;
	background-color: var(--rg-blanc);
}
.fixed-audio-player .actions .volum {
	display: flex;
	border:0;
	margin: 10px;

	justify-content: center;
	align-items: center;
	background:transparent;
	color:#fff;
}

.fixed-audio-player .actions img {
	display: block;
}
.fixed-audio-player .actions .play img {
	padding-left: 4px;
}
.fixed-audio-player.playing .actions .play {
	display: none;
}
.fixed-audio-player.playing .actions .pause {
	display: flex;
}
.fixed-audio-player .info {
	flex-grow: 1;
}
.fixed-audio-player .info .type {
	padding-right: 30px;
}
.fixed-audio-player .info .title-subtitle {
	padding-right: 30px;
}
.fixed-audio-player .info .title-subtitle .title {
	font-size: 1.125em;
	font-weight: 600;
}
.fixed-audio-player .info .title-subtitle .subtitle {
	font-size: 1em;
	font-weight: 400;
}
.fixed-audio-player .info .title-subtitle .subtitle:empty {
	display:none;
}
.fixed-audio-player .duration {
}
.fixed-audio-player .duration .played {
}
.fixed-audio-player .duration .length {
}

/* Seccions */
section {
	padding-top: 60px;
	padding-bottom: 40px ;
}
.container.bread + section, .container.bread + .llista-programes > section, section + section {
	padding-top: 30px;
}
.sec-agenda {
	padding-top: 15px;
	padding-bottom: 15px ;
	background-color: var(--rg-radio-4);
}
.sec-destacats {
	padding-bottom: 0;
}
.sec-destacats .col-6 {
	height: calc(50% - 12px);
	margin-bottom: 24px;
}
.sec-destacats #slide-home {
	margin-bottom: 0;
	padding: 0;
	height: 420px;
	overflow: hidden;
}
.sec-destacats .carousel-inner {
	height: 100%;
}
.sec-destacats .carousel-item-next, .sec-destacats .carousel-item-prev, .sec-destacats .carousel-item.active {
	display: flex;
	align-items: center;
	height: 100%;
}
.sec-destacats #slide-home .link-destacat {
	display: flex;
	width: 100%;
}
.sec-destacats #slide-home .icona-videos {
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec-destacats #slide-home .icona-videos .play {
    width: 90px;
    height: 90px;
}
.sec-destacats #slide-home .icona-videos .play img {
    height: 46px;
}
.sec-destacats #slide-home .icona-videos .play img.icon-play {
    padding-left: 10px;
}
.carousel-control-next, .carousel-control-prev {
	width: 8%;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	width: 10%;
}
.carousel-caption {
	width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 30px 20px;
}
.carousel-caption h5 {
	margin-bottom: 0;
    font-family: var(--rg-font-mon);
	font-size: 1.125em;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
}
.acces-destacat {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    padding: 30px;
}
.acces-radio {
	background: linear-gradient(135deg, rgba(103,3,156,1) 35%, rgba(26,1,39,1) 100%);
}
.acces-video {
	background: linear-gradient(135deg, rgba(0,157,219,1) 35%, rgba(14,107,142,1) 100%);
}
.acces-podcast {
	background: linear-gradient(135deg, rgba(209,41,163,1) 35%, rgba(132,13,101,1) 100%);
}
.acces-carta {
	background: linear-gradient(135deg, rgba(66,189,198,1) 35%, rgba(28,115,121,1) 100%);
}
.acces-interior {
	padding: 15px 20px;
	margin-bottom: 25px;
}
.acces-interior, .acces-interior a {
	display: flex;
	align-items: center;
}
.acces-interior + .item-emissio {
	margin-top:  -22px;
}
.boto-radio {
	background-color: var(--rg-radio);
}
.boto-video {
	background-color: var(--rg-video);
}
.boto-podcast {
	background-color: var(--rg-podcast);
}
.boto-carta {
	background-color: var(--rg-carta);
}
.titol-acc {
	font-family: var(--rg-font-mon);
	font-size: 1.75em;
	line-height: 1.2em;
	color: var(--rg-blanc);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.acces-interior .titol-acc {
	font-size: 1.25em;
	font-weight: 700;
}
.acces-interior .titol-acc small {
	font-weight: normal;
}
.icona-acces{
	max-width: 80px;
	max-height: 80px;
	align-self: flex-end;
}
.acces-carta .icona-acces {
	max-width: 52px;
	max-height: 52px;
}
.acces-interior .icona-acces{
	margin-right: 20px;
	align-self: center;
}
.titol-sec {
	font-family: var(--rg-font-mon);
	font-size: 1.8em;
	color: var(--rg-blanc);
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	background-color: var(--rg-radio);
	padding: 10px 10px 10px 20px;
	margin-bottom: 50px;
}
h1.titol-sec, h2.titol-sec {
	display: block;
}
.titol-sec div {
	flex-grow: 1;
}
.titol-sec span, .titol-sec div span {
	font-weight: 800;
}
a.veure-mes span {
	font-size: 0.695em;
	font-weight: 600;
	color: var(--rg-blanc);
}
a.veure-mes img {
	width: 40px;
	height: 40px;
	opacity: 60%;
	margin-left: 15px;
}
.sec-radio .titol-sec {
	background-color: var(--rg-radio);
}
.sec-radio .reproductor, .sec-radio .reproductor a {
	color: var(--rg-radio);
}
.sec-radio .reproductor .volum {
	color: var(--rg-radio);
}
.sec-radio .reproductor a:hover, .sec-radio .reproductor a:focus {
	color: var(--rg-radio-2);
}
.sec-radio .play, .sec-destacats #slide-home .icona-videos.tipus-radio .play {
	background-color: var(--rg-radio);
}
.sec-radio .reproductor .barra {
	background-color: var(--rg-radio-3);
}
.sec-radio .reproductor .barra .valor {
	background: var(--rg-radio);
}
.sec-radio .titol-programa, .sec-radio .titol-programa a {
	color: var(--rg-radio);
}
.sec-radio .titol-programa a:hover, .sec-radio .titol-programa a:focus {
	color: var(--rg-radio-2);
}
.sec-radio .categoria-programa, .sec-radio .compartir a {
	color: var(--rg-radio-2);
}
.sec-radio .compartir a:hover, .sec-radio .compartir a:focus {
	color: var(--rg-radio);
}
.sec-video .titol-sec {
	background-color: var(--rg-video);
}
.sec-video .reproductor, .sec-video .reproductor a {
	color: var(--rg-video);
}
.sec-video .reproductor .volum {
	color: var(--rg-video);
}
.sec-video .reproductor a:hover, .sec-video .reproductor a:focus {
	color: var(--rg-video-2);
}
.sec-video .reproductor {
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 22px);
}
.sec-video .play, .sec-destacats #slide-home .icona-videos.tipus-video .play {
	background-color: var(--rg-video);
}
.sec-video .reproductor .barra {
	background-color: var(--rg-video-3);
}
.sec-video .reproductor .barra .valor {
	background: var(--rg-video);
}
.sec-video .titol-programa, .sec-video .titol-programa a {
	color: var(--rg-video);
}
.sec-video .titol-programa a:hover, .sec-video .titol-programa a:focus {
	color: var(--rg-video-2);
}
.sec-video .categoria-programa, .sec-video .compartir a {
	color: var(--rg-video-2);
}
.sec-video .compartir a:hover, .sec-video .compartir a:focus {
	color: var(--rg-video);
}
.sec-podcast .titol-sec {
	background-color: var(--rg-podcast);
}
.sec-podcast .reproductor, .sec-podcast .reproductor a {
	color: var(--rg-podcast);
}
.sec-podcast .reproductor .volum {
	color: var(--rg-podcast);
}
.sec-podcast .reproductor a:hover, .sec-podcast .reproductor a:focus {
	color: var(--rg-podcast-2);
}
.sec-podcast .play, .sec-destacats #slide-home .icona-videos.tipus-podcast .play {
	background-color: var(--rg-podcast);
}
.sec-podcast .reproductor .barra {
	background-color: var(--rg-podcast-3);
}
.sec-podcast .reproductor .barra .valor {
	background: var(--rg-podcast);
}
.sec-podcast .titol-programa, .sec-podcast .titol-programa a {
	color: var(--rg-podcast);
}
.sec-podcast .titol-programa a:hover, .sec-podcast .titol-programa a:focus {
	color: var(--rg-podcast-2);
}
.sec-podcast .categoria-programa, .sec-podcast .compartir a {
	color: var(--rg-podcast-2);
}
.sec-podcast .compartir a:hover, .sec-podcast .compartir a:focus {
	color: var(--rg-podcast);
}
.sec-carta .titol-sec {
	background-color: var(--rg-carta);
}
.sec-carta .reproductor, .sec-carta .reproductor a {
	color: var(--rg-carta);
}
.sec-carta .reproductor .volum {
	color: var(--rg-carta);
}
.sec-carta .reproductor a:hover, .sec-carta .reproductor a:focus {
	color: var(--rg-carta-2);
}
.sec-carta .play, .sec-destacats #slide-home .icona-videos.tipus-carta .play {
	background-color: var(--rg-carta);
}
.sec-carta .reproductor .barra {
	background-color: var(--rg-carta-3);
}
.sec-carta .reproductor .barra .valor {
	background: var(--rg-carta);
}
.sec-carta .titol-programa, .sec-carta .titol-programa a {
	color: var(--rg-carta);
}
.sec-carta .titol-programa a:hover, .sec-carta .titol-programa a:focus {
	color: var(--rg-carta-2);
}
.sec-carta .categoria-programa, .sec-carta .compartir a {
	color: var(--rg-carta-2);
}
.sec-carta .compartir a:hover, .sec-carta .compartir a:focus {
	color: var(--rg-carta);
}
.sep-h {
	width: 100%;
	height: 6px;
	margin-top: 30px;
	background-color: var(--rg-radio-4);
}
.sep-h.blocs {
	margin-top: 4rem;
}
.row + .sep-h.blocs {
	margin-top: 3rem;
}
.sec-radio .sep-h {
	background-color: var(--rg-radio-4);
}
.sec-video .sep-h {
	background-color: var(--rg-video-4);
}
.sec-podcast .sep-h {
	background-color: var(--rg-podcast-4);
}
.sec-carta .sep-h {
	background-color: var(--rg-carta-4);
}
.sec-radio .item-emissio {
	background-color: var(--rg-radio-4);
}
.sec-video .item-emissio {
	background-color: var(--rg-video-4);
}
.sec-podcast .item-emissio {
	background-color: var(--rg-podcast-4);
}
.sec-carta .item-emissio {
	background-color: var(--rg-carta-4);
}

/* Graella */
.graella-destacada {
	border-left: 2px solid var(--rg-radio-3);
	padding: 0 20px 0 18px;
}
.graella-destacada .nom-programa {
	font-family: var(--rg-font-mon);
	font-size: 0.850em;
	color: var(--rg-radio);
	font-weight: 600;
}
.graella-destacada .titol-programa {
	font-size: 1em;
	margin-bottom: 2px;
}
.graella-destacada .subtitol-programa {
	font-size: 0.850em;
	line-height: 1.1;
	margin-bottom: 4px;
}
.graella-destacada .dia-programa, .graella-destacada .horari-programa {
	font-size: 0.875em;
	color: var(--rg-gris);
}

#carousel-home {
	display: flex;
}
#carousel-home .carousel-control-next, #carousel-home .carousel-control-prev {
	width: auto;
	position: relative;
	color: var(--rg-radio);
}
#graella-tab {
	flex-wrap: nowrap;
	align-items: center;
	gap: 3px;
}
#graella-tab li {
}
#graella-tab button {
	font-family: var(--rg-font-mon);
	font-size: 0.875em;
	color: var(--rg-radio);
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	background-color: var(--rg-radio-3);
	border-radius: 0;
}
#graella-tab button.active, #graella-tab button:hover, #graella-tab button:focus {
	background-color: var(--rg-radio);
	color: var(--rg-blanc);
}
.programa-graella {
	padding: 15px 10px;
	border-bottom: 3px solid var(--rg-radio-4);
}
.programa-graella .horari-programa {
	font-family: var(--rg-font-mon);
	font-size: 1.125em;
	color: var(--rg-negre-2);
	font-weight: 600;
}
.item-emissio {
	display: flex;
	align-items: flex-start;
	padding: 15px 20px 10px;
	margin-bottom: 3px;
}
.item-emissio .contingut-programa a {
	display: block;
}

/* A la carta */
.cercador {
	background-color: var(--rg-carta-4);
}
.cercador form {
	padding: 40px 0;
	font-family: var(--rg-font-mon);
	color: var(--rg-negre);
}
.no-res {
	text-align: center;	
	border: 1px solid var(--rg-carta);
	padding: 30px 20px;
	font-family: var(--rg-font-mon);
	color: var(--rg-carta);
	font-size: 1.250em;
}
label {
	color: var(--rg-gris);
	font-size: 0.875em;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.form-control, select {
	border-radius: 0;
	border: 1px solid var(--rg-radio);
    padding: 0.375rem 0.75rem;
	margin-bottom: 25px;
}
.cercador .form-control, .cercador select {
	border: 1px solid var(--rg-carta);
}
.form-control:focus, select:focus {
	box-shadow: 0px 0px 0px 5px var(--rg-radio-3);
	border-radius: 0;
}
.cercador .form-control:focus, .cercador select:focus {
	box-shadow: 0px 0px 0px 5px var(--rg-carta-3);
	border-radius: 0;
}
select {
	display: block;
	width: 100%;
	appearance: none;
	background: url(images/f-avall.svg) no-repeat 97% center #fff;
	background-size: 20px;
}
#dataDel, #dataFins {
	background: url(images/calendari.svg) no-repeat 97% center #fff;
	background-size: 20px;
}
::placeholder {
	color: var(--rg-carta);
}
button.btn, a.btn {
	background-color: var(--rg-radio);
	border: 1px solid var(--rg-radio);
	color: var(--rg-blanc);
	font-family: var(--rg-font-mon);
	font-size: 1.125em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0;
	margin-top: 20px;
	padding: 6px 60px;
}
button.btn:hover, .btn:first-child:hover, :not(.btn-check)+.btn:hover {
	background-color: var(--rg-blanc);
	border: 1px solid var(--rg-radio);
	color: var(--rg-radio);
}
/*form [type=submit]:not(:disabled), form button:not(:disabled) {
	opacity: 0.2;
}*/
.cercador button.btn {
	background-color: var(--rg-carta);
	border: 1px solid var(--rg-carta);
	width: 100%;
}
.cercador button.btn:hover {
	background-color: var(--rg-blanc);
	border: 1px solid var(--rg-carta);
	color: var(--rg-carta);
}
.pagination {
	gap: 10px;
	margin-top: 60px;
	font-family: var(--rg-font-mon);
	font-weight: 600;
}
.pagination li a {
	padding: 5px 12px;
	border:  1px solid var(--rg-carta);
	color: var(--rg-carta);
}
.pagination li a:hover, .pagination li a:focus, .pagination li a.active {
	background-color: var(--rg-carta);
	color: var(--rg-blanc);
}

/* Programa */
.resum-programa, .resum-programa .programa-radio, .resum-programa .programa-radio a,
.resum-programa .programa-podcast, .resum-programa .programa-podcast a {
	display: flex;
    flex-direction: column;
}
.resum-programa .programa-radio, .resum-programa .programa-radio a,
.resum-programa .programa-podcast, .resum-programa .programa-podcast a {
	height: 100%;
}
.img-programa, .img-capitol {
	margin-bottom: 24px;
	position: relative;
	max-height: 482px;
	overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rg-radio-4);
}
.programa-podcast .img-programa, .img-capitol {
    border: 1px solid var(--rg-podcast-4);
}
.img-capitol {	
    justify-content: center;
}
.img-programa img {
	width: 100%;
}
.resum-programa .img-programa {
	max-height: 234px;
	overflow: hidden;
	flex-grow: 1;
}
.data-programa {
	font-size: 1em;
	color: var(--rg-gris);
	margin-bottom: 8px;
}
.resum-programa .data-programa, .programa-graella .data-programa, .item-emissio .data-programa {
	font-size: 0.875em;
}
.item-emissio .data-programa {
	margin-bottom: 4px;
}
.titol-programa {
	font-family: var(--rg-font-mon);
	font-size: 1.625em;
	font-weight: 600;
}
.resum-programa .titol-programa, .programa-graella .titol-programa, .item-emissio .titol-programa {
	font-size: 1.125em;
	line-height: 1.2em;
	margin-bottom: 4px;
}
.caixa-resum-podcast .titol-programa {
	color: var(--rg-podcast);
}
.subtitol-programa {
	font-family: var(--rg-font-mon);
	font-size: 1.3em;
	color: var(--rg-negre-2);
	font-weight: 600;
}
.resum-programa .subtitol-programa, .programa-graella .subtitol-programa, .item-emissio .subtitol-programa {
	font-size: 1em;
}
.programa-graella .subtitol-programa {
	margin-top: 6px;
}
.presenta-programa {
	font-family: var(--rg-font-mon);
	font-size: 1.125em;
	color: var(--rg-negre-2);
	font-weight: 400;
}
.desc-programa {
	font-size: 1em;
	color: var(--rg-gris);
	margin-top: 20px;
	font-weight: 400;
}
.programa-graella .desc-programa {
	margin-top: 0;
}
.resum-programa .desc-programa {
	margin-top: 6px;
}
.categoria-programa {
	font-family: var(--rg-font-mon);
	font-size: 0.75em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 20px;
	display: block;
}
.compartir {
    align-items: flex-end;
    display: flex;
    gap: 5px;
}
.compartir a {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border:  2px solid;
	display: inline-flex;
    justify-content: center;
    align-items: center;
	margin-top: 30px;
	color: var(--rg-radio-2);
}
.compartir a:hover, .compartir a:focus {
	color: var(--rg-radio);
}
.caixa-resum-podcast .compartir a {
	color: var(--rg-podcast-2);
}
.caixa-resum-podcast .compartir a:hover, .caixa-resum-podcast .compartir a:focus{
	color: var(--rg-podcast);
}
.resum-programa .compartir a {
	margin-top: 20px;
}

/* Footer */
footer, footer a {
	color: var(--rg-blanc);
}
footer a:hover, footer a:focus {
	color: var(--rg-radio-3);
}
.footer-logo {
	padding: 30px 0;
}
.footer-logo .container {
	display: flex;
	justify-content: space-between;
}
.copyright {
	font-size: 0.750em;
	padding: 30px 0;
	border-top: 2px solid var(--rg-podcast);
	text-align: center;
}
.copy-footer {
	color: var(--rg-podcast);
	display: inline-block;
	margin-right: 10px;
}
.copyright a {
	margin: 0 10px;
}
.sintonia {
	font-family: var(--rg-font-mon);
	margin-top: 4px;
}
/* https://www.albertcoronado.com/2017/05/02/como-incrustar-un-video-de-youtube-y-que-se-vea-responsive/ */
.reproductor-youtube {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	margin-bottom:24px;
}
.reproductor-youtube iframe, .reproductor-youtube object, .reproductor-youtube embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Contacte */
#form_contacto {
	padding: 24px;
	border: 4px solid var(--rg-radio-4);
}
.la-seu {
	background-color: var(--rg-radio-4);
	color: var(--rg-negre-2);
	padding: 0px 24px 5px;
}
.la-seu h4 {
	font-family: var(--rg-font-mon);
	text-transform: uppercase;
	color: var(--rg-blanc);
	padding: 24px;
    margin: 0 -24px 20px;
    background-color: var(--rg-radio);
}
.la-seu p {
	margin-bottom: 20px;
}
.icon-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 20px;
	border-top: 2px solid var(--rg-radio-3);
	margin-bottom: 20px;
}
.icon-text i {
	font-size: 1.250em;
	width: 40px;
	color: var(--rg-radio-3);
}
.icon-text div {
	flex-grow: 1;
}
.avis-legal-rgpd {
	border: 1px solid var(--rg-gris-2);
	font-size: 80%;
	padding: 15px;
	margin-bottom: 40px;
	color: var(--rg-gris);
}
.avis-legal-rgpd .title {
	font-family: var(--rg-font-mon);
	font-weight:bold;
	text-align:center;
}

.gallery .item {
	margin-bottom: 24px;
}
.gallery .cont-galeria {
	border: 4px solid var(--rg-gris-2);
	display: flex;
    flex-direction: column;
    height: 100%;
}
.gallery .img-thumbnail {
	padding: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    height: auto;
}
.gallery .imatge-titol {
	background-color: var(--rg-gris-2);
	flex-grow: 1;
	padding: 20px;
	color: var(--rg-negre-2);
	font-weight: 500;	
    font-size: 0.850em;
}

/* Responsive */
.navbar-brand {
	margin-left: 10px;;
}
.navbar-toggler:before {
	content: '\f0c9';
	font-family: var(--rg-font-awesome);
	color: var(--rg-podcast);
	font-weight: 800;
}
.navbar-toggler-icon {
	background-image: none;
	display: none;
}
@media screen and (max-width: 788px) {
	.navbar-nav {
		margin-top: 20px;
	}
	.navbar-expand-lg .navbar-nav .nav-link.xxss {
		display: none;
	}
	.sep-directe, .dir-despres {
		display: none;
	}
	.dir-actual {
		margin-left: 10px;
	}
	.sec-destacats #slide-home {
		height: 225px;
		padding-bottom: 20px;
	}
	.sec-destacats {
		padding-top: 20px;
	}
	.acces-destacat {
		padding: 15px 20px;
	}
	.titol-acc {
		font-size: 1.25em;
	}
	.icona-acces {
		max-width: 60px;
		max-height: 60px;
	}
	.titol-sec {
		font-size: 1.3em;
		margin-bottom: 30px;
		padding: 10px 20px;
	}
	a.veure-mes span {
		display: none;
	}
	a.veure-mes img {
		margin-right: 0;
		margin-left: 0;
	}
	.cercador form {
		padding: 20px 0;
	}
	.form-control, select {
		margin-bottom: 10px;
	}
	#graella-tab {
		flex-wrap: wrap;
	}
	#graella-tab li:last-child {
		display: none;
	}
	.programa-graella {
		padding: 10px;
	}
	.programa-graella .col-3 {
		padding: 0;
	}
	.programa-graella .horari-programa {
		font-size: 0.8em;
	}
	.resum-programa .titol-programa, .programa-graella .titol-programa, .item-emissio .titol-programa {
		font-size: 1em;
	}
	.programa-graella .en-directe {
		font-size: 0.8em;
	}
	.acces-interior.boto-radio {
		margin-top: 40px;
	}
	.float-end {
		float: none !important;
	}
	button.btn, a.btn {
		width: 100%;
	}
	.footer-logo .container {
		flex-direction: column;
	}
	.footer-logo .logo-dreta {
		margin-top: 30px;
	}
}