/* ============================================================================
   LINHA · painel Intranet (#view-intranet), formato blog
   Uma coluna de leitura. Cada aviso é um post: capa, metadado, título, resumo.
   O texto inteiro abre na leitura (#modal-intranet-notice-view).
   ============================================================================ */

.in-menu-btn{ display:none }

/* ---------------------------------------------------------------- busca do topo */
.in-search{ position:relative }
.in-search-clear{
  display:inline-grid; place-items:center; flex:none; width:24px; height:24px; padding:0;
  border:0; border-radius:50%; background:transparent; color:var(--l-texto-3);
}
.in-search-clear:hover{ background:var(--l-sup-3); color:var(--l-texto) }
.in-search-clear i[data-lucide], .in-search-clear svg{ width:14px; height:14px }
.in-search-results{
  position:absolute; left:-1px; right:-1px; top:calc(100% + 6px); z-index:30;
  display:flex; flex-direction:column; padding:var(--l-e1);
  background:var(--l-sup); border:1px solid var(--l-borda); border-radius:var(--l-raio-3);
  box-shadow:var(--l-sombra-flutua); max-height:360px; overflow:auto;
}
.intranet-search-action{
  display:block; width:100%; padding:9px 12px; border:0; border-radius:var(--l-raio-2);
  background:transparent; color:var(--l-texto); font-size:var(--l-t-corpo); text-align:left;
}
.intranet-search-action:hover, .intranet-search-action:focus-visible{ background:var(--l-sup-3) }

/* ---------------------------------------------------------------- coluna do blog */
.intranet-main.in-blog{ padding-top:48px; padding-bottom:96px }

.in-blog-cab{ padding-bottom:var(--l-e2) }
.in-blog-ola{ font-size:var(--l-t-corpo); color:var(--l-texto-3) }
.in-blog-titulo{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--l-e4); margin-top:6px }
.in-blog-titulo h1{ font-size:40px; font-weight:600; letter-spacing:-.035em; line-height:1.05 }
#btn-intranet-new-notice{
  height:34px; padding:0 14px; border-radius:var(--l-raio-pilula);
  background:transparent; border:1px solid var(--l-borda-forte); color:var(--l-texto); font-size:var(--l-t-peq);
}
#btn-intranet-new-notice:hover{ background:var(--l-marca); border-color:var(--l-marca); color:var(--l-sobre-marca) }
#btn-intranet-new-notice svg, #btn-intranet-new-notice i{ width:15px; height:15px }

/* ---------------------------------------------------------------- feed (revista)
   O primeiro post é o destaque: imagem e texto lado a lado na largura toda.
   Os demais entram numa grade de três colunas, imagem em cima. */
.in-feed{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--l-e10) var(--l-e8); padding-top:var(--l-e8) }
.in-post{ display:flex; flex-direction:column; gap:var(--l-e4); min-width:0 }
.in-post-txt{ min-width:0 }

.in-post-capa{
  position:relative; display:grid; place-items:center; width:100%; aspect-ratio:16/10; padding:0; margin:0;
  border:0; border-radius:var(--l-raio-3); overflow:hidden; cursor:pointer; background:var(--l-sup-3);
}
.in-post-capa img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s var(--l-curva) }
.in-post:hover .in-post-capa img{ transform:scale(1.03) }
.in-post-capa > i, .in-post-capa > svg{ display:none }
.in-post-capa.is-desenhada{ background:var(--l-marca-suave); color:var(--l-marca-tinta) }
.in-post-capa.is-desenhada > i, .in-post-capa.is-desenhada > svg{ display:block; width:40px; height:40px; stroke-width:1.5; opacity:.85 }
.in-post-info .in-post-capa.is-desenhada{ background:var(--l-info-fundo); color:var(--l-info) }
.in-post-urgent .in-post-capa.is-desenhada{ background:var(--l-erro-fundo); color:var(--l-erro) }
.in-post-success .in-post-capa.is-desenhada{ background:var(--l-ok-fundo); color:var(--l-ok) }
.in-post-celebration .in-post-capa.is-desenhada{ background:var(--l-atencao-fundo); color:var(--l-atencao) }
.in-post-dark .in-post-capa.is-desenhada{ background:var(--l-marca); color:var(--l-sobre-marca) }

