/*!
Theme Name: Kit Mochilero
Theme URI: http://underscores.me/
Author: Team Kitmochilero
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kitmochilero
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Kit Mochilero is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */





/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/


/* Elements
--------------------------------------------- */

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	max-width: 100%;
    height: auto;
    border-radius: 5px; /* Suavitza els cantons de les imatges */
    pointer-events: none;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}



/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* ------------ OWN STYLES ------------- */

/* COOKIE CONSENT */
#cookie-law-div{z-index:10000000;position:fixed;bottom:3%;right:2%;padding:1em;max-width:400px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.15);font-size:15px;box-shadow:rgba(23,43,99,.4) 0 7px 28px}

@media (max-width:600px){
	#cookie-law-div{border-radius:0;max-width:100%;right:0;bottom:0}
}
	
#cookie-law-div a{font-size:15px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.5)}

#cookie-law-div a:hover{opacity:.7}

#cookie-law-div p{margin:0;color:#000;padding-right:50px}

#cookie-law-div button{position:absolute;right:.5em;top:20px;align-self:center;line-height:1;color:#fff;background-color:#000;border:none;opacity:.6;font-size:12px;cursor:pointer;border-radius:50px}

#cookie-law-div button:hover{opacity:1}

/* END COOKIE CONSENT */


/* GENERAL */


html, body {
  min-height: 100%;
  width: 100%;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 5.8rem;
    background-color: #f5f5f5; /* Fons suau per a millor contrast */
    box-sizing: border-box;
}

body {
	font-family: "Open Sans", sans-serif;
    color: rgba(33, 44, 56, 1);
    font-size: 16px;
    overflow-x: hidden;
    background-color: #ffffff;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-bottom:0px !important;
}


.logged-in .navbar-main, .logged-in .upper-device {
	top:46px;
}
	
@media (min-width: 783px) {
	.logged-in .navbar-main, .logged-in .upper-device {
		top:32px;
	}
}

/* Evita que pugin descarregar imatges des de la web */
img {
	pointer-events: none;
}


