.elementor-461 .elementor-element.elementor-element-62cadc9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-62cadc9:not(.elementor-motion-effects-element-type-background), .elementor-461 .elementor-element.elementor-element-62cadc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-461 .elementor-element.elementor-element-e77f9b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-461 .elementor-element.elementor-element-e77f9b4 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:54px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0.2px;color:#000000;}.elementor-461 .elementor-element.elementor-element-d4cc371{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-461 .elementor-element.elementor-element-bf26151{width:var( --container-widget-width, 65.298% );max-width:65.298%;--container-widget-width:65.298%;--container-widget-flex-grow:0;color:#000000;}.elementor-461 .elementor-element.elementor-element-bf26151.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-461 .elementor-element.elementor-element-bf26151 a{color:#004B90;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-461 .elementor-element.elementor-element-058eeb5{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-058eeb5:not(.elementor-motion-effects-element-type-background), .elementor-461 .elementor-element.elementor-element-058eeb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-461 .elementor-element.elementor-element-adbc9e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-461 .elementor-element.elementor-element-adbc9e2 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:54px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0.2px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-461 .elementor-element.elementor-element-b1faa48 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:10px 030px 10px 30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-461 .elementor-element.elementor-element-e77f9b4 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-461 .elementor-element.elementor-element-adbc9e2 .elementor-heading-title{font-size:45px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-461 .elementor-element.elementor-element-b1faa48 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-461 .elementor-element.elementor-element-e77f9b4 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-461 .elementor-element.elementor-element-adbc9e2 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-5130be2 *//* =========================================================
   LLISTA D'ESDEVENIMENTS
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-events-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;

  width: 100%;
  max-width: 100%;

  overflow-x: auto;
  overflow-y: hidden;

  padding: 4px 2px 15px;

  box-sizing: border-box;

  -webkit-overflow-scrolling: touch;
}


/* =========================================================
   TARGETES
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card {
  display: flex;
  flex-direction: column;

  background: #fff;
  border-radius: 18px;
  overflow: hidden;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

  height: 100%;

  flex: 0 0 calc((100% - 72px) / 4);
  width: calc((100% - 72px) / 4);
  min-width: calc((100% - 72px) / 4);
  max-width: calc((100% - 72px) / 4);

  box-sizing: border-box;

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   IMATGES
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-image-wrap {
  position: relative;

  display: block;
  width: 100%;
  height: 150px;

  overflow: hidden;
  flex-shrink: 0;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-image {
  width: 100%;
  height: 100%;

  object-fit: cover;
  display: block;

  transform: scale(1);
  transition: transform 0.4s ease;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card:hover .astro-event-image {
  transform: scale(1.06);
}


/* =========================================================
   CONTINGUT
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-content {
  padding: 12px 14px 14px;

  display: flex;
  flex-direction: column;

  flex: 1;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-content img {
  width: 100%;
  display: block;
}


/* =========================================================
   BADGES
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badges--top {
  margin-bottom: 8px;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badges--bottom {
  margin-top: auto;
  padding-top: 12px;
}

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;

  padding: 4px 10px;

  border-radius: 999px;
  white-space: nowrap;
}


/* =========================================================
   BADGES DE CATEGORIES
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category {
  text-transform: uppercase;

  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.02em;

  border: 1px solid rgba(0, 0, 0, 0.06);
}


/* Conferències */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--conferencies {
  background: #eef4ff;
  color: #285ea8;
}


/* Cursos */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--cursos {
  background: #eefaf2;
  color: #237a4b;
}


/* Tallers infantils */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--tallers-infantils {
  background: #fff4e8;
  color: #b56a18;
}


/* Visites i observacions */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--visites-i-observacions {
  background: #f3ecff;
  color: #6f42c1;
}


/* Observatori en directe */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--observatori-en-directe {
  background: #ebf8fc;
  color: #467d8d;
}


/* Observatori obert */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--observatori-obert {
  background: #fff1f3;
  color: #b83260;
}

/* Tallers pels socis */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--tallers-pels-socis {
  background: #fff1f3;
  color: #b83260;
}

