/* Domily v1.8.8.3 - navegación pública propia del negocio */
.business-own-nav-trigger{
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  color:var(--brand-text)!important;
  font-size:23px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
}
.business-own-nav-trigger:hover{background:rgba(255,255,255,.28)!important}

.business-own-nav-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:999997!important;
  background:rgba(0,0,0,.38)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
}
.business-own-nav-backdrop.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.business-own-nav-panel{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(360px,90vw)!important;
  max-width:360px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:18px!important;
  z-index:999999!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:-10px 0 32px rgba(0,0,0,.25)!important;
  transform:translateX(105%)!important;
  transition:transform .22s ease!important;
  display:block!important;
  text-align:left!important;
}
.business-own-nav-panel.open{transform:translateX(0)!important}
.business-own-nav-close{
  float:right!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(127,127,127,.16)!important;
  color:inherit!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.business-own-nav-brand{
  clear:both!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px 0 17px!important;
}
.business-own-nav-brand img{
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
  border-radius:11px!important;
  flex:0 0 52px!important;
}
.business-own-nav-brand strong{
  color:inherit!important;
  font-size:1rem!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.business-own-nav-list{clear:both!important}
.business-own-nav-list>a,
.business-own-nav-parent>button,
.business-own-nav-sub>a{
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(127,127,127,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  font-size:.96rem!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:left!important;
  box-shadow:none!important;
}
.business-own-nav-list>a,
.business-own-nav-sub>a{display:block!important}
.business-own-nav-parent>button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  cursor:pointer!important;
}
.business-own-nav-sub{
  display:none!important;
  padding-left:14px!important;
}
.business-own-nav-parent.open>.business-own-nav-sub{display:block!important}
.business-own-nav-socials{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(127,127,127,.22)!important;
}
.business-own-nav-socials a{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:9px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(127,127,127,.15)!important;
  color:inherit!important;
  text-decoration:none!important;
}
.business-own-nav-socials svg,
.business-own-nav-socials svg *{
  width:21px!important;
  height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
  fill:currentColor!important;
  color:inherit!important;
}
body.business-own-nav-open{overflow:hidden!important}

@media(max-width:600px){
  .business-own-nav-trigger{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:21px!important
  }
  .business-own-nav-panel{width:min(330px,92vw)!important;padding:15px!important}
}