/**
 * Secció principal amb la foto de capçalera
 **/
 body.single-experiencia .seccio-principal {
	background-color: rgba(251, 210, 42, 0.1);
	background-blend-mode: soft-light;
	background-repeat	: no-repeat;
	background-position	: center center;
	background-size	: cover;
	color	: #FFF;
	padding	: 70px 0;
	text-align	: center;
}

body.single-experiencia .seccio-principal h1 {
	color	: #FFF;
	line-height	: 1;
	text-shadow	: 0 0 10px #000, 0 0 3px #000;
}

body.single-experiencia .seccio-principal h1 .tipus-equipament {
	font-size	: 30px;
	font-weight	: 300;
	text-transform	: uppercase;
}

body.single-experiencia .seccio-principal h1 .nom-equipament {
	font-family	: Sophia, Roboto, sans-serif;
	font-size	: 80px;
}

body.single-experiencia .descripcio {
	font-size	: 18px;
	font-weight	: 400;
	margin-bottom	: 50px;
}

/**
 * Pestanyes
 **/
body.single-experiencia #main-content .container::before {
	display	: none;
}



/** Pestanya "La Casa" **/
body.single-experiencia .logos-i-segells {
	margin	: 20px 0 0 0;
	text-align	: center;
}

body.single-experiencia .logos-i-segells li {
	display	: inline-block;
	margin	: 0 20px;
}

body.single-experiencia .logos-i-segells img {
	filter	: grayscale(1);
	max-height	: 100px;
}

body.single-experiencia .logos-i-segells img:hover {
	filter	: none;
}

/* Navegació de les fotos */
.lSSlideOuter .lSPager.lSGallery li:hover {
	opacity	: 0.6;
}

/* Equipaments relacionats */
.equipaments-relacionats {
	margin-bottom	: 20px;
}

/** Pestanya "Mapa situació" **/
body.single-experiencia #mapa-situacio {
	height	: 500px;
	width	: 100%;
}

body.single-experiencia #punt-de-sortida {
	padding	: 20px;
	text-align	: center;
}

body.single-experiencia #punt-de-sortida input[type=text] {
	background-color	: #DDD;
	border	: none;
	border-radius	: 9px;
	color	: #000;
	line-height	: 36px;
	margin-bottom	: 20px;
	max-width	: 100%;
	padding	: 0 9px !important;
}

body.single-experiencia #punt-de-sortida button {
	background-color	: #DCDC1C;
	border	: none;
	border-radius	: 9px;
	color	: #333;
	line-height	: 36px;
	padding	: 0 20px !important;
}

body.single-experiencia #resum-itinerari {
	padding	: 20px;
	text-align	: center;
}

body.single-experiencia #resum-itinerari .distancia-durada {
	font-weight	: 500;
}

/** Pestanya Tarifes **/
.taula-tarifes {
	border	: 1px solid #CCC;
	width	: 100%;
}

.taula-tarifes thead th {
	font-size	: 80%;
	line-height	: 1.2;
	padding	: 5px;
	text-align	: right;
	vertical-align	: bottom;
}

.taula-tarifes tbody th {
	border-top	: 1px solid #CCC;
	font-size	: 80%;
	padding	: 5px;
	text-align	: left;
}

.taula-tarifes tbody td {
	border-top	: 1px solid #CCC;
	padding	: 5px;
	text-align	: right;
}

.periodes-tarifes {
	text-align	: center;
	margin	: 10px 0;
}

.comentaris-tarifes {
	font-size	: 80%;
	margin	: 20px 0;
}


/** Pestanya activitats **/
.graella-itineraris {
	margin-bottom	: 20px;
}

.graella-punts-d-interes {
	margin-bottom	: 20px;
}

