
        /* ============================================
           RESET E BASE
           ============================================ */
           *, *::before, *::after {
           	box-sizing: border-box;
           	margin: 0;
           	padding: 0;
           }

           :root {
           	--ouro:        #c9a84c;
           	--ouro-escuro: #a07c2e;
           	--ouro-suave:  rgba(201,168,76,0.10);
           	--ouro-borda:  rgba(201,168,76,0.22);
           	--fundo:       #0d0b08;
           	--fundo2:      #13100c;
           	--fundo3:      #1a1510;
           	--fundo4:      #221c13;
           	--texto:       #e8dcc8;
           	--texto-muted: #8a7a62;
           	--radius:      2px;
           }

           html, body {
           	background: var(--fundo);
           	color: var(--texto);
           	font-family: 'Source Sans 3', sans-serif;
           	font-weight: 400;
           	font-size: 16px;
           	line-height: 1.6;
           	min-height: 100vh;
           }

           a { color: var(--ouro); text-decoration: none; }
           a:hover { color: var(--texto); }

        /* ============================================
           BARRA DE TOPO
           ============================================ */
           .site-topbar {
           	background: var(--fundo);
           	border-bottom: 1px solid var(--ouro-borda);
           	padding: 7px 40px;
           	display: flex;
           	align-items: center;
           	justify-content: space-between;
           	font-size: 0.72rem;
           	letter-spacing: 0.07em;
           	text-transform: uppercase;
           	color: var(--texto-muted);
           }

           .topbar-left {
           	display: flex;
           	align-items: center;
           	gap: 18px;
           }

           .topbar-left a {
           	color: var(--texto-muted);
           	transition: color 0.2s;
           }

           .topbar-left a:hover { color: var(--ouro); }

           .topbar-dot {
           	width: 3px;
           	height: 3px;
           	border-radius: 50%;
           	background: var(--ouro-borda);
           	display: inline-block;
           }

           .topbar-right {
           	display: flex;
           	align-items: center;
           	gap: 14px;
           }

        /* ============================================
           NAV PRINCIPAL
           ============================================ */
           .site-nav {
           	background: var(--fundo2);
           	border-bottom: 1px solid var(--ouro-borda);
           	padding: 0 40px;
           	display: flex;
           	align-items: center;
           	justify-content: space-between;
           	position: sticky;
           	top: 0;
           	z-index: 100;
           }

           /* Logo */
           .nav-logo {
           	display: flex;
           	align-items: center;
           	gap: 12px;
           	padding: 14px 0;
           	text-decoration: none;
           }

           .nav-logo-icon {
           	width: 32px;
           	height: 32px;
           	flex-shrink: 0;
           }

           .nav-logo-texto {
           	display: flex;
           	flex-direction: column;
           	line-height: 1.15;
           }

           .nav-logo-principal {
           	font-family: 'Playfair Display', serif;
           	font-size: 1.05rem;
           	font-weight: 700;
           	color: var(--ouro);
           	letter-spacing: 0.04em;
           }

           .nav-logo-sub {
           	font-size: 0.62rem;
           	text-transform: uppercase;
           	letter-spacing: 0.12em;
           	color: var(--texto-muted);
           	font-weight: 300;
           }

           /* Menu */
           .nav-menu {
           	display: flex;
           	align-items: center;
           	list-style: none;
           	gap: 2px;
           	height: 100%;
           }

           .nav-menu > li {
           	position: relative;
           }

           .nav-menu > li > a {
           	display: block;
           	padding: 18px 16px;
           	font-size: 0.78rem;
           	text-transform: uppercase;
           	letter-spacing: 0.08em;
           	color: var(--texto-muted);
           	font-weight: 400;
           	transition: color 0.2s;
           	white-space: nowrap;
           }

           .nav-menu > li > a:hover,
           .nav-menu > li.ativo > a {
           	color: var(--ouro);
           }

           .nav-menu > li.ativo > a {
           	border-bottom: 2px solid var(--ouro);
           }

           /* Dropdown */
           .nav-menu > li.hd-dropdown > a::after {
           	content: ' ▾';
           	font-size: 0.6rem;
           	opacity: 0.6;
           }

           .hd-dropdown-content {
           	display: none;
           	position: absolute;
           	top: 100%;
           	left: 0;
           	min-width: 200px;
           	background: var(--fundo3);
           	border: 1px solid var(--ouro-borda);
           	border-top: 2px solid var(--ouro);
           	border-radius: 0 0 var(--radius) var(--radius);
           	z-index: 200;
           	padding: 6px 0;
           }

           .hd-dropdown-content a {
           	display: block;
           	padding: 10px 18px;
           	font-size: 0.78rem;
           	color: var(--texto-muted);
           	letter-spacing: 0.05em;
           	transition: background 0.15s, color 0.15s;
           	border-left: 2px solid transparent;
           }

           .hd-dropdown-content a:hover {
           	background: var(--ouro-suave);
           	color: var(--ouro);
           	border-left-color: var(--ouro);
           }

           @media (min-width: 769px) {
           	.nav-menu > li.hd-dropdown:hover .hd-dropdown-content {
           		display: block;
           	}
           }

           .nav-menu > li.hd-dropdown.hd-aberto .hd-dropdown-content {
           	display: block;
           }

           /* Botão CTA no nav */
           .nav-cta {
           	display: flex;
           	align-items: center;
           	gap: 14px;
           }

           .btn-nav-cta {
           	background: var(--ouro);
           	color: #0d0b08;
           	font-family: 'Source Sans 3', sans-serif;
           	font-size: 0.72rem;
           	font-weight: 600;
           	text-transform: uppercase;
           	letter-spacing: 0.1em;
           	padding: 9px 18px;
           	border: none;
           	border-radius: var(--radius);
           	cursor: pointer;
           	text-decoration: none;
           	display: inline-block;
           	transition: background 0.2s;
           }

           .btn-nav-cta:hover {
           	background: var(--ouro-escuro);
           	color: #fff;
           }

           /* Hamburguer mobile */
           .nav-hamburguer {
           	display: none;
           	background: none;
           	border: 1px solid var(--ouro-borda);
           	border-radius: var(--radius);
           	padding: 8px 10px;
           	cursor: pointer;
           	flex-direction: column;
           	gap: 4px;
           }

           .nav-hamburguer span {
           	display: block;
           	width: 20px;
           	height: 2px;
           	background: var(--ouro);
           	border-radius: 1px;
           	transition: all 0.3s;
           }

           /* Breadcrumb */
           .site-breadcrumb {
           	padding: 10px 40px;
           	background: var(--fundo);
           	border-bottom: 1px solid rgba(201,168,76,0.08);
           	font-size: 0.72rem;
           	color: var(--texto-muted);
           	letter-spacing: 0.05em;
           	display: flex;
           	align-items: center;
           	gap: 8px;
           }

           .site-breadcrumb a { color: var(--texto-muted); }
           .site-breadcrumb a:hover { color: var(--ouro); }
           .site-breadcrumb .bc-sep {
           	opacity: 0.4;
           	font-size: 0.65rem;
           }
           .site-breadcrumb .bc-atual {
           	color: var(--ouro);
           }

        /* ============================================
           RESPONSIVO
           ============================================ */
           @media (max-width: 768px) {
           	.site-topbar { display: none; }

           	.site-nav {
           		padding: 0 16px;
           		flex-wrap: wrap;
           	}

           	.nav-hamburguer { display: flex; }

           	.nav-menu {
           		display: none;
           		flex-direction: column;
           		align-items: flex-start;
           		width: 100%;
           		padding: 10px 0 16px;
           		gap: 0;
           	}

           	.nav-menu.hd-aberto { display: flex; }

           	.nav-menu > li { width: 100%; }

           	.nav-menu > li > a {
           		padding: 12px 4px;
           		border-bottom: 1px solid rgba(201,168,76,0.08);
           	}

           	.nav-cta { display: none; }

           	.hd-dropdown-content {
           		position: static;
           		border: none;
           		border-top: none;
           		background: var(--fundo4);
           		padding: 0;
           	}

           	.hd-dropdown-content a {
           		padding-left: 24px;
           	}

           	.site-breadcrumb { padding: 8px 16px; }
           }
           