/* Footer bottom */
.site{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-footer {
	margin-top:auto;	
}
/* END Footer bottom */


/* marge content general de totes les pàgines
   En el cas del devices, hem d'afegir un marge pel position:fixed de la barra	
 */
main {
	margin-top: 60px;
	margin-bottom: 50px;
}


body,
button,
input,
textarea {
    color: rgba(33, 44, 56, 1);
    text-rendering: optimizeLegibility;
    font-weight: 400
}

/* afegim això per fer cas a google i eliminar l'error de pagespeed de google */
img, video, canvas {
overflow: hidden !important;
}

/* posem height a tots els logos */
.custom-logo-link img {
	height: 46px;
	width: auto;
}


a, a:visited {
    color: #0c6565;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

a:hover {
	color: #0c6565;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #0c6565;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Eliminar espai modal de Pressupost al blog */
#tripModal h3 {
	margin-top: 0;
}

.grey {
	background-color: #f0f0f0;
}

.btn-style-1, .btn-style-1:visited {
	background-color: #0c6565;
	color: #ffffff !important;    
	border: 2px solid #0c6565;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-style-2, .btn-style-2:visited {
	background-color: #d18245;
    color: #ffffff !important;
    border: 2px solid #d18245;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-style-3, .btn-style-3:visited {
	background-color: #206b5d;
    color: #ffffff !important;
    border: 2px solid #206b5d;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.btn-style-4, .btn-style-4:visited {
	background-color: #0c6565;
    color: #ffffff !important;
    border: 2px solid #0c6565;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}


.block-text {
	display: grid;
	place-items: center center;
	text-align: left;
}


.block-link {
	display: block;
	height: 100%;
}

.block-link:hover {
	background-color: rgba(209, 130, 69, 0.2);
	-webkit-transition: ease-in 0.5s; /* For Safari 3.1 to 6.0 */
	transition: ease-in 0.5s;
	color:white;
	text-decoration: none;
}

@media screen and (max-width: 1024px) {
	
	/* Per evitar el hover al background per Ipad Pro i menor */
	
	.block-link:hover {
		background-color: inherit;
		-webkit-transition: inherit;
		transition: inherit;
		color:white;
	}
}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .carousel {
	padding-top: 1180px;
}

.bigger-font {
	font-size: 2em;
}

.highlight1 {
	color: #0c6565 !important;
}

.highlight2 {
	color: #d18245 !important;
}

.highlight3 {
	color: #206b5d !important;
}

.highlight4 {
	color: #fff !important;
}

.highlight5 {
	color: #ff0000 !important;
}

.shadow {
	text-shadow: 3px 3px 10px #000;
}


.bg-background-1 {
	background-color:#f9f9f9;
	color: #0c6565;
	padding: 20px;

}

.bg-background-2 {
	background-color:#f1f1f1;
	color: rgba(209, 130, 69, 1);
	padding: 20px;

}

.space-1{
	margin-top: 30px;
}

.space-2{
	margin-top: 50px;
}

/* afegeix padding top i bottom */
.section-padding {
	padding: 80px 0;
}

.section-padding-md {
	padding: 50px 0;
}

/* centra text */
.center-text {
	text-align: center;
}

.align-center-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Per fer una capa opaca sobre un div o photo */
.card-overlay {
  background: rgba(0, 0, 0, 0.5);
}

/* Grid 2 columns */
.grid-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
}

.grid-wrapper h3 {
	margin-bottom: 0;
}

.grid-wrapper h5 {
	margin-bottom: 0;
	margin-top: 0;
}


.one, .two {
	grid-row: 1;
}

.three, .four {
	grid-row: 2;
}

.five, .six {
	grid-row: 3;
}

.one, .three, .five {
	grid-column: 1;
}

.two, .four, .six {
	grid-column: 2;
}

.five-full {
	grid-column: 1 / 3;
}



/* END Grid 2 columns */

/* Grid 3 columns */
.grid-wrapper-triple {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
}

.grid-wrapper-triple h3 {
	margin-bottom: 0;
}

.grid-wrapper-triple h5 {
	margin-bottom: 0;
	margin-top: 0;
}


.one-triple, .two-triple, .three-triple {
	grid-row: 1;
}

.four-triple, .five-triple, .six-triple {
	grid-row: 2;
}


.one-triple, .four-triple {
	grid-column: 1;
}

.two-triple, .five-triple {
	grid-column: 2;
}

.three-triple, .six-triple {
	grid-column: 3;
}


/* END Grid 3 columns */


/* Per fer els PILLS (tabs) amb color corporatiu. A nov 2021 estan a Auroras Tromso */

.nav-pills {
	background-color: rgba(238, 238, 238, 0.5);
}
.nav-link {
	color: rgba(33, 44, 56, 1);
}

.nav-link:hover {
	color: rgba(209, 130, 69, 1);
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	border-top: 2px solid rgba(209, 130, 69, 1) !important;
	border: 1px solid rgba(33, 44, 56, .5);
	background-color: rgba(238, 238, 238, 1);
	color: rgba(33, 44, 56, 1);

	
}
/* END Per fer els tabs amb color corporatiu*/

/* mini grid sense containers */

.col-left {
		float: none;
		width: 100%;
	}
	
.col-right {
		float: none;
		width: 100%;
	}
	
@media (min-width: 992px) {
	.col-left {
		float: left;
		width: 50%;
	}
	
	.col-right {
		float: right;
		width: 50%;
	}
}

/* END mini grid sense containers */


/* Fade in - aplicat juntament amb HIDE ME*/

.fade-in-effect {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


/* HIDE ME - per apareixer amb scrool */
.hideme
{
    opacity:0;
}
/* END HIDE ME - per apareixer amb scrool */


/* END Fade in */


/* EFECTE anar canviant paraula */

.wordCarousel div {
    overflow: hidden;
    position: relative;
    float: right;
    height: 65px;
    padding-top: 10px;
    margin-top: -10px;
}
.wordCarousel div li {
    font-family: Serif;
    color: #eee;
    font-weight: 700;
    padding: 0 10px;
    height: 45px;
    margin-bottom: 45px;
    display: block;
}

.flip4 { 
	animation: flip4 16s infinite; 
	-webkit-animation: flip4 16s infinite;
	-moz-animation: flip4 16s infinite;
	-o-animation: flip4 16s infinite;
	-ms-animation: flip4 16s infinite;
}

@keyframes flip4 {
    0% { margin-top: -360px; opacity: 0}
    5% { margin-top: -270px;  opacity: 0}
    20% { margin-top: -270px;  opacity: 1}
    29% { margin-top: -270px;  opacity: 0}
    30% { margin-top: -180px; opacity: 0}
    45% { margin-top: -180px; opacity: 1}
    54% { margin-top: -180px; opacity: 0}
    55% { margin-top: -90px; opacity: 0}
    70% { margin-top: -90px; opacity: 1}
    79% { margin-top: -90px; opacity: 0}
    80% { margin-top: 0px; opacity: 0}
    95% { margin-top: 0px; opacity: 1}
    99.99% { margin-top: 0px; opacity: 0}
    100% { margin-top: -270px; opacity: 0}
}

/* END EFECTE anar canviant paraula */


/* general ACCORDIONS  */



/* evitar que el text dels accordionde bootstrap es vegin blancs */
.accordion-button {
	color:rgba(33, 44, 56, 1) !important;
}

.accordion-button:hover {
	color:rgba(33, 44, 56, 1) !important;
	background-color: rgba(209, 130, 69, 0.5) !important;
}

.accordion-button:not(.collapsed) {
	color:rgba(33, 44, 56, 1) !important;
	background-color: rgba(209, 130, 69, 0.5) !important;
}

/* el que es desplega es veu gris molt clar */
.accordion-body {
	background-color: rgba(238, 238, 238, 0.5) !important;
}

/* overwrite els margins dels h2 dels títols del accordions */
.accordion-header {
	margin-bottom: 0 !important;
}


/* END general ACCORDIONS  */

/* Títols seccions */
section h2 {
	margin-top: 0;
}

/* BANNERS EN GENERAL */
#banner-viajes {
	text-align: center;
	padding: 50px 0;
	background-size: cover !important;
	color:white;
}



/* fer icon whatsapp blanc i verd */
.fa-whatsapp  {
  color:#fff;
  background:
   linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
   radial-gradient(#25d366 58%,transparent 0);
}

.fa-instagram  {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* BIO */
.author-box-inner {
    display: flex;
    align-items: flex-start; /* Clau: l’avatar comença a dalt */
    justify-content: space-between;
    gap: 20px;
}

.author-avatar {
    order: 2;
    flex-shrink: 0; /* evita que l’avatar en mòbil es redueixi massa */
}

.author-avatar img {
    width: 110px;   /* EDITA A GUST 96 / 110 / 120 */
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
}

.author-content {
    order: 1;
    flex: 1; /* el text ocupa la resta */
}

.author-content h3 {
    margin-bottom: 5px;
}

.author-name {
    margin-top: 0;
    font-weight: bold;
    font-size: 1rem;
}

.author-bio {
    margin-top: 10px;
    line-height: 1.5;
}


/* FI GENERAL */

/* RECAPTCHA visibility */
.grecaptcha-badge { visibility: hidden; }

/* NAVBAR */

/* 3 nivells navwalker */
@media all and (min-width: 992px) {
    ul.depth_1 {
        left: 100% !important;
        top: 0%;
    }
    ul.depth_0>.menu-item-has-children a:after {
        display: inline-flex;
        content: "";
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
    }
    ul.depth_1 a:after {
        border: 0 !important;
    }
}

/* Evitar que el segon nivell del menú quedi massa per sota i així s'iguali amb el pare */

/* NESTED DROPDOWN (nivell 2+) - Bootstrap 5 */
@media (min-width: 992px) {

  /* el <li> pare ha de ser referència */
  .navbar .dropdown-menu li {
    position: relative;
  }

  /* el submenú (el teu <ul class="dropdown-menu dropdown-submenu ...">) */
  .navbar .dropdown-menu .dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -0.25rem !important;            /* si el vols una mica amunt: -0.25rem */
    margin-left: 0;
    transform: none !important; /* anul·la offsets de Popper */
  }
}


/* Menu divider per no haver de fer 3 nivells al menú */
.menu-divider {
}

.menu-divider a {
	cursor: default;
	background-color: rgba(209, 130, 69, 1);
}

.menu-divider a:hover {
	background-color: rgba(209, 130, 69, 1) !important;
	color: rgba(33, 44, 56, 1) !important;

}
/* END Menu divider */


/* UPPER-device + NAVBAR */
.upper-device {
	box-shadow: 0 1px 2px #999;
	top:0;
	left:0;
	right: 0;
	z-index: 99;
	height: 60px;
	background-color: rgba(255,255,255,0.7);
}

.upper-device a, .upper-device a:visited, .upper-device button, .upper-device button:visited {
	color:rgba(0,0,0,.7); 
	font-size: .70rem;
}

.upper-device a:hover {
	color:rgba(0,0,0,1); 
}

.upper-device a.btn,  .upper-device button.btn,{
	padding: .375rem 0;
}

.upper-device .search-bar { 
	color:#555; 
	font-size: .60rem;
	padding-top:9px;
	padding-left: 3%;
}

.upper-device img {
	/* width: 100%; -- genera problemes a Safari */ 
}


ul.navbar-nav {
	margin-left: 0;
}

/* es cola un color blau als dropdowns que eliminem amb això */
.dropdown-item.active, .dropdown-item:active {
	background-color: inherit;
	color: inherit;
}




/* MODAL */

.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}
	
.modal.left .modal-body {
	padding: 15px 15px 80px;
}

/*Left */
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

	
.modal.left.fade.show .modal-dialog {
	left: 0px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}
        

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}


.modal h4 {
	margin-top: 0;
}

/* MODAL */


/* END UPPER-DEVICE */



/* Navbar-device inside modal for MENU DEVICE */

.navbar-device a, .navbar-device a:visited {
	color:rgba(33, 44, 56, 1);
	text-decoration: none;

}

.navbar-device li.current-menu-item a {
	color: rgba(209, 130, 69, 1);
	background-color: inherit;
}

.navbar-device a:hover, .navbar-device a:focus {
	color: rgba(209, 130, 69, 1);
	text-decoration: none;
}


/* Navbar-device inside modal for MENU DEVICE */



/* NAVBAR Main */
.navbar-main, .navbar-top {
	padding: 0;
}

.navbar-main {
	background-color: rgba(255, 255, 255, 0.7);
    color: rgba(33, 44, 56, 1);
    height: 60px;
    border-bottom: 2px solid transparent;
}

.navbar-main .inside-navbar {
	height: 100%;
}

.navbar-main ul li {
	padding: 0 10px;

}

.navbar-main ul li ul li {
	padding: 0;
	margin: 5px;
}

.navbar-main a {
	color: rgba(33, 44, 56, 1);
	font-weight: bold;
}

.navbar-main a:hover, .navbar-main a:focus {
	color: #0c6565;
    text-decoration: none;
}

.navbar-main .navbar-nav .dropdown-menu {
	background-color: rgba(255, 255, 255, 1);
	padding: 0;
	margin-top: .7rem;
}

.navbar-main .navbar-nav .dropdown-menu li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

/* categoria activa al menú */
.navbar-main li.current-menu-item a {
	color: #0c6565;
	background-color: inherit;
}

/* categoria inferior quan estem dins la categoria superior. Exemple: estem a mochiles, com es veuen les subcategories dins de mochiles */
.navbar-main li.current-menu-item ul li a {
	color: rgba(255,255,255,0.7);
	background-color: #0c6565 !important;
}

/* Hover dins de subcategories quan la categoria pare està activa */
.navbar-main li.current-menu-item ul li a:hover {
	color: rgba(255,255,255,0.7);
}

/* per les banderes del plugin gtranslate. Si el plugin no està actiu, borrar això. El codi està a header i a footer */

/*tot això, inclòs el .social icons ho fem perquè les banderes quedin a la dreta de tot */
.navbar-device .gtranslate-flags {
	margin-left: 20px;
}

.navbar-main .gtranslate-flags {
	position: absolute;
	right: 10px;
}

.navbar-main .trp-language-switcher, .navbar-main .trp-ls-shortcode-current-language, .navbar .trp-ls-clicked, .navbar-main trp-ls-shortcode-language, .navbar trp-ls-clicked, .navbar trp-ls-shortcode-language {
	width: 85px !important;
}


.navbar-main .social-icons {
	margin-right: 100px;
}

/* END NAVBAR Main -----  SI NO HI HA PROBLEMES BORRAR MÉS ENDAVANT */

/* NAVBAR Top 

.navbar-top {
	background-color: rgba(33, 44, 56, 1);
	color: rgba(255,255,255,1);
}


.navbar-top a {
	color: rgba(255,255,255,1);
}

.navbar-top a:hover, .navbar-top a:focus {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
}

.navbar-top .navbar-nav .dropdown-menu {
	background-color: rgba(33, 44, 56, 1);
}

.navbar-top .navbar-nav .dropdown-menu li a:hover {
	background-color: rgba(33, 44, 56, 0.7);
}

.navbar-top li.current_page_item a {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(33, 44, 56, 1);
}

.navbar-top li.current_page_item a:hover {
	background-color: rgba(255, 255, 255, 1) !important;
	color: rgba(33, 44, 56, 0.7);
}

/* categoria inferior quan estem dins la categoria superior. Exemple: estem a mochiles, com es veuen les subcategories dins de mochiles 
.navbar-top li.current-menu-item ul li a {
	color: rgba(255,255,255,1);
	background-color: rgba(33, 44, 56, 0.7) !important;
}

/* Hover dins de subcategories quan la categoria pare està activa 
.navbar-top li.current-menu-item ul li a:hover {
	color: rgba(255,255,255,0.7);
	background-color: rgba(33, 44, 56, 0.7) !important;
}


/* END NAVBAR Top */



.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(238, 238, 238, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  	border-color: rgba(238, 238, 238, 0.8);
} 


/* END NAVBAR */


/* HOME PAGE */

/* NEW HOME */


.hero{
  position:relative;
  width:100vw;
  width:calc(100 * var(--vw));
  min-height:100vh; /* com ara en vertical/desktop */
  display:flex; 
  justify-content:center; 
  align-items:center;
}

@supports(height:100dvh){
  .hero{ min-height:100dvh; } /* vertical i desktop = pantalla completa real */
}


/* En horitzontal baix: NO 100vh, i compactem */
@media (pointer: coarse) and (orientation: landscape) {
  .hero {
    min-height: 100svh;  /* però que com a mínim ompli tota la pantalla */
    display: flex;
    flex-direction: column;
    justify-content: center;  /* centra verticalment encara que sigui auto */
	align-items: center;
    padding-block: 8px;
  }
}


.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero .video-wrapper, .hero .img-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    inset: 0; 
    z-index: 10;
}

