/* ===========================================================
   Revista Horizonte Científico FAI
   Paleta herdada do site anterior da revista, para manter a
   identidade visual do periódico.
   =========================================================== */
:root{
  --ink-950:#0a1626; --ink-900:#122140; --blue-800:#1b2a4a; --blue-700:#24365e;
  --blue-100:#e5e9f2; --blue-50:#f3f5f9;
  --gold-600:#c96512; --gold-500:#ea7a17; --gold-100:#fdead6;
  --teal-600:#0f7f93; --teal-500:#17a3bb; --teal-100:#e0f5f8;
  --paper:#f8f9fb; --paper-line:#e3e7ee;
  --ink:#16233f; --ink-soft:#4d5a74; --ink-faint:#8a94a8; --white:#fff;
  --serif:'Poppins','Inter',-apple-system,sans-serif;
  --sans:'Inter',-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --radius-m:10px; --radius-l:18px;
  --shadow-card:0 1px 2px rgba(18,33,64,.06),0 8px 24px -12px rgba(18,33,64,.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);
  line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
.container{max-width:1060px;margin:0 auto;padding:0 24px;}
.container-slim{max-width:800px;margin:0 auto;padding:0 24px;}

/* ---------- topo ---------- */
.topbar{background:var(--ink-950);color:rgba(255,255,255,.72);
  font-family:var(--mono);font-size:12.5px;padding:9px 0;}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;}
.topbar a{color:rgba(255,255,255,.9);}
.topbar a:hover{color:var(--gold-400,#f0954a);}
.topbar-dir{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
/* acesso do Conselho Editorial — discreto, mas achável de qualquer página */
.topbar-painel{display:inline-flex;align-items:center;gap:6px;
  padding-left:18px;border-left:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.6)!important;}
.topbar-painel:hover{color:var(--gold-400,#f0954a)!important;}
.topbar-painel svg{width:13px;height:13px;flex-shrink:0;}
@media(max-width:640px){
  .topbar-painel{padding-left:0;border-left:0;}
}

/* O título do periódico aparece em destaque no cabeçalho de todas as
   páginas — exigência 2a da carta do CBISSN. */
.masthead{background:linear-gradient(160deg,var(--ink-950),var(--blue-700));
  color:#fff;padding:44px 0 38px;}
.masthead .eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--teal-400,#4fc2d6);margin-bottom:14px;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.masthead .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--teal-500);}
.masthead h1{font-family:var(--serif);font-weight:800;line-height:1.12;
  font-size:clamp(28px,4.6vw,46px);letter-spacing:-.015em;}
.masthead h1 em{font-style:normal;color:var(--gold-500);}
.masthead .tagline{margin-top:14px;font-size:15.5px;color:rgba(255,255,255,.8);max-width:640px;}
.masthead .pagina-atual{margin-top:20px;font-family:var(--mono);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62);}

/* ---------- navegação ---------- */
.sitenav{background:#fff;border-bottom:1px solid var(--paper-line);position:sticky;top:0;z-index:40;}
.sitenav .row{display:flex;gap:4px;flex-wrap:wrap;padding:0 24px;
  max-width:1060px;margin:0 auto;}
.sitenav a{padding:14px 14px;font-size:13.5px;font-weight:600;color:var(--ink-soft);
  border-bottom:2px solid transparent;}
.sitenav a:hover{color:var(--blue-700);}
.sitenav a.ativo{color:var(--blue-700);border-bottom-color:var(--gold-500);}

/* ---------- blocos ---------- */
main{padding:40px 0 60px;}
.sec{margin-bottom:52px;}
.sec-head{margin-bottom:22px;}
.sec-head .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--teal-600);display:block;margin-bottom:7px;}
.sec-head h2{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--blue-800);}
.sec-head p{margin-top:8px;color:var(--ink-soft);font-size:14.5px;max-width:660px;}
h3{font-family:var(--serif);font-weight:700;color:var(--blue-800);}
.prosa p{font-size:15px;line-height:1.8;color:var(--ink-soft);margin-bottom:16px;max-width:680px;}
.prosa p strong{color:var(--ink);}

.card{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-m);
  padding:24px;box-shadow:var(--shadow-card);}
.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;}
@media(max-width:860px){.grid-2{grid-template-columns:1fr;gap:28px;}}

