/* Start custom CSS for html, class: .elementor-element-c8f6202 *//* =========================================================
   MENU MOBILE — VIDRO FOSCO COM LEITURA LIMPA
========================================================= */

.drnav-mobile{
  position:absolute;

  top:74px;
  left:10px;
  right:10px;

  display:flex;
  flex-direction:column;

  padding:
    12px 18px 18px;

  border:
    1px solid rgba(58,50,46,.07);

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

  border-radius:
    0 0 26px 26px;

  /*
    VIDRO MAIS FECHADO.
    O HERO praticamente não aparece mais.
  */

  background:
    linear-gradient(
      145deg,
      rgba(251,247,244,.985) 0%,
      rgba(248,241,237,.965) 100%
    );

  -webkit-backdrop-filter:
    blur(35px)
    saturate(120%);

  backdrop-filter:
    blur(35px)
    saturate(120%);

  box-shadow:
    0 28px 65px -30px
    rgba(58,50,46,.30);

  overflow:hidden;

  isolation:isolate;

  opacity:0;
  visibility:hidden;

  pointer-events:none;

  transform:
    translateY(-10px);

  transition:
    opacity .32s ease,
    visibility .32s ease,
    transform .32s
    cubic-bezier(.32,.72,0,1);
}


/* camada fosca adicional */

.drnav-mobile::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:-1;

  background:
    rgba(251,247,244,.92);

  pointer-events:none;
}


/* MENU ABERTO */

.drnav.is-open
.drnav-mobile{
  opacity:1;

  visibility:visible;

  pointer-events:auto;

  transform:none;
}


/* =========================================================
   LINKS
========================================================= */

.drnav-mobile-links{
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;
}


.drnav-mobile-links a{
  min-height:54px;

  display:flex;

  align-items:center;

  color:#3A322E;

  border-bottom:
    1px solid rgba(58,50,46,.075);

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

  text-decoration:none;
}


.drnav-mobile-links a:last-child{
  border-bottom:0;
}


.drnav-mobile-links a::after{
  content:"→";

  margin-left:auto;

  color:#C9788A;

  font-size:16px;

  opacity:.82;
}


/* =========================================================
   BOTÃO
========================================================= */

.drnav-mobile-cta{
  position:relative;
  z-index:2;

  width:100%;
  height:54px;

  display:flex;

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

  margin-top:15px;

  border-radius:999px;

  background:#3A322E;

  color:#FBF7F4;

  text-decoration:none;

  font-size:13px;
  font-weight:600;

  box-shadow:
    0 15px 30px -20px
    rgba(58,50,46,.55);
}/* End custom CSS */