@media all and (max-width: 980px) {
	#tab-equipament .row-galeria-fotos {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media all and (min-width: 981px) {

	body.single-equipament .seccio-principal h1 .tipus-equipament {
		font-size	: 40px;
	}
	
	body.single-equipament .seccio-principal h1 .nom-equipament {
		font-size	: 150px;
	}

	body.single-equipament .seccio-tabs .tab-nav {
		justify-content	: center;
	}
	
	body.single-equipament .seccio-tabs .row-nav .swipe-indicator {
		display	: none;
	}

	body.single-equipament .tab .et_pb_row {
		margin-bottom	: 50px;
	}
	
	body.single-equipament .seccio-tabs .tab {
		padding-top	: 50px;
	}
	
	body.single-equipament .logos-i-segells {
		margin-top	: 50px;
	}
	
	/* Equipaments relacionats */
	.equipaments-relacionats {
		margin-bottom	: 50px;
	}
	
	/** Pestanya Com arribar **/
	body.single-equipament #punt-de-sortida input[type=text] {
		margin-bottom	: 0;
	}
	
	/** Pestanya activitats **/
	.graella-itineraris {
		margin-bottom	: 50px;
	}

	.graella-punts-d-interes {
		margin-bottom	: 50px;
	}	
}


.llista-icones-blurb-awesome.icones-hover {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.et_pb_module.et_pb_blurb.et_pb_blurb_10.et_pb_text_align_left.et_pb_blurb_position_top.et_pb_bg_layout_light {
	width: calc(calc(100% - 30px)/2);
}

@media all and (min-width: 981px) {
	.et_pb_module.et_pb_blurb.et_pb_blurb_10.et_pb_text_align_left.et_pb_blurb_position_top.et_pb_bg_layout_light {
			width: calc(calc(100% - 90px)/4);
	}
}

.et_pb_row .fotos {
	max-width: 3000px;
	width: 100%;
}


/**
 * Secció principal amb la foto de capçalera
 **/
body.single-itinerari .seccio-principal {
	background-color: rgba(251, 210, 42, 0.1);
	background-blend-mode: soft-light;
	background-repeat	: no-repeat;
	background-position	: center center;
	background-size	: cover;
	color	: #FFF;
	margin-bottom	: 50px;
	padding	: 70px 0;
	text-align	: center;
}

body.single-itinerari .seccio-principal h1 {
	color	: #FFF;
	line-height	: 1;
	text-shadow	: 0 0 10px #000, 0 0 3px #000;
}

body.single-itinerari .seccio-principal h1 .nom-itinerari {
	font-family	: Sophia, Roboto, sans-serif;
	font-size	: 120px;
}

body.single-experiencia .descripcio {
	font-weight	: 400;
	margin-bottom	: 50px;
}

/**
 * Pestanyes
 **/
body.single-itinerari #main-content .container::before {
	display	: none;
}

body.single-itinerari .seccio-tabs {
	margin-bottom	: 50px;
}

body.single-itinerari .seccio-tabs .tab-nav {
	background-color	: #F2F2F2;
	display	: flex;
	list-style-type	: none;
	justify-content	: center;
	margin	: 0;
	padding	: 0;
}

body.single-itinerari .seccio-tabs .tab-nav li a {
	align-items	: center;
	color	: #333;
	display	: flex;
	font-size	: 18px;
	font-weight	: 300;
	height	: 70px;
	padding	: 0 25px;
	position	: relative;
	text-transform	: uppercase;
}

body.single-itinerari .seccio-tabs .tab-nav li a:hover {
	background-color	: rgba(220, 220, 28, 0.5);
}

body.single-itinerari .seccio-tabs .tab-nav li.active a {
	background-color	: #DCDC1C;
}

body.single-itinerari .seccio-tabs .tab-nav li.active a::before {
	border-color	: transparent transparent #FFF transparent;
	border-style	: solid;
	border-width	: 10px 15px;
	bottom	: 0;
	content	: "";
	display	: block;
	height	: 0;
	left	: 50%;
	margin-left	: -15px;
	position	: absolute;
	width	: 0;
}

body.single-itinerari .seccio-tabs h2.tab-title {
	display	: none;
}

body.single-itinerari .seccio-tabs .tab {
	display	: none;
	padding-top	: 50px;
}

body.single-itinerari .seccio-tabs .tab.active {
	display	: block;
}

body.single-itinerari .tab .et_pb_row {
	margin-bottom	: 50px;
}

/** Pestanya "L'itinerari" **/

.bloc-fixa-t ul {
	list-style-type	: disc;
}

/* Equipaments relacionats */
.equipaments-relacionats {
	margin-bottom	: 50px;
}