/* destaque */
.in-post:first-child{
  grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:center; gap:var(--l-e10);
  padding-bottom:var(--l-e10); border-bottom:1px solid var(--l-borda);
}
.in-post:first-child .in-post-capa{ aspect-ratio:16/9 }
.in-post:first-child .in-post-capa.is-desenhada > i, .in-post:first-child .in-post-capa.is-desenhada > svg{ width:64px; height:64px }
.in-post:first-child .in-post-titulo{ font-size:34px; letter-spacing:-.03em; line-height:1.12 }
.in-post:first-child .in-post-resumo{ font-size:17px; -webkit-line-clamp:5 }

.in-post-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.in-post-sep{ color:var(--l-borda-forte) }
.in-post-fixo{ color:var(--l-marca-tinta); font-weight:600 }
.in-post-tipo{ font-weight:500; color:var(--l-texto-2) }
.in-post-urgent .in-post-tipo{ color:var(--l-erro) }
.in-post-info .in-post-tipo{ color:var(--l-info) }
.in-post-success .in-post-tipo{ color:var(--l-ok) }
.in-post-celebration .in-post-tipo{ color:var(--l-atencao) }

.in-post-titulo{ margin-top:var(--l-e2); font-size:20px; font-weight:600; letter-spacing:-.02em; line-height:1.25 }
.in-post-titulo button{ all:unset; cursor:pointer; color:var(--l-texto) }
.in-post-titulo button:hover{ color:var(--l-marca-tinta) }
.in-post-titulo button:focus-visible{ outline:2px solid var(--l-foco); outline-offset:3px; border-radius:4px }

