/*====================================
           MINUT A MINUT
====================================*/

/*
.live-feed-wrapper {
	max-width: 708px;
}

@media only screen and (min-width: 1100px) {
	.live-feed-item {
		padding: 30px 40px 30px 40px;
	}
}

.live-feed-item {
	border-bottom: 5px solid #f0ede7;
}

.live-feed-item .date-title {
	background-color: #9C9793;
}

.live-feed-item .header {
	display: inline;
}

.live-feed-item .header .date {
	font-weight: 600;
	font-size: 16px;
	color: #da3b35;
}

.live-feed-item .ap-body p {
	margin: 20px auto 0;
	padding: 0;
}

.live-feed-item .ap-body h3 {
	color: #23251f;
}

.live-feed-item::after {
	display: none;
}

.live-feed-item .share-bar {
	margin: 30px 0 0;
}

.live-feed-wrapper .advertising.list .advertising-wrapper::after {
	display: none;
}

.live-feed-wrapper .advertising.list .advertising-wrapper {
	border-bottom: 5px solid #f0ede7;
}

*/

/*====================================
              CONTINGUTS
====================================*/

/** Estil enllaços en text **/
/**
.ap-body p a,
.ap-body h2 a,
.ap-body h3 a {
	text-decoration: none;
	color: #000 !important;
	box-shadow: inset 0 -0.4rem #dcd9ce;
	transition: box-shadow .4s;
	font-weight: 600;
}
**/

/**
.ap-body p a:hover,
.ap-body h2 a:hover,
.ap-body h3 a:hover {
	transform: skew(-10deg);
	box-shadow: inset 0 -1.5rem #81d8d0 !important;
}
**/

/** Marge del carrusel **/
/*.recirculation {
    margin: 50px auto 50px;
}*/

/*
.swiper-container .swiper-pagination {
    margin: 0;
}*/




/*====================================
              TITULARS
====================================*/

/* Sombra textos slide 100% */
.slider .carousel-content .info-container .title-title {
	text-shadow: 0px 0px 10px #000000;
}

.slider .carousel-content .info-container .title-description {
	text-shadow: 0px 0px 10px #000000;
}


/* DESKTOP */
@media only screen and (min-width: 1100px) {


	/* Classe per ocultar mòduls en el format desktop */
	.nodesktop {
		display: none !important;
	}

	/* Titular a la dreta de la imatge: imagen més menuda */
	.module-50-50 .content.text-side .multimedia {
		flex: 0 0 25%;
	}

	.content.text-side .content-title {
		flex: 0 0 75%;
		/*padding: 0 25px;*/
	}
}


/* TABLET */
@media only screen and (min-width: 578px) and (max-width: 1100px) {



	/* Classe per ocultar mòduls en el format tablet */
	.notablet {
		display: none !important;
	}

	/* Imatge amb titular a la dreta: la imatge desapareix i el titular actua com la resta de titulars sense imatge i amb filet */
	.module-50-50 .content.text-side .multimedia {
		display: none;
	}

	.content.text-side .content-title {
		flex: 0 0 100%;
		padding: 0px;
	}
}



/* MÒBIL */
@media only screen and (max-width: 578px) {


	/* Classe per ocultar mòduls en el format mòbil */
	.nomobile {
		display: none !important;
	}

	/* Titular a la dreta de la imatge: imatge més menuda */
	.module-50-50 .content.text-side .multimedia {
		flex: 0 0 40%;
	}

	.content.text-side .content-title {
		flex: 0 0 60%;
		padding: 0 25px;
	}

}


