/* Paletas (31/10/2026): o site usa tema-musgo; tema-madeira fica como alternativa (previa-madeira.html). */
:root, .tema-musgo {
  --esc1: #050f0a; --esc1-rgb: 5, 15, 10;
  --esc2: #0d2419;
  --acento: #d4f0a8; --acento-rgb: 212, 240, 168; --acento-hover: #e4f7c7;
  --sobre-acento: #050f0a;
  --texto-esc: #eef4e6; --texto-esc-suave: #bfcfb4;
  --fundo: #eef1e6; --fundo-alt: #e3e8d6;
  --texto: #141c12; --suave: #4f5a47; --linha: #cfd6c0;
  --destaque: #3d5a1c; --destaque-forte: #2c4213;
  --fundo-img: url("fundo-musgo.svg");
  --letra: var(--acento);
}

.tema-madeira {
  --esc1: #06140d; --esc1-rgb: 6, 20, 13;
  --esc2: #11301f;
  --acento: #cda47a; --acento-rgb: 205, 164, 122; --acento-hover: #dbb995;
  --sobre-acento: #06140d;
  --texto-esc: #f0ebe1; --texto-esc-suave: #c6bba6;
  --fundo: #f1ece2; --fundo-alt: #e6dfd0;
  --texto: #1b1d17; --suave: #575548; --linha: #d6ccb8;
  --destaque: #7a5232; --destaque-forte: #5f3f25;
  --fundo-img: url("fundo-madeira.svg?v=3");
  --letra: var(--acento);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
a { color: var(--destaque); }

.conteudo { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
.estreito { max-width: 760px; }
.centro { text-align: center; justify-content: center; }

/* topo */
.topo {
  position: sticky; top: 0; z-index: 10;
  background: rgba(var(--esc1-rgb), .95);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(var(--acento-rgb), .15);
}
.topo .conteudo { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 72px; }
.marca { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--texto-esc); text-decoration: none; white-space: nowrap; }
.iniciais {
  display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
  background: var(--esc2); color: var(--texto-esc); border: 1.5px solid var(--acento);
  font: 11px Audiowide, system-ui, sans-serif; letter-spacing: .3px;
}
.monograma.mini { width: 52px; height: 52px; box-shadow: none; }
.nome-topo { color: var(--letra); letter-spacing: .2px; }
.topo nav { display: flex; align-items: center; gap: 22px; }
.topo nav a { color: var(--texto-esc-suave); text-decoration: none; font-size: 15px; }
.topo nav a:hover { color: var(--texto-esc); }

/* botões */
.botao {
  display: inline-block; padding: 11px 20px; border-radius: 8px;
  background: var(--destaque); color: #fff; text-decoration: none; font-weight: 600; font-size: 15px;
  border: 1px solid var(--destaque);
}
.botao:hover { background: var(--destaque-forte); border-color: var(--destaque-forte); }
.botao.secundario { background: transparent; color: var(--destaque); }
.acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.topo .botao, .escura .botao { background: var(--acento); border-color: var(--acento); color: var(--sobre-acento); }
.topo .botao:hover, .escura .botao:hover { background: var(--acento-hover); border-color: var(--acento-hover); }
.topo nav a.botao { color: var(--sobre-acento); }
.escura .botao.secundario { background: transparent; color: var(--acento); }
.escura .botao.secundario:hover { background: rgba(var(--acento-rgb), .12); }

/* seções */
section { padding: 72px 0; }
.alternada { background: var(--fundo-alt); }
h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.1; margin: 6px 0 18px; letter-spacing: -.5px; }
h2 { font-size: 28px; margin: 0 0 24px; letter-spacing: -.3px; }
h3 { font-size: 18px; margin: 2px 0 6px; }

.escura { background: url("ruido.svg"), linear-gradient(140deg, var(--esc1) 0%, color-mix(in oklab, var(--esc1) 85%, var(--esc2)) 25%, color-mix(in oklab, var(--esc1) 55%, var(--esc2)) 50%, color-mix(in oklab, var(--esc1) 22%, var(--esc2)) 75%, var(--esc2) 100%); color: var(--texto-esc); }
.escura p { color: var(--texto-esc-suave); }

.abertura {
  padding: 110px 0 100px;
  background:
    url("ruido.svg"),
    linear-gradient(90deg, var(--esc1) 0%, rgba(var(--esc1-rgb), .96) 30%, rgba(var(--esc1-rgb), .85) 42%,
      rgba(var(--esc1-rgb), .62) 54%, rgba(var(--esc1-rgb), .36) 66%, rgba(var(--esc1-rgb), .15) 77%, rgba(var(--esc1-rgb), 0) 88%),
    var(--fundo-img) right center / cover no-repeat,
    linear-gradient(140deg, var(--esc1) 0%, color-mix(in oklab, var(--esc1) 85%, var(--esc2)) 25%, color-mix(in oklab, var(--esc1) 55%, var(--esc2)) 50%, color-mix(in oklab, var(--esc1) 22%, var(--esc2)) 75%, var(--esc2) 100%);
}
.abertura h1 { color: var(--acento); }
.abertura .conteudo { display: flex; align-items: center; gap: 88px; }
.abertura .sobretitulo { margin: 0; color: var(--acento); font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: .8px; }
.abertura .lead { font-size: 20px; color: var(--texto-esc); opacity: .9; max-width: 640px; margin: 0; }
.abertura .local { color: var(--texto-esc-suave); font-size: 15px; margin: 10px 0 0; }

