/* Start custom CSS for html, class: .elementor-element-e9c4ba6 *//* =========================================================
   HEADER — MONICA MARTINS
   CLEAN PREMIUM
   NUNITO SANS
========================================================= */

.monica-header,
.monica-header * {
  box-sizing: border-box;
}

.monica-header {

  --mh-gold: #B8965B;
  --mh-gold-dark: #A88246;

  --mh-lilac: #CBB6E6;
  --mh-mauve: #A98CC5;

  --mh-sage: #C8D8C2;

  --mh-plum: #6E4A8E;
  --mh-plum-dark: #5D3E77;

  --mh-text: #5F5670;

  --mh-white: #FFFFFF;
  --mh-offwhite: #FBF9F6;


  position: sticky;

  top: 0;
  left: 0;

  width: 100%;

  z-index: 9999;

  background:
    rgba(255, 255, 255, 0.82);

  border-bottom:
    1px solid
    rgba(184, 150, 91, 0.14);

  backdrop-filter:
    blur(18px)
    saturate(130%);

  -webkit-backdrop-filter:
    blur(18px)
    saturate(130%);

  transition:
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}


/* Estado ao rolar */

.monica-header.is-scrolled {

  background:
    rgba(255, 255, 255, 0.94);

  border-bottom-color:
    rgba(184, 150, 91, 0.18);

  box-shadow:
    0
    10px
    32px
    rgba(110, 74, 142, 0.055);
}


/* =========================================================
   BARRA INTERNA
========================================================= */

.monicaHeader__inner {

  width: 100%;

  max-width: 1400px;

  min-height: 86px;

  margin: 0 auto;

  padding:
    0
    28px;

  display: flex;

  align-items: center;

  gap: 28px;
}


/* =========================================================
   LOGO
========================================================= */

.monicaHeader__logo {

  flex: 0 0 auto;

  display: inline-flex;

  align-items: center;

  text-decoration: none !important;

  line-height: 0;
}


.monicaHeader__logo img {

  display: block;

  width: 150px;

  height: auto;

  max-height: 64px;

  object-fit: contain;
}


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

.monicaHeader__nav {

  flex:
    1
    1
    auto;

  min-width: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  gap:
    clamp(
      12px,
      1.25vw,
      23px
    );
}


.monicaHeader__nav a {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding:
    8px
    0;

  white-space: nowrap;

  text-decoration: none !important;

  font-family:
    "Nunito Sans",
    Arial,
    sans-serif;

  font-size:
    clamp(
      0.66rem,
      0.72vw,
      0.78rem
    );

  line-height: 1.3;

  font-weight: 600;

  letter-spacing:
    0.015em;

  color:
    rgba(
      95,
      86,
      112,
      0.88
    ) !important;

  transition:
    color 0.28s ease;
}


/* Linha inferior */

.monicaHeader__nav a::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 1px;

  width: 0;
  height: 2px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      var(--mh-gold),
      var(--mh-mauve)
    );

  transform:
    translateX(-50%);

  transition:
    width 0.3s ease;
}


/* Hover */

.monicaHeader__nav a:hover {

  color:
    var(--mh-plum) !important;
}


.monicaHeader__nav a:hover::after {

  width: 100%;
}


/* Ativo */

.monicaHeader__nav a.is-active {

  color:
    var(--mh-plum) !important;

  font-weight: 700;
}


.monicaHeader__nav a.is-active::after {

  width: 100%;
}


/* =========================================================
   CTA AGENDAR
========================================================= */

.monicaHeader__cta {

  flex:
    0
    0
    auto;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 46px;

  padding:
    10px
    11px
    10px
    22px;

  border-radius: 999px;

  text-decoration: none !important;

  font-family:
    "Nunito Sans",
    Arial,
    sans-serif;

  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing:
    0.035em;

  text-transform: uppercase;

  color:
    #FFFFFF !important;

  background:
    linear-gradient(
      135deg,
      var(--mh-gold),
      var(--mh-gold-dark)
    );

  border:
    1px solid
    rgba(
      184,
      150,
      91,
      0.72
    );

  box-shadow:
    0
    10px
    24px
    rgba(
      184,
      150,
      91,
      0.20
    ),

    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      0.18
    );

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease;
}


.monicaHeader__cta i {

  width: 28px;
  height: 28px;

  display: inline-flex;

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

  border-radius: 50%;

  font-family:
    "Nunito Sans",
    Arial,
    sans-serif;

  font-size: 0.9rem;

  font-style: normal;

  color:
    var(--mh-gold-dark);

  background:
    rgba(
      255,
      255,
      255,
      0.93
    );

  transition:
    transform 0.28s ease;
}


.monicaHeader__cta:hover {

  transform:
    translateY(-2px);

  filter:
    brightness(1.04);

  box-shadow:
    0
    15px
    32px
    rgba(
      184,
      150,
      91,
      0.28
    ),

    0
    0
    18px
    rgba(
      203,
      182,
      230,
      0.13
    );
}


.monicaHeader__cta:hover i {

  transform:
    translateX(3px);
}


/* =========================================================
   MENU MOBILE — BOTÃO
========================================================= */

.monicaHeader__menuButton {

  display: none;

  width: 44px;
  height: 44px;

  margin-left: auto;

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

  flex-direction: column;

  gap: 5px;

  padding: 0;

  border: 1px solid
    rgba(
      184,
      150,
      91,
      0.18
    );

  border-radius: 50%;

  background:
    rgba(
      255,
      255,
      255,
      0.70
    );

  cursor: pointer;

  box-shadow:
    0
    8px
    20px
    rgba(
      110,
      74,
      142,
      0.05
    );
}