/*Cintillo de color predeterminado*/
.content .content-kicker.default {
	background-color: var(--background-accent-color, #17455b);
}

/*Color destacado de los contenidos relacionados*/
.content .related-content::before {
	background-color: #dcd9ce;
}



/*====================================
             MICROSITES
====================================*/

/** Canvi de color l'oratge **/
/*.weather.fullwidth {
    background-image: linear-gradient(to right, #66D6DE 0%, #F0EDE7 100%);
}*/


/** CAPÇALERES PROGRAMES **/
@media only screen and (min-width: 1100px) {
	.show-opening-image {
		max-height: 500px;
		align-items: center;
	}
}

.show-opening-image img.lazy.loaded {
	object-fit: cover;
	max-height: 500px
}

.show-opening .content .icons .rating {
	height: 20px;
	font-weight: 700;
	border-radius: 3px;
}

/** CAPÇALERES MICROSITES **/
.microsite-opening-image img {
	object-fit: cover !important;
	height: 100px !important;
}

/* CAPÇALERES MICROSITES: TABLET*/
@media only screen and (min-width: 578px) {
	.microsite-opening-image {
		height: 130px !important;
	}

	.microsite-opening-image img {
		object-fit: cover !important;
		transform: scale(1.1);
	}
}

/* CAPÇALERES MICROSITES: DESKTOP*/
@media only screen and (min-width: 1100px) {}

/** Color de fons de la zona del reproductor de vídeo **/
.video-opening {
	background-color: #0003;
}

/** Efecte hover i tamany per al botó de Directes **/
.ap-header .lives:hover {
	background-color: #ff4f49;
}

.ap-header .lives {
	transition: 0.1s;
}

@media only screen and (min-width: 578px) {
	.ap-header .lives {
		font-size: 18px;
	}
}


/** Efecte fadein per al panell de búsqueda **/
.ap-header.open_search #searchLayer {
	animation: fadeIn 0.3s ease-in-out 1 forwards;
}

/** Efecte de color per als items del menú  **/
.ap-header #burgerNav .menu>li>a {
	transition: color 100ms linear 0s;
	font-weight: 600;
}

.ap-header #burgerNav .menu>li>a:hover {
	color: #63bab2;
}

/** Augment de grandària del selector de data de Programació **/
.schedule-header-date .schedule-info {
	font-size: 18px;
}


/* Thumbnails per a la pàgina de sèries */
.serieth img {
	transition: opacity .15s ease-in-out;
	/*transition: transform .15s ease-in-out;*/
}

.serieth img:hover {
	opacity: 0.8;
}

.serieth p {
	font-weight: 200;
	font-size: 14px;
	line-height: 1.5em;
	margin: 8px 0 8px 0;
}

.serieth a {
	text-decoration: none;
	margin: 0px;
	font-size: 20px;
	color: black;
	transition: color .15s ease-in-out;
}

.serieth a:hover {
	color: #63BAB2;
	transition: color .15s ease-in-out;
}

div[data-bbnx-composition-id="1000001"] {
	--background-accent-color: #63bab2;
}

.microsite-opening .header-link {
	font-size: 16px;
}

.microsite-opening .header-link:hover {
	font-weight: 600;
}

.hot-topics-wrapper a {
	margin: 0 0 0 20px;
}

.hot-topics-wrapper a:hover {
	font-weight: 600;
}

/* Més marge per al títol de la barra de programació */
.schedule-wrapper .swiper-slide {
	height: 120px;
}

.schedule-show .title {
	margin: 5px 0 5px 0;
}

.ap-btn.outline.negative {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: solid 2px #fff;
	background-color: transparent;
	color: #fff;
}

.ap-btn.outline.negative:focus,
.ap-btn.outline.negative:hover {
	background-color: #fff;
	color: #17455b;
}


/* Publi Megabanner */
.advertising.bannertop .advertising-wrapper {
	z-index: 2;
	padding: 2px 0 5px 0;
	background-color: #23251f;
}

.advertising-wrapper::before {
	font-size: 11px;
}

.ap-footer {
	background: white;
}

.schedule-header {
	background-color: #23251f;
}

.ap-dropdown {
	margin-top: 5px;
}

