html {
    scroll-behavior: smooth;
  }
  :root {
  
    --arrow-right-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 20.725 17.65 12 8.5 3.275l-1.38 1.45L14.755 12 7.12 19.275l1.38 1.45z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
    --arrow-bg-color: #000;
    --arrow-color: #fff;
}

.CtaAnimated {
  --CtaAnimated-color: #000;
  --CtaAnimated-color-hovered: #fff;
  --CtaAnimated-border-width: 1px;
  --CtaAnimated-border-color: #000;
  --CtaAnimated-border-color-hovered: var(--CtaAnimated-border-color);
  --CtaAnimated-bg-color: #fff;
  --CtaAnimated-bg-color-hovered: #000;
}


.capitalize {
  text-transform: capitalize !important;
}

.Component4v0__title{
  text-transform: none !important;
}
.ImageVideoSlider__item {
  aspect-ratio: 16 / 9;
}
.Youtube {
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}
.PPCarousel__pinned {
  background-color: #fff !important;
}
.PPCarousel__navItem {
  color: #000000 !important;
}

.NormalizedSlice.is-default-padding {
  padding: 16px;
}

.SubNav {
    z-index: 4;
    width: 100%;
    position: relative;
}
.SubNav.is-fixed {
    position: fixed;
}

.SubNav__content {
    width: 100%;
    display: flex;
    position: relative;
}


.SubNav__content {
    background-color: #fff;
    border-bottom: 1px solid #d9d9d6;
    height: 60px;
}

.Sentinel__top,
.Sentinel__bottom {
  visibility: hidden;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
}

.SubNav__wrapper {
  width: 100%;
  position: relative;
}

.ScrollArrows__innerWraper {
  width: 100%;
  display: flex;
}

.SubNav__link {
    color: #000;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: NouvelR\, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    display: flexs;
}

.SubNav__link {
    text-transform: uppercase;
}

.SubNav__links {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  overflow-x: auto;
}

.SubNav__links,
.SubNav__linkItem {
  padding: 0 8px;
}

.SubNav__linkItem {
    cursor: pointer;
    white-space: nowrap;
    display: flex
;
    position: relative;
}
.MediaCopy.is-large .MediaCopy__copy {
  padding-top: 40px;
}

.Component1v0_largeLayout .Component1v0__title {
  margin-bottom: 24px;
  font-family: NouvelR\, sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 0.95;
}

.WidgetCard__title.is-small {
  font-family: NouvelR\, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 0.95;
}
.WidgetCard__description {
  font-family: NouvelR\, sans-serif;
  font-weight: 400;
  line-height: 1;
}

.WidgetCard__cta {
  opacity: 0;
  margin: auto 0 0 auto;
}

.CustomScroll {
  position: relative;
}

.CtaLink.is-button {
  min-width: 46px;
  min-height: 46px;
  padding: 10px 15px;
  border-radius: 0;
  background-color: transparent;
  color: #ffffff;
  fill: currentColor;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  border-color: #000000;
  transition: background-color 0.3s ease-out, color 0.3s ease-out,
    border-color 0.3s ease-out;
}

.CtaLink.is-cta-ghost.is-inverted {
  color: #fff;
}

.CtaLink.has-parent-clickable:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.CtaLink.is-cta-ghost.is-inverted {
  color: #fff;
}

