.cofre8{margin-top:10px;font-family:inherit}
.cofre8-barra{display:flex;align-items:center;gap:24px;min-height:30px;color:#667085;font-size:15px;line-height:1}
.cofre8-btn{appearance:none;border:0;background:transparent;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:6px;padding:6px 2px;border-radius:10px;cursor:pointer;user-select:none}
.cofre8-btn:hover{opacity:.82}
.cofre8-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cofre8-emoji{display:inline-block;min-width:22px;text-align:center;font-size:18px;line-height:1}
.cofre8-count{font-size:14px;min-width:8px;text-align:left}
.cofre8-salve .cofre8-emoji-on{display:none}
.cofre8-salve.is-active .cofre8-emoji-off{display:none}
.cofre8-salve.is-active .cofre8-emoji-on{display:inline-block}
.cofre8-panel{margin-top:10px;border-top:1px solid rgba(0,0,0,.07);padding-top:10px}
.cofre8-comment-form,.cofre8-reply-form{display:flex;gap:8px;align-items:flex-start;margin:8px 0}
.cofre8-comment-form textarea,.cofre8-reply-form textarea{width:100%;resize:vertical;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:9px 10px;font:inherit;min-height:38px;background:#fff;color:#111827}
.cofre8-comment-form button,.cofre8-reply-form button,.cofre8-share button{border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:12px;padding:9px 12px;font:inherit;cursor:pointer;white-space:nowrap;color:#111827}
.cofre8-comments-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.cofre8-comment{padding:9px 10px;border-radius:14px;background:rgba(0,0,0,.035)}
.cofre8-comment.is-reply{margin-left:24px;margin-top:8px;background:rgba(0,0,0,.025)}
.cofre8-comment-head{font-size:13px;color:#667085;margin-bottom:4px}
.cofre8-comment-text{font-size:14px;line-height:1.35;color:#111827;white-space:pre-wrap;overflow-wrap:anywhere}
.cofre8-comment-actions{display:flex;align-items:center;gap:16px;margin-top:7px;font-size:13px;color:#667085}
.cofre8-comment-actions button{border:0;background:transparent;color:inherit;font:inherit;padding:4px 0;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.cofre8-comment-actions .cofre8-emoji-on{display:none}
.cofre8-comment-actions .is-active .cofre8-emoji-off{display:none}
.cofre8-comment-actions .is-active .cofre8-emoji-on{display:inline-block}
.cofre8-share{display:flex;flex-wrap:wrap;gap:8px}
.cofre8-status{min-height:18px;margin-top:6px;font-size:12px;color:#667085}
@media (max-width:520px){.cofre8-barra{gap:20px}.cofre8-comment-form,.cofre8-reply-form{flex-direction:column}.cofre8-comment-form button,.cofre8-reply-form button{align-self:flex-end}}

/* Cofre 8 Banco 8 - correções */
.cofre8 [hidden],
.cofre8-share[hidden],
.cofre8-comments[hidden],
.cofre8-salvers[hidden]{
  display:none!important;
}

.cofre8-auto{
  margin-top:12px;
}

.cofre8-barra{
  padding-top:2px;
}

.cofre8-share{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:100%;
}

.cofre8-share button{
  font-size:14px;
  padding:8px 10px;
}

.cofre8-salvers{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:10px;
  padding-top:10px;
}

.cofre8-salvers-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font-size:14px;
  color:#111827;
}

.cofre8-salvers-head button{
  border:0;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:#667085;
}

.cofre8-salvers-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.cofre8-salver{
  padding:7px 9px;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  font-size:13px;
  color:#111827;
}

.cofre8-salver span{
  color:#667085;
  font-size:12px;
}

.cofre8-empty{
  font-size:13px;
  color:#667085;
}

/* COFRE8_COMENTARIOS_MODAL_START */

.cofre8 [hidden],
.cofre8-share[hidden],
.cofre8-comments[hidden],
.cofre8-salvers[hidden],
.cofre8-modal-overlay[hidden]{
  display:none!important;
}

.cofre8-comment-form{
  display:block;
  margin:10px 0 12px;
}

.cofre8-comment-form textarea,
.cofre8-reply-form textarea{
  width:100%;
  min-height:58px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  padding:10px 12px;
  font:inherit;
  resize:vertical;
  box-sizing:border-box;
  background:#fff;
  color:#111827;
}

.cofre8-comment-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}

.cofre8-see-all,
.cofre8-comment-submit{
  min-height:42px;
  border-radius:15px;
  padding:9px 12px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  border:1px solid rgba(0,0,0,.10);
  box-sizing:border-box;
}

.cofre8-see-all{
  flex:1;
  background:#18a957;
  border-color:#18a957;
  color:#fff;
}

.cofre8-see-all:disabled{
  opacity:.75;
  cursor:default;
}

.cofre8-comment-submit{
  flex:1;
  background:#fff;
  color:#111827;
}

.cofre8-comment{
  padding:10px;
  border-radius:16px;
  background:rgba(0,0,0,.04);
}

.cofre8-comment.is-reply{
  margin-left:24px;
  margin-top:8px;
  background:rgba(0,0,0,.028);
}

.cofre8-comment-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  font-size:13px;
  color:#667085;
}

.cofre8-avatar{
  width:24px;
  height:24px;
  border-radius:999px;
  object-fit:cover;
  flex:0 0 24px;
  background:#e5e7eb;
}

.cofre8-avatar-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  color:#667085;
}

.cofre8-comment-name{
  font-weight:800;
  color:#667085;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cofre8-comment-text{
  font-size:14px;
  line-height:1.35;
  color:#111827;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.cofre8-comment-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:7px;
  font-size:13px;
  color:#667085;
}

.cofre8-comment-actions button{
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  padding:4px 0;
  cursor:pointer;
  display:inline-flex;
  gap:5px;
  align-items:center;
}

.cofre8-comment-actions .cofre8-emoji-on{display:none}
.cofre8-comment-actions .is-active .cofre8-emoji-off{display:none}
.cofre8-comment-actions .is-active .cofre8-emoji-on{display:inline-block}

.cofre8-share{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:100%;
}

.cofre8-share button{
  font-size:14px;
  padding:8px 10px;
}

.cofre8-salvers{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:10px;
  padding-top:10px;
}

.cofre8-salvers-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font-size:14px;
  color:#111827;
}

.cofre8-salvers-head button{
  border:0;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:#667085;
}

.cofre8-salvers-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.cofre8-salver{
  padding:7px 9px;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  font-size:13px;
  color:#111827;
  display:flex;
  align-items:center;
  gap:8px;
}

.cofre8-salver strong{
  font-weight:800;
}

.cofre8-salver span{
  color:#667085;
  font-size:12px;
}

.cofre8-empty{
  font-size:13px;
  color:#667085;
  padding:8px 0;
}

.cofre8-modal-open{
  overflow:hidden;
}

.cofre8-modal-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(15,23,42,.32);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}

.cofre8-modal-dialog{
  width:min(680px,94vw);
  max-height:82vh;
  background:#fff;
  border-radius:26px;
  box-shadow:0 24px 80px rgba(15,23,42,.28);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.cofre8-modal-top{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(0,0,0,.08);
  color:#111827;
}

.cofre8-modal-top strong{
  font-size:16px;
}

.cofre8-modal-top button{
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  background:rgba(0,0,0,.06);
  color:#111827;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.cofre8-modal-body{
  overflow:auto;
  padding:14px;
}

.cofre8-modal-preview{
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.cofre8-preview-card{
  box-shadow:none!important;
  margin:0!important;
  max-width:100%!important;
}

.cofre8-modal-comments-root{
  margin-top:0;
}

@media (max-width:520px){
  .cofre8-modal-overlay{
    align-items:flex-end;
    padding:10px;
  }

  .cofre8-modal-dialog{
    width:100%;
    max-height:84vh;
    border-radius:24px 24px 18px 18px;
  }

  .cofre8-comment-form-actions{
    gap:8px;
  }

  .cofre8-see-all,
  .cofre8-comment-submit{
    font-size:13px;
    padding:8px 9px;
  }

  .cofre8-comment.is-reply{
    margin-left:14px;
  }
}

/* COFRE8_COMENTARIOS_MODAL_END */


/* COFRE8_MOBILE_SEM_HORIZONTAL_START */

/* trava geral do módulo para nunca empurrar a tela para os lados */
.cofre8,
.cofre8 *,
.cofre8-modal-overlay,
.cofre8-modal-overlay *,
.cofre8-modal-dialog,
.cofre8-modal-body{
  box-sizing:border-box!important;
}

.cofre8{
  max-width:100%!important;
  overflow-x:hidden!important;
}

html.cofre8-modal-open,
html.cofre8-modal-open body{
  overflow-x:hidden!important;
}

/* pop-up sempre dentro da tela */
.cofre8-modal-overlay{
  overflow-x:hidden!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

.cofre8-modal-dialog{
  width:min(640px, calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  overflow:hidden!important;
}

.cofre8-modal-body{
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

/* a publicação clonada no topo do pop-up não pode criar largura extra */
[data-cofre8-modal-preview],
.cofre8-modal-preview,
.cofre8-preview-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  position:relative!important;
}

[data-cofre8-modal-preview] *,
.cofre8-modal-preview *,
.cofre8-preview-card *{
  max-width:100%!important;
}

/* remove barras do Cofre 8 que o indexador tentar colocar dentro da prévia */
[data-cofre8-modal-preview] [data-cofre8],
[data-cofre8-modal-preview] .cofre8{
  display:none!important;
}

/* formulário de comentário nunca passa da largura */
.cofre8-comment-form,
.cofre8-reply-form{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

.cofre8-comment-form textarea,
.cofre8-reply-form textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* botões: lado a lado quando couber, quebra linha quando não couber */
.cofre8-comment-form-actions{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:10px!important;
  overflow-x:hidden!important;
}

.cofre8-see-all,
.cofre8-comment-submit,
.cofre8-comment-form-actions button{
  flex:1 1 155px!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
  line-height:1.15!important;
}

/* no pop-up de todos os comentários não precisa botão "ver todos" de novo */
.cofre8-modal-comments-root .cofre8-see-all{
  display:none!important;
}

.cofre8-modal-comments-root .cofre8-comment-form-actions{
  justify-content:flex-end!important;
}

.cofre8-modal-comments-root .cofre8-comment-submit{
  flex:0 1 180px!important;
}

/* botões de compartilhar também quebram linha */
.cofre8-share{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow-x:hidden!important;
}

.cofre8-share button{
  flex:1 1 150px!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.15!important;
}

/* lista de comentários sem largura extra */
.cofre8-comments-list,
.cofre8-comment,
.cofre8-comment-text,
.cofre8-comment-head,
.cofre8-comment-actions{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

/* telas menores: cada botão ocupa sua linha se precisar */
@media (max-width:420px){
  .cofre8-modal-dialog{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }

  .cofre8-comment-form-actions{
    gap:8px!important;
  }

  .cofre8-see-all,
  .cofre8-comment-submit,
  .cofre8-comment-form-actions button{
    flex:1 1 100%!important;
    width:100%!important;
    font-size:14px!important;
    min-height:40px!important;
    padding:8px 10px!important;
  }

  .cofre8-modal-comments-root .cofre8-comment-submit{
    flex:1 1 100%!important;
  }

  .cofre8-share button{
    flex:1 1 100%!important;
  }
}

/* COFRE8_MOBILE_SEM_HORIZONTAL_END */


/* COFRE8_COMENTARIO_POPUP_DIRETO_START */

/*
  Regra Cofre 8:
  Dentro do card da publicação, o 💬 não abre mais campo inline.
  O campo de comentário só aparece dentro do pop-up ou na página direta de comentários.
*/

.cofre8:not(.cofre8-modal-comments-root):not(.cofre8-comments-page-root) > .cofre8-comments{
  display:none!important;
}

.cofre8:not(.cofre8-modal-comments-root):not(.cofre8-comments-page-root) > .cofre8-comments-list,
.cofre8:not(.cofre8-modal-comments-root):not(.cofre8-comments-page-root) > .cofre8-comment-form{
  display:none!important;
}

/* O pop-up continua com formulário e comentários funcionando normalmente */
.cofre8-modal-comments-root .cofre8-comment-form,
.cofre8-modal-comments-root .cofre8-comments-list{
  display:block!important;
}

/* O pop-up não cria rolagem horizontal */
.cofre8-modal-overlay,
.cofre8-modal-dialog,
.cofre8-modal-body,
.cofre8-modal-comments-root{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Botões dentro do pop-up continuam responsivos */
.cofre8-modal-comments-root .cofre8-comment-form-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:flex-end!important;
}

.cofre8-modal-comments-root .cofre8-comment-submit{
  flex:0 1 180px!important;
  max-width:100%!important;
}

/* COFRE8_COMENTARIO_POPUP_DIRETO_END */


/* COFRE8_POPUP_LEVE_SCROLL_LIVRE_START */

.cofre8,
.cofre8 *,
.cofre8-modal-overlay,
.cofre8-modal-overlay *,
.cofre8-modal-dialog,
.cofre8-modal-body{
  box-sizing:border-box!important;
}

.cofre8{
  max-width:100%!important;
  overflow-x:hidden!important;
}

.cofre8 [hidden],
.cofre8-share[hidden],
.cofre8-comments[hidden],
.cofre8-salvers[hidden],
.cofre8-modal-overlay[hidden]{
  display:none!important;
}

html.cofre8-modal-open,
html.cofre8-modal-open body{
  height:100%!important;
  overflow:hidden!important;
}

.cofre8-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(15,23,42,.35)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  padding-top:max(10px, env(safe-area-inset-top))!important;
  padding-bottom:max(10px, env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  touch-action:none!important;
}

.cofre8-modal-dialog{
  width:min(680px, calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  height:auto!important;
  max-height:calc(100dvh - 20px)!important;
  background:#fff!important;
  border-radius:24px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-shadow:0 24px 80px rgba(15,23,42,.28)!important;
}

.cofre8-modal-top{
  flex:0 0 auto!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 16px!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  background:#fff!important;
  color:#111827!important;
}

.cofre8-modal-top strong{
  font-size:18px!important;
  font-weight:900!important;
}

.cofre8-modal-top button{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  border:0!important;
  background:rgba(0,0,0,.06)!important;
  color:#111827!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
}

.cofre8-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  padding:14px!important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  scroll-behavior:auto!important;
}

[data-cofre8-modal-preview],
.cofre8-modal-preview,
.cofre8-preview-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  position:relative!important;
}

[data-cofre8-modal-preview] *,
.cofre8-modal-preview *,
.cofre8-preview-card *{
  max-width:100%!important;
}

[data-cofre8-modal-preview] [data-cofre8],
[data-cofre8-modal-preview] .cofre8{
  display:none!important;
}

.cofre8-modal-preview{
  margin-bottom:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

.cofre8-modal-comments-root{
  margin-top:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

.cofre8:not(.cofre8-modal-comments-root):not(.cofre8-direct-comments-page) > .cofre8-comments[data-cofre8-comments]{
  display:none!important;
}

.cofre8-comment-form,
.cofre8-reply-form{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  display:block!important;
  margin:10px 0 12px!important;
}

.cofre8-comment-form textarea,
.cofre8-reply-form textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  font:inherit!important;
  resize:vertical!important;
  background:#fff!important;
  color:#111827!important;
}

.cofre8-comment-form-actions{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:10px!important;
  overflow-x:hidden!important;
}

.cofre8-comment-submit{
  flex:0 1 190px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:42px!important;
  border-radius:15px!important;
  padding:9px 12px!important;
  font:inherit!important;
  font-weight:800!important;
  cursor:pointer!important;
  border:1px solid rgba(0,0,0,.10)!important;
  background:#fff!important;
  color:#111827!important;
  white-space:normal!important;
  text-align:center!important;
}

.cofre8-see-all,
.cofre8-modal-comments-root .cofre8-see-all{
  display:none!important;
}

.cofre8-comments-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  padding-bottom:38px!important;
}

.cofre8-comment{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:10px!important;
  border-radius:16px!important;
  background:rgba(0,0,0,.04)!important;
  overflow-wrap:anywhere!important;
  content-visibility:auto;
  contain-intrinsic-size:90px;
}

.cofre8-comment + .cofre8-comment{
  margin-top:10px!important;
}

.cofre8-comment.is-reply{
  width:auto!important;
  margin-left:16px!important;
  margin-top:8px!important;
  background:rgba(0,0,0,.028)!important;
}

.cofre8-comment-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:6px!important;
  font-size:13px!important;
  color:#667085!important;
  min-width:0!important;
}

.cofre8-avatar{
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  flex:0 0 24px!important;
  background:#e5e7eb!important;
}

.cofre8-avatar-fallback{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#667085!important;
}

.cofre8-comment-name{
  font-weight:800!important;
  color:#667085!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}

.cofre8-comment-text{
  max-width:100%!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.35!important;
  color:#111827!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}

.cofre8-comment-actions{
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:7px!important;
  font-size:13px!important;
  color:#667085!important;
}

.cofre8-comment-actions button{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  padding:4px 0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  gap:5px!important;
  align-items:center!important;
  white-space:normal!important;
}

.cofre8-comment-actions .cofre8-emoji-on{display:none!important}
.cofre8-comment-actions .is-active .cofre8-emoji-off{display:none!important}
.cofre8-comment-actions .is-active .cofre8-emoji-on{display:inline-block!important}

.cofre8-share{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow-x:hidden!important;
}

.cofre8-share button{
  flex:1 1 150px!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.15!important;
  font-size:14px!important;
  padding:8px 10px!important;
}

.cofre8-empty{
  font-size:13px!important;
  color:#667085!important;
  padding:8px 0!important;
}

@media (max-width:520px){
  .cofre8-modal-overlay{
    align-items:flex-end!important;
    padding:8px!important;
    padding-top:max(8px, env(safe-area-inset-top))!important;
    padding-bottom:max(8px, env(safe-area-inset-bottom))!important;
  }

  .cofre8-modal-dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px 24px 18px 18px!important;
  }

  .cofre8-modal-body{
    padding:12px!important;
    padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;
  }

  .cofre8-comment-submit{
    flex:1 1 100%!important;
    width:100%!important;
  }

  .cofre8-comment.is-reply{
    margin-left:12px!important;
  }

  .cofre8-share button{
    flex:1 1 100%!important;
  }
}

/* COFRE8_POPUP_LEVE_SCROLL_LIVRE_END */


/* COFRE8_EXCLUIR_COMENTARIO_CSS_START */

.cofre8-comment-delete{
  color:#e5484d!important;
  font-weight:800!important;
}

.cofre8-comment-delete:hover{
  opacity:.78;
}

.cofre8-delete-confirm{
  margin-top:8px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
  background:rgba(229,72,77,.08)!important;
  border:1px solid rgba(229,72,77,.16)!important;
  color:#111827!important;
  font-size:13px!important;
  line-height:1.25!important;
}

.cofre8-delete-confirm span{
  display:block!important;
  margin-bottom:8px!important;
  color:#111827!important;
  font-weight:700!important;
}

.cofre8-delete-confirm-buttons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.cofre8-delete-confirm-buttons button{
  border:0!important;
  border-radius:10px!important;
  min-height:34px!important;
  padding:7px 13px!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.cofre8-delete-yes{
  background:#e5484d!important;
  color:#fff!important;
}

.cofre8-delete-no{
  background:#fff!important;
  color:#667085!important;
  border:1px solid rgba(0,0,0,.10)!important;
}

/* COFRE8_EXCLUIR_COMENTARIO_CSS_END */


/* COFRE8_COMPARTILHAR_POPUP_CSS_START */

/* O compartilhar antigo não aparece mais embaixo do card */
.cofre8 > .cofre8-share[data-cofre8-share],
.cofre8:not(.cofre8-share-dialog) > .cofre8-share[data-cofre8-share]{
  display:none!important;
}

/* Mensagens antigas não ocupam espaço se vazias */
.cofre8-status:empty,
[data-cofre8-status]:empty{
  display:none!important;
}

/* Pop-up novo de compartilhar */
.cofre8-share-overlay,
.cofre8-share-overlay *,
.cofre8-share-dialog,
.cofre8-share-body{
  box-sizing:border-box!important;
}

html.cofre8-share-open,
html.cofre8-share-open body{
  height:100%!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
}

.cofre8-share-overlay[hidden]{
  display:none!important;
}

.cofre8-share-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483200!important;
  background:rgba(15,23,42,.38)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  padding-top:max(12px, env(safe-area-inset-top))!important;
  padding-bottom:max(12px, env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  touch-action:none!important;
}

.cofre8-share-dialog{
  width:min(460px, calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  background:#fff!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 24px 80px rgba(15,23,42,.30)!important;
  display:flex!important;
  flex-direction:column!important;
}

.cofre8-share-top{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:18px 18px 14px!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  background:#fff!important;
  color:#111827!important;
}

.cofre8-share-top strong{
  display:block!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#111827!important;
}

.cofre8-share-top span{
  display:block!important;
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#667085!important;
}

.cofre8-share-close{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.06)!important;
  color:#111827!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.cofre8-share-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  padding:14px!important;
  padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

.cofre8-share-option{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  border-radius:20px!important;
  min-height:72px!important;
  padding:13px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  box-shadow:none!important;
  transition:transform .08s ease, opacity .12s ease!important;
}

.cofre8-share-option:active{
  transform:scale(.985)!important;
}

.cofre8-share-option:disabled,
.cofre8-share-copy:disabled{
  opacity:.6!important;
  cursor:wait!important;
}

.cofre8-share-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.22)!important;
  font-size:22px!important;
}

.cofre8-share-option strong{
  display:block!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:inherit!important;
}

.cofre8-share-option small{
  display:block!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:inherit!important;
  opacity:.82!important;
}

.cofre8-share-feed{
  background:linear-gradient(135deg,#ff6a00,#ff8a1d)!important;
  color:#fff!important;
}

.cofre8-share-whatsapp{
  background:linear-gradient(135deg,#18a957,#22c55e)!important;
  color:#fff!important;
}

.cofre8-share-native{
  background:linear-gradient(135deg,#111827,#334155)!important;
  color:#fff!important;
}

.cofre8-share-copy{
  width:100%!important;
  min-height:46px!important;
  border-radius:17px!important;
  border:1px solid rgba(0,0,0,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font:inherit!important;
  font-size:15px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.cofre8-share-message{
  min-height:18px!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:#667085!important;
  font-weight:800!important;
  text-align:center!important;
  padding:2px 4px!important;
  overflow-wrap:anywhere!important;
}

.cofre8-share-message:empty{
  display:none!important;
}

@media (max-width:520px){
  .cofre8-share-overlay{
    align-items:flex-end!important;
    padding:8px!important;
    padding-top:max(8px, env(safe-area-inset-top))!important;
    padding-bottom:max(8px, env(safe-area-inset-bottom))!important;
  }

  .cofre8-share-dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:26px 26px 18px 18px!important;
  }

  .cofre8-share-top{
    padding:16px 16px 12px!important;
  }

  .cofre8-share-top strong{
    font-size:21px!important;
  }

  .cofre8-share-body{
    padding:12px!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
    gap:9px!important;
  }

  .cofre8-share-option{
    min-height:66px!important;
    border-radius:18px!important;
    padding:12px!important;
  }

  .cofre8-share-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:14px!important;
  }
}

/* COFRE8_COMPARTILHAR_POPUP_CSS_END */