/* ---------- ficha de dados ---------- */
.ficha{display:flex;flex-direction:column;border-top:1px solid var(--paper-line);}
.ficha .linha{display:flex;justify-content:space-between;gap:18px;padding:12px 0;
  border-bottom:1px solid var(--paper-line);font-size:13.5px;}
.ficha .k{color:var(--ink-faint);font-family:var(--mono);font-size:11px;
  text-transform:uppercase;letter-spacing:.05em;padding-top:3px;flex-shrink:0;}
.ficha .v{font-weight:600;text-align:right;color:var(--ink);}

/* ---------- lista de fascículos ---------- */
.fasc-lista{display:flex;flex-direction:column;gap:12px;}
.fasc{display:flex;align-items:center;gap:18px;
  background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-m);
  padding:14px 20px;transition:border-color .15s,transform .15s;}
.fasc:hover{border-color:var(--teal-500);transform:translateX(2px);}
.fasc-capa{flex-shrink:0;width:56px;line-height:0;border-radius:4px;overflow:hidden;
  box-shadow:0 1px 3px rgba(18,33,64,.18),0 6px 14px -8px rgba(18,33,64,.4);}
.fasc-capa svg{width:100%;height:auto;display:block;}
.fasc-info{flex:1;min-width:0;}
.fasc .desig{display:block;font-family:var(--mono);font-size:12.5px;font-weight:500;
  color:var(--teal-600);margin-bottom:4px;}
.fasc .tema{display:block;font-family:var(--serif);font-weight:700;font-size:15.5px;
  color:var(--blue-800);line-height:1.35;}
.fasc .qtd{display:block;font-size:12.5px;color:var(--ink-faint);margin-top:3px;}
.fasc .seta{color:var(--ink-faint);flex-shrink:0;font-size:20px;}
.fasc.vazio{opacity:.78;border-style:dashed;}
.fasc.vazio:hover{transform:none;border-color:var(--paper-line);}
@media(max-width:520px){
  .fasc{gap:14px;padding:13px 15px;}
  .fasc-capa{width:44px;}
  .fasc .seta{display:none;}
}

/* ---------- topo da página de fascículo ---------- */
.fasc-topo{display:grid;grid-template-columns:190px 1fr;gap:32px;
  align-items:start;margin-bottom:38px;}
.fasc-topo-capa{line-height:0;border-radius:6px;overflow:hidden;
  box-shadow:0 2px 6px rgba(18,33,64,.16),0 18px 36px -18px rgba(18,33,64,.5);}
.fasc-topo-capa svg{width:100%;height:auto;display:block;}
@media(max-width:760px){
  .fasc-topo{grid-template-columns:1fr;gap:22px;}
  .fasc-topo-capa{max-width:180px;}
}

.rotulo{display:inline-block;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:11px;
  background:var(--blue-100);color:var(--blue-700);margin-left:8px;vertical-align:middle;}
.rotulo.antigo{background:var(--gold-100);color:var(--gold-600);}
.rotulo.prep{background:var(--teal-100);color:var(--teal-600);}

/* ---------- sumário do fascículo ---------- */
.sumario{display:flex;flex-direction:column;gap:14px;}
.item{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-m);padding:18px 20px;}
.item h3{font-size:15.5px;line-height:1.45;margin-bottom:7px;}
.item .autores{font-size:13.5px;color:var(--ink-soft);margin-bottom:12px;}
.item .rodape{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.item .pag{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);
  text-transform:uppercase;letter-spacing:.05em;}
.acoes{display:flex;gap:8px;flex-wrap:wrap;}

.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:7px;
  font-size:13px;font-weight:600;background:var(--ink-900);color:#fff;border:1px solid var(--ink-900);}