.hero .video-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Per a imatges estàtiques (les antigues) — NOMÉS fill directe */
.hero .img-wrapper > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Per al slideshow de Bootstrap dins img-wrapper */

#heroCarousel, .carousel { position: relative; } /* assegura stacking context */

.hero .img-wrapper .carousel,
.hero .img-wrapper .carousel-inner,
.hero .img-wrapper .carousel-item {
  height: 100%;
}

.hero .img-wrapper .carousel-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 0;
  filter: brightness(0.75); /* opcional */
}

/* apilar perquè el fade sigui net */
.carousel-fade .carousel-item {
  position: absolute; inset: 0;
  display: block;      /* evita display:none */
}

/* zoom suau només quan és activa */
.carousel-kb-soft .carousel-item img {
  transform: scale(1.05);
  transition: transform 6s ease;     /* zoom lent i elegant */
  filter: brightness(0.8);           /* llegibilitat del text (opcional) */
}

.carousel-kb-soft .carousel-item.active img {
  transform: scale(1.15);
}

/* gradient molt lleu per millorar contrast del text */
.carousel-kb-soft .carousel-item::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.35));
  pointer-events: none;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 50; /* més alt que #banner-hero (que sol estar a 20) */
}


.hero-content {
    position: relative; 
    color: white;
    text-align: center;
    margin: 0.625rem;
    z-index: 20;
}
.hero-title {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 0;
}
.hero-subtitle {
    font-size: 2rem;
    font-weight: 200;
    margin-top: 1rem;
}
/*
video.full-screen {
	object-fit: cover;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

/* Fer que un video de Youtube s'adapti a qualsevol tamany */
.video-youtube-cover {
 	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-youtube-cover iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#why, .why-grupo {
	padding: 100px 0 60px;
	text-align: center;
}

