.elementor-8682 .elementor-element.elementor-element-75187f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5) inset;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-8682 .elementor-element.elementor-element-75187f4:not(.elementor-motion-effects-element-type-background), .elementor-8682 .elementor-element.elementor-element-75187f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCFC;background-image:url("https://images.unsplash.com/photo-1452611545118-2b35b308caf5?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");background-position:center center;background-size:cover;}.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-8682 .elementor-element.elementor-element-da185b7{padding:10px 0px 18px 0px;text-align:start;}.elementor-8682 .elementor-element.elementor-element-da185b7.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-8682 .elementor-element.elementor-element-da185b7 .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:1em;letter-spacing:0.2px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.97);color:var( --e-global-color-secondary );}.elementor-8682 .elementor-element.elementor-element-a9be0a9{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-8682 .elementor-element.elementor-element-f63d1c8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-8682 .elementor-element.elementor-element-ad547a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-8682 .elementor-element.elementor-element-75187f4:not(.elementor-motion-effects-element-type-background), .elementor-8682 .elementor-element.elementor-element-75187f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-8682 .elementor-element.elementor-element-75187f4{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.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-8682 .elementor-element.elementor-element-da185b7 .elementor-heading-title{font-size:45px;}.elementor-8682 .elementor-element.elementor-element-f63d1c8 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-8682 .elementor-element.elementor-element-75187f4{--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.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-8682 .elementor-element.elementor-element-da185b7 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-8682 .elementor-element.elementor-element-f63d1c8 .elementor-heading-title{font-size:28px;line-height:1.1em;}}/* Start custom CSS for shortcode, class: .elementor-element-fd334bf */.elementor-8682 .elementor-element.elementor-element-fd334bf .elementor-shortcode,
.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-events-widget {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-events-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 4px 2px 14px !important;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
}

.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-events-list:active {
  cursor: grabbing;
}

.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-event-card {
  flex: 0 0 calc(25% - 18px) !important;
  min-width: calc(25% - 18px) !important;
  max-width: calc(25% - 18px) !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
}

.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-event-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

.astro-event-image-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;   /* totes les caixes iguals */
  overflow: hidden;
  flex-shrink: 0;
}

.astro-event-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;      /* omple la caixa fent “zoom” */
  object-position: center; /* centra el retall */
}

.astro-event-content {
  padding: 10px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.astro-event-date {
  color: #8b8b8b;
  margin-bottom: 2px;
  font-weight: 600;
}

.astro-event-name {
  margin: 0 0 0px;
}

.astro-event-name a {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}

.astro-event-excerpt {
  color: #555;
  margin-bottom: 0;
}

.astro-events-empty {
  padding: 20px;
  border-radius: 12px;
  background: #f5f5f5;
}

.astro-event-name {
  font-size: 1.25rem;
  line-height: 1.4;
}

.astro-event-name a {
  font-size: inherit;
}

.astro-event-content img {
    width: 100%;
    display: block;
}

.astro-event-date {
    margin-top: 0;
}

@media (max-width: 1024px) {
  .astro-events-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .astro-events-list {
    grid-template-columns: 1fr;
  }
}

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

.elementor-8682 .elementor-element.elementor-element-fd334bf .astro-event-image-wrap {
  position: relative;
}

.elementor-8682 .elementor-element.elementor-element-fd334bf .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-8682 .elementor-element.elementor-element-fd334bf .astro-event-live-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 1;
}

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

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

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

@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);
  }
}

@media (max-width: 767px) {
  .elementor-8682 .elementor-element.elementor-element-fd334bf .astro-event-live-badge {
    top: 10px;
    left: 10px;
    max-width: calc(100% - 20px);
    padding: 6px 10px;
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-8682 .elementor-element.elementor-element-fd334bf .astro-event-live-badge {
    animation: none;
  }
}/* End custom CSS */