.btn:hover{background:var(--blue-700);border-color:var(--blue-700);}
.btn.linha{background:transparent;color:var(--blue-700);border-color:var(--blue-100);}
.btn.linha:hover{background:var(--blue-50);border-color:var(--blue-700);}
.btn.inativo{background:var(--paper-line);border-color:var(--paper-line);
  color:var(--ink-faint);cursor:default;}
.btn.grande{padding:12px 22px;font-size:14px;}

/* ---------- listas ---------- */
.lista{list-style:none;display:flex;flex-direction:column;gap:12px;}
.lista li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.7;color:var(--ink-soft);}
.lista li::before{content:"";position:absolute;left:8px;top:10px;width:6px;height:6px;
  border-radius:50%;background:var(--teal-500);}
.lista li strong{color:var(--ink);}

.pessoas{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--paper-line);}
.pessoa{padding:13px 0;border-bottom:1px solid var(--paper-line);}
.pessoa .nome{font-weight:700;font-size:14px;color:var(--ink);}
.pessoa .inst{font-size:12.5px;color:var(--ink-faint);margin-top:2px;}
.pessoa .papel{font-size:12.5px;color:var(--teal-600);font-weight:600;margin-top:2px;}

/* ---------- formulário de submissão ---------- */
.formulario{display:flex;flex-direction:column;gap:18px;}
.campo{display:flex;flex-direction:column;gap:6px;}
.campo-par{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:620px){.campo-par{grid-template-columns:1fr;gap:18px;}}
.campo label{font-family:var(--mono);font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-faint);font-weight:500;}
.campo input,.campo select,.campo textarea{
  font-family:var(--sans);font-size:14.5px;color:var(--ink);background:var(--paper);
  border:1px solid var(--paper-line);border-radius:7px;padding:11px 13px;width:100%;}
.campo textarea{resize:vertical;min-height:110px;line-height:1.6;}
.campo input:focus,.campo select:focus,.campo textarea:focus{
  outline:none;border-color:var(--teal-500);background:#fff;
  box-shadow:0 0 0 3px var(--teal-100);}
.campo input[type=file]{padding:9px 11px;background:#fff;cursor:pointer;}
.declaracao{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;
  color:var(--ink-soft);line-height:1.6;cursor:pointer;}
.declaracao input{width:auto;margin-top:3px;flex-shrink:0;}
.declaracao a{color:var(--teal-600);font-weight:600;text-decoration:underline;}
.formulario .btn{align-self:flex-start;}
.retorno{font-size:13.5px;line-height:1.6;margin:0;}
.retorno.ok{color:var(--green-ok,#2f7a4f);font-weight:600;}
.retorno.erro{color:var(--red-tag,#c23a3a);font-weight:600;}

/* ---------- avisos ---------- */
.aviso{background:var(--blue-50);border:1px solid var(--blue-100);
  border-left:3px solid var(--teal-500);border-radius:var(--radius-m);
  padding:18px 20px;font-size:14px;color:var(--ink-soft);line-height:1.7;}
.aviso strong{color:var(--ink);}

.migalha{font-size:13px;color:var(--ink-faint);padding:18px 0 0;}
.migalha a{color:var(--teal-600);font-weight:600;}
.migalha a:hover{text-decoration:underline;}

/* ---------- rodapé ---------- */
footer{background:var(--ink-950);color:rgba(255,255,255,.55);padding:44px 0 30px;font-size:13px;}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px;
  padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1);}
@media(max-width:760px){footer .cols{grid-template-columns:1fr;gap:26px;}}
footer .marca{font-family:var(--serif);font-weight:700;font-size:16px;color:#fff;margin-bottom:9px;}
footer h5{font-size:11.5px;font-family:var(--mono);letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:11px;}
footer ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
footer a:hover{color:var(--gold-500);}
footer .base{padding-top:20px;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,.42);}
footer .base .issn{font-family:var(--mono);color:rgba(255,255,255,.6);}