*{box-sizing:border-box}
:root{--bg:#0b0d0f;--card:#15181c;--txt:#e9edf1;--muted:#9aa3ad;--brand:#ff7a1a;--stroke:#20242c}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b0d0f,#121418);color:var(--txt);font-family:Inter,system-ui,Arial,Helvetica,sans-serif}
.container{max-width:1120px;margin:0 auto;padding:24px}
.nav{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 0;position:sticky;top:0;background:rgba(11,13,15,.8);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--stroke)}
.nav a{color:var(--muted);text-decoration:none;font-weight:600}
.nav a:hover{color:var(--txt)}
.badge{background:var(--brand);color:#141414;font-weight:800;border-radius:10px;padding:6px 10px}
.logo{width:100px;height:100%;object-fit:cover;}
.logo-text{margin-left:10px}
.logo-container{display:flex;align-items:center;justify-content:center;}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}
h1{font-size:46px;line-height:1.1;margin:12px 0 8px}
h2{font-size:28px;margin:28px 0 8px}
h3{margin:12px 0 6px}
p{color:var(--muted);margin:6px 0}
strong{color:#fff}
.btns{display:flex;gap:12px;margin:12px 0 4px;flex-wrap:wrap}
.btn-container{display:flex;align-items:center;justify-content:center;}
.btn{padding:10px 14px;border-radius:12px;border:1px solid #333;background:#1a1f25;color:var(--txt);text-decoration:none;font-weight:700}
.btn.primary{background:var(--brand);color:#141414;border-color:#ff7a1a}
.grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
.grid img{width:100%;height:260px;object-fit:cover;border-radius:14px;border:1px solid var(--stroke);background:#0b0d0f}
/* Visagismo sem recorte */
#visagismo .grid img{height:320px;object-fit:contain;background:#0b0d0f}
.section{margin:36px 0}
.footer{padding:24px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--stroke);margin-top:40px}
.small{font-size:13px;color:var(--muted)}
.gallery-title{display:flex;align-items:center;gap:10px}
.tag{background:#21262d;color:#b5bec9;border:1px solid #2b3138;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
ul{margin:8px 0 0 18px;color:var(--muted)}
@media(max-width:880px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}


/* ===== Preenchimento Fio a Fio ===== */
.secao--preenchimento { padding: 64px 0; }
.secao--preenchimento .subtitulo { opacity: .9; margin-top: 8px; margin-bottom: 24px; }

.grid-preenchimento {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.card-preenchimento {
  background: #111;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 20px;
}

.card-preenchimento h3 { margin: 8px 0 12px; }

.galeria { margin: 12px 0 16px; }
.galeria--lado-a-lado {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.galeria--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}
.galeria img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.06);
}

.bullets { margin: 0 0 8px 18px; }
.bullets li { margin: 6px 0; }

.cta-bloco { margin-top: 28px; text-align: center; }
.btn--primario {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.2);
  text-decoration: none;
}
.nota { display: block; margin-top: 8px; opacity: .7; font-size: .9rem; }