/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/naaia-challenges/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Bloc naaia/challenges — Styles frontend
 *
 * Desktop (1440px référence) :
 *   Wrapper  : bg #000000
 *   Section  : bg #f1f8fe, border-radius 40px 40px 0 0, padding 120px
 *   Header   : tag pill + titre centré
 *   Cards    : 3 cartes flex-row translucides, overlay au clic
 *
 * Mobile (≤ 768px) :
 *   Cards empilées, overlay via cross-fade opacity + CSS grid
 */
.naaia-challenges-wrapper {
  width: 100%;
  margin-top: 0 !important;
}
.naaia-challenges {
  padding: 120px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.naaia-challenges::before {
  content: "";
  position: absolute;
  width: 801px;
  height: 415px;
  top: calc(50% + 31.5px);
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse at center, rgba(118, 192, 246, 0.4) 0%, rgba(118, 192, 246, 0.18) 45%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  filter: blur(24px);
  border-radius: 50%;
}
.naaia-challenges__inner {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.naaia-challenges__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
}
.naaia-challenges__tag {
  align-self: center !important;
}
.naaia-challenges__title {
  color: #171721;
  text-align: center;
  margin: 0;
  max-width: 800px;
}
.naaia-challenges__cards {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  align-items: stretch;
}
.naaia-challenges__card {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
  min-height: 240px;
  position: relative;
  opacity: 0;
  transform: translateY(16px);
  transition: background 0.3s ease, box-shadow 0.3s ease, min-height 0.35s ease, opacity 0.65s ease, transform 0.65s ease;
  cursor: pointer;
}
.naaia-challenges__card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.naaia-challenges__card:not(.is-active):hover {
  background: rgb(255, 255, 255);
}
.naaia-challenges__card.is-active .naaia-challenges__card-hover-content {
  opacity: 1;
  pointer-events: auto;
}
.naaia-challenges__card.is-active .naaia-challenges__card-toggle svg {
  transform: rotate(45deg);
}
.naaia-challenges__card.is-active .naaia-challenges__card-description {
  max-height: 300px;
  opacity: 1;
  transform: translateY(0);
}
.naaia-challenges__card-hover-content {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 16px;
  transition: opacity 0.35s ease;
  display: flex;
  flex-direction: column-reverse;
}
.naaia-challenges__card-icon {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.naaia-challenges__card-icon .naaia-glass-icon {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-search {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-stack {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-toggle {
  width: 105.4px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-check {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-stars {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-lock {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-user {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-gauge {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-cal {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-new {
  width: 100px;
  height: 100px;
}
.naaia-challenges__card-icon .naaia-glass-icon__circle {
  width: 43.27px;
  height: 43.27px;
  top: calc(50% - 21.635px);
  left: calc(50% - 21.635px);
}
.naaia-challenges__card-icon .naaia-glass-icon__tile {
  border-radius: 6.43px;
}
.naaia-challenges__card-icon-placeholder {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-icon__circle {
  width: 29.09px;
  height: 29.09px;
  top: 36.345px;
  left: calc(50% - 14.545px);
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-search__magnifier {
  transform: translate(-16.07px, -8.66px);
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-stack__top {
  transform: translateY(-8.93px);
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-toggle__dot {
  transform: translateX(-10.71px);
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-toggle__knob {
  transform: translateX(35.71px);
}
.naaia-challenges__card[data-hover-icon]:hover .naaia-glass-check__dot {
  transform: translate(-8.93px, -14.29px);
}
.naaia-challenges__card-toggle {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  z-index: 2;
  transition: background 0.25s ease;
}
.naaia-challenges__card-toggle svg {
  display: block;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  width: 20px;
  height: 20px;
}
.naaia-challenges__card-toggle:focus-visible {
  outline: 2px solid #76c0f6;
  outline-offset: 2px;
}
.naaia-challenges__card-description {
  font-family: var(--wp--preset--font-family--host-grotesk);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: rgba(23, 23, 33, 0.65);
  margin: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.naaia-challenges__card-description--preview {
  max-height: 200px;
  opacity: 0.5;
  transform: none;
  font-style: italic;
}
.naaia-challenges__card-title {
  font-family: var(--wp--preset--font-family--host-grotesk);
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  color: #171721;
  margin: 0;
  margin-top: auto;
}
.naaia-challenges__card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.naaia-challenges__card-list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
}
.naaia-challenges__card-list-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.naaia-challenges__card-list-text {
  flex: 1;
  min-width: 0;
}
@media (min-width: 769px) {
  .naaia-challenges {
    padding: 8.3333333333vw;
  }
  .naaia-challenges::before {
    width: 55.625vw;
    height: 28.8194444444vw;
  }
  .naaia-challenges__inner {
    gap: 3.8888888889vw;
  }
  .naaia-challenges__header {
    gap: 1.1111111111vw;
  }
  .naaia-challenges__title {
    max-width: 55.5555555556vw;
  }
  .naaia-challenges__cards {
    gap: 1.6666666667vw;
  }
  .naaia-challenges__card {
    padding: 1.6666666667vw;
    gap: 1.1111111111vw;
    min-height: 16.6666666667vw;
  }
  .naaia-challenges__card-icon {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-icon {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-search {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-stack {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-toggle {
    width: 7.3194444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-check {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-stars {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-lock {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-user {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-gauge {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-cal {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-new {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card-icon .naaia-glass-icon__circle {
    width: 3.0048611111vw;
    height: 3.0048611111vw;
    top: calc(50% - 1.5024305556vw);
    left: calc(50% - 1.5024305556vw);
  }
  .naaia-challenges__card-icon .naaia-glass-icon__tile {
    border-radius: 0.4465277778vw;
  }
  .naaia-challenges__card-icon-placeholder {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-icon__circle {
    width: 2.0201388889vw;
    height: 2.0201388889vw;
    top: 2.5239583333vw;
    left: calc(50% - 1.0100694444vw);
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-search__magnifier {
    transform: translate(-1.1159722222vw, -0.6013888889vw);
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-stack__top {
    transform: translateY(-0.6201388889vw);
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-toggle__dot {
    transform: translateX(-0.74375vw);
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-toggle__knob {
    transform: translateX(2.4798611111vw);
  }
  .naaia-challenges__card[data-hover-icon]:hover .naaia-glass-check__dot {
    transform: translate(-0.6201388889vw, -0.9923611111vw);
  }
  .naaia-challenges__card-toggle {
    top: 1.6666666667vw;
    right: 1.6666666667vw;
    width: 2.7777777778vw;
    height: 2.7777777778vw;
  }
  .naaia-challenges__card-toggle svg {
    width: 1.3888888889vw;
    height: 1.3888888889vw;
  }
  .naaia-challenges__card-description {
    font-size: 0.9722222222vw;
    line-height: 1.5277777778vw;
  }
  .naaia-challenges__card-title {
    font-size: 1.9444444444vw;
    line-height: 2.5vw;
  }
  .naaia-challenges__card-list-item {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 768px) {
  .naaia-challenges {
    padding: 80px 24px;
    border-radius: 24px 24px 0 0;
  }
  .naaia-challenges::before {
    display: none;
  }
  .naaia-challenges__inner {
    gap: 40px;
  }
  .naaia-challenges__header {
    gap: 12px;
  }
  .naaia-challenges__title {
    max-width: 100%;
  }
  .naaia-challenges__cards {
    flex-direction: column;
    gap: 16px;
  }
  .naaia-challenges__card {
    width: 100%;
    min-height: auto;
  }
  .naaia-challenges__card-title {
    font-size: 22px;
    line-height: 30px;
  }
}