/** Pestanya "Mapa i track" **/
body.single-itinerari #iframe-wikiloc {
	height	: 600px;
	margin-bottom	: 50px;
	width	: 100%;
}

body.single-itinerari #punt-de-sortida {
	padding	: 20px;
	text-align	: center;
}

body.single-itinerari #resum-itinerari {
	padding	: 20px;
	text-align	: center;
}

body.single-itinerari #resum-itinerari .distancia-durada {
	font-weight	: 500;
}


/** preus css */

.taula-preus {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    font-size: 14px;
}

.taula-preus th {
    background-color: #0b552d;
    color: #fff;
    padding: 10px;
    text-align: right;
    font-weight: bold;
}

.taula-preus td {
    padding: 10px 15px;
    border: 1px solid #ddd;
}

.taula-preus tr td:last-child {
    text-align: right;
    font-weight: bold;
}

.taula-preus tr:hover {
    background-color: #f9f9f9;
}

/** fi preus css */

  .container-menu-activitats {
	background-color: #006837;
	color: white;
	padding: 100px;
	max-width: none;
    width: 100%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
  }

  .text-content-menu-activitats {
	width: 65%;
  }

  .buttons-menu-activitats {
	width: 30%;
	display: flex;
	flex-direction: column;
	gap: 15px;
  }



  .icon {
	font-size: 16px;
  }

  @media (max-width: 768px) {
	.container-menu-activitats {
	  flex-direction: column;
	}

	.text-content-menu-activitats, .buttons-menu-activitats {
	  width: 100%;
	}
  }

  /** carrusel experiencias relacionats */

  .experiencias-relacionats-section {
    margin-top: 50px;
}

.experiencias-relacionats-section h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.swiper-container {
    padding-bottom: 40px;
}

.swiper-button-prev, .swiper-button-next {
    color: #333;
    width: 40px;
    height: 40px;
}

.swiper-pagination-bullet {
    background-color: #666;
    opacity: 0.6;
}

.swiper-pagination-bullet-active {
    background-color: #dcdc1c;
    opacity: 1;
}

.experiencia-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-decoration: none;
    color: #333;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease;
}

.experiencia-item:hover {
    transform: translateY(-5px);
}

.experiencia-img {
    position: relative;
}

.experiencia-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.experiencia-preu {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.experiencia-contenido {
    padding: 15px;
    flex: 1;
}

.experiencia-contenido h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.experiencia-dates, .experiencia-ubicacio, .experiencia-info {
    font-size: 13px;
    margin-bottom: 8px;
    color: #444;
}

.experiencia-boto a {
    background: #dcdc1c;
    color: #333;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.2s ease;
}

.experiencia-boto a:hover {
    background: #bcb818;
}

@media (max-width: 1024px) {
    .swiper-container {
        padding-bottom: 30px;
    }
}

.badge-gos {
	display: inline-flex;
	align-items: center;
	padding: 8px 15px;
	border: 3px solid #dcdc1c; /* Color amarillo */
	border-radius: 30px;
	font-size: 18px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	background: white;
}

.badge-gos img {
	width: 24px; /* Ajusta el tamaño del icono */
	height: 24px;
	margin-right: 10px;
}

.complet-bn img {
    filter: grayscale(100%) !important;
}

@media (max-width: 768px) {
    .descripcio {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }

    .descripcio p {
        font-size: 14px;
    }

    .descripcio img {
        width: 180px;
    }
}

.titol-vacances {
    font-family: Sophia, sans-serif;
    font-size: 150px;
    text-align: center;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .seccio-principal h1 {
        font-size: 70px;
    }

    .seccio-principal p {
        font-size: 25px;
    }
}

@media (max-width: 1024px) {
    .container-menu-activitats {
        flex-direction: column;
        padding: 30px;
    }

    .text-content-menu-activitats {
        max-width: 100%;
        text-align: center;
    }

    .text-content-menu-activitats h3 {
        font-size: 40px;
    }

    .text-content-menu-activitats p {
        font-size: 16px;
    }

    .buttons-menu-activitats {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .text-content-menu-activitats h3 {
        font-size: 30px;
    }

    .text-content-menu-activitats p {
        font-size: 15px;
    }

    .buttons-menu-activitats a {
        font-size: 14px;
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}