#why i, .why-grupo i {
	margin-bottom: 20px;
}

#why h3, .why-grupo h2, #explain-grup h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
}

#why p, .why-grupo p {
	margin-bottom: 40px;
	font-size: .9em
}


#intro-km {
	text-align: center;
	padding: 100px 0;
}

#intro-km h2 {
	margin-top: 0;
	font-size: 3.5em;
}

#intro-km .col-container {
    display:block;
}
    
@media (min-width: 992px) {
	#intro-km .col-container {
    	display: flex;
    }
}

#intro-km .col-left, #intro-km .col-right {
    display: block;
	flex-direction:inherit;
}

@media (min-width: 992px) {
	#intro-km .col-left, #intro-km .col-right {
    display: flex;
	flex-direction:column;
	}
}

#intro-km .col-left {
    padding: 100px 20px;
    display: flex;
	align-items: center;
	justify-content: center;
}


@media (min-width: 992px) {
	#intro-km .col-left {
	    padding: 100px;
	}
}

#intro-km .col-right img {
	height: 100%;
	width: 100%;
	object-fit:cover;
}

#destinos-premium {
	
}

#destinos-premium h2 {
	margin-top: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(33, 44, 56, 1);
}

#destinos-grupo h2, #desti-grup-aurores h2{
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(33, 44, 56, 1);
}

#destinos-premium a, #destinos-grupo a, #desti-grup-aurores a, #allotjament .destino-indiv {
	color: white;
}

#destinos-premium .destino-indiv h4, #destinos-grupo .destino-indiv h4, #desti-grup-aurores .destino-indiv h4, #destinos-premium .destino-indiv h3, #destinos-grupo .destino-indiv h3, #desti-grup-aurores .destino-indiv h3, #destinos-premium .destino-indiv h5, #destinos-grupo .destino-indiv h5, #desti-grup-aurores .destino-indiv h5, #allotjament .destino-indiv h3, #allotjament .destino-indiv h4, #allotjament .destino-indiv h5{
	margin:0;
	color: #fff;
}

#destinos-premium .destino-indiv, #destinos-grupo .destino-indiv, #desti-grup-aurores .destino-indiv,#allotjament .destino-indiv {
	box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 50%);
	margin-bottom: 20px;
}

