/* LLOG Webfiles — front */
.llogwf{
  --llogwf-bg:transparent;
  --llogwf-chrome:rgba(127,127,127,.10);
  --llogwf-line:rgba(127,127,127,.28);
  --llogwf-ink:inherit;
  position:relative;
  width:100%;
  margin-block:1.25rem;
}
.llogwf--framed{
  background:var(--llogwf-bg);
  border:1px solid var(--llogwf-line);
  border-radius:12px;
  overflow:hidden;
}
.llogwf__bar{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:var(--llogwf-chrome);
  border-bottom:1px solid var(--llogwf-line);
  color:var(--llogwf-ink);
}
.llogwf__dots{display:inline-flex;gap:5px;flex:0 0 auto;}
.llogwf__dots i{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.28;display:block;}
.llogwf__dots i:first-child{opacity:.5;}
.llogwf__title{
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  opacity:.85;line-height:1.2;
}
.llogwf--framed .llogwf__body{background:var(--llogwf-bg);}
.llogwf__frame{
  display:block;width:100%;border:0;
  transition:height .18s ease;
}
.llogwf--inline .llogwf__body{overflow:hidden;}
.llogwf-aviso{
  border-left:4px solid #d63638;background:#fcf0f1;color:#3c434a;
  padding:10px 14px;margin:1rem 0;font-size:14px;border-radius:3px;
}
@media (prefers-reduced-motion:reduce){
  .llogwf__frame{transition:none;}
}