/*
Theme Name: Júlio César Design
Theme URI: https://juliocesar.design
Author: Júlio César
Author URI: https://juliocesar.design
Description: Tema customizado estilo One Page com páginas internas para portfólio.
Version: 1.0
Text Domain: juliocesar
*/

/* O seu CSS customizado pode vir aqui, ou ser chamado no functions.php */

/* ============================================================
   HERO BACKGROUND GRID EFFECT
============================================================ */
.hero-bg-grid {
  position: absolute;
  inset: 0; /* Preenche toda a área do Hero */
  z-index: 0;
  pointer-events: none; /* Garante que os cliques passem por ele */
  
  /* Grid de bolinhas usando um tom dourado escurecido suave */
  background-image: radial-gradient(rgba(200, 169, 110, 1.22) 1.5px, transparent 1.5px);
  background-size: 26px 26px; /* Distância entre as bolinhas */
  
  /* Máscara de gradiente para fazer as bolinhas sumirem suavemente nas bordas */
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at center, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 80%);
  mask-image: radial-gradient(ellipse 70% 70% at center, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 80%);
}

/* Garante que o conteúdo do Hero fique acima do fundo de grid */
.hero-inner {
  position: relative;
  z-index: 1;
}