/* Grup de joves */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--grup-de-joves {
  background: #fff1f3;
  color: #b83260;
}

/* Camps d'observació */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--category.astro-event-badge--camps-observacions {
  background: #fff1f3;
  color: #b83260;
}


/* =========================================================
   BADGES DE TAGS
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag {
  text-transform: none;

  font-size: 0.72rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0;

  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}


/* Exclusiu per a socis */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--exclusiu-per-a-socis,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--exclusiu-per-socis {
  background: #1f2a44;
  color: #ffffff;
}


/* Gratuït per a socis */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--gratuit-per-a-socis,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--gratuït-per-a-socis,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--gratis-per-socis {
  background: #fff4d6;
  color: #9a6700;
}


/* Gratuït per a tothom */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--gratuit-per-a-tothom,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--gratuït-per-a-tothom,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--activitat-gratuita {
  background: #e9f9ee;
  color: #1d7a46;
}


/* Descompte per a socis */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--descompte-per-a-socis,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-badge--tag.astro-event-badge--descompte-per-socis {
  background: #e8f4f4;
  color: #1f6b75;
}


/* =========================================================
   TEXT DE LES TARGETES
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-date {
  color: #6f6f6f;

  margin-bottom: 6px;

  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-name {
  margin: 0 0 8px;

  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 600;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-name a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-name a:hover {
  text-decoration: underline;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-location {
  color: #666;

  margin-bottom: 8px;

  font-size: 0.94rem;
  line-height: 1.45;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-excerpt {
  color: #555;

  margin-bottom: 0;

  line-height: 1.5;
}


/* =========================================================
   QUAN NO HI HA ESDEVENIMENTS
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-events-empty {
  padding: 20px;

  border-radius: 12px;

  background: #f5f5f5;
}


/* =========================================================
   ESDEVENIMENT EN DIRECTE
   ========================================================= */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card.is-live {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.1);
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge {
  position: absolute;

  top: 12px;
  left: 12px;

  z-index: 3;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  max-width: calc(100% - 24px);

  padding: 7px 12px;

  border-radius: 999px;

  background: rgba(190, 24, 24, 0.94);
  color: #fff;

  font-size: 0.72rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.04em;

  text-transform: uppercase;
  white-space: nowrap;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);

  animation: astroLivePulseFast 2s ease-in-out infinite;

  pointer-events: none;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge::before {
  content: "";

  width: 8px;
  height: 8px;

  flex: 0 0 8px;

  border-radius: 50%;

  background: #ffffff;

  opacity: 1;
}


/* Cursos i viatges */

.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge--cursos,
.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge--viatges {
  animation: astroLivePulseSlow 3.2s ease-in-out infinite;
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge--cursos {
  background: rgba(35, 122, 75, 0.94);
}


.elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge--viatges {
  background: rgba(201, 79, 61, 0.94);
}


/* =========================================================
   ANIMACIONS
   ========================================================= */

@keyframes astroLivePulseFast {

  0%, 100% {
    opacity: 0.84;
    transform: scale(1);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30);
  }
}


@keyframes astroLivePulseSlow {

  0%, 100% {
    opacity: 0.84;
    transform: scale(1);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  }

  50% {
    opacity: 1;
    transform: scale(1.025);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  }
}


/* =========================================================
   TAULETA
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card {
    flex: 0 0 calc((100% - 24px) / 2);
    width: calc((100% - 24px) / 2);
    min-width: calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }

}


/* =========================================================
   MÒBIL
   ========================================================= */

@media (max-width: 767px) {

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card {
    flex: 0 0 85%;
    width: 85%;
    min-width: 85%;
    max-width: 85%;
  }

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card:hover {
    transform: none;
  }

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-image-wrap {
    height: 180px;
  }

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge {
    top: 10px;
    left: 10px;

    max-width: calc(100% - 20px);

    padding: 6px 10px;

    font-size: 0.68rem;
  }

}


/* =========================================================
   ACCESSIBILITAT
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-live-badge {
    animation: none;
  }

  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-card,
  .elementor-461 .elementor-element.elementor-element-5130be2 .astro-event-image {
    transition: none;
  }

}/* End custom CSS */