.elementor-1380 .elementor-element.elementor-element-b8a740b{--display:flex;}.elementor-1380 .elementor-element.elementor-element-f71637d{--display:flex;}.elementor-1380 .elementor-element.elementor-element-541f07a{--display:flex;}.elementor-1380 .elementor-element.elementor-element-6a5615d{--display:flex;}.elementor-1380 .elementor-element.elementor-element-66e0794{--display:flex;}.elementor-1380 .elementor-element.elementor-element-f73ed0f{--display:flex;}.elementor-1380 .elementor-element.elementor-element-30cf4dc{--display:flex;}.elementor-1380 .elementor-element.elementor-element-9118578{--display:flex;}.elementor-1380 .elementor-element.elementor-element-1f792ab{--display:flex;}.elementor-1380 .elementor-element.elementor-element-3379c06{--display:flex;}.elementor-1380 .elementor-element.elementor-element-a2f2534{--display:flex;}.elementor-1380 .elementor-element.elementor-element-da33dcc{--display:flex;}@media(max-width:767px){.elementor-1380 .elementor-element.elementor-element-b8a740b{--width:100%;}.elementor-1380 .elementor-element.elementor-element-541f07a{--width:100%;}.elementor-1380 .elementor-element.elementor-element-6a5615d{--width:100%;}.elementor-1380 .elementor-element.elementor-element-66e0794{--width:100%;}.elementor-1380 .elementor-element.elementor-element-f73ed0f{--width:100%;}.elementor-1380 .elementor-element.elementor-element-9118578{--width:100%;}}@media(min-width:768px){.elementor-1380 .elementor-element.elementor-element-b8a740b{--width:100%;}.elementor-1380 .elementor-element.elementor-element-f71637d{--width:100%;}.elementor-1380 .elementor-element.elementor-element-541f07a{--width:100%;}.elementor-1380 .elementor-element.elementor-element-6a5615d{--width:100%;}.elementor-1380 .elementor-element.elementor-element-66e0794{--width:100%;}.elementor-1380 .elementor-element.elementor-element-f73ed0f{--width:100%;}.elementor-1380 .elementor-element.elementor-element-30cf4dc{--width:100%;}.elementor-1380 .elementor-element.elementor-element-9118578{--width:100%;}.elementor-1380 .elementor-element.elementor-element-1f792ab{--width:100%;}.elementor-1380 .elementor-element.elementor-element-3379c06{--width:100%;}.elementor-1380 .elementor-element.elementor-element-a2f2534{--width:100%;}.elementor-1380 .elementor-element.elementor-element-da33dcc{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6078867 */:root{
  --maya-blue:#0828c8;
  --maya-electric:#164cff;
  --maya-dark:#071126;
  --maya-orange:#ff641e;
  --maya-cream:#f5f3ed;
  --maya-white:#fff;
  --maya-muted:#697386;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--maya-cream);
  color:var(--maya-dark);
  font-family:"DM Sans",sans-serif;
}

.maya-nav{
  position:relative;
  z-index:100;
  width:100%;
  background:#fff;
  border-bottom:1px solid rgba(7,17,38,.08);
}

.maya-nav__inner{
  min-height:72px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.maya-brand{
  position:relative;
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--maya-dark);
  text-decoration:none;
  font-family:"Manrope",sans-serif;
  font-size:17px;
}

.maya-brand strong{font-weight:800}

.maya-brand i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--maya-orange);
  margin:2px 0 0 2px;
}

.maya-nav__links{display:none}

.maya-nav__cta{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--maya-dark);
  text-decoration:none;
  font-size:13px;
  font-weight:600;
}

.maya-nav__cta span{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--maya-orange);
}