.WidgetCard__iconWrapper {
  aspect-ratio: 1;
  pointer-events: none;
  border: 1px solid;
  align-content: center;
  justify-content: center;
  width: 32px;
  display: grid;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.CtaLink:is(.is-cta-primary, .is-cta-super-primary) {
  color: #fff;
  background-color: #000;
}

.CtaLink.is-cta-ghost:is(:hover, :focus):not(:disabled):not(.is-loading) {
  color: #fff !important;
  background-color: #000;
  border-color: #000000;
}
.CtaLink.is-cta-ghost:is(:hover, :focus):not(:disabled):not(.is-loading) {
  color: #fff !important;
  background-color: #000;
  border-color: #000000;
}

.Component12v0 {
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  display: flex;
}
.CTABar {
  gap: 16px;
  display: grid;
}

.HorizontalGallery {
  flex-direction: column;
  display: flex;
}

.HorizontalGallery__textSlide {
  padding-top: 48px;
}
.HorizontalGallery__textSlide {
    margin: 0 12px 20px;
}
.HorizontalGallery__textSlideContent {
  flex-direction: column;
  justify-content: flex-end;
  width: 80vw;
  display: flex;
}

.HorizontalGallery__title {
  font-family: NouvelR\, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 0.95;
}

.HorizontalGallery__description {
  margin-top: 16px;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.HorizontalGallery__item {
  width: -webkit-min-content;
  text-align: left;
  flex-direction: column;
  width: min-content;
  height: 100%;
  padding: 0 16px 32px;
  display: flex;
}

.HorizontalGallery__items {
  width: -webkit-fit-content;
  width: fit-content;
  display: grid;
}

.HorizontalGallery__imageWrapper {
  aspect-ratio: 3 / 4;
  width: 80vw;
  overflow: hidden;
}

.CustomScroll.is-navbar-arrows-bottom .CustomScroll__container {
  padding-bottom: 32px;
}

.CustomScroll__container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  width: 100%;
  display: flex
;
  overflow-x: scroll;
  overflow-y: hidden;
}


.CustomScroll__child.is-snap-center-start {
  scroll-snap-align: center;
}

.HorizontalGallery__caption {
  color: #656666;
  padding: 8px 0;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.HorizontalGallery__caption {
  font-family: NouvelR\, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}

.HorizontalGallery__textSlideContent {
  flex-direction: column;
  justify-content: flex-end;
  width: 80vw;
  display: flex;
}


.EditorialProcessSteps {
    flex-direction: column;
    align-items: center;
    padding: 16px;
    display: flex
;
    position: relative;
}

.EditorialContentZone>.Slice, .EditorialContentZone>.SliceTabs, .EditorialContentZone .InternalSlice {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ProcessSteps__steps {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-left: 16px;
    display: flex;
}


.EditorialProcessSteps__buttons {
    grid-row-gap: 8px;
    grid-template-rows: 1fr auto;
    width: 100%;
    padding: 48px 0 8px;
    display: grid;
}

.ProcessSteps__step {
    flex-direction: row;
    flex: 1;
    align-items: center;
    padding: 8px 0;
    display: flex;
    position: relative;
}

.ProcessSteps__symbol {
    z-index: 1;
    border: 1px solid;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    font-family: NouvelR\, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: .95;
    display: flex;
}

.ProcessSteps__stepContent

 {
    text-align: left;
    max-width: 232px;
    padding: 16px;
    font-family: NouvelR\, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
}


.ProcessSteps__step:not(:first-child):before, .ProcessSteps__step:not(:last-child):after {
    content: "";
    position: absolute;
}


/**
Sincronizar
*/
.ContentZone__footer, .ContentZone__subfooter, .ContentZone__menu, .ContentZone__pageHeader, .ContentZone__submenu {
  position: relative;
}
.ContentZone {
  flex-direction: column;
  display: flex;
}
.ContentZone>* {
  flex: 1 0 auto;
}
.Component23v0__content {
  color: #fff;
}
.Component23v0 {
  background-color: #000;
}
.Component23v0 {
  --Component23v0-height: 100vh;
}

.Component23v0__content {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-self: center;
  justify-self: center;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.Component23v0__wrapper {
  grid-template-areas: "main";
  height: 240px;
  display: grid;
}

.Component23v0__assetWrapper, .Component23v0__content {
  grid-area: main;
}

.Component23v0__heading {
  max-width: 1280px;
}

.Component23v0__title {
  font-family: NouvelR\, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: .95;
}


.RevealTitle {
  text-align: center;
  flex-direction: column;
  display: flex;
  position: relative;
}



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

.ComponentD9v0 {
  flex: 1;
}

.ComponentD9v0__wrapper {
  position: relative;
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__wrapper {
  grid-template-areas: "main";
  display: grid;
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__textWrapper, .ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img {
  grid-area: main;
}
.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__textWrapper {
  z-index: 1;
  color: #fff;
  align-self: end;
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img {
  position: relative;
}


.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img:before {
  content: "";
  z-index: 1;
  background-color: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


.ComponentD9v0__textWrapper {
  padding: 0 16px 24px;
}


/**
end Soncronizar 
*/

.ListGroup {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.ComponentD4v0{
  flex-direction: column;
    gap: 16px;
    display: flex;
}


.SubComponentD4v0__item {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.SubComponentD4v0__imageWrapper {
  flex: none;
  width: 48px;
}

.SubComponentD4v0__text {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding-bottom: 16px;
  display: flex;
}
.SubComponentD4v0__body {
  font-family: NouvelR\, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.SubComponentD4v0:not(:last-child) .SubComponentD4v0__text {
  border-bottom: 1px solid #d9d9d6;
}

.Accordion__content{
  display: grid !important;
}

.Accordion__content.is-hidden{
  display: grid !important;
  grid-template-rows: 0fr;
}


/**
Descubri
*/

.CardsFeaturePromo {
  flex-direction: column;
  gap: 32px;
}
.CardFeaturePromo {
  background-color: #f2f2f2;
  display: grid;
}
.CardsFeaturePromo>:first-child {
  grid-area: card-1;
}

.CardFeaturePromo__textContent {
  z-index: 1;
  padding: 32px;
}

.CardFeaturePromo__title {
  margin-bottom: 16px;
  font-family: NouvelR\, sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: .95;
}

.CardFeaturePromo__description {
  margin-bottom: 16px;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}


.CardFeaturePromo__imageWrapper {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}


.PictureElement.is-covered {
  height: 100%;
}


.CardFeaturePromo {
  background-color: #f2f2f2;
  display: grid;
}


.CardsFeaturePromo>:nth-child(3) {
  grid-area: card-3;
}
.CardFeaturePromo__textContent {
  z-index: 1;
  padding: 32px;
}
.CardFeaturePromo__title {
  margin-bottom: 16px;
  font-family: NouvelR\, sans-serif;
  font-size:28px;
  font-weight: 700;
  line-height: .95;
}
.CardFeaturePromo__description {
  margin-bottom: 16px;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.CardsFeaturePromo .is-cta-ghost{
  color:#000000
}


/**
fin Descubri
*/




.ActionBanner {
  justify-content: center;
  display: flex;
}
.ActionBanner__inner {
  border: 1px solid #d9d9d6;
  border-radius: 3px;
  padding: 8px;
}

.ActionBanner__picture {
  border-radius: 3px;
  display: flex
;
  overflow: hidden;
}

.ActionBanner__pictureWrapper {
  align-items: center;
  margin: 24px;
  display: flex;
}

.ActionBanner__container {
  flex-direction: column;
  display: flex;
}


.ActionBanner__content {
  flex: 1;
  margin: 0 24px;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}


.ActionBanner__strapline, .ActionBanner__introduction {
  display: block;
}

.ActionBanner__introduction {
  margin-top: 8px;
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.ActionBanner__CTAWrapper {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.ActionBanner__title {
  font-family: NouvelR\, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: .95;
}



.NormalizedSlice.is-extended-bg-alternative {
  background-color: #f2f2f2;
  position: relative;
}

.CustomScroll {
  position: relative;
}

.CustomScroll_center {
  display: flex;
}

.CustomScroll_center .CustomScroll__container {
  width: auto;
  margin: 0 auto;
}

.CustomScroll__container.has-smooth-scroll {
  scroll-behavior: smooth;
}


.CustomScroll.is-navbar-dots-below {
  margin-bottom: 64px;
}


.CardsPictosGallery__card {
  background-color: #fff;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 32px;
  width: 80vw;
  height: 100%;
  margin-left: 16px;
  padding: 32px;
  display: flex;
  scroll-snap-align: start;
}


.CardsPictosGallery__content {
  flex-direction: column;
  gap: 16px;
  margin-bottom: auto;
  display: flex
;
}

.CardsPictosGallery__icon {
  fill: currentColor;
  width: 48px;
}

.CardsPictosGallery__title {
  font-family: NouvelR\, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: .95;
}
.CardsPictosGallery__text {
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.CustomScrollCarousel__container{
  display: flex;
  overflow-x: auto;
  width: 100%;
  max-width: 1330px;
  position: relative;
  margin: 0px auto;
  scroll-behavior: smooth;
  anchor-name: --carousel;
  scroll-snap-type: x mandatory;
}
.CustomScrollCarousel__container::-webkit-scrollbar{
  display: none;
}


.CustomScrollCarousel__container::scroll-button(left), 
.CustomScrollCarousel__container::scroll-button(right) {
    width: 48px;
    height: 48px;
    position: fixed;
    position-anchor: --carousel;
    color: #ffffff;
    border: none;  
    border-radius: 8px;  
    cursor: pointer;
}

.CustomScrollCarousel__container::scroll-button(left):disabled, 
.CustomScrollCarousel__container::scroll-button(right):disabled
{
opacity: .5;
cursor: auto;
}
.CustomScrollCarousel__container::scroll-button(right) {
    content: "";
    background-color: var(--arrow-bg-color);
    background-image: var(--arrow-right-svg);
    background-size: 24px 24px; /* Un poco más grande para que se vea mejor */
    background-repeat: no-repeat;
    background-position: center;
    position-area: right center;
}
 
.CustomScrollCarousel__container::scroll-button(left) {
    content: "";
    background-color: var(--arrow-bg-color);
    background-image: var(--arrow-right-svg);
    background-size: 24px 24px; /* Mismo tamaño que el derecho */
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    position-area: left center;
}



.CTABar {
  gap: 16px;
  display: grid;
}

.CtaAnimated__button:hover {
  color: var(--CtaAnimated-color-hovered) !important;
  border-color: var(--CtaAnimated-border-color-hovered);
  background-position-x: left;
}


.CtaAnimated__button {
  border: var(--CtaAnimated-border-width) solid var(--CtaAnimated-border-color);
  width: 100%;
  height: 100%;
  min-height: 80px;
  color: var(--CtaAnimated-color);
  text-align: left;
  background-image: linear-gradient(to left, var(--CtaAnimated-bg-color) 50%, var(--CtaAnimated-bg-color-hovered) 50%);
  background-position: 100% 0;
  background-size: 200% 100%;
  align-items: center;
  padding: 32px 24px;
  transition: background-position .3s 
ease-out, color .3s 
ease-out, border-color .3s 
ease-out;
  display: flex
;
  position: relative;
}


svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: hidden;
}


.CtaAnimated__icon {
  fill: currentColor;
  width: 24px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.CtaAnimated__text {
  font-family: NouvelR\, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}




.CtaAnimated__button:hover .CtaAnimated__icon, .CtaAnimated.is-inverted .CtaAnimated__icon {
  fill: #efdf00;
}

@media screen and (min-width: 670px) {
  .CtaAnimated__button {
      align-items: baseline;
  }
}


@media screen and (min-width: 670px) {
  .CTABar.is-grid {
      grid-auto-columns: minmax(0, 280px);
      grid-auto-flow: column;
      justify-content: center;
  }
}


@media screen and (min-width: 670px) {
  .CardsPictosGallery__card {
      width: 280px;
  }
}

@media screen and (min-width: 670px) {
  .ActionBanner__CTAWrapper {
      margin-top: 0;
  }
}

@media screen and (min-width: 670px) {
  .ActionBanner__content {
      margin: 0 32px 0 24px;
  }
}

@media screen and (min-width: 670px) {
  .ActionBanner__container {
      flex-direction: row;
      flex: 1;
  }
}

@media screen and (min-width: 670px) {
  .ActionBanner__inner {
      flex-direction: row;
      flex: 1;
      align-items: center;
      width: 100%;
      max-width: 1280px;
      padding: 16px 32px 16px 16px;
      display: flex;
  }
}

@media screen and (min-width: 670px) {
  .ActionBanner__pictureWrapper {
      max-width: 256px;
      margin: 0;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo__ctaWrapper {
      white-space: nowrap;
  }
}
@media screen and (min-width: 670px) {
  .CardFeaturePromo__title {
      font-size: 30px;
  }
}
@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-right .CardFeaturePromo__imageWrapper {
      grid-area: 1 / 2 / -1 / 3;
      align-items: flex-end;
      display: flex;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo__imageWrapper {
      aspect-ratio: unset;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-right .CardFeaturePromo__image {
      height: auto;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-right .CardFeaturePromo__title, .CardFeaturePromo.is-image-right .CardFeaturePromo__description {
      max-width: 40%;
      padding-right: 16px;
  }
}
@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-right .CardFeaturePromo__textContent {
      grid-area: 1 / 1 / -1 / -1;
  }
}
@media screen and (min-width: 670px) {
  .CardFeaturePromo {
      overflow: hidden;
  }
}
@media screen and (min-width: 670px) {
  .CardsFeaturePromo {
      grid-template-columns: 1fr 1fr;
      display: grid;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-right {
      --CardFeaturePromo-content-width: 40%;
      grid-template-columns: var(--CardFeaturePromo-content-width) calc(100% - var(--CardFeaturePromo-content-width));
  }
}

@media screen and (min-width: 670px) {
  .CardsFeaturePromo.is-grid-3 {
      grid-template-areas:
      "card-1 card-3"
      "card-2 card-3"
      ". .";
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo__ctaWrapper {
      white-space: nowrap;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo {
      overflow: hidden;
  }
}

@media screen and (min-width: 670px) {
  .CardFeaturePromo.is-image-bottom {
      align-content: space-between;
  }
}

@media screen and (min-width: 670px) {
  .SubComponentD4v0__text {
      padding-bottom: 32px;
  }
}

@media screen and (min-width: 670px) {
  .SubComponentD4v0__item {
      gap: 40px;
  }
}

@media screen and (min-width: 670px) {
  .ComponentD4v0 {
      gap: 32px;
  }
}

@media screen and (min-width: 670px) {
  .Crosslinks {
      flex-direction: row !important;
  }
}

@media screen and (min-width: 670px) {
  .RevealTitle__secondTitle {
      display: block;
  }
}

@media screen and (min-width: 670px) {
  .Component23v0__content {
      gap: 24px;
  }
}

@media screen and (min-width: 670px) {
    .SubNav__content {
        justify-content: space-between;
        display: flex;
        position: relative;
    }
}

@media screen and (min-width: 670px) {
    .EditorialContentZone>.Slice, .EditorialContentZone>.SliceTabs, .EditorialContentZone .InternalSlice
 
 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__image {
    transition: transform 0.35s ease-in-out;
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__image:hover {
      transform: scale(1.05);
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__textSlide {
    padding-top: 0;
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__imageWrapper {
    width: 350px;
  }
}

@media screen and (min-width: 670px) {
  .CustomScroll__child.is-snap-center-start {
    scroll-snap-align: start;
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__description {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__title {
    font-size: 4.8rem;
  }
}

@media screen and (min-width: 670px) {
  .HorizontalGallery__textSlide {
    padding-top: 0;
  }
}

@media screen and (min-width: 670px) {
  .MediaCopy.is-large .MediaCopy__copy {
    margin-left: 40px;
    padding-top: 0;
  }
}

@media screen and (min-width: 670px) {
  .Component12v0 {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (min-width: 670px) {
  .Component23v0__title {
      font-size: 5.8rem;
  }
}

@media (max-width: 768px) {
    .SubNav__linkItem {
        
        width: auto;
        margin-right: 10px;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (max-width: 768px) {
    .SubNav__linkItem a
 
 {
        height: auto !important;
        display: block;
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px){
    .SubNav.is-fixed{
        top: 90px;
    }
}


@media (max-width: 1023px) {
    .ProcessSteps__step:not(:first-child):before {
        top: 0;
    }
}

@media (max-width: 1023px) {
    .ProcessSteps__step:not(:last-child):after {
        bottom: 0;
    }
}

@media (max-width: 1023px) {
    .ProcessSteps__step:not(:first-child):before, .ProcessSteps__step:not(:last-child):after {
        border-left: 1px solid;
        height: calc(50% - 20px);
        left: 20px;
    }
}

@media (max-width: 1023px) {
    .ProcessSteps__step:not(:first-child):before, .ProcessSteps__step:not(:last-child):after {
        border-left: 1px solid;
        height: calc(50% - 20px);
        left: 20px;
    }
}

@media screen and (min-width: 1024px) {
  .CardsPictosGallery__title {
      font-size: 3.2rem;
  }
}


@media screen and (min-width: 1024px) {
  .ActionBanner__title {
      font-size: 25px;
  }
}


@media screen and (min-width: 1024px) {
  .NormalizedSlice.is-padding-block {
      padding-top: 32px;
      padding-bottom: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .RevealTitle.is-leftAligned {
      text-align: left;
      align-items: start;
      display: block;
  }
}

@media screen and (min-width: 1024px) {
  .Component23v0__title {
      font-size: 5.8rem;
  }
}



@media screen and (min-width: 1024px) {
    .ProcessSteps__step:not(:last-child):after {
        right: 0;
    }
}

@media screen and (min-width: 1024px) {
    .ProcessSteps__step:not(:first-child):before {
        left: 0;
    }
}



@media screen and (min-width: 1024px) {
    .ProcessSteps__step:not(:first-child):before, .ProcessSteps__step:not(:last-child):after {
        border-top: 1px solid;
        width: calc(50% - 24px);
        top: 24px;
    }
}

@media screen and (min-width: 1024px) {
    .ProcessSteps__stepContent {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .ProcessSteps__symbol {
        width: 48px;
        height: 48px;
        font-size: 3.2rem;
    }
}

@media screen and (min-width: 1024px) {
    .ProcessSteps__step {
        flex-direction: column;
        max-width: 232px;
        padding: 0;
    }
}

@media screen and (min-width: 1024px) {
    .ProcessSteps__steps {
        flex-direction: row;
        padding-left: 0;
    }
}

@media screen and (min-width: 1024px) {
    .EditorialContentZone>.Slice, .EditorialContentZone>.SliceTabs, .EditorialContentZone .InternalSlice {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media screen and (min-width: 1024px) {
    .NormalizedSlice.is-padding-block {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media screen and (min-width: 1024px) {
  .HorizontalGallery__item {
    padding: 0 28px 32px;
  }
}

@media screen and (min-width: 1024px) {
  .HorizontalGallery {
    flex-direction: row;
    margin: 32px 0;
    padding: 64px 0;
  }
}

@media screen and (min-width: 1024px) {
  .HorizontalGallery__title {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .HorizontalGallery__textSlideContent {
    aspect-ratio: 3 / 4;
    width: 344px;
  }
}

@media screen and (min-width: 1024px) {
  .NormalizedSlice.is-default-padding {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .WidgetCard__iconWrapper {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .WidgetCard__cta {
    opacity: 1;
  }
}

@media screen and (min-width: 1024px) {
  .WidgetCard__description {
    margin-top: 16px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .WidgetCard__description {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .SubNav__links {
    overflow-y: hidden;
  }
}

@media screen and (min-width: 1024px) {
  .MediaCopy.is-large .MediaCopy__copy {
    margin-left: 96px;
  }
}

@media screen and (min-width: 1024px) {
  .Component1v0_largeLayout .Component1v0__title {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .WidgetCard__title.is-small {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .HorizontalGallery__textSlide {
    flex: 0 0 400px;
    margin: 0;
    padding-bottom: 32px;
    padding-left: 16px;
  }
}

@media screen and (min-width: 1280px) {
  .NormalizedSlice.is-extended-bg-alternative:before {
      content: "";
      z-index: -1;
      background-color: #f2f2f2;
      width: 100vw;
      height: 100%;
      margin-left: -50vw;
      position: absolute;
      top: 0;
      left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .HorizontalGallery__textSlide {
    margin-left: calc(50vw - 640px);
  }
}

@media screen and (min-width: 1280px) {
  .NormalizedSlice.is-full-width {
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
  }
}

@media screen and (min-width: 1280px) {
  .CardsPictosGallery__card {
      width: 318px;
  }
}

@media screen and (min-width: 1440px) {
  .NormalizedSlice.is-default-padding {
    padding-left: 0;
    padding-right: 0;
  }
}