.in-post-resumo{
  margin-top:var(--l-e2); font-size:var(--l-t-med); line-height:1.65; color:var(--l-texto-2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.in-post-pe{ display:flex; align-items:center; gap:var(--l-e5); margin-top:var(--l-e4) }
.in-post-ler, .in-post-editar{ all:unset; cursor:pointer; font-size:var(--l-t-peq); font-weight:500 }
.in-post-ler{ color:var(--l-marca-tinta) }
.in-post-ler::after{ content:" →" }
.in-post-editar{ color:var(--l-texto-3) }
.in-post-ler:hover, .in-post-editar:hover{ text-decoration:underline; text-underline-offset:3px }
.in-post-ler:focus-visible, .in-post-editar:focus-visible{ outline:2px solid var(--l-foco); outline-offset:3px; border-radius:4px }

/* vazio: frase no lugar dos posts */
.in-feed > .au-empty{ grid-column:1 / -1; padding:72px 0; font-size:var(--l-t-med); color:var(--l-texto-3) }

.in-blog-rodape{ margin-top:var(--l-e8); padding-top:var(--l-e5); border-top:1px solid var(--l-fio); font-size:var(--l-t-peq); color:var(--l-texto-3) }

/* ---------------------------------------------------------------- leitura do aviso */
.in-leitura .modal-box{ width:min(820px,100%); padding:56px 64px 48px }
.in-leitura-meta{ display:flex; flex-wrap:wrap; gap:6px; font-size:var(--l-t-peq); color:var(--l-texto-3) }
.in-leitura h2{ margin-top:var(--l-e3); font-size:32px; font-weight:600; letter-spacing:-.03em; line-height:1.15; padding-right:24px }
.in-leitura-corpo{ margin-top:var(--l-e6); font-size:17px; line-height:1.75; color:var(--l-texto); white-space:normal }
.in-leitura-midia{ display:flex; flex-direction:column; gap:var(--l-e4); margin-top:var(--l-e8) }
.notice-detail-media-frame{ position:relative; border-radius:var(--l-raio-3); overflow:hidden; background:var(--l-sup-3) }
.notice-detail-media-frame img{ display:block; width:100%; height:auto; position:relative }
.notice-detail-media-frame iframe{ display:block; width:100%; aspect-ratio:16/9; border:0 }
.notice-frame-bg{ display:none }
.notice-media-fallback{ padding:var(--l-e6); text-align:center }

/* ---------------------------------------------------------------- editor do aviso */
.in-editor .modal-box{ width:min(1040px,100%); padding:0; display:flex; flex-direction:column }
.in-editor-cab{ padding:var(--l-e6) var(--l-e8) var(--l-e4); border-bottom:1px solid var(--l-fio) }
.in-editor-cab h3{ font-size:18px; font-weight:600 }
.in-editor-corpo{ display:grid; grid-template-columns:minmax(0,1fr) 300px; min-height:0; flex:1; overflow:auto }
.in-editor-texto{ padding:var(--l-e6) var(--l-e8); display:flex; flex-direction:column; gap:var(--l-e5) }
.in-editor-texto #notice-title{
  min-height:0; padding:0; border:0; box-shadow:none !important; background:transparent;
  font-size:28px; font-weight:600; letter-spacing:-.025em;
}
.in-editor-texto #notice-body{ min-height:260px; font-size:var(--l-t-med); line-height:1.7 }
.in-editor-lado{ padding:var(--l-e6); border-left:1px solid var(--l-fio); background:var(--l-sup-2); display:flex; flex-direction:column; gap:var(--l-e4) }
.in-editor-lado h4{ font-size:var(--l-t-peq); font-weight:600; color:var(--l-texto) }
.in-check{ display:flex; align-items:center; gap:var(--l-e2); font-size:var(--l-t-corpo); color:var(--l-texto) }
.in-editor-pe{ display:flex; align-items:center; gap:var(--l-e2); padding:var(--l-e4) var(--l-e8); border-top:1px solid var(--l-fio) }
.in-editor-pe .l-esp{ flex:1 }
#btn-notice-delete{ background:transparent; border-color:transparent; color:var(--l-erro) }
#btn-notice-delete:hover{ background:var(--l-erro-fundo) }

.in-anexos{ display:flex; flex-wrap:wrap; gap:var(--l-e2) }
.in-anexo{ display:flex; align-items:center; gap:var(--l-e2); padding:4px 6px 4px 4px; border:1px solid var(--l-borda); border-radius:var(--l-raio-2); background:var(--l-sup); font-size:var(--l-t-peq) }
.in-anexo img{ width:32px; height:32px; object-fit:cover; border-radius:var(--l-raio-1) }
.in-anexo-nome{ max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--l-texto-2) }
.in-anexo-x{ border:0; background:none; color:var(--l-texto-3); font-size:16px; padding:0 4px }
.in-anexo-x:hover{ color:var(--l-erro) }

/* ---------------------------------------------------------------- celular */
@media (max-width:980px){
  .in-menu-btn{ display:inline-grid }
  .intranet-main.in-blog{ padding-top:var(--l-e8) }
  .in-blog-titulo h1{ font-size:30px }
  .in-feed{ grid-template-columns:minmax(0,1fr); gap:var(--l-e8) }
  .in-post:first-child{ grid-template-columns:minmax(0,1fr); gap:var(--l-e4) }
  .in-post-titulo, .in-post:first-child .in-post-titulo{ font-size:19px }
  .in-leitura .modal-box{ padding:var(--l-e8) var(--l-e5) }
  .in-leitura h2{ font-size:24px }
  .in-editor-corpo{ grid-template-columns:1fr }
  .in-editor-lado{ border-left:0; border-top:1px solid var(--l-fio) }
  .in-editor-texto, .in-editor-cab, .in-editor-pe{ padding-left:var(--l-e5); padding-right:var(--l-e5) }
}
.in-leitura-pe{ display:flex; justify-content:flex-end; margin-top:var(--l-e8) }
#public-notice-body{ white-space:pre-line }
@media (min-width:981px) and (max-width:1200px){
  .in-feed{ grid-template-columns:repeat(2,minmax(0,1fr)) }
}