@media(min-width:900px){
  .maya-nav__inner{
    max-width:1240px;
    min-height:84px;
    margin:auto;
    padding:0 32px;
  }

  .maya-nav__links{
    display:flex;
    gap:34px;
  }

  .maya-nav__links a{
    color:#555e6e;
    text-decoration:none;
    font-size:13px;
    transition:.25s;
  }

  .maya-nav__links a:hover{color:var(--maya-blue)}

  .maya-nav__cta{
    padding:8px 8px 8px 18px;
    border:1px solid #e5e7eb;
    border-radius:100px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48f0e70 *//* ==========================================================
   MAYARA ARAUJO
   HERO PREMIUM
   MOBILE FIRST
========================================================== */

.maya-hero{
  --maya-blue:#0828c8;
  --maya-orange:#ff641e;
  --maya-dark:#071126;
  --maya-white:#ffffff;
  --maya-offwhite:#f4f2ec;
  --maya-gray:#747b87;

  position:relative;

  width:100%;

  overflow:hidden;

  background:var(--maya-offwhite);
  color:var(--maya-dark);
}

.maya-hero *,
.maya-hero *::before,
.maya-hero *::after{
  box-sizing:border-box;
}


/* ==========================================================
   WRAPPER
========================================================== */

.maya-hero__wrap{
  width:100%;
}


/* ==========================================================
   CONTEÚDO
========================================================== */

.maya-hero__content{
  position:relative;

  width:100%;

  padding:
    42px
    20px
    60px;

  background:var(--maya-offwhite);
}


/* ==========================================================
   TOPO
========================================================== */

.maya-hero__content-top{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  margin-bottom:27px;
}

.maya-hero__eyebrow{
  max-width:220px;

  color:var(--maya-orange);

  font-size:8px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.13em;
}

.maya-hero__location{
  flex:none;

  color:#969ca6;

  font-size:7px;
  font-weight:700;
  letter-spacing:.12em;
}


/* ==========================================================
   TÍTULO
========================================================== */

.maya-hero__title{
  max-width:700px;

  margin:0;

  color:var(--maya-dark);

  font-family:"Manrope",Arial,sans-serif;

  font-size:clamp(
    44px,
    13vw,
    70px
  );

  font-weight:650;

  line-height:.91;

  letter-spacing:-.065em;
}

.maya-hero__title span{
  color:var(--maya-blue);
}

.maya-hero__title em{
  color:var(--maya-orange);

  font-style:normal;
}


/* ==========================================================
   VÍDEO
========================================================== */

.maya-hero__media{
  position:relative;

  overflow:hidden;

  background:var(--maya-dark);
}

.maya-hero__video{
  position:absolute;

  z-index:1;

  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center center;

  background:var(--maya-dark);
}


/* ==========================================================
   MOBILE VIDEO

   FICA LOGO DEPOIS DO TÍTULO
========================================================== */

.maya-hero__media--mobile{
  width:calc(100% + 40px);

  height:68svh;
  min-height:470px;
  max-height:650px;

  margin:
    34px
    -20px
    0;
}


/* ==========================================================
   DESKTOP VIDEO

   ESCONDIDO NO MOBILE
========================================================== */

.maya-hero__media--desktop{
  display:none;
}


/* ==========================================================
   OVERLAY
========================================================== */

.maya-hero__media-overlay{
  position:absolute;

  z-index:2;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(7,17,38,.24) 0%,
      rgba(7,17,38,.03) 30%,
      rgba(7,17,38,0) 55%,
      rgba(7,17,38,.10) 68%,
      rgba(7,17,38,.72) 100%
    );
}


/* ==========================================================
   IDENTIFICAÇÃO SUPERIOR
========================================================== */

.maya-hero__media-top{
  position:absolute;

  z-index:4;

  top:0;
  left:0;
  right:0;

  padding:21px 20px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  color:#fff;
}

.maya-hero__media-top span{
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}


/* ==========================================================
   IDENTIFICAÇÃO INFERIOR
========================================================== */

.maya-hero__media-bottom{
  position:absolute;

  z-index:4;

  left:20px;
  right:20px;
  bottom:21px;

  padding-top:16px;

  display:flex;
  align-items:center;

  gap:9px;

  border-top:1px solid rgba(255,255,255,.30);

  color:#fff;
}

.maya-hero__media-bottom span:last-child{
  font-size:7px;
  font-weight:700;
  letter-spacing:.14em;
}

.maya-hero__status-dot{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:var(--maya-orange);

  box-shadow:
    0 0 0 4px rgba(255,100,30,.17);
}


/* ==========================================================
   DESCRIÇÃO
========================================================== */

.maya-hero__description{
  max-width:580px;

  margin-top:32px;

  padding-top:24px;

  border-top:1px solid #d8d9d6;
}

.maya-hero__description p{
  margin:0;

  color:var(--maya-gray);

  font-size:13px;
  line-height:1.75;
}

.maya-hero__description p:first-child{
  color:var(--maya-dark);

  font-size:14px;
  font-weight:500;
}

.maya-hero__description p + p{
  margin-top:12px;
}


/* ==========================================================
   BOTÕES
========================================================== */

.maya-hero__actions{
  display:flex;
  flex-direction:column;

  gap:8px;

  margin-top:30px;
}

.maya-hero__button{
  min-height:54px;

  padding:0 19px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  text-decoration:none;

  font-size:9px;
  font-weight:800;
  letter-spacing:.03em;

  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease;
}

.maya-hero__button strong{
  font-size:17px;
  font-weight:400;
}

.maya-hero__button--primary{
  background:var(--maya-blue);

  color:#fff;
}

.maya-hero__button--secondary{
  border:1px solid #d6d7d4;

  background:transparent;

  color:var(--maya-dark);
}

.maya-hero__button--secondary strong{
  color:var(--maya-orange);
}


/* ==========================================================
   FOOTER
========================================================== */

.maya-hero__footer{
  margin-top:44px;

  padding-top:18px;

  display:flex;
  align-items:center;

  gap:9px;

  border-top:1px solid #d8d9d6;
}

.maya-hero__footer span{
  flex:none;

  color:#9299a4;

  font-size:6px;
  font-weight:700;
  letter-spacing:.12em;
}

.maya-hero__footer i{
  height:1px;

  flex:1;

  background:#d8d9d6;
}


/* ==========================================================
   MOBILE PEQUENO
========================================================== */

@media(max-width:390px){

  .maya-hero__content{
    padding:
      36px
      16px
      55px;
  }

  .maya-hero__title{
    font-size:43px;
  }

  .maya-hero__media--mobile{
    width:calc(100% + 32px);

    height:64svh;
    min-height:450px;

    margin:
      30px
      -16px
      0;
  }

  .maya-hero__media-top{
    padding-left:16px;
    padding-right:16px;
  }

  .maya-hero__media-bottom{
    left:16px;
    right:16px;
  }

}


/* ==========================================================
   TABLET
========================================================== */

@media(min-width:500px) and (max-width:849px){

  .maya-hero__content{
    padding:
      55px
      32px
      70px;
  }

  .maya-hero__media--mobile{
    width:calc(100% + 64px);

    height:75svh;
    min-height:600px;

    margin:
      40px
      -32px
      0;
  }

  .maya-hero__video{
    object-position:center 35%;
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-hero{
    min-height:760px;
  }

  .maya-hero__wrap{
    max-width:1440px;

    min-height:760px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
      1.05fr
      .95fr;

    align-items:stretch;
  }


  /* ========================================================
     MOBILE VIDEO SOME
  ======================================================== */

  .maya-hero__media--mobile{
    display:none;
  }


  /* ========================================================
     DESKTOP VIDEO APARECE
  ======================================================== */

  .maya-hero__media--desktop{
    display:block;

    width:100%;
    height:100%;

    min-height:760px;
  }

  .maya-hero__media--desktop .maya-hero__video{
    object-position:center center;
  }


  /* ========================================================
     CONTEÚDO
  ======================================================== */

  .maya-hero__content{
    min-height:760px;

    padding:
      110px
      64px
      55px;

    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .maya-hero__content-top{
    max-width:650px;

    margin-bottom:45px;
  }

  .maya-hero__title{
    max-width:680px;

    font-size:clamp(
      58px,
      5.3vw,
      82px
    );
  }


  /* ========================================================
     DESCRIÇÃO
  ======================================================== */

  .maya-hero__description{
    max-width:550px;

    margin-top:40px;
  }

  .maya-hero__description p{
    font-size:13px;
  }

  .maya-hero__description p:first-child{
    font-size:15px;
  }


  /* ========================================================
     BOTÕES
  ======================================================== */

  .maya-hero__actions{
    max-width:550px;

    margin-top:35px;

    flex-direction:row;
  }

  .maya-hero__button{
    width:auto;

    min-width:170px;

    gap:30px;
  }


  /* ========================================================
     FOOTER
  ======================================================== */

  .maya-hero__footer{
    max-width:550px;

    margin-top:auto;
  }


  /* ========================================================
     ELEMENTOS DO VÍDEO
  ======================================================== */

  .maya-hero__media-top{
    padding:32px;
  }

  .maya-hero__media-bottom{
    left:32px;
    right:32px;
    bottom:30px;
  }

}


/* ==========================================================
   DESKTOP GRANDE
========================================================== */

@media(min-width:1200px){

  .maya-hero__wrap{
    grid-template-columns:
      1.08fr
      .92fr;
  }

  .maya-hero__content{
    padding-left:80px;
    padding-right:75px;
  }

}


/* ==========================================================
   HOVERS
========================================================== */

@media(hover:hover) and (pointer:fine){

  .maya-hero__button--primary:hover{
    background:var(--maya-orange);

    transform:translateY(-2px);
  }

  .maya-hero__button--secondary:hover{
    border-color:var(--maya-dark);

    background:var(--maya-dark);

    color:#fff;

    transform:translateY(-2px);
  }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

  .maya-hero__button{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b6ff46 *//* ==========================================================
   COMO EU TRABALHO
========================================================== */

.maya-process{
  --process-dark:#061126;
  --process-orange:#ff641e;
  --process-blue:#5074ff;
  --process-white:#ffffff;

  position:relative;

  padding:90px 20px;

  overflow:hidden;

  background:var(--process-dark);
  color:#fff;
}

.maya-process *,
.maya-process *::before,
.maya-process *::after{
  box-sizing:border-box;
}

.maya-process__wrap{
  width:100%;
  max-width:1240px;

  margin:0 auto;
}


/* ==========================================================
   DECORAÇÃO
========================================================== */

.maya-process::before{
  content:"";

  position:absolute;

  width:480px;
  height:480px;

  top:-270px;
  right:-270px;

  border:1px solid rgba(255,255,255,.04);
  border-radius:50%;

  pointer-events:none;
}

.maya-process::after{
  content:"";

  position:absolute;

  width:300px;
  height:300px;

  left:-200px;
  bottom:-180px;

  border:1px solid rgba(255,100,30,.08);
  border-radius:50%;

  pointer-events:none;
}


/* ==========================================================
   HEADER
========================================================== */

.maya-process__header{
  position:relative;
  z-index:2;
}

.maya-process__eyebrow{
  display:block;

  margin-bottom:28px;

  color:#6684ff;

  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.maya-process__header h2{
  max-width:980px;

  margin:0;

  font-family:"Manrope",sans-serif;
  font-size:clamp(43px,11vw,78px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:650;
}

.maya-process__header h2 > span{
  color:rgba(255,255,255,.13);
}

.maya-process__header h2 em{
  color:var(--process-orange);
  font-style:normal;
}

.maya-process__header > p{
  max-width:780px;

  margin:30px 0 0;

  color:rgba(255,255,255,.80);

  font-size:14px;
  line-height:1.8;
}


/* ==========================================================
   STEPS
========================================================== */

.maya-process__steps{
  position:relative;
  z-index:2;

  display:grid;

  gap:0;

  margin-top:65px;

  border-top:1px solid rgba(255,255,255,.15);
}


/* ==========================================================
   STEP
========================================================== */

.maya-process__step{
  position:relative;

  padding:38px 0;

  border-bottom:1px solid rgba(255,255,255,.13);

  transform-origin:center;

  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    background .28s ease;
}


/* NÚMERO */

.maya-process__number{
  color:var(--process-orange);

  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}


/* LINHA */

.maya-process__line{
  width:35px;
  height:2px;

  display:block;

  margin:26px 0 28px;

  background:var(--process-orange);

  transition:
    width .35s ease,
    transform .35s ease;
}


/* ==========================================================
   TÍTULOS

   AGORA BRANCOS
========================================================== */

.maya-process__step h3{
  margin:0;

  color:#ffffff;

  font-family:"Manrope",sans-serif;
  font-size:27px;
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:600;

  transition:
    transform .3s ease,
    color .3s ease;
}


/* ==========================================================
   DESCRIÇÃO

   MAIS CONTRASTE
========================================================== */

.maya-process__step p{
  max-width:390px;

  margin:16px 0 0;

  color:rgba(255,255,255,.78);

  font-size:13px;
  line-height:1.75;

  transition:
    color .3s ease;
}


/* ==========================================================
   FOOTER
========================================================== */

.maya-process__footer{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  margin-top:45px;

  padding-top:23px;
}

.maya-process__footer span{
  color:rgba(255,255,255,.48);

  font-size:7px;
  font-weight:700;
  letter-spacing:.13em;
}

.maya-process__footer i{
  height:1px;

  flex:1;

  background:rgba(255,255,255,.12);
}


/* ==========================================================
   PULSE
========================================================== */

@keyframes mayaProcessPulse{

  0%{
    transform:scale(1);
  }

  45%{
    transform:scale(1.025);
  }

  100%{
    transform:scale(1);
  }

}


/* ==========================================================
   HOVER
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-process__step:hover{
    z-index:5;

    animation:
      mayaProcessPulse .5s ease;
  }

  .maya-process__step:hover
  .maya-process__line{
    width:55px;
  }

  .maya-process__step:hover h3{
    transform:translateY(-2px);

    color:#fff;
  }

  .maya-process__step:hover p{
    color:rgba(255,255,255,.95);
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-process{
    padding:125px 32px;
  }

  .maya-process__eyebrow{
    margin-bottom:35px;
  }

  .maya-process__header > p{
    margin-top:35px;

    font-size:16px;
    line-height:1.8;
  }

  .maya-process__steps{
    grid-template-columns:repeat(3,1fr);

    margin-top:80px;

    border-bottom:1px solid rgba(255,255,255,.13);
  }

  .maya-process__step{
    min-height:310px;

    padding:48px 35px;

    border-bottom:0;
  }

  .maya-process__step:first-child{
    padding-left:35px;
  }

  .maya-process__step:not(:last-child){
    border-right:1px solid rgba(255,255,255,.08);
  }

  .maya-process__step h3{
    font-size:29px;
  }

  .maya-process__step p{
    font-size:13px;
  }

  .maya-process__footer{
    margin-top:35px;
  }

}


/* ==========================================================
   TELAS GRANDES
========================================================== */

@media(min-width:1200px){

  .maya-process__step{
    min-height:330px;

    padding-left:35px;
    padding-right:55px;
  }

  .maya-process__step h3{
    font-size:31px;
  }

  .maya-process__step p{
    font-size:14px;
  }

}


/* ==========================================================
   MOBILE PEQUENO
========================================================== */

@media(max-width:390px){

  .maya-process{
    padding-left:16px;
    padding-right:16px;
  }

  .maya-process__header h2{
    font-size:40px;
  }

  .maya-process__step{
    padding-top:34px;
    padding-bottom:34px;
  }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

  .maya-process__step,
  .maya-process__step h3,
  .maya-process__step p,
  .maya-process__line{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0b8755 *//* ==========================================================
   EVENTOS & COBERTURAS
========================================================== */

.maya-events{
  --events-blue:#0828c8;
  --events-orange:#ff641e;
  --events-dark:#071126;
  --events-bg:#f4f2ec;

  position:relative;

  padding:90px 0 75px;

  overflow:hidden;

  background:var(--events-bg);
  color:var(--events-dark);
}

.maya-events *,
.maya-events *::before,
.maya-events *::after{
  box-sizing:border-box;
}

.maya-events__wrap{
  width:calc(100% - 40px);
  max-width:1240px;

  margin-left:auto;
  margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.maya-events__eyebrow{
  display:block;

  margin-bottom:18px;

  color:var(--events-orange);

  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
}

.maya-events__title h2{
  max-width:760px;

  margin:0;

  font-family:"Manrope",sans-serif;
  font-size:clamp(43px,11vw,74px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:650;
}

.maya-events__title h2 em{
  color:var(--events-blue);
  font-style:normal;
}

.maya-events__intro{
  margin-top:28px;
}

.maya-events__intro p{
  max-width:510px;

  margin:0;

  color:#6e7685;

  font-size:14px;
  line-height:1.75;
}

.maya-events__intro span{
  display:block;

  margin-top:17px;

  color:#969ca6;

  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
}


/* ==========================================================
   SETAS
========================================================== */

.maya-events__controls{
  position:relative;
  z-index:30;

  width:calc(100% - 40px);
  max-width:1240px;

  margin:35px auto 18px;

  display:flex;
  justify-content:flex-end;

  gap:8px;
}

.maya-events__arrow{
  width:48px;
  height:48px;

  padding:0;

  display:grid;
  place-items:center;

  border:1px solid #d6d8dc;
  border-radius:50%;

  background:#fff;
  color:var(--events-dark);

  font-family:Arial,sans-serif;
  font-size:20px;
  line-height:1;

  cursor:pointer;

  transition:
    transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.maya-events__arrow--next{
  border-color:var(--events-orange);

  background:var(--events-orange);
  color:#fff;
}


/* ==========================================================
   CARROSSEL
========================================================== */

.maya-events__marquee{
  position:relative;

  width:100%;

  overflow:hidden;
}


/* Fade lateral */

.maya-events__marquee::before,
.maya-events__marquee::after{
  content:"";

  position:absolute;
  z-index:10;

  top:0;
  bottom:0;

  width:20px;

  pointer-events:none;
}

.maya-events__marquee::before{
  left:0;

  background:linear-gradient(
    90deg,
    var(--events-bg),
    rgba(244,242,236,0)
  );
}

.maya-events__marquee::after{
  right:0;

  background:linear-gradient(
    270deg,
    var(--events-bg),
    rgba(244,242,236,0)
  );
}


/* ==========================================================
   TRACK
========================================================== */

.maya-events__track{
  display:flex;

  width:max-content;

  will-change:transform;

  animation:
    mayaEventsAuto 42s linear infinite;
}


/* Quando a pessoa usa as setas */

.maya-events__track--manual{
  animation:none !important;

  transition:
    transform .65s cubic-bezier(.22,.8,.25,1);
}


/* Pausa para conseguir ler/interagir */

.maya-events__marquee:hover
.maya-events__track:not(.maya-events__track--manual),
.maya-events__marquee:focus-within
.maya-events__track:not(.maya-events__track--manual){
  animation-play-state:paused;
}


/* ==========================================================
   GRUPOS
========================================================== */

.maya-events__group{
  display:flex;

  flex-shrink:0;

  gap:14px;

  padding-right:14px;
}


/* ==========================================================
   MOVIMENTO AUTOMÁTICO
========================================================== */

@keyframes mayaEventsAuto{

  from{
    transform:translate3d(0,0,0);
  }

  to{
    transform:translate3d(-50%,0,0);
  }

}


/* ==========================================================
   CARD
========================================================== */

.maya-event-post{
  width:min(86vw,390px);

  flex:0 0 min(86vw,390px);
}


/* ==========================================================
   META DO CARD
========================================================== */

.maya-event-post__meta{
  min-height:64px;

  padding:0 2px 15px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:15px;

  border-bottom:1px solid #d5d5d0;
}

.maya-event-post__meta > div{
  display:flex;
  align-items:center;

  gap:11px;
}

.maya-event-post__meta div > span{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:var(--events-orange);
  color:#fff;

  font-size:8px;
  font-weight:700;
}

.maya-event-post__meta small{
  color:var(--events-dark);

  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}

.maya-event-post__meta > strong{
  max-width:130px;

  color:#9298a2;

  font-size:7px;
  line-height:1.4;
  text-align:right;
  letter-spacing:.08em;
}


/* ==========================================================
   LINKEDIN EMBED
========================================================== */

.maya-event-post__embed{
  position:relative;

  width:100%;
  height:520px;

  margin-top:15px;

  overflow:hidden;

  background:#fff;

  box-shadow:
    0 15px 40px rgba(7,17,38,.06),
    0 3px 8px rgba(7,17,38,.04);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.maya-event-post__embed iframe{
  width:100%;
  height:100%;

  display:block;

  border:0;

  background:#fff;
}


/* ==========================================================
   HOVER
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-events__arrow:hover{
    transform:scale(1.08);
  }

  .maya-events__arrow--prev:hover{
    border-color:var(--events-dark);

    background:var(--events-dark);
    color:#fff;
  }

  .maya-events__arrow--next:hover{
    border-color:var(--events-blue);

    background:var(--events-blue);
    color:#fff;
  }

  .maya-event-post:hover
  .maya-event-post__embed{
    transform:translateY(-5px);

    box-shadow:
      0 28px 60px rgba(7,17,38,.11);
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-events{
    padding:125px 0 95px;
  }

  .maya-events__wrap{
    width:calc(100% - 64px);
  }


  /* HEADER */

  .maya-events__head{
    display:grid;

    grid-template-columns:1.25fr .75fr;

    gap:80px;

    align-items:end;
  }

  .maya-events__intro{
    margin:0 0 7px;
  }


  /* SETAS */

  .maya-events__controls{
    width:calc(100% - 64px);

    margin-top:50px;
    margin-bottom:25px;
  }

  .maya-events__arrow{
    width:52px;
    height:52px;
  }


  /* FADE */

  .maya-events__marquee::before,
  .maya-events__marquee::after{
    width:60px;
  }


  /* CARDS */

  .maya-events__group{
    gap:22px;

    padding-right:22px;
  }

  .maya-event-post{
    width:430px;

    flex-basis:430px;
  }

  .maya-event-post__embed{
    height:600px;
  }

}


/* ==========================================================
   TELAS GRANDES
========================================================== */

@media(min-width:1400px){

  .maya-event-post{
    width:460px;

    flex-basis:460px;
  }

  .maya-event-post__embed{
    height:620px;
  }

}


/* ==========================================================
   MOBILE PEQUENO
========================================================== */

@media(max-width:390px){

  .maya-events{
    padding-top:80px;
    padding-bottom:65px;
  }

  .maya-events__wrap,
  .maya-events__controls{
    width:calc(100% - 32px);
  }

  .maya-events__title h2{
    font-size:40px;
  }

  .maya-events__arrow{
    width:44px;
    height:44px;
  }

  .maya-event-post{
    width:88vw;

    flex-basis:88vw;
  }

  .maya-event-post__embed{
    height:510px;
  }

}


/* ==========================================================
   ACESSIBILIDADE
========================================================== */

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

  .maya-events__track{
    animation:none;
  }

  .maya-events__track--manual{
    transition:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08b9990 */.maya-video{
  padding:90px 0 90px 20px;
  background:#fff;
  overflow:hidden;
}

.maya-video__heading{
  padding-right:20px;
}

.maya-video__heading > span{
  color:var(--maya-orange);
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
}

.maya-video__heading h2{
  margin:18px 0;
  font:650 clamp(45px,13vw,82px)/.93 "Manrope",sans-serif;
  letter-spacing:-.06em;
}

.maya-video__heading h2 strong{
  color:var(--maya-orange);
  font-weight:650;
}

.maya-video__heading > p{
  max-width:450px;
  color:#737c8c;
  line-height:1.7;
}

.maya-video__rail{
  display:flex;
  gap:14px;
  margin-top:45px;
  overflow-x:auto;
  padding:0 20px 20px 0;
  scroll-snap-type:x mandatory;
}

.maya-video__rail::-webkit-scrollbar{height:4px}
.maya-video__rail::-webkit-scrollbar-thumb{background:#d8dce3}

.maya-video__rail article{
  flex:0 0 74vw;
  max-width:310px;
  scroll-snap-align:start;
}

.maya-video__rail video{
  width:100%;
  aspect-ratio:9/16;
  display:block;
  object-fit:cover;
  background:#080d18;
}

.maya-video__rail p{
  margin:11px 0 0;
  color:#717988;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
}

@media(min-width:900px){
  .maya-video{
    padding:120px 32px;
  }

  .maya-video__heading{
    display:grid;
    grid-template-columns:1.2fr .8fr;
  }

  .maya-video__heading > span{grid-column:1/-1}
  .maya-video__heading > p{align-self:end}

  .maya-video__rail article{
    flex-basis:260px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-377f971 */.maya-women{
  padding:90px 20px;
  background:var(--maya-orange);
  color:#fff;
}

.maya-women__copy > span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  opacity:.75;
}

.maya-women h2{
  margin:18px 0;
  font:650 clamp(42px,11vw,76px)/.98 "Manrope",sans-serif;
  letter-spacing:-.055em;
}

.maya-women h2 em{
  color:var(--maya-dark);
  font-style:normal;
}

.maya-women__copy > p{
  max-width:540px;
  line-height:1.7;
  opacity:.85;
}

.maya-women__meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:28px;
}

.maya-women__meta span{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.35);
  font-size:9px;
  letter-spacing:.08em;
}

.maya-women__videos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:48px;
}

.maya-women__videos video{
  width:100%;
  aspect-ratio:9/16;
  display:block;
  object-fit:cover;
  background:#111;
}

@media(min-width:900px){
  .maya-women{padding:120px 32px}

  .maya-women .maya-wrap{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:80px;
    align-items:center;
  }

  .maya-women__videos{
    margin:0;
    grid-template-columns:repeat(4,1fr);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79f5a9d *//* ==========================================================
   MAYARA ARAUJO
   REPUTAÇÃO + TOP VOICES + MARCAS
   MOBILE FIRST
========================================================== */

.maya-reputation{
  --maya-blue:#0828c8;
  --maya-orange:#ff641e;
  --maya-dark:#071126;
  --maya-bg:#f4f2ec;
  --maya-white:#ffffff;
  --maya-gray:#717987;
  --maya-border:#deded9;

  position:relative;

  width:100%;
  padding:88px 0;

  overflow:hidden;

  background:var(--maya-bg);
  color:var(--maya-dark);
}

.maya-reputation *,
.maya-reputation *::before,
.maya-reputation *::after{
  box-sizing:border-box;
}

.maya-reputation__wrap{
  width:calc(100% - 40px);
  max-width:1240px;

  margin:0 auto;
}


/* ==========================================================
   INTRO
========================================================== */

.maya-reputation__header{
  position:relative;
}

.maya-reputation__eyebrow{
  display:block;

  margin:0 0 18px;

  color:var(--maya-orange);

  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.16em;
}

.maya-reputation__heading h2{
  max-width:780px;

  margin:0;

  color:var(--maya-dark);

  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(40px,11vw,72px);
  font-weight:650;
  line-height:.97;
  letter-spacing:-.055em;
}

.maya-reputation__heading h2 em{
  color:var(--maya-blue);

  font-style:normal;
}

.maya-reputation__intro{
  margin-top:28px;
}

.maya-reputation__intro p{
  max-width:510px;

  margin:0;

  color:var(--maya-gray);

  font-size:14px;
  line-height:1.75;
}

.maya-reputation__intro span{
  display:block;

  margin-top:18px;

  color:#969ca6;

  font-size:8px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.13em;
}


/* ==========================================================
   TOP VOICES
========================================================== */

.maya-topvoice{
  width:100%;

  margin-top:58px;

  overflow:hidden;

  background:var(--maya-dark);
}


/* ==========================================================
   TOP VOICES
   VISUAL
========================================================== */

.maya-topvoice__visual{
  position:relative;

  min-height:410px;

  padding:22px;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(8,40,200,.25) 0%,
      rgba(8,40,200,0) 55%
    ),
    var(--maya-dark);
}

.maya-topvoice__visual::before{
  content:"";

  position:absolute;

  width:370px;
  height:370px;

  top:50%;
  left:50%;

  transform:translate(-50%,-50%);

  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;

  pointer-events:none;
}

.maya-topvoice__visual::after{
  content:"";

  position:absolute;

  width:250px;
  height:250px;

  top:50%;
  left:50%;

  transform:translate(-50%,-50%);

  border:1px solid rgba(255,100,30,.13);
  border-radius:50%;

  pointer-events:none;
}


/* ==========================================================
   TOPO
========================================================== */

.maya-topvoice__visual-top{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;
}

.maya-topvoice__visual-top span{
  color:var(--maya-orange);

  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}

.maya-topvoice__visual-top small{
  color:rgba(255,255,255,.48);

  font-size:7px;
  font-weight:700;
  letter-spacing:.1em;
}


/* ==========================================================
   IMAGEM
========================================================== */

.maya-topvoice__image{
  position:relative;
  z-index:3;

  width:100%;

  flex:1;

  min-height:270px;

  padding:25px 0;

  display:flex;
  align-items:center;
  justify-content:center;
}

.maya-topvoice__image img{
  width:auto;
  height:auto;

  max-width:92%;
  max-height:280px;

  display:block;

  object-fit:contain;
  object-position:center;

  filter:none !important;

  transition:transform .45s ease;
}


/* ==========================================================
   RODAPÉ DO VISUAL
========================================================== */

.maya-topvoice__visual-bottom{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;

  gap:9px;
}

.maya-topvoice__visual-bottom span{
  flex:none;

  color:rgba(255,255,255,.55);

  font-size:6px;
  font-weight:700;
  letter-spacing:.11em;
}

.maya-topvoice__visual-bottom i{
  height:1px;

  flex:1;

  background:rgba(255,255,255,.12);
}


/* ==========================================================
   CONTEÚDO TOP VOICES
========================================================== */

.maya-topvoice__content{
  padding:34px 24px 38px;

  background:#fff;
}

.maya-topvoice__index{
  display:block;

  color:var(--maya-orange);

  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.maya-topvoice__content h3{
  max-width:590px;

  margin:16px 0 22px;

  color:var(--maya-dark);

  font-family:"Manrope",Arial,sans-serif;
  font-size:34px;
  font-weight:650;
  line-height:1.03;
  letter-spacing:-.045em;
}

.maya-topvoice__content h3 em{
  color:var(--maya-blue);

  font-style:normal;
}

.maya-topvoice__lead{
  max-width:580px;

  margin:0 0 15px;

  color:var(--maya-dark);

  font-size:14px;
  font-weight:500;
  line-height:1.65;
}

.maya-topvoice__description{
  max-width:590px;

  margin:0;

  color:var(--maya-gray);

  font-size:12px;
  line-height:1.75;
}


/* ==========================================================
   PILARES
========================================================== */

.maya-topvoice__pillars{
  display:grid;
  grid-template-columns:repeat(2,1fr);

  margin-top:30px;

  border-top:1px solid #e1e3e6;
  border-left:1px solid #e1e3e6;
}

.maya-topvoice__pillars > div{
  min-height:90px;

  padding:14px;

  border-right:1px solid #e1e3e6;
  border-bottom:1px solid #e1e3e6;

  background:#fff;

  transition:
    background .25s ease,
    transform .25s ease;
}

.maya-topvoice__pillars span{
  display:block;

  margin-bottom:12px;

  color:var(--maya-orange);

  font-size:7px;
  font-weight:800;
}

.maya-topvoice__pillars strong{
  color:var(--maya-dark);

  font-size:9px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.04em;
  text-transform:uppercase;
}


/* ==========================================================
   LINK LINKEDIN
========================================================== */

.maya-topvoice__link{
  width:100%;

  margin-top:25px;
  padding-top:17px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  border-top:1px solid #e1e3e6;

  color:var(--maya-dark);

  text-decoration:none;
}

.maya-topvoice__link span{
  font-size:9px;
  font-weight:800;
}

.maya-topvoice__link strong{
  color:var(--maya-orange);

  font-size:18px;

  transition:transform .25s ease;
}


/* ==========================================================
   MARCAS
   CABEÇALHO
========================================================== */

.maya-reputation__brands-head{
  margin-top:78px;
  padding-top:26px;

  border-top:1px solid #d8d8d4;
}

.maya-reputation__brands-head > span{
  display:block;

  color:var(--maya-orange);

  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.maya-reputation__brands-head p{
  max-width:700px;

  margin:17px 0 0;

  color:var(--maya-dark);

  font-family:"Manrope",Arial,sans-serif;
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.025em;
}


/* ==========================================================
   CARROSSEL
========================================================== */

.maya-logo-carousel{
  position:relative;

  width:100%;

  margin-top:38px;

  background:#fff;

  border-top:1px solid var(--maya-border);
  border-bottom:1px solid var(--maya-border);
}

.maya-logo-carousel__viewport{
  position:relative;

  width:100%;

  overflow:hidden;
}


/* ==========================================================
   TRACK

   IMPORTANTE:
   dois grupos idênticos.
   Cada grupo possui sua própria largura.
========================================================== */

.maya-logo-carousel__track{
  display:flex;
  align-items:stretch;

  width:max-content;

  animation:
    mayaLogoMovement 24s linear infinite;

  will-change:transform;
}


/* ==========================================================
   GRUPO
========================================================== */

.maya-logo-carousel__group{
  display:flex;
  align-items:stretch;

  flex:none;

  width:max-content;
}


/* ==========================================================
   ITEM MOBILE

   ~2 logos visíveis por tela.
========================================================== */

.maya-logo-carousel__item{
  position:relative;

  width:46vw;
  height:132px;

  flex:0 0 46vw;

  padding:25px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-right:1px solid #e7e7e3;

  background:#fff;
}


/* ==========================================================
   IMAGENS

   NENHUM FILTRO.
   CORES ORIGINAIS.
========================================================== */

.maya-logo-carousel__item img{
  width:auto;
  height:auto;

  max-width:100%;
  max-height:70px;

  display:block;

  object-fit:contain;
  object-position:center;

  filter:none !important;
  -webkit-filter:none !important;

  opacity:1 !important;

  mix-blend-mode:normal !important;

  transform:translateZ(0);

  transition:transform .3s ease;
}


/* ==========================================================
   AJUSTE VISUAL DAS LOGOS
========================================================== */

.maya-logo-carousel__item img[alt="Dialog"]{
  max-width:115px;
  max-height:60px;
}

.maya-logo-carousel__item img[alt="InPress Porter Novelli"]{
  max-width:135px;
  max-height:55px;
}

.maya-logo-carousel__item img[alt="CA"]{
  max-width:110px;
  max-height:65px;
}

.maya-logo-carousel__item img[alt="Mover"]{
  max-width:120px;
  max-height:62px;
}

.maya-logo-carousel__item img[alt="Bosch"]{
  max-width:140px;
  max-height:64px;
}


/* ==========================================================
   ANIMAÇÃO

   Cada grupo representa exatamente metade do track porque
   os dois grupos possuem conteúdo e dimensões idênticos.
========================================================== */

@keyframes mayaLogoMovement{

  0%{
    transform:translate3d(0,0,0);
  }

  100%{
    transform:translate3d(-50%,0,0);
  }

}


/* ==========================================================
   FADE NAS PONTAS
========================================================== */

.maya-logo-carousel__viewport::before,
.maya-logo-carousel__viewport::after{
  content:"";

  position:absolute;
  z-index:5;

  top:0;
  bottom:0;

  width:20px;

  pointer-events:none;
}

.maya-logo-carousel__viewport::before{
  left:0;

  background:linear-gradient(
    90deg,
    #fff 0%,
    rgba(255,255,255,0) 100%
  );
}

.maya-logo-carousel__viewport::after{
  right:0;

  background:linear-gradient(
    270deg,
    #fff 0%,
    rgba(255,255,255,0) 100%
  );
}


/* ==========================================================
   FECHAMENTO
========================================================== */

.maya-reputation__closing{
  margin-top:62px;
  padding-top:25px;

  border-top:1px solid #d8d8d4;
}

.maya-reputation__closing > span{
  display:block;

  color:var(--maya-blue);

  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.maya-reputation__closing p{
  max-width:730px;

  margin:15px 0 0;

  color:var(--maya-dark);

  font-family:"Manrope",Arial,sans-serif;
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.025em;
}


/* ==========================================================
   HOVER
   SOMENTE DISPOSITIVOS COM MOUSE
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-topvoice:hover
  .maya-topvoice__image img{
    transform:scale(1.035);
  }

  .maya-topvoice__pillars > div:hover{
    background:#f5f6fa;

    transform:translateY(-2px);
  }

  .maya-topvoice__link:hover{
    color:var(--maya-blue);
  }

  .maya-topvoice__link:hover strong{
    transform:translate(3px,-3px);
  }

  /* pausa apenas no desktop/mouse */

  .maya-logo-carousel:hover
  .maya-logo-carousel__track{
    animation-play-state:paused;
  }

  .maya-logo-carousel__item:hover img{
    transform:scale(1.07);
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-reputation{
    padding:125px 0;
  }

  .maya-reputation__wrap{
    width:calc(100% - 64px);
  }


  /* HEADER */

  .maya-reputation__header{
    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:end;
  }

  .maya-reputation__intro{
    margin:0 0 7px;
  }


  /* ========================================================
     TOP VOICES
  ======================================================== */

  .maya-topvoice{
    display:grid;

    grid-template-columns:1fr 1fr;

    margin-top:85px;
  }

  .maya-topvoice__visual{
    min-height:670px;

    padding:34px;
  }

  .maya-topvoice__image{
    min-height:480px;

    padding:45px;
  }

  .maya-topvoice__image img{
    max-width:90%;
    max-height:420px;
  }

  .maya-topvoice__content{
    padding:60px 52px;

    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .maya-topvoice__content h3{
    font-size:46px;
  }

  .maya-topvoice__lead{
    font-size:15px;
  }

  .maya-topvoice__pillars{
    grid-template-columns:repeat(4,1fr);
  }

  .maya-topvoice__pillars > div{
    min-height:105px;
  }


  /* ========================================================
     CABEÇALHO MARCAS
  ======================================================== */

  .maya-reputation__brands-head{
    display:grid;

    grid-template-columns:.4fr 1fr;

    gap:60px;

    align-items:start;

    margin-top:110px;
    padding-top:30px;
  }

  .maya-reputation__brands-head p{
    margin:0;

    font-size:29px;
  }


  /* ========================================================
     CARROSSEL DESKTOP
  ======================================================== */

  .maya-logo-carousel{
    margin-top:48px;
  }

  .maya-logo-carousel__item{
    width:245px;
    height:170px;

    flex-basis:245px;

    padding:38px;
  }

  .maya-logo-carousel__item img{
    max-width:160px;
    max-height:82px;
  }

  .maya-logo-carousel__item img[alt="Dialog"]{
    max-width:145px;
    max-height:72px;
  }

  .maya-logo-carousel__item img[alt="InPress Porter Novelli"]{
    max-width:175px;
    max-height:65px;
  }

  .maya-logo-carousel__item img[alt="CA"]{
    max-width:140px;
    max-height:78px;
  }

  .maya-logo-carousel__item img[alt="Mover"]{
    max-width:150px;
    max-height:75px;
  }

  .maya-logo-carousel__item img[alt="Bosch"]{
    max-width:175px;
    max-height:75px;
  }

  .maya-logo-carousel__viewport::before,
  .maya-logo-carousel__viewport::after{
    width:65px;
  }


  /* ========================================================
     FECHAMENTO
  ======================================================== */

  .maya-reputation__closing{
    display:grid;

    grid-template-columns:.4fr 1fr;

    gap:60px;

    align-items:start;

    margin-top:80px;
    padding-top:30px;
  }

  .maya-reputation__closing p{
    margin:0;

    font-size:29px;
  }

}


/* ==========================================================
   MOBILE PEQUENO
========================================================== */

@media(max-width:390px){

  .maya-reputation{
    padding-top:78px;
    padding-bottom:78px;
  }

  .maya-reputation__wrap{
    width:calc(100% - 32px);
  }

  .maya-reputation__heading h2{
    font-size:40px;
  }

  .maya-topvoice{
    margin-top:52px;
  }

  .maya-topvoice__visual{
    min-height:390px;

    padding:19px;
  }

  .maya-topvoice__image{
    min-height:260px;

    padding:20px 0;
  }

  .maya-topvoice__content{
    padding:30px 20px 34px;
  }

  .maya-topvoice__content h3{
    font-size:31px;
  }


  /* LOGOS */

  .maya-logo-carousel__item{
    width:47vw;
    height:125px;

    flex-basis:47vw;

    padding:23px;
  }

  .maya-logo-carousel__item img{
    max-width:115px;
    max-height:60px;
  }

}


/* ==========================================================
   REDUCED MOTION

   Não escondemos as logos.
   Apenas diminuímos a velocidade do movimento.
========================================================== */

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

  .maya-logo-carousel__track{
    animation-duration:60s;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22f482b *//* ==========================================================
   ALÉM DO CARGO
========================================================== */

.maya-impact{
  --impact-blue:#0828c8;
  --impact-orange:#ff641e;
  --impact-dark:#071126;
  --impact-bg:#f4f2ec;

  padding:90px 20px;

  overflow:hidden;

  background:var(--impact-bg);
  color:var(--impact-dark);
}

.maya-impact *,
.maya-impact *::before,
.maya-impact *::after{
  box-sizing:border-box;
}

.maya-impact__wrap{
  width:100%;
  max-width:1240px;

  margin:0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.maya-impact__eyebrow{
  display:block;

  margin-bottom:17px;

  color:var(--impact-orange);

  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.maya-impact__header h2{
  max-width:780px;

  margin:0;

  font-family:"Manrope",sans-serif;
  font-size:clamp(42px,11vw,72px);
  line-height:.97;
  letter-spacing:-.055em;
  font-weight:650;
}

.maya-impact__header h2 em{
  color:var(--impact-blue);
  font-style:normal;
}

.maya-impact__header p{
  max-width:520px;

  margin:25px 0 0;

  color:#737b87;

  font-size:14px;
  line-height:1.75;
}


/* ==========================================================
   GRID
========================================================== */

.maya-impact__grid{
  display:grid;

  gap:16px;

  margin-top:55px;
}


/* ==========================================================
   CARD
========================================================== */

.maya-impact-card{
  overflow:hidden;

  background:#fff;

  box-shadow:
    0 12px 35px rgba(7,17,38,.05);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}


/* ==========================================================
   IMAGEM

   IMPORTANTE:
   NÃO TEM ALTURA FIXA.
   NÃO USA COVER.
   A FOTO APARECE INTEIRA.
========================================================== */

.maya-impact-card__media{
  position:relative;

  width:100%;

  overflow:hidden;

  background:#202226;
}

.maya-impact-card__media img{
  width:100%;
  height:auto;

  display:block;

  object-fit:contain;
  object-position:center;

  transition:
    transform .6s cubic-bezier(.2,.8,.2,1);
}


/* ==========================================================
   CONTEÚDO
========================================================== */

.maya-impact-card__content{
  padding:27px 24px 30px;
}

.maya-impact-card__company{
  display:block;

  margin-bottom:20px;

  color:var(--impact-orange);

  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.maya-impact-card__content h3{
  max-width:600px;

  margin:0;

  color:var(--impact-dark);

  font-family:"Manrope",sans-serif;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:650;
}

.maya-impact-card__content h3 em{
  color:var(--impact-blue);
  font-style:normal;
}

.maya-impact-card__content p{
  max-width:580px;

  margin:20px 0 0;

  color:#717987;

  font-size:13px;
  line-height:1.7;
}


/* ==========================================================
   LINK
========================================================== */

.maya-impact-card__content a{
  width:max-content;

  max-width:100%;

  margin-top:25px;

  padding-top:13px;

  display:flex;
  align-items:center;

  gap:11px;

  border-top:1px solid #e1e3e6;

  color:var(--impact-dark);

  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;

  text-decoration:none;

  transition:
    color .25s ease,
    gap .25s ease;
}

.maya-impact-card__content a span{
  color:var(--impact-orange);

  font-size:14px;
}


/* ==========================================================
   AFYA
========================================================== */

.maya-impact-card--afya
.maya-impact-card__company{
  color:var(--impact-blue);
}


/* ==========================================================
   CLOSING
========================================================== */

.maya-impact__closing{
  margin-top:65px;

  padding-top:25px;

  border-top:1px solid #d6d7d4;
}

.maya-impact__closing span{
  color:var(--impact-orange);

  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

.maya-impact__closing p{
  max-width:730px;

  margin:15px 0 0;

  font-family:"Manrope",sans-serif;
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.025em;
}


/* ==========================================================
   HOVER
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-impact-card:hover{
    transform:translateY(-6px);

    box-shadow:
      0 28px 60px rgba(7,17,38,.10);
  }

  .maya-impact-card:hover
  .maya-impact-card__media img{
    transform:scale(1.015);
  }

  .maya-impact-card__content a:hover{
    gap:17px;

    color:var(--impact-blue);
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-impact{
    padding:125px 32px;
  }

  .maya-impact__header{
    display:grid;
    grid-template-columns:1.2fr .8fr;

    column-gap:80px;

    align-items:end;
  }

  .maya-impact__eyebrow{
    grid-column:1 / -1;
  }

  .maya-impact__header p{
    margin:0 0 6px;
  }

  .maya-impact__grid{
    grid-template-columns:1fr 1fr;

    gap:18px;

    margin-top:80px;

    align-items:start;
  }

  .maya-impact-card__content{
    padding:38px 36px 42px;
  }

  .maya-impact-card__content h3{
    font-size:36px;
  }

  .maya-impact__closing{
    display:grid;
    grid-template-columns:.4fr 1fr;

    gap:60px;

    align-items:start;

    margin-top:90px;

    padding-top:30px;
  }

  .maya-impact__closing p{
    margin:0;

    font-size:29px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d35122 */.maya-backstage{
  padding:90px 20px;
  background:#fff;
}

.maya-backstage__heading span{
  color:var(--maya-orange);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
}

.maya-backstage__heading h2{
  margin:18px 0 45px;
  font:650 clamp(40px,11vw,72px)/.98 "Manrope",sans-serif;
  letter-spacing:-.055em;
}

.maya-backstage__heading h2 em{
  color:var(--maya-blue);
  font-style:normal;
}

.maya-backstage__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.maya-backstage__grid img,
.maya-backstage__grid video{
  width:100%;
  height:250px;
  display:block;
  object-fit:cover;
}

.maya-backstage__grid img:first-child{
  grid-column:1/-1;
  height:410px;
}

@media(min-width:800px){
  .maya-backstage{padding:120px 32px}

  .maya-backstage__grid{
    grid-template-columns:repeat(12,1fr);
    grid-auto-rows:230px;
  }

  .maya-backstage__grid img,
  .maya-backstage__grid video{
    height:100%;
  }

  .maya-backstage__grid img:first-child{
    grid-column:span 7;
    grid-row:span 2;
    height:100%;
  }

  .maya-backstage__grid img:nth-child(2){grid-column:span 5}
  .maya-backstage__grid img:nth-child(3){grid-column:span 5}
  .maya-backstage__grid img:nth-child(4){grid-column:span 4}
  .maya-backstage__grid img:nth-child(5){grid-column:span 4}
  .maya-backstage__grid video{grid-column:span 4}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1231dd0 *//* ==========================================================
   TRAJETÓRIA & REPERTÓRIO
========================================================== */

.maya-career{
  --career-blue:#0828c8;
  --career-orange:#ff641e;
  --career-dark:#071126;
  --career-gray:#6f7785;
  --career-line:#dfe2e7;
  --career-bg:#ffffff;

  position:relative;
  padding:90px 20px;
  overflow:hidden;
  background:var(--career-bg);
  color:var(--career-dark);
}

.maya-career *,
.maya-career *::before,
.maya-career *::after{
  box-sizing:border-box;
}

.maya-career__wrap{
  width:100%;
  max-width:1240px;
  margin:0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.maya-career__header{
  padding-bottom:50px;
}

.maya-career__eyebrow{
  display:block;
  margin-bottom:17px;
  color:var(--career-orange);
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.maya-career__header h2{
  max-width:780px;
  margin:0;
  font-family:"Manrope",sans-serif;
  font-size:clamp(42px,11vw,72px);
  line-height:.97;
  letter-spacing:-.055em;
  font-weight:650;
}

.maya-career__header h2 em{
  color:var(--career-blue);
  font-style:normal;
}

.maya-career__header p{
  max-width:520px;
  margin:25px 0 0;
  color:var(--career-gray);
  font-size:14px;
  line-height:1.75;
}


/* ==========================================================
   EXPERIÊNCIAS
========================================================== */

.maya-career__job{
  position:relative;
  padding:31px 0 35px;
  border-top:1px solid var(--career-line);
}

.maya-career__job:last-of-type{
  border-bottom:1px solid var(--career-line);
}


/* META */

.maya-career__job-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
}

.maya-career__year{
  color:var(--career-orange);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.maya-career__number{
  color:#a5abb4;
  font-family:"Manrope",sans-serif;
  font-size:10px;
  font-weight:700;
}


/* EMPRESA */

.maya-career__job-main h3{
  margin:0;
  font-family:"Manrope",sans-serif;
  font-size:32px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:650;
}

.maya-career__role{
  display:block;
  margin-top:9px;
  color:var(--career-blue);
  font-size:11px;
  font-weight:700;
}


/* DESCRIÇÃO */

.maya-career__job-description{
  margin-top:20px;
}

.maya-career__job-description p{
  max-width:560px;
  margin:0;
  color:var(--career-gray);
  font-size:13px;
  line-height:1.7;
}


/* TAGS */

.maya-career__tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:19px;
}

.maya-career__tags span{
  padding:7px 9px;
  background:#f3f4f6;
  color:#646c78;
  font-size:7px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}


/* ==========================================================
   FORMAÇÃO
========================================================== */

.maya-career__education{
  margin-top:85px;
}

.maya-career__education-head > span{
  color:var(--career-orange);
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.maya-career__education-head h3{
  max-width:700px;
  margin:13px 0 0;
  font-family:"Manrope",sans-serif;
  font-size:37px;
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:600;
}

.maya-career__education-head h3 em{
  color:var(--career-blue);
  font-style:normal;
}


/* LISTA */

.maya-career__education-list{
  margin-top:36px;
  border-top:1px solid var(--career-line);
}

.maya-career__education-item{
  position:relative;
  display:grid;
  grid-template-columns:1fr 32px;
  gap:15px;
  padding:24px 0;
  border-bottom:1px solid var(--career-line);
}

.maya-career__education-year{
  grid-column:1 / -1;
  color:var(--career-orange);
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
}

.maya-career__education-item h4{
  margin:0;
  font-family:"Manrope",sans-serif;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.025em;
  font-weight:650;
}

.maya-career__education-item p{
  margin:6px 0 0;
  color:#858c97;
  font-size:11px;
}

.maya-career__education-index{
  align-self:center;
  justify-self:end;
  color:#b3b7be;
  font-size:8px;
  font-weight:700;
}


/* ==========================================================
   SKILLS
========================================================== */

.maya-career__skills{
  margin-top:70px;
  padding:28px 0 0;
  border-top:1px solid var(--career-line);
}

.maya-career__skills-label > span{
  color:var(--career-blue);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}

.maya-career__skills-label p{
  max-width:330px;
  margin:10px 0 0;
  color:#838a95;
  font-size:11px;
  line-height:1.6;
}


/* SKILLS GRANDES */

.maya-career__skills-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:27px;
}

.maya-career__skills-list span{
  padding:11px 13px;
  border:1px solid #dfe2e7;
  color:var(--career-dark);
  font-family:"Manrope",sans-serif;
  font-size:10px;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.04em;

  transition:
    color .25s ease,
    background .25s ease,
    border-color .25s ease,
    transform .25s ease;
}


/* ==========================================================
   HOVERS
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-career__job{
    transition:
      padding-left .35s ease,
      padding-right .35s ease,
      background .35s ease;
  }

  .maya-career__job:hover{
    padding-left:20px;
    padding-right:20px;
    background:#f7f8fa;
  }

  .maya-career__education-item{
    transition:
      padding-left .3s ease,
      padding-right .3s ease,
      background .3s ease;
  }

  .maya-career__education-item:hover{
    padding-left:15px;
    padding-right:15px;
    background:#f7f8fa;
  }

  .maya-career__skills-list span:hover{
    transform:translateY(-3px);
    border-color:var(--career-blue);
    background:var(--career-blue);
    color:#fff;
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-career{
    padding:125px 32px;
  }


  /* HEADER */

  .maya-career__header{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    column-gap:80px;
    padding-bottom:75px;
  }

  .maya-career__eyebrow{
    grid-column:1 / -1;
  }

  .maya-career__header p{
    align-self:end;
    margin:0 0 7px;
  }


  /* EXPERIÊNCIAS */

  .maya-career__job{
    display:grid;
    grid-template-columns:180px 1fr 1.25fr;
    gap:45px;
    align-items:start;
    padding:40px 0;
  }

  .maya-career__job-meta{
    display:block;
    margin:0;
  }

  .maya-career__number{
    display:block;
    margin-top:34px;
    font-size:20px;
  }

  .maya-career__job-main h3{
    font-size:37px;
  }

  .maya-career__job-description{
    margin:0;
  }


  /* FORMAÇÃO */

  .maya-career__education{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:80px;
    align-items:start;
    margin-top:120px;
  }

  .maya-career__education-head{
    position:sticky;
    top:110px;
  }

  .maya-career__education-head h3{
    font-size:45px;
  }

  .maya-career__education-list{
    margin:0;
  }

  .maya-career__education-item{
    grid-template-columns:110px 1fr 35px;
    align-items:center;
    gap:25px;
    min-height:105px;
  }

  .maya-career__education-year{
    grid-column:auto;
  }

  .maya-career__education-item h4{
    font-size:21px;
  }


  /* SKILLS */

  .maya-career__skills{
    display:grid;
    grid-template-columns:.45fr 1fr;
    gap:70px;
    align-items:start;
    margin-top:105px;
    padding-top:35px;
  }

  .maya-career__skills-list{
    margin:0;
  }

}


/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media(min-width:1200px){

  .maya-career__skills-list span{
    padding:13px 17px;
    font-size:11px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3ff015 *//* ==========================================================
   SOCIAL MEDIA • AFYA
========================================================== */

.maya-social{
  --social-blue:#0828c8;
  --social-orange:#ff641e;
  --social-dark:#071126;
  --social-light:#ffffff;
  --social-soft:#c7d0ff;

  padding:92px 20px;
  overflow:hidden;
  background:var(--social-blue);
  color:#fff;
}

.maya-social *,
.maya-social *::before,
.maya-social *::after{
  box-sizing:border-box;
}

.maya-social .maya-wrap{
  width:100%;
  max-width:1240px;
  margin:0 auto;
}


/* ==========================================================
   BRAND
========================================================== */

.maya-social__brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;

  padding-bottom:25px;

  border-bottom:1px solid rgba(255,255,255,.18);
}

.maya-social__brand img{
  width:95px;
  max-height:42px;

  display:block;

  object-fit:contain;
  object-position:left center;

  filter:brightness(0) invert(1);
}

.maya-social__brand span{
  color:#a6b5ff;

  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}


/* ==========================================================
   HEADLINE
========================================================== */

.maya-social__headline{
  margin-top:48px;
}

.maya-social__headline h2{
  max-width:850px;
  margin:0;

  font-family:"Manrope",sans-serif;
  font-size:clamp(43px,11vw,78px);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:650;
}

.maya-social__headline h2 em{
  color:var(--social-orange);
  font-style:normal;
}

.maya-social__headline > div{
  margin-top:28px;
}

.maya-social__headline > div > span{
  display:block;

  color:#a6b5ff;

  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}

.maya-social__headline p{
  max-width:570px;

  margin:13px 0 0;

  color:#c7d0ff;

  font-size:14px;
  line-height:1.75;
}


/* ==========================================================
   SQUAD
========================================================== */

.maya-social__squad{
  margin-top:70px;

  overflow:hidden;

  background:#fff;
  color:var(--social-dark);
}


/* FOTO */

.maya-social__squad-photo{
  position:relative;

  min-height:430px;

  overflow:hidden;

  background:var(--social-dark);
}

.maya-social__squad-photo img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;

  transition:
    transform .8s cubic-bezier(.2,.8,.2,1);
}

.maya-social__squad-photo::after{
  content:"";

  position:absolute;
  inset:45% 0 0;

  background:
    linear-gradient(
      transparent,
      rgba(7,17,38,.68)
    );

  pointer-events:none;
}


/* LABEL FOTO */

.maya-social__squad-photo-label{
  position:absolute;
  z-index:2;

  left:20px;
  bottom:20px;

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

  color:#fff;

  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
}

.maya-social__squad-photo-label span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--social-orange);
}


/* CONTEÚDO */

.maya-social__squad-content{
  padding:34px 24px 38px;
}

.maya-social__squad-index{
  color:#164cff;

  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}

.maya-social__squad-content h3{
  margin:15px 0 20px;

  font-family:"Manrope",sans-serif;
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:650;
}

.maya-social__squad-content h3 em{
  color:#164cff;
  font-style:normal;
}

.maya-social__squad-lead{
  max-width:590px;

  margin:0 0 15px;

  color:var(--social-dark);

  font-size:15px;
  font-weight:500;
  line-height:1.65;
}

.maya-social__squad-content > p:not(.maya-social__squad-lead){
  max-width:620px;

  margin:0;

  color:#717988;

  font-size:13px;
  line-height:1.75;
}


/* ==========================================================
   ETAPAS DO SQUAD
========================================================== */

.maya-social__squad-details{
  display:grid;
  grid-template-columns:1fr 1fr;

  margin-top:30px;

  border-top:1px solid #e3e5e9;
  border-left:1px solid #e3e5e9;
}

.maya-social__squad-details > div{
  min-height:72px;

  padding:13px;

  border-right:1px solid #e3e5e9;
  border-bottom:1px solid #e3e5e9;

  transition:
    background .25s ease,
    transform .25s ease;
}

.maya-social__squad-details span{
  display:block;

  margin-bottom:9px;

  color:var(--social-orange);

  font-size:7px;
  font-weight:700;
}

.maya-social__squad-details strong{
  color:var(--social-dark);

  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.05em;
}


/* ==========================================================
   RESULTADOS
========================================================== */

.maya-social__results-heading{
  margin-top:85px;
}

.maya-social__results-heading > span{
  color:var(--social-orange);

  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}

.maya-social__results-heading h3{
  margin:13px 0 0;

  font-family:"Manrope",sans-serif;
  font-size:37px;
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:600;
}

.maya-social__results-heading h3 em{
  color:var(--social-orange);
  font-style:normal;
}


/* NÚMEROS */

.maya-social__numbers{
  display:grid;
  grid-template-columns:1fr 1fr;

  margin-top:35px;

  border-top:1px solid rgba(255,255,255,.2);
  border-left:1px solid rgba(255,255,255,.2);
}

.maya-social__number{
  min-height:175px;

  padding:19px;

  border-right:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.2);

  transition:
    transform .3s ease,
    background .3s ease;
}

.maya-social__number > span{
  color:#91a3ff;
  font-size:8px;
}

.maya-social__number strong{
  display:block;

  margin-top:22px;

  color:var(--social-orange);

  font-family:"Manrope",sans-serif;
  font-size:43px;
  line-height:1;
  letter-spacing:-.06em;
  font-weight:650;
}

.maya-social__number p{
  max-width:145px;

  margin:17px 0 0;

  color:#c5ceff;

  font-size:10px;
  line-height:1.45;
}


/* CARD LARANJA */

.maya-social__number--featured{
  background:var(--social-orange);
}

.maya-social__number--featured > span,
.maya-social__number--featured strong{
  color:var(--social-dark);
}

.maya-social__number--featured p{
  color:#fff;
}


/* ==========================================================
   CONTEÚDO EM MOVIMENTO
========================================================== */

.maya-social__content-heading{
  margin-top:85px;
}

.maya-social__content-heading span{
  color:var(--social-orange);

  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
}

.maya-social__content-heading h3{
  margin:13px 0 0;

  font-family:"Manrope",sans-serif;
  font-size:37px;
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:600;
}

.maya-social__content-heading h3 em{
  color:var(--social-orange);
  font-style:normal;
}

.maya-social__content-heading > p{
  max-width:500px;

  margin:22px 0 0;

  color:#c4cdff;

  font-size:13px;
  line-height:1.7;
}


/* ==========================================================
   GRID DE VÍDEOS
========================================================== */

.maya-social__videos{
  display:grid;
  gap:10px;

  margin-top:38px;
}


/* CARD VÍDEO */

.maya-social-video{
  overflow:hidden;

  background:#fff;
  color:var(--social-dark);
}

.maya-social-video__media{
  position:relative;

  overflow:hidden;

  background:var(--social-dark);
}

.maya-social-video__media video{
  width:100%;
  aspect-ratio:9/16;

  display:block;

  object-fit:cover;

  background:var(--social-dark);
}

.maya-social-video__media > span{
  position:absolute;

  top:15px;
  right:15px;

  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  background:#fff;
  color:var(--social-dark);

  font-size:8px;
  font-weight:700;
}


/* INFORMAÇÕES */

.maya-social-video__info{
  padding:23px 20px 27px;
}

.maya-social-video__info small{
  color:var(--social-orange);

  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}

.maya-social-video__info h4{
  margin:9px 0;

  font-family:"Manrope",sans-serif;
  font-size:22px;
  font-weight:650;
}

.maya-social-video__info p{
  margin:0;

  color:#707988;

  font-size:11px;
  line-height:1.6;
}


/* ==========================================================
   CARD EDITORIAL AFYA
========================================================== */

.maya-social-project{
  position:relative;

  min-height:500px;

  padding:24px;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--social-orange);
  color:#fff;
}

.maya-social-project::before{
  content:"";

  position:absolute;

  width:280px;
  height:280px;

  top:-150px;
  right:-140px;

  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
}

.maya-social-project::after{
  content:"";

  position:absolute;

  width:190px;
  height:190px;

  right:-95px;
  bottom:90px;

  border:1px solid rgba(7,17,38,.16);
  border-radius:50%;
}


/* TOPO */

.maya-social-project__top{
  position:relative;
  z-index:2;

  display:flex;
  justify-content:space-between;
  gap:20px;
}

.maya-social-project__top > span{
  color:var(--social-dark);

  font-size:9px;
  font-weight:800;
}

.maya-social-project__top small{
  color:rgba(7,17,38,.62);

  font-size:8px;
  font-weight:700;
  letter-spacing:.07em;
}


/* GRÁFICO CENTRAL */

.maya-social-project__graphic{
  position:relative;
  z-index:2;

  margin:auto 0;

  display:flex;
  align-items:center;
  gap:13px;
}

.maya-social-project__graphic strong{
  color:#fff;

  font-family:"Manrope",sans-serif;
  font-size:clamp(55px,16vw,90px);
  line-height:.8;
  letter-spacing:-.08em;
  font-weight:700;
}

.maya-social-project__graphic-small{
  color:var(--social-dark);

  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;

  writing-mode:vertical-rl;
  transform:rotate(180deg);
}

.maya-social-project__graphic-line{
  width:1px;
  height:55px;

  background:rgba(7,17,38,.35);
}


/* BODY */

.maya-social-project__body{
  position:relative;
  z-index:2;
}

.maya-social-project__body > span{
  color:var(--social-dark);

  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}

.maya-social-project__body h4{
  margin:10px 0 16px;

  color:#fff;

  font-family:"Manrope",sans-serif;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:650;
}

.maya-social-project__body h4 em{
  color:var(--social-dark);
  font-style:normal;
}

.maya-social-project__body p{
  max-width:420px;

  margin:0;

  color:rgba(255,255,255,.88);

  font-size:12px;
  line-height:1.65;
}


/* ==========================================================
   FECHAMENTO
========================================================== */

.maya-social__closing{
  margin-top:75px;

  padding-top:28px;

  border-top:1px solid rgba(255,255,255,.2);
}

.maya-social__closing > div{
  display:flex;
  align-items:center;
  gap:8px;

  color:var(--social-orange);

  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
}

.maya-social__closing > div span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--social-orange);

  animation:mayaSocialRec 1.5s ease-in-out infinite;
}

@keyframes mayaSocialRec{

  0%,
  100%{
    opacity:1;
    transform:scale(1);
  }

  50%{
    opacity:.35;
    transform:scale(.7);
  }

}

.maya-social__closing p{
  max-width:760px;

  margin:18px 0 0;

  font-family:"Manrope",sans-serif;
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.025em;
  font-weight:500;
}


/* ==========================================================
   HOVERS
========================================================== */

@media (hover:hover) and (pointer:fine){

  .maya-social__squad:hover
  .maya-social__squad-photo img{
    transform:scale(1.035);
  }

  .maya-social__squad-details > div:hover{
    background:#f4f6ff;
    transform:translateY(-2px);
  }

  .maya-social__number:hover{
    transform:translateY(-5px);
  }

  .maya-social-video{
    transition:
      transform .35s ease,
      box-shadow .35s ease;
  }

  .maya-social-video:hover{
    transform:translateY(-6px);

    box-shadow:
      0 24px 55px rgba(7,17,38,.2);
  }

  .maya-social-project{
    transition:
      transform .35s ease,
      box-shadow .35s ease;
  }

  .maya-social-project:hover{
    transform:translateY(-6px);

    box-shadow:
      0 24px 55px rgba(7,17,38,.2);
  }

}


/* ==========================================================
   DESKTOP
========================================================== */

@media(min-width:850px){

  .maya-social{
    padding:125px 32px;
  }


  /* HEADLINE */

  .maya-social__headline{
    display:grid;
    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:end;

    margin-top:70px;
  }

  .maya-social__headline > div{
    margin:0 0 8px;
  }


  /* SQUAD */

  .maya-social__squad{
    display:grid;
    grid-template-columns:1.05fr .95fr;

    margin-top:90px;
  }

  .maya-social__squad-photo{
    min-height:670px;
  }

  .maya-social__squad-content{
    padding:65px 55px;

    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .maya-social__squad-content h3{
    font-size:48px;
  }

  .maya-social__squad-details{
    grid-template-columns:repeat(3,1fr);
  }


  /* RESULTADOS */

  .maya-social__results-heading{
    margin-top:115px;
  }

  .maya-social__results-heading h3{
    font-size:45px;
  }

  .maya-social__numbers{
    grid-template-columns:repeat(4,1fr);

    margin-top:45px;
  }

  .maya-social__number{
    min-height:220px;

    padding:27px;
  }

  .maya-social__number strong{
    font-size:62px;
  }


  /* CONTENT */

  .maya-social__content-heading{
    display:grid;
    grid-template-columns:1fr .7fr;

    gap:80px;

    align-items:end;

    margin-top:120px;
  }

  .maya-social__content-heading h3{
    font-size:45px;
  }

  .maya-social__content-heading > p{
    margin:0 0 5px;
  }


  /* VIDEOS */

  .maya-social__videos{
    grid-template-columns:280px 280px 1fr;

    gap:12px;

    margin-top:50px;
  }

  .maya-social-project{
    min-height:100%;

    padding:38px;
  }

  .maya-social-project__graphic strong{
    font-size:82px;
  }

  .maya-social-project__body h4{
    font-size:44px;
  }


  /* CLOSING */

  .maya-social__closing{
    display:grid;
    grid-template-columns:.35fr 1fr;

    gap:70px;

    align-items:start;

    margin-top:110px;
  }

  .maya-social__closing p{
    margin:0;

    font-size:30px;
  }

}


/* ==========================================================
   MOBILE PEQUENO
========================================================== */

@media(max-width:390px){

  .maya-social{
    padding-left:16px;
    padding-right:16px;
  }

  .maya-social__headline h2{
    font-size:40px;
  }

  .maya-social__squad-content{
    padding-left:19px;
    padding-right:19px;
  }

  .maya-social__squad-content h3{
    font-size:31px;
  }

  .maya-social__number{
    padding:15px;
  }

  .maya-social__number strong{
    font-size:37px;
  }

  .maya-social-project{
    padding:20px;
  }

}


/* ==========================================================
   ACESSIBILIDADE
========================================================== */

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

  .maya-social *,
  .maya-social *::before,
  .maya-social *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62bbd86 */.maya-footer{
  padding:90px 20px 30px;
  background:var(--maya-dark);
  color:#fff;
}

.maya-footer__label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#8d98a9;
  font-size:9px;
  letter-spacing:.13em;
}

.maya-footer__label span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--maya-orange);
}

.maya-footer h2{
  max-width:1000px;
  margin:35px 0 55px;
  font:600 clamp(42px,11vw,77px)/.98 "Manrope",sans-serif;
  letter-spacing:-.055em;
}

.maya-footer h2 em{
  color:var(--maya-orange);
  font-style:normal;
}

.maya-footer__bottom{
  padding:30px 0;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.maya-footer__bottom p{
  max-width:400px;
  color:#919cad;
  font-size:12px;
  line-height:1.6;
}

.maya-footer__mail{
  display:inline-block;
  margin-top:10px;
  color:#fff;
  font:500 16px "Manrope",sans-serif;
  text-decoration:none;
  border-bottom:1px solid var(--maya-orange);
  padding-bottom:4px;
}

.maya-footer__linkedin{
  margin-top:35px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  text-decoration:none;
  font:600 20px "Manrope",sans-serif;
}

.maya-footer__linkedin strong{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--maya-orange);
}

.maya-footer__signature{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:30px;
  color:#697587;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.maya-footer__signature strong{
  color:#fff;
  font-family:"Manrope",sans-serif;
}

@media(min-width:800px){
  .maya-footer{
    padding:120px 32px 40px;
  }

  .maya-footer__bottom{
    display:grid;
    grid-template-columns:1fr 300px;
    align-items:end;
  }

  .maya-footer__linkedin{margin:0}
}/* End custom CSS */