#allotjament .indiv-hotel-sao-miguel {
	background: url("/wp-content/uploads/2025/02/hotel-saomiguel-azoris.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-faial {
	background: url("/wp-content/uploads/2024/02/hotel-faial-1.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-pico {
	background: url("/wp-content/uploads/2025/06/pico-terramar.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-feroe {
	background: url("/wp-content/uploads/2024/02/hotel-brandan.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-feroe-gjogv {
	background: url("/wp-content/uploads/2024/12/hotel-gjogv.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-madeira {
	background: url("/wp-content/uploads/2025/02/turim-santa-maria-hotel.jpg") no-repeat center center;
	background-size: cover;
}


#allotjament .indiv-hotel-tromso-opcio-1 {
	background: url("/wp-content/uploads/2024/05/comfort-express.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-tromso-opcio-2 {
	background: url("/wp-content/uploads/2024/05/the-edge.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-saariselka {
	background: url("/wp-content/uploads/2024/06/santa-kontio-suite.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-arusha {
	background: url("/wp-content/uploads/2024/11/hotel-arusha.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-arusha-greenside {
	background: url("/wp-content/uploads/2025/10/hotel-greenside.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-karatu {
	background: url("/wp-content/uploads/2024/11/hotel-eileen-karatu-b.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-serengueti {
	background: url("/wp-content/uploads/2024/11/hotel-serengueti.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-ndutu-heritage {
	background: url("/wp-content/uploads/2025/10/serengeti-ndutu-heritage.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-ngorongoro-wildcamp {
	background: url("/wp-content/uploads/2025/10/ngorongoro-wild-camp.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-medan {
	background: url("/wp-content/uploads/2025/09/aryaduta-medan.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-bukit {
	background: url("/wp-content/uploads/2025/09/ecoLodge-bukitLawang.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-berastagi {
	background: url("/wp-content/uploads/2025/09/subasung-berastagi.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-pusuk {
	background: url("/wp-content/uploads/2025/09/casaLocal-pusukBuhit.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-samosir {
	background: url("/wp-content/uploads/2025/09/samosirVilla-samosir.jpg") no-repeat center center;
	background-size: cover;
}

#allotjament .indiv-hotel-weh {
	background: url("/wp-content/uploads/2025/09/casanemo-weh.jpg") no-repeat center center;
	background-size: cover;
}


#destinos-premium .indiv-islandia-estiu {
	background: url("/wp-content/uploads/2022/12/bg-viaje-islandia-verano.jpg") no-repeat center center;
	background-size: cover;
}


#destinos-premium .indiv-rovaniemi {
	background: url("/wp-content/uploads/2022/12/bg-finlandia-privat.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-tromso {
	background: url("/wp-content/uploads/2022/09/viaje-tromso.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-tromso-pukka {
	background: url("/wp-content/uploads/2023/05/tromso-auroras-pukka-bg.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-fiordos {
	background: url("/wp-content/uploads/2022/02/fiordos-noruega.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-suecia-estiu {
	background: url("/wp-content/uploads/2023/05/bg-suecia-estiu.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-escandinavia-estiu {
	background: url("/wp-content/uploads/2023/06/bg-escandinavia.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-escandinavia-estiu {
	background: url("/wp-content/uploads/2023/06/bg-escandinavia.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-escocia-estiu {
	background: url("/wp-content/uploads/2023/07/bg-escocia-estiu.jpg") no-repeat center center;
	background-size: cover;
}


#destinos-premium .indiv-escocia-highlands {
	background: url("/wp-content/uploads/2023/07/highlands-escocia.jpg") no-repeat center center;
	background-size: cover;
}


#destinos-premium .indiv-costa-rica {
	background: url("/wp-content/uploads/2022/05/viaje-costa-rica.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-islas-feroe {
	background: url("/wp-content/uploads/2022/03/islas-feroe-viaje.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-filipinas {
	background: url("/wp-content/uploads/2022/05/filipinas-viaje.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-premium .indiv-indonesia {
	background: url("/wp-content/uploads/2022/05/bg-indonesia.jpg") no-repeat center center;
	background-size: cover;
}

#desti-grup-aurores .indiv-tromso {
	background: url("/wp-content/uploads/2025/10/TVA-1.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-tromso-auroras {
	background: url("/wp-content/uploads/2024/05/card-aurora.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-tromso-balenes {
	background: url("/wp-content/uploads/2024/05/card-balenes.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-tromso-pukka {
	background: url("/wp-content/uploads/2023/05/tromso-auroras-pukka-bg.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-rovaniemi {
	background: url("/wp-content/uploads/2022/08/auroras-en-finlandia.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-groenlandia-hivern {
	background: url("/wp-content/uploads/2023/10/bg-groenlandia-hivern.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-islandia {
	background: url("/wp-content/uploads/2022/09/viaje-islandia.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-islandia-estiu {
	background: url("/wp-content/uploads/2022/12/bg-viaje-islandia-verano.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-acores-estiu, #destinos-premium .indiv-acores-estiu {
	background: url("/wp-content/uploads/2022/12/bg-acores-grup.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-feroe-estiu {
	background: url("/wp-content/uploads/2023/01/bg-feroe-estiu.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-tromso-estiu {
	background: url("/wp-content/uploads/2023/02/viatje-tromso-estiu.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-nepal-senderisme {
	background: url("/wp-content/uploads/2025/10/bg-nepal.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-madeira-senderisme {
	background: url("/wp-content/uploads/2024/12/bg-madeira-senderisme.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-safari-tanzania {
	background: url("/wp-content/uploads/2025/10/bg-tanzania-safari.jpg") no-repeat center center;
	background-size: cover;
}

#destinos-grupo .indiv-sumatra {
	background: url("/wp-content/uploads/2025/10/bg-sumatra-indonesia.jpg") no-repeat center center;
	background-size: cover;
}


#destinos-premium .destino-indiv:hover, #destinos-grupo .destino-indiv:hover, #desti-grup-aurores .destino-indiv:hover {
	background-color: rgba(245,140,73, 0.2);
	-webkit-transition: ease-in 0.5s; /* For Safari 3.1 to 6.0 */
	transition: ease-in 0.5s;
	color:white;
}

#destinos-premium .indiv-content, #destinos-grupo .indiv-content, #desti-grup-aurores .indiv-content {
	padding: 200px 0;
}

#destinos-premium .indiv-content-mini, #destinos-grupo .indiv-content-mini, #desti-grup-aurores .indiv-content-mini {
	padding: 50px 0;
}

.tag {
	position: absolute;
	top: 50px;
	background-color: rgba(209, 130, 69, 1);
	padding: 10px;
	border: 2px solid white;
}

#viajes-medida {
	
}

#viajes-medida .viajes-medida-inside {
	padding: 30px;
	background-color:  #0c6565;
	box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 50%);
	color: white;
}

#viajes-medida h2 {
	margin-top: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #0c6565;
}

.complet, .disponible, .semi-complet{
	position: absolute;
	color: white;
	text-align: center;
	font-size: 1.5em;
	padding: 10px;
	margin-left: -10px;
	margin-top:-10px;
}

.complet{
	background: rgba(255, 0, 0, 0.5);
}


.disponible{
	background: rgba(0, 255, 0, 0.5);
}

.semi-complet{
	background: rgba(255, 120, 0, 0.5);
}


.complet p {
	position: relative;
}


/* Carousel amb loop a la home */
#blog-carousel {
	
}

#blog-carousel h2 {
	margin-top: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(33, 44, 56, 1);
}

/* SLICK per aparèixer carousel blog a la home */
/* Contenidor del carrusel */
#blog-carousel .traveladic-slick {
  position: relative;
}

/* Fletxes */
#blog-carousel .traveladic-slick-prev,
#blog-carousel .traveladic-slick-next {
  position: absolute;
  top: 50%;                 /* centre vertical */
  transform: translateY(-50%);
  z-index: 10;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 0;
}

/* Posició lateral */
#blog-carousel .traveladic-slick-prev { left: -35px; }
#blog-carousel .traveladic-slick-next { right: -35px; }

/* Mòbil i tablets */
@media (max-width: 768px) {

  /* 1) Fletxes visibles dins pantalla */
  #blog-carousel .traveladic-slick-prev { left: 0; }
  #blog-carousel .traveladic-slick-next { right: 0; }

  /* 2) Espai lateral perquè les fletxes NO tapin les cards */
  #blog-carousel .traveladic-slick {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Evita que slick talli ombres */
#blog-carousel .slick-list {
  overflow: hidden;
}

#blog-carousel h4 {
  margin-top:0;
  margin-bottom: 1em;
  font-size: 16px;
}


#blog-carousel .card {
  margin: 1em;
  box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 50%);
  border: none;
  text-align: center;
}

#blog-carousel .card .img-wrapper {
    max-width: 100%;
    height: 100%;
}

#blog-carousel .card img {
    max-height: 100%;
}
/* END Carousel amb loop a la home */


/* TIMELINE OBSOLETE
	
.timeline {
	overflow-x: hidden;
}

.timeline h2 {
	font-size: 3.5rem;
	margin: 20px;
}

.timeline h3 {
	margin-top: 0;
}

.timeline h5 {
	margin: 20px;
}

.timeline p {
	margin-bottom: 0;
}

.timeline .col-lg-6 {
	display: grid;
	place-items:center center;
}

.timeline ol, .timeline ul {
	padding-top: 100px;
	padding-bottom: 50px; 
	padding-left: 1rem;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #fff;
}
.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: rgba(209, 130, 69, 1);
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 20px;
  background: #fff;
  box-shadow: 4px 13px 30px 1px rgba(209, 130, 69, 0.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.timeline ul li div time {
  position: absolute;
  color: white;
  background: rgba(209, 130, 69, 1);
  width: 80px;
  height: 30px;
  top: -15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
}
.timeline ul li div div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timeline ul li div div p {
  text-align: center;
}
.timeline ul li div .discovery {
  margin-right: 10px;
}
.timeline ul li:nth-of-type(odd) > div {
  left: 45px;
}
.timeline ul li:nth-of-type(even) > div {
  left: -439px;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.timeline ul li:nth-of-type(odd) div {
  transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul li:nth-of-type(even) div {
  transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
    flex-direction: column;
  }
  .timeline ul li div div {
    width: 90%;
    margin: 10px;
  }
  .timeline ul li:nth-of-type(even) > div {
    left: -289px;
  }
}
@media screen and (max-width: 600px) {
  
  .timeline ul li {
    margin-left: 10px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-of-type(odd) > div {
  left: 25px;
}
  .timeline ul li:nth-of-type(even) > div {
    left: 25px;
  }
}


@media screen and (max-width: 300px) {
 .timeline ul li div {
	 padding: 10px;
 }
}

*/

/* Conact Form 7 */
form .wpcf7-form-control-wrap{
	padding: 5px;
	display: block;
}

form .form-control {
	min-height: 48px; /* Recomanat per objectius tàctils */
	padding: 10px; /* Amplia l'espai intern */
	margin-bottom: 16px; /* Espai entre camps */
}

/* END NEW HOME */


/* Slider Tienda */
#carousel-tienda .carousel {
	margin-top: 60px;
}

@media (min-width: 992px) {
	#carousel-tienda  .carousel {
		margin-top: 0;
	}
}

#carousel-tienda  .carousel-inner {
	height: 400px;
}

#carousel-tienda .carousel-item, #carousel-tienda .carousel-item img {
	height: 100%;
    width:  100%;
}

#carousel-tienda .carousel-caption {
	bottom: 50%;
	transform: translateY(50%);
	background: rgba(0,0,0,.5);
	padding: 20px;
	border-radius: 5px;
}

/* Per canviar el next prev (ara desactivat) */
#carousel-tienda .carousel-control-prev:hover, #carousel-tienda .carousel-control-next:hover {
	background: rgba(0,0,0,.3);
}

@media (min-width: 1400px) {
	#carousel-tienda .carousel-inner {
		height: 600px;
	}
	
	
}

@media (min-width: 768px) and (max-width: 1399.98px) {
	#carousel-tienda .carousel-inner {
		height: 500px;
	}
	

	
	#carousel-tienda .carousel-caption {
		padding: 30px;
		transform: translate(-50%, 50%);
		right: inherit;
		left: 50%;
	}
}

#carousel-tienda .carousel-caption h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.7em;
}

#carousel-tienda .carousel-caption p {
	margin-top: 1em;
	margin-bottom: 0;
}


#carousel-tienda .carousel-inner .active .carousel-caption {
	opacity: 1;
	transition: 1s ease-in;
}

#carousel-tienda .carousel-inner .carousel-caption {
	opacity: 0;
}


/* Zoom slider https://codepen.io/altafhpatel/pen/JWGxBq */

#carousel-tienda .carousel-inner .carousel-item img {
	-webkit-animation: zoom 20s;
	animation: zoom 20s;
	-o-animation: thing 20s;
	-moz-animation: thing 20s;
	object-fit: cover;
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.3, 1.3);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1.3);
  }
}