/* ESTIL PER MOSTRAR LA RODA DE CÀRREGA MENTRE ESTÀ CARREGANT EL IFRAME */
.holds-the-iframe {
	background: url(https://rweb.apuntmedia.es/widgets/esports/img/loader.svg) center center no-repeat;
	min-height: 50px;
}


/* MENÚ */
/* Eliminar el padding del menú hamburguesa en la pantalla de búsqueda */
.ap-header.open_search .bmenu-header--logo {
	margin-top: 64px
}

.ap-header.open_search .bmenu-body {
	margin-top: 36px;
}

.ap-header.open_search .bmenu-menu {
	padding: 0 0 36px 0;
}

/* Color de la barra (Firefox) */
.ap-header .bmenu-body {
	scrollbar-color: #50514f #23251f;
}


/* CARRUSELS AMB FONS */
/* Oculta les franges d'esquerra i dreta que fan semitransparent la zona que queda als marges en mòbils */
.category-module--custom-image .carousel.carousel-carousel.position-in::before,
.category-module--custom-image .carousel.carousel-carousel.position-in::after {
	display: none;
}

.category-module-wrapper:has(header.image) ::before, .category-module-wrapper:has(header.image) ::after {
  	display: none;
}

.category-module--custom-image .carousel.carousel-categoriesShows::before,
.category-module--custom-image .carousel.carousel-categoriesShows::after {
	display: none;
}


/* MÒDUL DE L'ORATGE */
.weather-wrapper {
	background-image: linear-gradient(to right, #bfe7e3 0%, #F0EDE7 100%);
	/* modificació del color per defecte */
}


/* ENQUESTES */
/* Es modifica el disseny en desktop perquè es mostre en graella de dos elements per fila quan té imatges. */
@media (min-width: 578px) {
    .ara-poll .poll-options {
        display: block;
        /* Per defecte, llistat (un davall de l'altre) */
    }

    .ara-poll .poll-options:has(.poll-option--image) {
        display: grid;
        /* Si hi ha imatges, aplicar grid */
        grid-template-columns: repeat(2, 1fr);
        /* Definir la quadrícula de 2 columnes */
        gap: 20px; /* Espai entre targetes */
    }
	
	/* Si no té imatges, grid de 1 per fila */
	.ara-poll .poll-options:not(:has(.poll-option--image)) {
	    display: grid;
	    grid-auto-columns: 1fr;
	    gap: 10px;
	}
    
    .ap-poll-option {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    .poll-option--content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

   /* En el cas d'opcions amb imatge, fa que les files tinguen la mateixa altura */
    .ara-poll .poll-options:has(.poll-option--image) > div {
	    display: flex;
	}
	
    .ap-poll-option.results {
      display: flex;
      flex-direction: column;
      flex: 1;
    }
}


/* AJUSTOS AMB CLASSES PERSONALITZADES */
.less-bottom-margin-30px {
	margin-bottom: -30px;
}


/* Capçalera programa amb sols el menú de navegació */
.opening-only-nav .show-opening-image {
    display: none;
}

.opening-only-nav .content {
    display: none;
}



/* Ocultar gèneres dels programes */
.show-opening .content .metas .tag, .show-opening .content .metas .genre {
    display: none;
}

.schedule-item-wrapper .show-opening .content .metas .genre {
    display: block;		/* mostrar en la Programació */
}

/* LOGO MODIFICAT: CRESPÓ */
/*
.ap-header .logo { 
background-image: url("https://rweb.apuntmedia.es/style/logo_crespo.svg"); 
background-repeat: no-repeat; 
} 

.ap-header .logo svg path { 
fill: #fff0;
}
*/

/* AJUSTOS HOVER XARXES SOCIALS */
.aside-bar-icon.facebook:hover span svg g #Initiator {
  fill: #0866ff;
}

.aside-bar-icon.twitter:hover span svg path,
.aside-bar-icon.threads:hover span svg path {
  fill: #000000;
}

.aside-bar-icon.bluesky:hover span svg path {
  fill: #0085ff;
}

.aside-bar-icon.linkedin:hover span svg path {
  fill: #007ab5;
}

.aside-bar-icon.telegram:hover span svg path {
  fill: #28a4d7;
}

.aside-bar-icon.whatsapp:hover span svg g g #circle,
.aside-bar-icon.whatsapp:hover span svg g g #phone {
  fill: #00ad59;
}

.aside-bar-icon.like.saved svg > path {
  fill: #da3b35;
}

.aside-bar-icon.like:hover svg > path,
.aside-bar-icon.link:hover span svg path,
.aside-bar-icon.more:hover span svg path,
.aside-bar-icon.more:hover span svg path {
  fill: var(--background-accent-color, #17455b);
}

/* Fix que amplia el màxim del title del cintillo fins al 100%, a aplicar sols quan no hi ha Ver más */
.cintillo-maxwidth-100 .title {
	max-width: 100% !important;
}

/* Activar esdeveniments de cursor sobre els SVG en la vista completa del mòdul de vídeos verticals de BC */
#in-page-manager svg {
	pointer-events: auto !important;
}