/* capa sem corte (01/10): a imagem aparece inteira, qualquer que seja o formato
   (banner largo, arte quadrada, foto em pé); o espaço que sobra no quadro é
   preenchido pela mesma imagem ampliada e desfocada */
.in-post-capa img.in-post-fundo{ object-fit:cover; transform:scale(1.2); filter:blur(22px) saturate(1.15); opacity:.6 }
.in-post-capa img.in-post-img{ object-fit:contain; z-index:1 }
.in-post:hover .in-post-capa img.in-post-fundo{ transform:scale(1.2) }
.in-post:hover .in-post-capa img.in-post-img{ transform:scale(1.02) }
.in-post-capa:has(.in-post-fundo){ background:var(--l-sup-2) }

/* ================================================================ leitura do aviso (01/10): imagem na lateral, texto ao lado */
.in-leitura .modal-box{ position:relative }
.in-leitura .modal-box:has(> .in-leitura-midia:not(.hidden)){
  width:min(1200px, 96vw); height:min(86dvh, 760px); padding:0; overflow:hidden;
  display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
}
.in-leitura-midia{ position:relative; display:flex; flex-direction:column; min-height:0; margin:0 !important; gap:0 !important; background:#14170f }
.in-leitura-palco{ position:relative; flex:1; min-height:0; overflow:hidden; display:grid; place-items:center }
.in-leitura-fundo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.25); filter:blur(28px) saturate(1.2) brightness(.85); opacity:.75 }
.in-leitura-img{ position:relative; z-index:1; display:grid; place-items:center; width:100%; height:100%; padding:var(--l-e6); cursor:zoom-in }
.in-leitura-img img{ max-width:100%; max-height:100%; object-fit:contain; border-radius:12px; box-shadow:0 20px 50px -20px rgba(0,0,0,.6) }
.in-leitura-palco iframe{ width:100%; height:100%; border:0 }
.in-leitura-thumbs{ display:flex; gap:8px; padding:12px; overflow-x:auto; background:rgba(0,0,0,.35) }
.in-leitura-thumb{ flex:none; width:64px; height:48px; padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; background:#000; cursor:pointer; opacity:.6; color:#fff }
.in-leitura-thumb img{ width:100%; height:100%; object-fit:cover }
.in-leitura-thumb.is-on{ border-color:#fff; opacity:1 }
.in-leitura-txt{ min-width:0; min-height:0; overflow-y:auto }
.in-leitura .modal-box:has(> .in-leitura-midia:not(.hidden)) .in-leitura-txt{ padding:56px 48px 44px }
.in-leitura .modal-box:has(> .in-leitura-midia:not(.hidden)) h2{ font-size:30px }
.in-leitura-corpo{ font-size:16.5px; line-height:1.7 }
.in-leitura-corpo p{ margin:0 0 var(--l-e4) }
.in-leitura-corpo :is(ul, ol){ margin:0 0 var(--l-e5); padding-left:0; list-style:none; display:flex; flex-direction:column; gap:10px }
.in-leitura-corpo li{ position:relative; padding-left:26px }
.in-leitura-corpo ul li::before{ content:""; position:absolute; left:6px; top:.72em; width:8px; height:8px; border-radius:50%; background:var(--l-aba-ativa, var(--l-marca)) }
.in-leitura-corpo ol{ counter-reset:item }
.in-leitura-corpo ol li{ counter-increment:item }
.in-leitura-corpo ol li::before{ content:counter(item); position:absolute; left:0; top:.15em; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--l-aba-ativa, var(--l-marca)); color:#fff; font-size:12px; font-weight:700 }
@media (max-width:860px){
  .in-leitura .modal-box:has(> .in-leitura-midia:not(.hidden)){ grid-template-columns:1fr; grid-template-rows:minmax(220px, 42%) 1fr; height:min(92dvh, 900px) }
  .in-leitura .modal-box:has(> .in-leitura-midia:not(.hidden)) .in-leitura-txt{ padding:var(--l-e6) var(--l-e5) }
}