#carousel-tienda .carousel .btn-style-1 {
	margin-top: 20px;
}

/* End Zoom slider */

/* End Slider */


/* Section Subscribe & Afiliación */

#subscribe {
	padding: 20px;
	text-align: center;
}

.mailchimp-form {
	border: 1px solid rgba(209, 130, 69, 1);
	padding: 15px;
	margin: 20px 0;
	background-color: #eee;
}

.mailchimp-form h3, .mailchimp-form h4, .mailchimp-form h5 {
	margin-top: 0;
}
.mailchimp-form input {
	margin-top: 10px;
}


#subscribe h2, #subscribe .btn{
	margin: 10px;
	display: inline-block;
	vertical-align:middle;
}

#subscribe h2{
	font-size: 24px;	
}

/* Botó "Enviar" subscripció entrades blog */
.yikes-easy-mc-form .yikes-easy-mc-submit-button.admin-logged-in {
	background-color: #0c6565;
	border: 1px solid #0c6565;
}



/* End Section Subscribe */


/* Section Tienda */

#tienda-home .centered-button {
	text-align: center;
	margin: 30px auto;
}


#tienda-home ul.products li.product {
	margin-bottom: 0 !important;
}


#tienda-home h2.tienda-home-title {
	text-align: center;
	margin-top: 80px
}

/* END Section Tienda */


/* Section Viajes */


#viajes-highlight, #tienda-highlight {
	text-align: center;
	padding: 50px 50px 40px;
}

#viajes-highlight div.row div, #tienda-highlight div.row div {
	padding: 0 20px;
}

@media (min-width: 768px) {
	#viajes-highlight div.row div:first-child, #tienda-highlight div.row div:first-child {
		padding-left: 0;
	}
	
	#viajes-highlight div.row div:last-child, #tienda-highlight div.row div:last-child {
		padding-right: 0;
	}
}

#viajes-highlight i, #tienda-highlight i {
	margin: 10px 0 20px;
}

/* END Section tienda i viajes Highlight */


/* Section Blog home */

#home-blog {
	padding: 20px 20px 60px;
	text-align: center;
}


/* ✅ Només a la pàgina del blog (posts page) */
body.blog .col-lg-9{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

/* El títol "Blog" ha d'ocupar tota l'amplada */
body.blog .col-lg-9 > header{
  grid-column: 1 / -1;
}

/* Cada article és una “card” de la graella */
body.blog .col-lg-9 > article{
  margin: 0;
}

/* Paginació i qualsevol altra cosa que no sigui article: amplada completa */
body.blog .col-lg-9 > *:not(article):not(header){
  grid-column: 1 / -1;
}

/* Mòbil: 1 columna */
@media (max-width: 768px){
  body.blog .col-lg-9{
    grid-template-columns: 1fr;
  }
}


/* Només al blog */
body.blog .col-lg-9 > article .entry-title{
  font-size: 1.25rem;   /* ajusta: 1.1rem - 1.4rem */
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

/* Enllaç del títol */
body.blog .col-lg-9 > article .entry-title a{
  text-decoration: none;
}

/* Excerpt */
body.blog .col-lg-9 > article .entry-summary,
body.blog .col-lg-9 > article p{
  font-size: 0.85rem;   /* ajusta: 0.85 - 1rem */
  line-height: 1.5;
  margin-bottom: 0.5rem;
}


/* Meta en flex amb wrap */
body.blog .col-lg-9 .blog-unit{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  align-items: center;
}

body.blog .col-lg-9 .blog-unit > *{
  min-width: 0;
}

body.blog .col-lg-9 .blog-unit > *:has(i.fa-folder),
body.blog .col-lg-9 .blog-unit > *:has(i.fa-folder-open){
  flex: 1 1 100%;
  white-space: normal;
  overflow: visible;
  opacity: .9;
  font-size: .95rem;
  line-height: 1.3;
}


/* Barra de filtres del blog */
body.blog .blog-filters{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

body.blog .blog-filter{
  padding: 6px 14px;
  border-radius: 999px;
  background: #f2f2f2;
  font-size: .85rem;
  text-decoration: none;
  line-height: 1.2;
}

body.blog .blog-filter:hover{
  background:#0c6565;
  color: #fff;
}

/* Mòbil: totes visibles, amb salt de línia */
@media (max-width: 768px){
  body.blog .blog-filters{
    flex-wrap: wrap;
    overflow: visible;
  }

  body.blog .blog-filter{
    white-space: normal;
    flex: 0 1 auto;
  }
}

/* Marcar color al active de les pindoles de filtratge del blog */
body.blog .blog-filter.active{
  background:#0c6565;
  color:#fff;
  font-weight:600;
}




/* END Section Blog home */


/* Section contacta */

#contacta {
	padding: 50px 0
}

#contacta h2 {
	text-align: center;
	margin-bottom: 30px;
}

/* End Section Contacta*/

/* END HOME PAGE */



/* FOOTER */

/* dsd0 */
.upper-footer {
  position: relative;
   overflow: hidden;
}

/* Treiem el border blanc per mòbil */
@media (max-width: 575.98px) {
  .upper-footer .border-end { border-right: 0 !important; }
}

/* Capa amb imatge borrosa en moviment */
.upper-footer-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://traveladic.com/wp-content/uploads/2025/12/aurora-boreal.webp');
  background-size: cover;
  background-position: center;
  animation: moveBg 20s linear infinite;
  filter: blur(1px); /* Només aquí */
  transform: scale(1.1); /* Per a evitar vores blanques del blur */
  z-index: 0;
}

