/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&family=Poppins:wght@300;400;500;600&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.wp-block-phibra-media-slider {
  /* =========================
     CSS Vars (com fallback)
  ========================= */
  --pms-section-bg: transparent;
  --pms-heading-color: inherit;
  --pms-intro-color: inherit;
  --pms-info-title-color: #000;
  --pms-info-text-color: #000;
  --pms-heading-size: 4rem;
  --pms-intro-size: 1rem;
  --pms-info-title-size: 2rem;
  --pms-info-text-size: 1rem;
  /* ✅ NOVO: controla a altura do media via aspect-ratio */
  --pms-media-ar: 600 / 812;
  /* =========================
     Layout/Slider controls
     (mantém todos os cards no MESMO tamanho)
  ========================= */
  --pms-max: 1920px;
  /* gap que deve “bater” com o Swiper (desktop costuma ser 90px) */
  --pms-gap: 90px;
  /* largura preferida do card (como tinhas), mas:
     - se não couberem 3 cards dentro de 1920px, encolhe só o necessário
     - nunca fica “minúsculo” (clamp) */
  --pms-slide-w: clamp(
    360px,
    min(600px, calc((min(100vw, var(--pms-max)) - (2 * var(--pms-gap))) / 3)),
    600px
  );
  /* reserva fixa para texto (para alinhar tudo como no exemplo) */
  --pms-info-space: 160px;
  /* lift do ativo (imagem e texto sobem juntos → sem “buraco” entre imagem e título) */
  --pms-active-lift: 90px;
  --pms-radius: 10px;
  background: var(--pms-section-bg);
  margin: 0 auto !important;
  /* ✅ evita scroll horizontal no body por causa do Swiper/transform */
  overflow-x: clip;
}
@supports not (overflow: clip) {
  .wp-block-phibra-media-slider {
    overflow-x: hidden;
  }
}
.wp-block-phibra-media-slider {
  /* =========================
     Layout base
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__wrapper {
  max-width: var(--pms-max);
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.wp-block-phibra-media-slider .phibra-media-slider__title,
.wp-block-phibra-media-slider .phibra-media-slider__text {
  position: relative;
  z-index: 5;
}
.wp-block-phibra-media-slider .phibra-media-slider__title {
  font-size: var(--pms-heading-size);
  margin: 0 0 14px;
  line-height: 1.1;
  color: var(--pms-heading-color);
}
.wp-block-phibra-media-slider .phibra-media-slider__special {
  color: inherit;
}
.wp-block-phibra-media-slider .phibra-media-slider__text {
  margin: 0 0 20px;
  font-family: "Poppins", sans-serif;
  font-size: var(--pms-intro-size);
  color: var(--pms-intro-color);
}
.wp-block-phibra-media-slider .phibra-media-slider__content {
  margin-top: 40px;
  position: relative;
  z-index: 1;
  /* ✅ também ajuda a eliminar scroll horizontal */
  overflow-x: clip;
}
@supports not (overflow: clip) {
  .wp-block-phibra-media-slider .phibra-media-slider__content {
    overflow-x: hidden;
  }
}
.wp-block-phibra-media-slider {
  /* =========================
     Swiper base
     (deixa o lift visível sem criar scroll lateral)
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__swiper.swiper {
  overflow: visible;
}
.wp-block-phibra-media-slider .phibra-media-slider__swiper-wrapper.swiper-wrapper {
  overflow: visible;
}
.wp-block-phibra-media-slider .swiper {
  /* ✅ DESKTOP: comportamento antigo */
  touch-action: pan-x;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wp-block-phibra-media-slider .swiper-wrapper {
  display: flex;
}
.wp-block-phibra-media-slider .swiper-slide {
  flex-shrink: 0;
}
.wp-block-phibra-media-slider {
  /* =========================
     Slider dimensões
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__swiper {
  margin-top: 146px;
  max-width: 100%;
}
.wp-block-phibra-media-slider {
  /* =========================
     Slide (card)
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__slide {
  width: var(--pms-slide-w);
  border-radius: var(--pms-radius);
  position: relative;
  will-change: transform;
}
.wp-block-phibra-media-slider {
  /* =========================
     Media box
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__media-box {
  width: 100%;
  aspect-ratio: var(--pms-media-ar);
  border-radius: var(--pms-radius);
  overflow: hidden;
  position: relative;
  filter: brightness(0.2);
  transition: transform 0.5s ease, filter 0.5s ease;
  will-change: transform;
  background: transparent;
}
.wp-block-phibra-media-slider .phibra-media-slider__media-box::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(161, 25, 152, 0.28), rgba(161, 25, 152, 0));
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.wp-block-phibra-media-slider .phibra-media-slider__video,
.wp-block-phibra-media-slider .phibra-media-slider__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
.wp-block-phibra-media-slider {
  /* =========================
     Info box
  ========================= */
}
.wp-block-phibra-media-slider .phibra-media-slider__info-box {
  width: 100%;
  min-height: var(--pms-info-space);
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.5s ease 0.2s, transform 0.5s ease;
  pointer-events: none;
}
.wp-block-phibra-media-slider .phibra-media-slider__info-title {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: var(--pms-info-title-size);
  font-weight: 400;
  line-height: 1.2;
  color: var(--pms-info-title-color);
}
.wp-block-phibra-media-slider .phibra-media-slider__info-text {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: var(--pms-info-text-size);
  line-height: 1.3;
  color: var(--pms-info-text-color);
}
.wp-block-phibra-media-slider {
  /* =========================
     Estado ativo (efeito)
  ========================= */
}
.wp-block-phibra-media-slider .swiper-slide-active .phibra-media-slider__media-box {
  filter: brightness(1);
  transform: translateY(calc(var(--pms-active-lift) * -1));
}
.wp-block-phibra-media-slider .swiper-slide-active .phibra-media-slider__media-box::before {
  opacity: 1;
}
.wp-block-phibra-media-slider .swiper-slide-active .phibra-media-slider__video,
.wp-block-phibra-media-slider .swiper-slide-active .phibra-media-slider__img {
  transform: scale(1);
}
.wp-block-phibra-media-slider .swiper-slide-active .phibra-media-slider__info-box {
  opacity: 1;
  transform: translateY(calc(var(--pms-active-lift) * -1));
}
.wp-block-phibra-media-slider {
  /* =========================
     ✅ Desktop: reduzir altura dos cards
  ========================= */
}
@media screen and (min-width: 1024px) {
  .wp-block-phibra-media-slider {
    --pms-media-ar: 600 / 720; /* era 600/812 (mais alto) */
    --pms-info-space: 120px; /* era 160px */
    --pms-active-lift: 70px; /* era 90px */
  }
  .wp-block-phibra-media-slider .phibra-media-slider__swiper {
    margin-top: 110px; /* era 146px */
  }
}
.wp-block-phibra-media-slider {
  /* =========================
     Responsive
  ========================= */
}
@media screen and (max-width: 768px) {
  .wp-block-phibra-media-slider {
    --pms-gap: 40px;
    --pms-info-space: 150px;
    --pms-active-lift: 60px;
    /* ✅ MOBILE: permite scroll vertical por cima da secção */
  }
  .wp-block-phibra-media-slider .swiper {
    touch-action: pan-y;
  }
  .wp-block-phibra-media-slider .phibra-media-slider__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 575px) {
  .wp-block-phibra-media-slider {
    --pms-gap: 24px;
    --pms-info-space: 140px;
    --pms-active-lift: 50px;
    /* ✅ FIX: nunca deixa o card ser maior que a largura útil (com padding) */
    --pms-slide-w: min(88vw, calc(100% - 2px));
  }
}
/* Mantém o wrapper respeitar a largura do tema e não “rebentar” */
section.phibra-media-slider.wp-block-phibra-media-slider {
  margin: 0 auto !important;
  max-width: 100% !important;
}

/*# sourceMappingURL=style-index.css.map*/