.monicaHeader__menuButton span {

  display: block;

  width: 19px;
  height: 1.5px;

  border-radius: 999px;

  background:
    var(--mh-plum);

  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}


/* Estado aberto */

.monica-header.menu-open
.monicaHeader__menuButton span:nth-child(1) {

  transform:
    translateY(6.5px)
    rotate(45deg);
}


.monica-header.menu-open
.monicaHeader__menuButton span:nth-child(2) {

  opacity: 0;
}


.monica-header.menu-open
.monicaHeader__menuButton span:nth-child(3) {

  transform:
    translateY(-6.5px)
    rotate(-45deg);
}


/* =========================================================
   MENU MOBILE
========================================================= */

.monicaHeader__mobile {

  display: none;

  padding:
    12px
    18px
    26px;

  background:
    rgba(
      255,
      255,
      255,
      0.96
    );

  border-top:
    1px solid
    rgba(
      184,
      150,
      91,
      0.10
    );

  box-shadow:
    0
    18px
    40px
    rgba(
      110,
      74,
      142,
      0.08
    );

  backdrop-filter:
    blur(20px);

  -webkit-backdrop-filter:
    blur(20px);
}


.monicaHeader__mobileNav {

  display: flex;

  flex-direction: column;
}


.monicaHeader__mobileNav a {

  position: relative;

  display: flex;

  align-items: center;

  min-height: 48px;

  padding:
    10px
    8px;

  border-bottom:
    1px solid
    rgba(
      184,
      150,
      91,
      0.10
    );

  text-decoration: none !important;

  font-family:
    "Nunito Sans",
    Arial,
    sans-serif;

  font-size: 0.9rem;

  font-weight: 600;

  color:
    var(--mh-text) !important;

  transition:
    color 0.25s ease,
    padding-left 0.25s ease;
}


.monicaHeader__mobileNav a:hover,
.monicaHeader__mobileNav a:focus {

  color:
    var(--mh-plum) !important;

  padding-left:
    14px;
}


/* CTA mobile */

.monicaHeader__mobileCta {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 50px;

  margin-top: 20px;

  border-radius: 999px;

  text-decoration: none !important;

  font-family:
    "Nunito Sans",
    Arial,
    sans-serif;

  font-size: 0.76rem;

  font-weight: 700;

  letter-spacing:
    0.035em;

  text-transform: uppercase;

  color:
    #FFFFFF !important;

  background:
    linear-gradient(
      135deg,
      var(--mh-gold),
      var(--mh-gold-dark)
    );

  box-shadow:
    0
    12px
    26px
    rgba(
      184,
      150,
      91,
      0.22
    );
}


.monicaHeader__mobileCta i {

  font-style: normal;

  font-size: 1rem;

  transition:
    transform 0.28s ease;
}


.monicaHeader__mobileCta:hover i {

  transform:
    translateX(3px);
}


/* =========================================================
   FOCO
========================================================= */

.monicaHeader__nav a:focus-visible,
.monicaHeader__cta:focus-visible,
.monicaHeader__menuButton:focus-visible,
.monicaHeader__mobileNav a:focus-visible,
.monicaHeader__mobileCta:focus-visible {

  outline:
    3px solid
    rgba(
      169,
      140,
      197,
      0.28
    );

  outline-offset: 3px;
}


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

@media (max-width: 1180px) {

  .monicaHeader__inner {

    min-height: 80px;

    padding:
      0
      22px;

    gap: 20px;
  }


  .monicaHeader__logo img {

    width: 135px;
  }


  .monicaHeader__nav {

    gap:
      10px;
  }


  .monicaHeader__nav a {

    font-size:
      0.62rem;
  }


  .monicaHeader__cta {

    min-height: 43px;

    padding:
      9px
      9px
      9px
      18px;

    font-size:
      0.66rem;
  }


  .monicaHeader__cta i {

    width: 25px;
    height: 25px;
  }
}


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

@media (max-width: 1024px) {

  .monicaHeader__inner {

    min-height: 76px;

    padding:
      0
      20px;
  }


  .monicaHeader__nav,
  .monicaHeader__cta {

    display: none;
  }


  .monicaHeader__menuButton {

    display: flex;
  }


  .monicaHeader__mobile {

    display: block;

    max-height: 0;

    overflow: hidden;

    padding-top: 0;
    padding-bottom: 0;

    opacity: 0;

    transition:
      max-height 0.42s ease,
      opacity 0.28s ease,
      padding 0.28s ease;
  }


  .monica-header.menu-open
  .monicaHeader__mobile {

    max-height: 760px;

    padding:
      12px
      18px
      26px;

    opacity: 1;
  }
}


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

@media (max-width: 767px) {

  .monicaHeader__inner {

    min-height: 70px;

    padding:
      0
      16px;
  }


  .monicaHeader__logo img {

    width: 126px;

    max-height: 54px;
  }


  .monicaHeader__menuButton {

    width: 42px;
    height: 42px;
  }
}


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

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

  .monica-header,
  .monicaHeader__nav a,
  .monicaHeader__nav a::after,
  .monicaHeader__cta,
  .monicaHeader__cta i,
  .monicaHeader__menuButton span,
  .monicaHeader__mobile,
  .monicaHeader__mobileNav a,
  .monicaHeader__mobileCta i {

    transition: none !important;
  }
}/* End custom CSS */