/* OH tooltip visibility fix */
.oh-tip-box{opacity:1!important;transition:none!important;}
/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the popups built-in responsive functionality. Here are few example targets to help you get started:
*/



/* Optica Honda - sistema reutilizable de tooltips */
.oh-tip{
  position:relative;
  display:inline-block;
  border-bottom:1px dotted #7b8085;
  cursor:help;
  outline:none;
}
.oh-tip-icon{
  font-size:.82em;
  color:#6d7378;
  margin-left:2px;
  vertical-align:1px;
}
.oh-tip-box{
  position:absolute;
  z-index:9999;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translateX(-50%);
  width:280px;
  max-width:80vw;
  padding:11px 13px;
  border-radius:6px;
  background:#2f3337;
  color:#fff;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
  text-align:left;
  box-shadow:0 6px 18px rgba(0,0,0,.20);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease;
}
.oh-tip-box:after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-6px;
  border-width:6px;
  border-style:solid;
  border-color:#2f3337 transparent transparent transparent;
}
.oh-tip:hover .oh-tip-box,
.oh-tip:focus .oh-tip-box,
.oh-tip:focus-within .oh-tip-box{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.oh-tip-box a{
  color:#fff;
  text-decoration:underline;
  font-weight:700;
  display:inline-block;
  margin-top:7px;
}
@media(max-width:600px){
  .oh-tip-box{
    left:0;
    transform:none;
    width:260px;
    max-width:78vw;
  }
  .oh-tip-box:after{
    left:18px;
    margin-left:0;
  }
}
/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the popups built-in responsive functionality. Here are few example targets to help you get started:
*/