/* monograma LAC (SVG no HTML, cores pelo tema) */
.monograma {
  flex: none; display: block; width: 250px; height: 250px; border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(var(--acento-rgb), .08), 0 18px 40px rgba(0, 0, 0, .35);
}
.monograma .m-centro { stop-color: var(--esc2); }
.monograma .m-borda { stop-color: var(--esc1); }
.monograma .m-linhas { stroke: var(--acento); }
.monograma .m-nos { fill: var(--esc1); stroke: var(--acento); }
.monograma .m-folha { stroke: var(--acento); }
.monograma .m-folha-fundo { fill: var(--esc2); }
.monograma .m-no-folha { fill: var(--esc1); }
.monograma .m-anel { stroke: var(--acento); }
.monograma .m-letras { fill: var(--letra); stroke: var(--esc1); font-family: Audiowide, system-ui, sans-serif; }

.temas { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 28px 0 0; }
.temas li { padding: 6px 12px; border: 1px solid var(--linha); border-radius: 999px; font-size: 14px; background: rgba(255, 255, 255, .6); }

.linha-tempo { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--linha); }
.linha-tempo li { position: relative; padding: 0 0 30px 26px; }
.linha-tempo li::before {
  content: ""; position: absolute; left: -7px; top: 8px; width: 12px; height: 12px;
  border-radius: 50%; background: var(--fundo-alt); border: 2px solid var(--destaque);
}
.linha-tempo li:last-child { padding-bottom: 0; }
.linha-tempo p { margin: 0; color: var(--suave); }
.periodo { font-size: 14px; font-weight: 600; color: var(--destaque); }

.formacao { list-style: none; margin: 0; padding: 0; }
.formacao li { padding: 14px 0; border-bottom: 1px solid var(--linha); color: var(--suave); }
.formacao li:last-child { border-bottom: 0; }
.formacao strong { color: var(--texto); font-weight: 600; }

.rodape { padding: 28px 0; font-size: 14px; color: var(--texto-esc-suave); background: url("ruido.svg"), var(--esc1); }

/* trilhas até a borda esquerda: véu mais leve (todas as paletas) */
.tema-musgo .abertura, .tema-madeira .abertura {
  background:
    url("ruido.svg"),
    linear-gradient(90deg, rgba(var(--esc1-rgb), .55) 0%, rgba(var(--esc1-rgb), .62) 30%, rgba(var(--esc1-rgb), .55) 45%,
      rgba(var(--esc1-rgb), .35) 62%, rgba(var(--esc1-rgb), .12) 78%, rgba(var(--esc1-rgb), 0) 90%),
    var(--fundo-img) center / cover no-repeat,
    linear-gradient(140deg, var(--esc1) 0%, color-mix(in oklab, var(--esc1) 85%, var(--esc2)) 25%, color-mix(in oklab, var(--esc1) 55%, var(--esc2)) 50%, color-mix(in oklab, var(--esc1) 22%, var(--esc2)) 75%, var(--esc2) 100%);
}

/* hobbies */
.intro-hobbies { margin: -8px 0 0; color: var(--suave); max-width: 640px; }
.hobbies { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 28px; }
.hobby:last-child:nth-child(odd) { grid-column: 1 / -1; }
.hobby { background: var(--fundo); border: 1px solid var(--linha); border-radius: 14px; padding: 24px; }
.hobby svg { width: 42px; height: 42px; fill: none; stroke: var(--destaque); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hobby h3 { margin: 12px 0 8px; }
.hobby p { margin: 0; color: var(--suave); font-size: 16px; }
.hobby .licao { margin-top: 12px; color: var(--destaque); font-style: italic; font-weight: 600; font-size: 15.5px; }
.hobby .curiosidade { margin-top: 14px; padding: 10px 14px; border-left: 3px solid var(--destaque); background: var(--fundo-alt); border-radius: 0 8px 8px 0; font-size: 15px; }
.hobby .temas { margin-top: 16px; }
.hobby .temas li { font-size: 13px; padding: 4px 10px; }

@media (max-width: 720px) {
  body { font-size: 16px; }
  .topo nav a:not(.botao) { display: none; }
  .abertura { padding: 56px 0; }
  .abertura .conteudo { flex-direction: column; align-items: flex-start; gap: 24px; }
  .monograma { width: 160px; height: 160px; }
  .abertura .lead { font-size: 18px; }
  .abertura {
    background:
      url("ruido.svg"),
      linear-gradient(180deg, rgba(var(--esc1-rgb), .55) 0%, rgba(var(--esc1-rgb), .68) 35%, rgba(var(--esc1-rgb), .8) 65%, rgba(var(--esc1-rgb), .9) 100%),
      var(--fundo-img) 75% top / auto 340px no-repeat,
      linear-gradient(140deg, var(--esc1) 0%, color-mix(in oklab, var(--esc1) 85%, var(--esc2)) 25%, color-mix(in oklab, var(--esc1) 55%, var(--esc2)) 50%, color-mix(in oklab, var(--esc1) 22%, var(--esc2)) 75%, var(--esc2) 100%);
  }
  section { padding: 52px 0; }
  .hobbies { grid-template-columns: 1fr; }
}