/* Capa de color semitransparent a sobre de la imatge */
.upper-footer-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7); /* ajusta color/alpha */
  z-index: 1;
}

/* Contingut a sobre, sense blur */
footer div.container-fluid {
  position: relative;
  z-index: 2;
  padding: 20px;
  color: #fff;
  text-align: center;
}

@keyframes moveBg {
	0%   { background-position: center 0; }
	50%  { background-position: center -50px; }
	100% { background-position: center 0; }
}

/* ! dsd0 */



/* .upper-footer {
	background-color: #0c6565;
	color: white;
	padding: 20px 0;
	font-size: 0.8em;
	float:left;
} */

.upper-footer li {
	margin: 0; /* No separa visualment */
	display: block; /* Cada enllaç ocupa una línia */
}

.upper-footer a {
	color: white;
	text-decoration: none;
	padding: 12px 0;
	display: inline-block;
	margin: 5px; /* Elimina marges addicionals */
	line-height: 1; /* Manté el text compacte */
	font-size: 1.1em; /* Manté el text petit */
	text-align: left; /* Assegura un text alineat */
}

.upper-footer a:hover {
	text-decoration: underline;
}

.upper-footer h2 {
	text-align: center;
	font-size:1.5em;
	margin-bottom: 0;
	color: rgba(209, 130, 69, 1);
}

.upper-footer ul {
	list-style: none;
	margin: 10px;
	padding-left: 0;
	text-align: center;
	
}



@media (min-width: 768px) {
	.upper-footer ul {
	}
}


.copyright {
	text-align: center;
	padding: 10px;
	/*background-color: #eee;*/
	float:left;
	font-size: 0.9em;
}


/* END FOOTER */


/* QUIENES SOMOS */

#quienes-somos {
	text-align: center;
	margin-top: 60px;
}

#quienes-somos .row {
	margin: 0;
}

#quienes-somos h2 {
	margin-top: 0;
	font-size: 3.5em;
}

#quienes-somos p {
	margin-bottom: 0;
}

#quienes-somos .align-center-vertical {
	padding: 30px;
	background: rgba(238, 238, 238, 0.7);
}

@media (min-width: 768px) {
	#quienes-somos .align-center-vertical {
		padding: 50px 100px;
	}
}
@media (min-width: 992px) {
	#quienes-somos .align-center-vertical {
		padding: 0 20px;
		background: none;
	}
}

#viajeros div.col-padding, #improvisamos div.col-padding, #inspiramos div.col-padding, #colaboramos div.col-padding {
	padding: 100px 30px
}

#viajeros, #inspiramos {
	background-color: rgba(33, 44, 56, 1);
}

@media (min-width: 992px) {	
	#viajeros, #inspiramos {
		color: white;
	}
}

#improvisamos {
	background-color: white;
}

.quienes-1, .quienes-2, .quienes-3, .quienes-4 {
	  background-color: #cccccc; /* Used if the image is unavailable */
	  background-position: center; /* Center the image */
	  background-repeat: no-repeat; /* Do not repeat the image */
	  background-size: cover;
}

.quienes-1 {
	background-image: url("https://traveladic.com/wp-content/uploads/2021/07/quienes-somos-1.jpg"); /* The image used */
}

.quienes-2 {
	background-image: url("https://traveladic.com/wp-content/uploads/2021/07/quienes-somos-2.jpg"); /* The image used */
}

.quienes-3 {
	background-image: url("https://traveladic.com/wp-content/uploads/2021/07/quienes-somos-3.jpg"); /* The image used */
}

.quienes-4 {
	background-image: url("https://traveladic.com/wp-content/uploads/2021/07/quienes-somos-4.jpg"); /* The image used */
}


/* END QUIENES SOMOS */



/* VIAJES */

/* ---- VIAJES HIGLIGHT és als styles de la home ---- */

#viajes-pack {
	text-align: center;
	color: white;
}

#viajes-pack h2 {
	margin: 0;
	padding: 50px 20px 30px;
	background:rgba(12, 101, 101, 1);
}
@media (min-width: 992px) {
	#viajes-pack h2 {
		background: linear-gradient(
	    to right, 
	    rgba(12, 101, 101, 1) 0%, 
	    rgba(12, 101, 101, 1) 50%, 
	    rgba(209, 130, 69, 1) 50%, 
	    rgba(209, 130, 69, 1) 100%
  );

	}
}

#viajes-pack .col-left {
	background: rgba(12, 101, 101, 1);
	padding: 10px 20px 50px;
}

#viajes-pack .col-right {
	background-color: rgba(209, 130, 69, 1);
	padding: 10px 20px 50px;
}


#viajes-opiniones {
	text-align: center;
	height:500px;
	padding: 0 20px;
}

@media (min-width: 992px) {
	#viajes-opiniones {
		height:350px;
	}

}

#viajes-opiniones .carousel {
	margin:0;
}

#viajes-opiniones .carousel-inner {
	height: auto;
}


#viajes-opiniones .carousel-indicators button {
	margin-top: 30px;
	background-color: rgba(33, 44, 56, 1);
}

#viajes-opiniones .carousel-inner {
	padding-bottom: 30px;
}

/* END VIAJES */



/* RESERVAS */

#buscador h2 {
	margin-top: 50px;
}

#searchWidget {
	width: 100%;
	height: 400px
}

@media (min-width: 992px) {
	#searchWidget {
	height: 600px
}
}

.alojamiento-general {
	text-align: center;
	border: 1px solid rgba(209, 130, 69, 1);
	padding: 10px 10px 40px;
	margin: 20px 0;
	background-color: rgba(33, 44, 56, 1);
	color: white;
}

.alojamiento-general button:hover {
	background-color: transparent;
}


/* END RESERVAS */


/* OFERTAS VIAJES */

#banner-viajes-ofertas {
	text-align: center;
	padding: 50px;
	background: url("/wp-content/uploads/2021/11/bg-viajes-ofertas.jpg") no-repeat bottom right;
	background-size: cover;
	color:white;
}

@media (min-width: 768px) {
	#banner-viajes-ofertas {
		background: url("/wp-content/uploads/2021/11/bg-viajes-ofertas.jpg") no-repeat bottom center;
		background-size: cover;
	}
}

#intro-ofertas-viajes, #intro-ofertas-viajes-b, #intro-ofertas-flexibles {
	padding: 40px 20px 60px;
	text-align: center;
}

#ofertas-viajes {
	text-align: center;
	padding: 50px 0;
}

