:root{--f-bg:#f4ede4;--f-card:#fff;--f-ink:#2f241e;--f-muted:#78675c;--f-line:#ead8c7;--f-brand:#c56b13;--f-brand2:#ffe3c7;--f-accent:#d97706;--f-shadow:0 14px 34px rgba(118,76,43,.10)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8efe5 0,#f7efe5 48%,#efe2cb 100%);color:var(--f-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.forum-top{background:#fff;border-bottom:1px solid var(--f-line);position:sticky;top:0;z-index:20}.forum-top-inner{max-width:1280px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.forum-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.forum-brand img{width:150px;height:38px;object-fit:contain}.forum-brand span{display:flex;flex-direction:column;border-left:1px solid var(--f-line);padding-left:12px}.forum-brand b{font-size:12px;letter-spacing:.18em}.forum-brand small{color:var(--f-muted)}.forum-top nav{display:flex;gap:8px}.forum-top nav a{padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--f-muted);font-weight:700}.forum-top nav a:hover,.forum-top nav a.active{background:#fff0df;color:#a5520a}.forum-shell{max-width:1280px;margin:28px auto 70px;padding:0 22px}.forum-hero{background:linear-gradient(135deg,#fff7ee 0%,#fff0df 55%,#ffe3c7 100%);border:1px solid #f0d8c3;border-radius:22px;color:#2f241e;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--f-shadow)}.forum-kicker{font-size:12px;letter-spacing:.2em;font-weight:900;color:#c56b13}.forum-hero h1{font-size:34px;margin:6px 0}.forum-hero p{margin:0;color:#6b5548}.forum-hero-actions{display:flex;gap:10px}.forum-hero-actions button,.forum-hero-actions a{border:0;border-radius:11px;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}.forum-hero-actions button{background:#d97706;color:#fff}.forum-hero-actions a{background:rgba(255,255,255,.76);color:#74431f;border:1px solid #e7c5a8}.forum-section{margin-top:22px;background:var(--f-card);border:1px solid var(--f-line);border-radius:18px;overflow:hidden;box-shadow:var(--f-shadow)}.forum-section-head{padding:15px 20px;background:linear-gradient(135deg,#fff7ee 0%,#fff0df 55%,#ffe3c7 100%);color:#2f241e;border-bottom:1px solid #f0d8c3;font-weight:900}.forum-row{display:grid;grid-template-columns:52px minmax(0,1fr) 100px 110px minmax(190px,260px);gap:14px;align-items:center;padding:17px 18px;border-top:1px solid var(--f-line);text-decoration:none;color:inherit}.forum-row:hover{background:#fbf8f4}.forum-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff0df;color:#b45e08;border:1px solid #efd1b5;font-size:21px}.forum-row h3{margin:0 0 4px;font-size:16px}.forum-row p{margin:0;color:var(--f-muted);font-size:13px;line-height:1.4}.forum-num{text-align:center;font-weight:800}.forum-num small{display:block;color:var(--f-muted);font-weight:500}.forum-latest{font-size:13px;color:var(--f-muted)}.forum-latest strong{display:block;color:var(--f-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-back{display:inline-flex;margin:20px 0 0;text-decoration:none;color:var(--f-brand);font-weight:800}.topic-card{background:#fff;border:1px solid var(--f-line);border-radius:18px;padding:22px;margin-top:18px;box-shadow:var(--f-shadow)}.topic-head{display:flex;justify-content:space-between;gap:15px}.topic-head h2{margin:0 0 6px}.topic-meta{font-size:13px;color:var(--f-muted)}.post-card{display:grid;grid-template-columns:140px 1fr;background:#fff;border:1px solid var(--f-line);border-radius:16px;overflow:hidden;margin-top:12px}.post-author{background:#f8f4ef;padding:18px}.post-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d97706,#f3a34e);color:#fff;font-weight:900;font-size:18px;margin-bottom:8px}.post-body{padding:20px;min-height:120px}.post-body p{white-space:pre-wrap;line-height:1.65}.post-actions{text-align:right}.post-actions button{background:none;border:0;color:#9a6b51;cursor:pointer}.forum-modal{position:fixed;inset:0;background:rgba(23,18,14,.58);display:grid;place-items:center;padding:20px;z-index:50}.forum-modal[hidden]{display:none}.forum-modal-card{position:relative;background:#fff;width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.forum-close{position:absolute;right:16px;top:13px;border:0;background:#f3ede7;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.forum-modal label{display:block;font-weight:700;margin:14px 0 5px}.forum-modal input,.forum-modal select,.forum-modal textarea{width:100%;border:1px solid #dcd1c6;border-radius:11px;padding:12px;font:inherit}.forum-modal textarea{min-height:150px;resize:vertical}.forum-form-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px}.forum-captcha{display:flex;align-items:center;gap:8px}.forum-captcha input{width:100px}.forum-form-bottom button{background:#d97706;color:white;border:0;border-radius:11px;padding:12px 20px;font-weight:800}.forum-hp{position:absolute!important;left:-9999px}.forum-loading{text-align:center;padding:60px;color:var(--f-muted)}@media(max-width:800px){.forum-top nav{display:none}.forum-hero{align-items:flex-start;flex-direction:column}.forum-row{grid-template-columns:46px 1fr}.forum-num,.forum-latest{display:none}.post-card{grid-template-columns:1fr}.post-author{display:flex;align-items:center;gap:10px;padding:12px}.post-avatar{margin:0;width:38px;height:38px}.forum-form-bottom{align-items:stretch;flex-direction:column}.forum-captcha input{width:100%}}

/* Fase 3.8 — interações sociais do fórum */
.social-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid rgba(129,82,48,.12)}
.social-btn,.reaction-picker button{border:1px solid rgba(129,82,48,.16);background:#fffaf5;color:#6f4a31;border-radius:999px;min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;cursor:pointer;transition:.18s ease;box-shadow:0 3px 10px rgba(91,57,34,.04)}
.social-btn span{font-size:15px;line-height:1}.social-btn em{font-style:normal}.social-btn b{font-size:11px;min-width:7px}
.social-btn:hover,.reaction-picker button:hover{transform:translateY(-1px);background:#fff1e3;border-color:#e7b680;color:#a55216}
.social-btn.is-active,.like-btn.is-active{background:#fff0dc;border-color:#df9b54;color:#b75b15}
.report-btn{margin-left:auto;color:#996d58;background:transparent;box-shadow:none}
.reaction-picker{display:flex;align-items:center;gap:4px;padding-left:3px}.reaction-picker button{padding:5px 7px;min-height:32px;background:white}.reaction-picker small{font-size:10px;color:#9a765f}
.share-popover{position:fixed;right:24px;bottom:24px;z-index:10000;width:min(280px,calc(100vw - 32px));background:#fffaf5;border:1px solid #efcfad;border-radius:18px;padding:14px;box-shadow:0 18px 50px rgba(69,39,20,.22);display:grid;gap:7px}.share-popover strong{padding:4px 5px 8px}.share-popover a,.share-popover button{border:0;border-radius:11px;padding:10px 12px;background:#fff0df;color:#643b24;text-decoration:none;text-align:left;font:inherit;cursor:pointer}.share-popover a:hover,.share-popover button:hover{background:#ffe4c5}.forum-reply-main{border:1px solid #d99045!important;background:#dc7b16!important;color:#fff!important;border-radius:12px!important;padding:10px 16px!important;font-weight:700!important;cursor:pointer}
@media(max-width:720px){.social-actions{gap:5px}.social-btn{padding:7px 9px}.social-btn em{display:none}.reaction-picker{order:3;width:100%;padding-top:3px}.report-btn{margin-left:0}.share-popover{right:16px;bottom:16px}}

/* Fase 4.3 — emojis do fórum */
.forum-emoji-tools{margin-top:10px}.forum-emoji-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.forum-emoji,.forum-more-emojis{width:auto!important;border:1px solid #ead8c7!important;background:#fffaf5!important;border-radius:10px!important;padding:7px 9px!important;cursor:pointer;font:inherit;line-height:1.2}.forum-emoji{font-size:20px!important}.forum-emoji:hover,.forum-more-emojis:hover{background:#fff0df!important;transform:translateY(-1px)}.forum-more-emojis{font-size:12px!important;font-weight:800;color:#74431f}.forum-emoji-extra{margin-top:9px;padding:10px;border:1px solid #ead8c7;border-radius:13px;background:#fffaf5;display:flex;flex-wrap:wrap;gap:5px;max-height:190px;overflow:auto}.forum-emoji-extra[hidden]{display:none}.forum-emoji-extra .forum-emoji{font-size:18px!important;padding:6px 7px!important;background:#fff!important}@media(max-width:600px){.forum-emoji{font-size:18px!important;padding:6px 7px!important}.forum-emoji-extra{max-height:160px}}

/* =========================================================
   Fase 7.2 — Fórum Premium + identidade laranja da Home
   ========================================================= */

/* Barra superior no mesmo laranja característico da home */
.forum-top{
  background:var(--primary,#ee9b59);
  border-bottom:1px solid rgba(108,52,10,.18);
  box-shadow:0 7px 22px rgba(109,55,15,.13);
}
.forum-top-inner{
  min-height:78px;
}
.forum-brand{
  color:#342117;
}
.forum-brand img{
  filter:drop-shadow(0 3px 7px rgba(83,41,10,.12));
  transition:transform .25s ease,filter .25s ease;
}
.forum-brand:hover img{
  transform:translateY(-1px) scale(1.015);
  filter:drop-shadow(0 5px 10px rgba(83,41,10,.17));
}
.forum-brand span{
  border-left:1px solid rgba(91,43,9,.22);
}
.forum-brand b{
  color:#3b2417;
}
.forum-brand small{
  color:rgba(59,36,23,.72);
}
.forum-top nav a{
  color:#4c2e1b;
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.forum-top nav a:hover{
  background:rgba(255,255,255,.35);
  color:#7a3b08;
  transform:translateY(-1px);
}
.forum-top nav a.active{
  background:rgba(255,248,239,.84);
  color:#9f4b08;
  box-shadow:0 5px 14px rgba(100,47,10,.09),inset 0 0 0 1px rgba(255,255,255,.38);
}

/* Linhas das categorias mais refinadas */
.forum-row{
  position:relative;
  isolation:isolate;
  transition:background .23s ease,transform .23s ease,box-shadow .23s ease;
}
.forum-row:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(210,141,78,.15),transparent);
  pointer-events:none;
}
.forum-row:hover{
  background:linear-gradient(90deg,#fffdfb 0%,#fff8f1 52%,#fffdfb 100%);
  transform:translateY(-1px);
  box-shadow:inset 3px 0 0 rgba(221,117,19,.55);
  z-index:2;
}
.forum-row:hover h3{
  color:#9a4a0b;
}

/* Quadrados/ícones premium e delicados */
.forum-icon{
  position:relative;
  overflow:hidden;
  width:46px;
  height:46px;
  border-radius:14px;
  color:#a6530c;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.95),rgba(255,255,255,0) 37%),
    linear-gradient(145deg,#fffaf4 0%,#ffead1 100%);
  border:1px solid rgba(220,137,61,.34);
  box-shadow:
    0 7px 17px rgba(105,60,24,.08),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(255,255,255,.34);
  font-size:19px;
  font-weight:850;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,color .28s ease;
}
.forum-icon:before{
  content:"";
  position:absolute;
  width:34px;
  height:72px;
  top:-14px;
  left:-42px;
  transform:rotate(28deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  transition:left .55s ease;
  pointer-events:none;
}
.forum-icon:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.58);
  pointer-events:none;
}
.forum-row:hover .forum-icon{
  transform:translateY(-3px) scale(1.045);
  color:#cf6506;
  border-color:rgba(222,119,26,.52);
  box-shadow:
    0 11px 24px rgba(116,62,23,.13),
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 3px rgba(238,155,89,.07);
}
.forum-row:hover .forum-icon:before{
  left:55px;
}

/* Números com acabamento mais suave */
.forum-num{
  font-size:15px;
  color:#39261b;
}
.forum-num small{
  margin-top:2px;
  font-size:11px;
}
.forum-latest{
  line-height:1.35;
}

/* Hero com acabamento sutil para combinar com o novo topo */
.forum-hero{
  box-shadow:0 18px 42px rgba(103,60,28,.10);
}
.forum-hero-actions button{
  box-shadow:0 8px 18px rgba(217,119,6,.16);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.forum-hero-actions button:hover{
  transform:translateY(-2px);
  box-shadow:0 11px 23px rgba(217,119,6,.22);
  filter:saturate(1.05);
}
.forum-hero-actions a{
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.forum-hero-actions a:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 9px 20px rgba(91,54,24,.08);
}

@media(max-width:800px){
  .forum-top-inner{
    min-height:70px;
  }
  .forum-brand img{
    width:142px;
  }
  .forum-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    font-size:18px;
  }
}

/* =========================================================
   Fase 7.3 — Logo do Fórum no padrão premium global
   ========================================================= */
.forum-brand{
  position:relative;
  isolation:isolate;
}
.forum-brand img{
  transform-origin:50% 55%;
  will-change:transform,filter;
  transition:
    transform .32s cubic-bezier(.2,.78,.2,1),
    filter .32s ease;
}
.forum-brand:hover img{
  transform:translateY(-3px) scale(1.045) rotate(-.35deg);
  filter:
    drop-shadow(0 8px 11px rgba(92,43,8,.23))
    drop-shadow(0 0 9px rgba(255,220,147,.28))
    saturate(1.06)
    brightness(1.04);
}
.forum-brand:active img{
  transform:translateY(-1px) scale(1.02);
}
@media (prefers-reduced-motion:reduce){
  .forum-brand img{transition:filter .15s ease}
  .forum-brand:hover img{transform:none}
}

/* =========================================================
   Fase 7.7 — Botão voltar no Fórum
   ========================================================= */
.forum-hero-actions .forum-back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 17px;
  border-radius:12px;
  border:1px solid rgba(173,91,20,.30);
  background:rgba(255,255,255,.78);
  color:#6f3a16;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(95,52,20,.07);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.forum-hero-actions .forum-back-btn:hover{
  transform:translateY(-2px);
  background:#fff;
  color:#a64f08;
  box-shadow:0 11px 22px rgba(95,52,20,.12);
}
@media(max-width:720px){
  .forum-hero-actions .forum-back-btn{
    width:100%;
  }
}

/* =========================================================
   Fase 7.8 — Botões do hero do Fórum mais delicados
   Inspirados no acabamento das páginas de notícia
   ========================================================= */
.forum-hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:nowrap;
}

.forum-hero-actions button,
.forum-hero-actions a,
.forum-hero-actions .forum-back-btn{
  width:auto;
  min-width:0;
  min-height:40px;
  height:40px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:10px;
  font-size:14px;
  line-height:1;
  font-weight:750;
  letter-spacing:0;
  box-shadow:0 3px 9px rgba(91,52,22,.055);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

/* Voltar e Buscar: claros, finos e discretos */
.forum-hero-actions a,
.forum-hero-actions .forum-back-btn{
  background:rgba(255,255,255,.74);
  color:#56331e;
  border:1px solid rgba(205,145,93,.42);
}

.forum-hero-actions a:hover,
.forum-hero-actions .forum-back-btn:hover{
  transform:translateY(-1px);
  background:#fff;
  color:#8e480d;
  border-color:rgba(196,115,44,.52);
  box-shadow:0 5px 12px rgba(91,52,22,.075);
}

/* Novo tópico: mantém a identidade laranja, porém menos pesado */
.forum-hero-actions button{
  background:#df7905;
  color:#fff;
  border:1px solid #d77200;
  box-shadow:0 4px 10px rgba(202,103,5,.13);
}

.forum-hero-actions button:hover{
  transform:translateY(-1px);
  background:#e7810a;
  border-color:#dc7604;
  box-shadow:0 6px 13px rgba(202,103,5,.17);
}

/* Evita o aspecto de "cards" altos visto na versão anterior */
.forum-hero-actions .forum-back-btn{
  padding:0 14px;
  min-height:40px;
}

/* Em telas intermediárias, os botões podem descer juntos,
   mas continuam compactos e sem quebrar o texto internamente. */
@media(max-width:980px){
  .forum-hero{
    align-items:flex-start;
  }
  .forum-hero-actions{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}

/* Mobile: continuam delicados; não viram blocos gigantes */
@media(max-width:720px){
  .forum-hero-actions{
    width:100%;
    gap:8px;
  }
  .forum-hero-actions button,
  .forum-hero-actions a,
  .forum-hero-actions .forum-back-btn{
    width:auto;
    min-height:39px;
    height:39px;
    padding:0 12px;
    font-size:13px;
  }
}


/* ==========================================================
   MOBILE FINAL 2026-08-26 — FÓRUM
   ========================================================== */
@media (max-width: 1024px) {
  body { overflow-x:hidden; }
  .forum-top-inner, .forum-shell { width:100%; max-width:100%; }
  .forum-top-inner { flex-wrap:wrap; gap:10px; }
  .forum-top nav { display:flex !important; flex:1 1 100%; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .forum-top nav::-webkit-scrollbar { display:none; }
  .forum-top nav a { flex:0 0 auto; white-space:nowrap; }
  .forum-hero { align-items:flex-start; flex-direction:column; }
  .forum-hero-actions { width:100%; flex-wrap:wrap; }
  .forum-row { grid-template-columns:46px minmax(0,1fr) 76px 82px !important; }
  .forum-latest { grid-column:2 / -1; }
}

@media (max-width: 720px) {
  .forum-top { position:relative; }
  .forum-top-inner { padding:10px 12px !important; }
  .forum-brand { width:100%; justify-content:center; }
  .forum-brand img { width:min(145px,45vw) !important; height:auto !important; }
  .forum-brand span { padding-left:8px; }
  .forum-brand small { font-size:11px; }
  .forum-top nav { width:100%; padding:2px 0 4px; }
  .forum-top nav a { min-height:40px; padding:9px 11px !important; }
  .forum-shell { margin:14px auto 40px !important; padding:0 10px !important; }
  .forum-hero { padding:18px 14px !important; border-radius:15px !important; }
  .forum-hero h1 { font-size:28px !important; line-height:1.05; }
  .forum-hero-actions { display:grid !important; grid-template-columns:1fr !important; }
  .forum-hero-actions button,.forum-hero-actions a { width:100%; min-height:44px; text-align:center; }
  .forum-section { border-radius:14px !important; }
  .forum-section-head { padding:12px 13px !important; }
  .forum-row { grid-template-columns:42px minmax(0,1fr) !important; gap:10px !important; padding:13px 12px !important; }
  .forum-num,.forum-latest { display:none !important; }
  .forum-row h3 { font-size:15px !important; overflow-wrap:anywhere; }
  .forum-row p { font-size:12px !important; }
  .topic-card { padding:14px !important; border-radius:14px !important; }
  .topic-head { flex-direction:column; }
  .post-card { grid-template-columns:1fr !important; }
  .post-author { display:flex; align-items:center; gap:9px; padding:10px !important; }
  .post-body { padding:14px !important; min-width:0; overflow-wrap:anywhere; }
  .forum-modal { padding:8px !important; }
  .forum-modal-card { width:100% !important; max-height:96svh !important; padding:20px 14px !important; border-radius:15px !important; }
  .forum-form-bottom { flex-direction:column; align-items:stretch !important; }
  .forum-captcha { width:100%; flex-wrap:wrap; }
  .forum-captcha input { width:100% !important; }
  .forum-form-bottom button { min-height:44px; width:100%; }
  .forum-emoji-extra { max-width:100%; }
}

/* ==========================================================
   FASE 7.31 — FÓRUM MOBILE MAIS DENSO
   Mantém tópicos legíveis sem cartões gigantes.
   ========================================================== */
@media (max-width: 720px) {
  .forum-shell{
    padding:0 9px!important;
  }
  .forum-hero{
    padding:15px 13px!important;
  }
  .forum-hero h1{
    font-size:25px!important;
  }
  .forum-section-head{
    padding:10px 12px!important;
  }
  .forum-row{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
  }
  .forum-icon{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
    font-size:16px!important;
  }
  .forum-row h3{
    font-size:13px!important;
    margin-bottom:2px!important;
  }
  .forum-row p{
    font-size:10.5px!important;
    line-height:1.3!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .topic-card{
    padding:12px!important;
  }
  .post-body{
    padding:12px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
}