/*



Theme Name: HR Sci-Fi



Description: Tema filho de Twenty Twenty-Five: fundo escuro, tipografia monospaçada, acentos néon.



Author: Agente Smith



Template: twentytwentyfive



Version: 1.0.4



License: GPL-2.0-or-later



Text Domain: hr-scifi



*/







:root{



  --bg:#05070f; --bg-deep:#02040a; --surface:#0b1020; --surface-2:#101830;



  --text:#d7e3f4; --text-strong:#eaf6ff; --muted:#7f93b0;



  --neon:#3ef2e0; --violet:#b388ff; --line:rgba(62,242,224,.18);



  --mono: ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;



}







body{



  background:



    radial-gradient(1200px 620px at 50% -220px, rgba(62,242,224,.10), transparent 70%),



    radial-gradient(900px 520px at 100% 0%, rgba(179,136,255,.09), transparent 62%),



    var(--bg);



  color:var(--text);



  line-height:1.7;



  -webkit-font-smoothing:antialiased;



}



body::before{



  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;



  background-image:



    linear-gradient(rgba(62,242,224,.045) 1px, transparent 1px),



    linear-gradient(90deg, rgba(62,242,224,.045) 1px, transparent 1px);



  background-size:46px 46px;



  -webkit-mask-image:radial-gradient(1100px 700px at 50% 0, #000 35%, transparent 88%);



  mask-image:radial-gradient(1100px 700px at 50% 0, #000 35%, transparent 88%);



}



.wp-site-blocks{position:relative; z-index:1}







h1,h2,h3,h4,h5,h6,.wp-block-post-title,.wp-block-site-title,.wp-block-query-title{



  font-family:var(--mono); font-weight:600; letter-spacing:.005em; color:var(--text-strong);



}







a{color:var(--neon); text-decoration-thickness:1px; text-underline-offset:3px}



a:hover{text-decoration:underline; text-shadow:0 0 14px rgba(62,242,224,.55)}







/* cabeçalho */



.wp-block-template-part header, header.wp-block-template-part{



  border-bottom:1px solid var(--line);



  background:linear-gradient(180deg, rgba(5,7,15,.92), rgba(5,7,15,.62));



  backdrop-filter:blur(10px);



}



.wp-block-site-title{letter-spacing:.05em; font-size:clamp(1.1rem,2.4vw,1.5rem)}



.wp-block-site-title a{color:var(--text-strong); text-shadow:0 0 22px rgba(62,242,224,.35); text-decoration:none}



.wp-block-site-title a::before{content:"▍"; color:var(--neon); margin-right:.35rem; animation:pulse 3.4s infinite}



@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}



.wp-block-site-tagline{font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}



.wp-block-navigation a{font-family:var(--mono); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}



.wp-block-navigation a:hover{color:var(--neon)}







/* lista de artigos: painéis */



.wp-block-post{



  background:linear-gradient(180deg, rgba(16,24,48,.72), rgba(11,16,32,.72));



  border:1px solid var(--line); border-radius:12px;



  padding:1.3rem 1.5rem; margin-bottom:1.1rem;



  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;



}



.wp-block-post:hover{



  transform:translateY(-2px); border-color:rgba(62,242,224,.55);



  box-shadow:0 0 0 1px rgba(62,242,224,.22), 0 18px 50px -22px rgba(62,242,224,.55);



}



.wp-block-post-title{font-size:clamp(1.15rem,2.4vw,1.6rem); margin-bottom:.35rem}



.wp-block-post-title a{color:var(--text-strong); text-decoration:none}



.wp-block-post-title a:hover{color:var(--neon)}



.wp-block-post-excerpt p{color:#b9c7dd}



.wp-block-post-date,.wp-block-post-author-name,.wp-block-post-terms,.wp-block-post-excerpt__more-link{



  font-family:var(--mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);



}



.wp-block-post-terms a{



  border:1px solid var(--line); border-radius:999px; padding:.16rem .6rem; color:var(--muted); text-decoration:none;



}



.wp-block-post-terms a:hover{border-color:rgba(62,242,224,.5); color:var(--neon)}







/* artigo */



.wp-block-post-content{max-width:72ch}



.wp-block-post-content p{margin-block:1.1em}



.wp-block-post-content h2{



  position:relative; padding-left:.9rem; margin-top:2.4rem; font-size:clamp(1.05rem,2vw,1.3rem);



}



.wp-block-post-content h2::before{



  content:""; position:absolute; left:0; top:.3em; bottom:.3em; width:3px; border-radius:2px;



  background:linear-gradient(180deg, var(--neon), var(--violet));



}



.wp-block-post-content ul li::marker{color:var(--neon)}



blockquote{



  border-left:3px solid var(--violet); background:rgba(179,136,255,.07);



  padding:.7rem 1.1rem; border-radius:0 8px 8px 0; color:#cbd6ea; font-style:normal;



}



pre.wp-block-code{



  background:#070b16; border:1px solid var(--line); border-left:3px solid var(--neon); border-radius:9px;



  padding:1rem 1.15rem; overflow:auto; font-family:var(--mono); font-size:.86rem;



  box-shadow:inset 0 0 50px rgba(62,242,224,.05);



}



code{font-family:var(--mono); font-size:.9em; background:rgba(62,242,224,.09); color:#9ff5ea; padding:.1em .38em; border-radius:4px}



pre code{background:none; color:#cfe9ff; padding:0}



hr.wp-block-separator{border:0; height:1px; background:linear-gradient(90deg, transparent, var(--neon), transparent); opacity:.55}







.wp-block-button__link{



  background:transparent; border:1px solid var(--neon); color:var(--neon);



  font-family:var(--mono); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; border-radius:6px;



}



.wp-block-button__link:hover{background:rgba(62,242,224,.13); box-shadow:0 0 26px -8px rgba(62,242,224,.75)}







footer.wp-block-template-part, .wp-block-template-part footer{



  border-top:1px solid var(--line); color:var(--muted); font-size:.82rem;



}







::selection{background:rgba(62,242,224,.3); color:#fff}



::-webkit-scrollbar{width:10px; height:10px}



::-webkit-scrollbar-track{background:#060a14}



::-webkit-scrollbar-thumb{background:#1b2740; border-radius:8px; border:2px solid #060a14}



::-webkit-scrollbar-thumb:hover{background:#2a3c60}







/* ---------- estrutura ---------- */



.hr-main{padding-block:1.6rem 5rem}



.hr-kicker{



  font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;



  color:var(--neon); opacity:.85; margin:0 0 1.2rem;



}



.hr-kicker::before{content:"// "; color:var(--muted)}







/* ---------- painéis da lista ---------- */



.hr-card{



  background:linear-gradient(180deg, rgba(16,24,48,.72), rgba(11,16,32,.72));



  border:1px solid var(--line); border-radius:12px;



  padding:1.35rem 1.5rem; margin:0 0 1.15rem;



  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;



}



.hr-card:hover{



  transform:translateY(-2px); border-color:rgba(62,242,224,.5);



  box-shadow:0 0 0 1px rgba(62,242,224,.2), 0 18px 50px -24px rgba(62,242,224,.6);



}



.hr-card .wp-block-post-title{margin:.25rem 0 .5rem}



.hr-card .wp-block-post-excerpt p{color:#b9c7dd; margin-block:.2rem 0}



.hr-card .wp-block-post-terms{margin-top:.7rem}







/* ---------- assinatura e tags ---------- */



.hr-byline{gap:.5rem; align-items:center; margin:0 0 2rem}



.hr-byline p{margin:0}



.hr-byline .wp-block-post-author-name a{color:var(--neon); text-shadow:0 0 14px rgba(62,242,224,.4); font-weight:600}



.hr-sep{margin-block:3rem 1.6rem}







/* ---------- navegação entre artigos ---------- */



.post-navigation-link{



  font-family:var(--mono); font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;



  border:1px solid var(--line); border-radius:8px; padding:.7rem .9rem; color:var(--muted);



}



.post-navigation-link:hover{border-color:rgba(62,242,224,.5); color:var(--neon)}







/* ---------- cabeçalho ---------- */



.hr-header{



  align-items:center; gap:1rem; padding-block:1.05rem;



  border-bottom:1px solid var(--line);



  background:linear-gradient(180deg, rgba(5,7,15,.94), rgba(5,7,15,.6));



  position:sticky; top:0; z-index:20; backdrop-filter:blur(10px);



}



.hr-header .wp-block-site-title{margin:0; font-size:clamp(1rem,2.2vw,1.3rem)}



.hr-header .wp-block-site-title a{color:var(--text-strong); text-decoration:none; text-shadow:0 0 22px rgba(62,242,224,.35)}



.hr-header .wp-block-site-title a::before{content:"▍"; color:var(--neon); margin-right:.4rem; animation:pulse 3.4s infinite}



.hr-status{



  margin:0; font-family:var(--mono); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted);



}



.hr-status::after{content:"_"; color:var(--neon); animation:pulse 1.6s infinite}







/* ---------- rodapé ---------- */



.hr-footer{



  border-top:1px solid var(--line); margin-top:2rem; padding-block:1.6rem 2.4rem;



}



.hr-foot{



  margin:0; font-family:var(--mono); font-size:.7rem; letter-spacing:.1em;



  text-transform:uppercase; color:var(--muted); text-align:center;



}





/* ---- afinações ---- */





:root{--hr-edge:clamp(1.25rem, 4vw, 2.75rem)}





/* cabeçalho: margem nas laterais (estava colado às bordas) */


.hr-header{padding-inline:var(--hr-edge)}





/* etiquetas: sem vírgulas, com espaço entre as pastilhas */


.wp-block-post-terms{display:flex; flex-wrap:wrap; gap:.45rem; align-items:center}


.wp-block-post-terms__separator{display:none}


.hr-tags .wp-block-post-terms{margin-top:.4rem}





/* etiquetas do artigo com moldura, como na lista */


.hr-byline .wp-block-post-terms a{


  border:1px solid var(--line); border-radius:999px; padding:.15rem .6rem; text-decoration:none;


}


.hr-byline .wp-block-post-terms a:hover{border-color:rgba(62,242,224,.5)}





/* "continuar a ler" com seta */


.wp-block-post-excerpt__more-link{


  font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; text-decoration:none;


}


.wp-block-post-excerpt__more-link::after{content:" →"; color:var(--muted)}


.wp-block-post-excerpt__more-link:hover::after{color:var(--neon)}



/* ---- sem moldura dupla ---- */



/* o invólucro do tema deixa de ser um painel: o painel é só o cartão */

.wp-block-post{

  background:none; border:0; border-radius:0; padding:0; margin:0 0 1.15rem;

  box-shadow:none; transform:none;

}

.wp-block-post:hover{border:0; box-shadow:none; transform:none}

.hr-card{margin:0 0 1.15rem}



/* em ecrã estreito o cartão respira menos */

@media (max-width:600px){

  .hr-card{padding:1.15rem 1.1rem; border-radius:10px}

  .hr-main{padding-block:1rem 3rem}

  .hr-card .wp-block-post-title{font-size:1.15rem}

}

/* ---- afinações finais ---- */

/* no telemóvel o cabeçalho fica só com o título e o botão do menu */
@media (max-width:600px){
  .hr-status{display:none}
  .hr-header{gap:.5rem}
}

/* listas dentro do texto: marcador néon, espaço decente */
.wp-block-post-content ul{padding-left:1.1rem}
.wp-block-post-content ul li{margin-block:.45rem}
.wp-block-post-content ul li::marker{color:var(--neon)}