/* treure border add to cart inline */
#ofertas-viajes .add_to_cart_inline {
	border: 0 !important;
}

/* per eliminar el preu per defecte del add to cart inline */
#ofertas-viajes p.product .amount {
	display: none;
}

.oferta-viaje-indiv {
	background-color: #fff;
	padding: 10px 10px 25px;
	margin-top: 40px;
	text-align: center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.oferta-viaje-indiv h3 {
	margin-top: 40px;
}

.oferta-viaje-indiv ul {
	list-style-type: none;
	padding-left: 0;
	margin: 20px;
	text-align: center;	
}

.oferta-viaje-indiv ul li {
	border-bottom: 1px solid grey;
	padding: 9px 0 7px;	
}

.oferta-viaje-indiv ul li:last-child {
	border-bottom: 0;
}

.oferta-viaje-indiv p.remaining {
	margin-bottom: 0;
}


.oferta-viaje-indiv del {
	font-size: 1.5em;
	color: red;
}

.oferta-viaje-indiv ins {
	font-size: 2em;
	text-decoration: none;
}


/* END OFERTAS VIAJES */



/* Banner Hero */

#banner-hero {
	position: relative;
	text-align: center;
	color:white;
	pointer-events: none;
	z-index: 20;
}

#banner-hero h1, #banner-hero h2, #banner-hero h3, #banner-hero h4, #banner-hero h5, #banner-hero p {
	text-shadow: 3px 3px 10px #000;
	color:#fff;
	pointer-events: none; /* Els controls poden quedar on són, el problema era el “hitbox” del banner */
	margin-bottom:5px;
}

#banner-hero .price-container,
#banner-hero .box-hero,
#banner-hero a,
#banner-hero button,
#banner-hero [role="button"] {
  pointer-events: auto; /* dins la caixa segueix sent clicable */
}


#banner-hero h1, #banner-hero h2, #banner-hero h5 {
	margin: 0;	
}

/* Old banner - el mantenim perquè hi ha pàgines que encara l'utilitzen */
#banner-auroras-tromso {
	text-align: center;
	color:white;
}

#banner-auroras-tromso h1, #banner-auroras-tromso h2, #banner-auroras-tromso h3, #banner-auroras-tromso h4, #banner-auroras-tromso h5, #banner-auroras-tromso p {
	text-shadow: 3px 3px 10px #000;
	color:#fff;
}


#banner-auroras-tromso h1, #banner-auroras-tromso h2, #banner-auroras-tromso h5 {
	margin: 0;	
}
/* Old banner - el mantenim perquè hi ha pàgines que encara l'utilitzen */

#info-kit video {
	width:100%;
	height: auto;
	margin: 50px 0;
}

@media (min-width: 768px) {

	#info-kit video {
		height: 500px;
		margin: 0;
	}
}


/* Limita l’amplada de la caixa al centre del hero */
#banner-hero .price-container {

  margin: 50px auto 0; /* continua centrada */
}

/* Si vols més control per dispositius petits */
@media (max-width: 576px) {
  #banner-hero .price-container {
    max-width: 85%;  /* més estret en mòbils */
    padding: 20px 5px;
  }
}


.price-container, .box-hero {
	margin: 50px auto 0;
	padding: 30px;
	background-color: rgba(0,0,0,.5);
	border: 1px solid white;
}

@media (max-width: 576px) {
	.price-container, .box-hero {
		padding: 20px;
		
	}
}

.price-container h1, .price-container h2, .price-container h5, .price-container p, .box-hero h2, .box-hero h5 {
	margin-bottom:0;
}


@media (min-width: 576px) {
	.box-hero {
		width: 600px;
	}
}

.price-container .price-highlight p {
	margin-bottom: 0;
}

.price-container .price-highlight h2.subtitle {
	font-size:1em;
	margin: 5px !important;
}

/* a febrer 2022 nomes ho tenim a la pag Costa Rica */
#propuestas a {
	margin-top: 50px;
}

#propuestas .propuestas {
	margin: 20px 0;
}





#planning-tour h2, #extra-tour h2, #tour-incluye h2, #antes-viajar h2, #allotjament h2, #guies h2, #faq h2 {
	text-align: center;
	margin-bottom: 50px;
}


#planning-tour img, #extra-tour img {
	margin-top: 40px;
	width: 100%;
}

#tour-incluye h4, #antes-viajar h4 {
	margin-top: 0;
}

.incluye-indiv {
	text-align: center;
}

.incluye-indiv ul {
	list-style-type: none;
	padding-left: 0;
	margin: 20px;
}

.incluye-indiv ul li {
	border-bottom: 1px solid grey;
	padding: 9px 0 7px;	
}
 
.incluye-indiv ul li:last-child {
	border-bottom: 0;	
}

/* END AURORAS TROMSO */




/* STOREFRONT CSS */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

/* END STOREFRONT CSS */


/* AFILIADOS PAGE */

.accordion h2.accordion-header, .accordion h3.accordion-header {
	margin-top: 0;
}


/* BLOG */

.post .inside-post {
	background-color: #fff;
	margin: 20px 0;
	height: auto;
	background-color: rgba(238, 238, 238, 1); /* #eee */
	}


.inside-post .entry-header h1, .inside-post .entry-header h2 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid rgba(51, 51, 51, 0.2);
	padding: 10px 0;
}

.post .inside-post img {
	width: 100%;
	height: auto;
	padding: 10px 0;
}

.inside-post .entry-header, .inside-post .post-excerpt, .inside-post .entry-footer, .inside-post .post-body {
	padding: 10px 20px;
}

.inside-post .blog-unit span {
	margin-right: 10px;
	white-space:nowrap;
}

.inside-post .blog-unit span:last-child {
	margin-right: 0;
}

.post .inside-post figcaption {
	margin-top: 0;
	font-size: 0.8em;	
}

/* evita que la caixa per comentar en MOBIL sobrepassi les mides */
.comment-form textarea {
	max-width: 100%;
}

/* les caixes del nom, cognom i email per comentar es posen sota el label */
.comment-form label {
	display: block;
}


/* Sidebar */

.sidebar-blog {
	border: 1px solid rgba(209, 130, 69, 1);
	padding: 15px;
	margin: 20px 0;
	background-color: #eee;
}

.sidebar-blog h3, .sidebar-blog h4, .sidebar-blog h5 {
	margin-top: 0;
}

/* END Sidebar */


/* CARDS blogs */

.city-card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform .2s ease, box-shadow .2s ease;
}

.city-card:hover {
    transform: translateY(-4px);
}

.city-thumb img {
    width: 100%;
    border-radius: 6px;
}

.city-title {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

/* END BLOG */


/* === Accessibilitat: reduir animacions quan l’usuari ho demana === */
@media (prefers-reduced-motion: reduce) {
  [data-aos],
  .carousel,
  .carousel-item {
    transition: none !important;
    transform: none !important;
    animation: none !important;
    opacity: 1 !important;
  }
}