/* ==========================================================================
   Puria Online -- Home nova (v2, 07/11/2026)
   Cabecalho novo em todas as paginas e a home (so em PAGE news) quando
   $puriaV2 esta ligado no template.php. O resto do site usa puria.css.
   Paleta: carvao e marrom escuro, dourado velho de destaque, vermelho escuro
   para a acao principal. Sem brilho: moldura de ferro com um fio dourado.
   ========================================================================== */
@font-face { font-family: "Cinzel"; src: url("../fonts/puria/cinzel-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
body.v2 {
	--v2-bg: #0e0c0a; --v2-panel: #17130f; --v2-panel-2: #1d1812; --v2-line: #3b3024; --v2-line-2: #54442f;
	--v2-gold: #c8a35b; --v2-gold-2: #e3c788; --v2-red: #7b1f18; --v2-red-2: #96291f;
	--v2-text: #e7dcc6; --v2-muted: #a59780; --v2-ok: #84c98a; --v2-bad: #d8665b;
	background: var(--v2-bg);
}
body.v2 .pu-ambiente { opacity: .35; }
/* as fontes do site so tem numero "antigo" (o 0 parece um o): numero vai em Cinzel */
.v2-n { font-family: "Cinzel", Georgia, serif; font-weight: 700; letter-spacing: 0; }
.v2-abre .pu-ab-num b { font-family: "Cinzel", Georgia, serif !important; }
/* o puria.css pinta todo link de verde musgo; aqui cada link tem a sua cor */
body.pu.v2 .v2-l, body.pu.v2 .v2-nav summary { color: #d9ccb2; font-weight: 600; }
body.pu.v2 .v2-l:hover, body.pu.v2 .v2-nav details[open] summary, body.pu.v2 .v2-l.ativo { color: var(--v2-gold-2); }
body.pu.v2 .v2-sub li a, body.pu.v2 .v2-lang li a { color: var(--v2-text); font-weight: 500; }
body.pu.v2 .v2-sub li a:hover, body.pu.v2 .v2-lang li a:hover, body.pu.v2 .v2-lang li a[aria-current] { color: var(--v2-gold-2); }
body.pu.v2 .v2-pontos, body.pu.v2 .v2-adm, body.pu.v2 .v2-sair { color: var(--v2-muted); }
body.pu.v2 .v2-pontos:hover, body.pu.v2 .v2-sair:hover { color: var(--v2-gold-2); }
body.pu.v2 .v2-minha { color: var(--v2-gold-2); }
body.pu.v2 .v2-btn-red { color: #f6e9d0; } body.pu.v2 .v2-btn-ghost { color: var(--v2-gold-2); }
body.pu.v2 .v2-social a, body.pu.v2 .v2-info dd a, body.pu.v2 .v2-mais, body.pu.v2 .v2-recado a { color: var(--v2-gold-2); }
body.pu.v2 .v2-sistemas li a { color: inherit; font-weight: 400; }
/* os botoes do puria.css (verdes, com sombra e "pulo" no hover) nao valem aqui */
body.pu.v2 button.v2-burger, body.pu.v2 button.v2-seta-g, body.pu.v2 .v2-miniaturas button {
	min-width: 0; margin: 0; padding: 0; border-radius: 2px; box-shadow: none; filter: none; font: inherit; color: inherit; transition: none; }
body.pu.v2 button.v2-burger { margin-left: auto; }
body.pu.v2 button.v2-burger:hover, body.pu.v2 .v2-miniaturas button:hover { transform: none; filter: none; }
body.pu.v2 button.v2-seta-g:hover { transform: translateY(-50%); filter: none; }
.v2-wrap li, .v2-topo li { margin: 0; }
.v2-wrap { width: min(1220px, 100% - 32px); margin: 0 auto; }

/* ---------------------------------------------------------------- topo */
.v2-topo { position: sticky; top: 0; z-index: 60; background: #0c0a08f2; border-bottom: 1px solid var(--v2-line); box-shadow: 0 1px 0 #00000080; }
.v2-topo::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: linear-gradient(90deg, transparent, #c8a35b55 20%, #c8a35b55 80%, transparent); }
.v2-topo-in { width: min(1280px, 100% - 32px); margin: 0 auto; display: flex; align-items: center; gap: 28px; min-height: 68px; }
.v2-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex: none; }
.v2-logo img { width: 40px; height: auto; }
.v2-logo span { display: flex; flex-direction: column; line-height: .9; }
.v2-logo b { font: 800 30px/1 var(--serif); color: var(--v2-gold-2); letter-spacing: .01em; }
.v2-logo small { font: 600 11px/1.4 var(--sans); color: var(--v2-muted); letter-spacing: .32em; text-transform: uppercase; padding-left: 2px; }
.v2-gaveta { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 20px; }
.v2-nav > ul { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.v2-l, .v2-nav summary { display: flex; align-items: center; gap: 5px; padding: 10px 12px; font: 600 16px/1 var(--sans); color: #d9ccb2; text-decoration: none; cursor: pointer; list-style: none; border-bottom: 2px solid transparent; }
.v2-nav summary::-webkit-details-marker, .v2-lang summary::-webkit-details-marker { display: none; }
.v2-l:hover, .v2-nav details[open] summary { color: var(--v2-gold-2); }
.v2-l.ativo { color: var(--v2-gold-2); border-bottom-color: var(--v2-gold); }
.v2-seta { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; opacity: .7; }
.v2-sub { position: relative; }
.v2-sub ul, .v2-lang ul { position: absolute; top: calc(100% + 6px); left: 0; min-width: 210px; margin: 0; padding: 6px; list-style: none;
	background: var(--v2-panel); border: 1px solid var(--v2-line-2); box-shadow: 0 10px 24px #000a; z-index: 5; }
.v2-sub li a, .v2-lang li a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: var(--v2-text); text-decoration: none; font: 500 15px/1.2 var(--sans); }
.v2-sub li a:hover, .v2-lang li a:hover { background: #2a2219; color: var(--v2-gold-2); }
.v2-conta { display: flex; align-items: center; gap: 10px; }
.v2-lang { position: relative; }
.v2-lang summary { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--v2-line-2); color: #d9ccb2; font: 600 14px/1 var(--sans); cursor: pointer; list-style: none; border-radius: 3px; }
.v2-lang summary img, .v2-lang li img { border-radius: 50%; }
.v2-lang ul { left: auto; right: 0; min-width: 160px; }
.v2-lang li a[aria-current] { color: var(--v2-gold-2); }
.v2-pontos { display: flex; align-items: center; gap: 6px; padding: 8px 6px; color: var(--v2-muted); text-decoration: none; font: 600 14px/1 var(--sans); }
.v2-pontos svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.v2-pontos:hover { color: var(--v2-gold-2); }
.v2-adm, .v2-sair { color: var(--v2-muted); font: 600 13px/1 var(--sans); text-decoration: none; padding: 8px 4px; }
.v2-minha { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--v2-gold); color: var(--v2-gold-2); text-decoration: none; font: 700 15px/1 var(--sans); border-radius: 3px; background: #1b150d; }
.v2-minha svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.v2-minha:hover { background: #2a2012; color: #f2dca6; }
body.pu.v2 .v2-burger { display: none; margin-left: auto; width: 44px; height: 40px; background: none; border: 1px solid var(--v2-line-2); border-radius: 3px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; cursor: pointer; }
.v2-burger span { display: block; width: 20px; height: 2px; background: var(--v2-gold-2); }

body.pu.v2 .v2-status { display: flex; align-items: center; gap: 6px; padding: 6px 4px; color: var(--v2-muted); font: 600 13px/1 var(--sans); }
.v2-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--v2-bad); }
.v2-status.on i { background: var(--v2-ok); box-shadow: 0 0 0 3px #84c98a22; }
body.pu.v2 .v2-status:hover { color: var(--v2-gold-2); }
@media (max-width: 1240px) and (min-width: 961px) { body.pu.v2 .v2-status { display: none; } }

/* ---------------------------------------------------------------- hero */
.v2-hero { position: relative; background: #0b0907 center 40% / cover no-repeat; border-bottom: 1px solid var(--v2-line); }
.v2-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0b0907f5 0%, #0b0907e6 38%, #0b090799 62%, #0b090766 100%), linear-gradient(0deg, #0e0c0a 0%, transparent 30%); }
.v2-hero > * { position: relative; }
.v2-hero-in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; padding: 64px 0 40px; }
.v2-kicker { margin: 0 0 14px; font: 700 13px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--v2-gold); }
.v2-titulo { margin: 0 0 18px; font: 800 clamp(34px, 4.6vw, 58px)/1.02 var(--serif); color: #f0e4c8; text-wrap: balance; }
.v2-lead { margin: 0 0 28px; max-width: 34em; font: 400 19px/1.55 var(--sans); color: #cfc2a8; }
.v2-acoes { display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch; }
.v2-btn { display: flex; align-items: center; gap: 12px; padding: 12px 22px; text-decoration: none; border-radius: 3px; }
.v2-btn b { display: block; font: 700 18px/1.15 var(--sans); }
.v2-btn small { display: block; font: 500 13px/1.3 var(--sans); opacity: .8; }
.v2-btn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; flex: none; }
.v2-btn-red { flex-direction: column; align-items: flex-start; gap: 2px; background: var(--v2-red); color: #f6e9d0; border: 1px solid #b2493c; box-shadow: inset 0 1px 0 #ffffff1f, 0 2px 0 #3d0d09; }
.v2-btn-red:hover { background: var(--v2-red-2); color: #fff; }
.v2-btn-ghost { color: var(--v2-gold-2); border: 1px solid var(--v2-gold); background: #0e0b08cc; }
.v2-btn-ghost:hover { background: #22190f; }
.v2-social { margin: 22px 0 0; color: var(--v2-muted); font: 400 15px/1.4 var(--sans); }
.v2-social a { color: var(--v2-gold-2); }
/* o print da direita: foto com moldura, meio torta, como presa na parede */
.v2-polaroid { margin: 0; justify-self: end; max-width: 520px; padding: 10px 10px 0; background: #e9dfc9; transform: rotate(1.6deg); box-shadow: 0 18px 40px #000c, 0 2px 0 #00000040; }
.v2-polaroid img { display: block; width: 100%; height: auto; image-rendering: pixelated; }
.v2-polaroid figcaption { padding: 10px 4px 12px; font: 500 21px/1.1 var(--serif); color: #3a2c1c; text-align: center; transform: rotate(-.6deg); }
.v2-difs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 0 auto; padding: 0 0 34px; list-style: none; }
.v2-difs li { display: flex; gap: 14px; align-items: flex-start; padding: 6px 22px; border-left: 1px solid var(--v2-line-2); }
.v2-difs li:first-child { border-left: 0; padding-left: 0; }
.v2-difs img { width: 40px; height: 40px; object-fit: contain; image-rendering: pixelated; flex: none; }
.v2-difs b { display: block; font: 700 17px/1.2 var(--sans); color: var(--v2-gold-2); margin-bottom: 3px; }
.v2-difs span { font: 400 14.5px/1.4 var(--sans); color: #bdb09a; }

/* ---------------------------------------------------------------- titulos */
.v2-sec-h { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; }
.v2-sec-h h2 { margin: 0; font: 700 28px/1 var(--serif); color: #efe1c2; white-space: nowrap; }
.v2-sec-h.centro { justify-content: center; flex-direction: column; gap: 6px; }
.v2-div { width: 200px; height: 12px; fill: none; stroke: var(--v2-gold); stroke-width: 1.2; opacity: .8; }
.v2-div-l { fill: var(--v2-gold); stroke: none; }

/* ---------------------------------------------------------------- galeria + info */
.v2-meio { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 32px; padding: 44px 0 10px; }
.v2-palco { position: relative; border: 1px solid var(--v2-gold); outline: 1px solid #000; outline-offset: 3px; background: #000; }
.v2-slide { margin: 0; }
.v2-slide img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; image-rendering: pixelated; }
.v2-slide figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 16px 10px; background: linear-gradient(transparent, #000c); color: #eadfc6; font: 500 17px/1.2 var(--serif); }
.v2-num { font: 700 12px/1 var(--sans); color: var(--v2-gold); letter-spacing: .1em; margin-right: 6px; }
body.pu.v2 .v2-seta-g { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 1px solid var(--v2-gold); background: #0d0a07d9; color: var(--v2-gold-2); cursor: pointer; display: grid; place-items: center; border-radius: 2px; }
.v2-seta-g svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.v2-seta-g:hover { background: #2a2012; }
.v2-seta-g.ant { left: 12px; } .v2-seta-g.prox { right: 12px; }
.v2-miniaturas { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 7 * 8px) / 8); gap: 8px; margin-top: 12px; overflow-x: auto; scrollbar-width: thin; }
body.pu.v2 .v2-miniaturas button { border: 1px solid var(--v2-line-2); background: #000; cursor: pointer; opacity: .55; }
body.pu.v2 .v2-miniaturas button[aria-current] { opacity: 1; border-color: var(--v2-gold); }
.v2-miniaturas button:hover { opacity: .9; }
.v2-miniaturas img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.v2-nota-print { margin: 10px 0 0; color: var(--v2-muted); font: italic 400 14px/1.4 var(--sans); }

.v2-info { background: var(--v2-panel); border: 1px solid var(--v2-line-2); padding: 22px 22px 18px; align-self: start; }
.v2-info dl { margin: 0; }
.v2-info dl > div { display: grid; grid-template-columns: 116px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #3b3024; }
.v2-info dt { color: var(--v2-muted); font: 600 14px/1.35 var(--sans); }
.v2-info dd { margin: 0; color: var(--v2-text); font: 500 15px/1.35 var(--sans); }
.v2-info dd a { color: var(--v2-gold-2); font-weight: 700; }
.v2-info dd i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; background: var(--v2-bad); }
.v2-info dd.on { color: var(--v2-ok); font-weight: 700; } .v2-info dd.on i { background: var(--v2-ok); }
.v2-info dd.off { color: var(--v2-bad); font-weight: 700; }
.v2-abre { margin: 16px 0 6px; padding: 14px; border: 1px solid var(--v2-line-2); background: #120f0b; }
.v2-abre-t { margin: 0 0 4px; color: var(--v2-gold-2); font: 600 14px/1.3 var(--sans); }
.v2-abre-t em { font-style: normal; color: var(--v2-muted); }
.v2-abre .pu-ab-tit { display: block; margin-bottom: 10px; color: var(--v2-muted); font: 500 13px/1.3 var(--sans); }
.v2-abre .pu-ab-num { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.v2-abre .pu-ab-num span { display: flex; flex-direction: column; align-items: center; padding: 8px 0 6px; border: 1px solid var(--v2-line-2); background: #0b0907; }
.v2-abre .pu-ab-num b { font: 700 26px/1 var(--serif); color: #f0e2c0; }
.v2-abre .pu-ab-num small { font: 600 11px/1.4 var(--sans); color: var(--v2-muted); text-transform: uppercase; letter-spacing: .06em; }
.v2-mais { display: inline-block; margin-top: 12px; color: var(--v2-gold-2); font: 600 14px/1 var(--sans); }

/* ---------------------------------------------------------------- sistemas */
.v2-sistemas { padding: 40px 0 30px; }
.v2-sistemas > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 8px 0 0; padding: 0; list-style: none; }
.v2-sistemas li a { box-sizing: border-box; display: grid; grid-template-columns: 54px 1fr; grid-template-rows: auto 1fr auto; column-gap: 14px; height: 100%; padding: 16px 16px 14px; text-decoration: none;
	background: var(--v2-panel); border: 1px solid var(--v2-line-2); transition: border-color .15s, background .15s; }
.v2-sistemas li a:hover { border-color: var(--v2-gold); background: var(--v2-panel-2); }
.v2-ico { grid-row: 1 / 4; width: 54px; height: 54px; display: grid; place-items: center; background: #0d0b08; border: 1px solid var(--v2-line); }
.v2-ico img { max-width: 44px; max-height: 44px; image-rendering: pixelated; }
.v2-sistemas b { font: 700 17px/1.2 var(--sans); color: var(--v2-gold-2); }
.v2-desc { margin-top: 4px; font: 400 14.5px/1.4 var(--sans); color: #bdb09a; }
.v2-sistemas em { margin-top: 8px; font: 600 13px/1 var(--sans); font-style: normal; color: var(--v2-muted); }
.v2-sistemas li a:hover em { color: var(--v2-gold-2); }
.v2-sistemas .v2-mais-sis { grid-column: 1 / -1; }
.v2-sistemas .v2-mais-sis a { grid-template-columns: 54px auto 1fr auto; grid-template-rows: auto; align-items: center; }
.v2-sistemas .v2-mais-sis .v2-ico { grid-row: auto; }
.v2-sistemas .v2-mais-sis .v2-desc, .v2-sistemas .v2-mais-sis em { margin: 0; }
.v2-tres { gap: 4px; grid-auto-flow: column; }
.v2-tres i { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--v2-gold); }
/* recado da equipe: papel escuro, letra de quem escreveu */
.v2-recado { position: relative; max-width: 760px; margin: 34px auto 0; padding: 22px 28px 18px; background: #1f1a12; border: 1px solid #4a3b26; transform: rotate(-.4deg); }
.v2-recado::before { content: ""; position: absolute; top: -9px; left: 50%; width: 70px; height: 18px; margin-left: -35px; background: #c8a35b33; border: 1px solid #c8a35b44; transform: rotate(-3deg); }
.v2-recado h3 { margin: 0 0 8px; font: 700 22px/1.1 var(--serif); color: var(--v2-gold-2); }
.v2-recado p { margin: 0; font: 400 17px/1.55 var(--sans); color: #d8ccb2; }
.v2-recado .v2-assina { margin-top: 10px; font: 500 19px/1.2 var(--serif); color: #cdb98d; text-align: right; }
.v2-recado a { color: var(--v2-gold-2); }

/* ---------------------------------------------------------------- telas menores */
@media (max-width: 1100px) {
	.v2-topo-in { gap: 16px; }
	.v2-l, .v2-nav summary { padding: 10px 8px; font-size: 15px; }
	.v2-pontos span { display: none; }
	.v2-meio { grid-template-columns: 1fr; }
	.v2-difs { grid-template-columns: repeat(2, 1fr); row-gap: 18px; }
	.v2-difs li:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 960px) {
	.v2-sistemas > ul { grid-template-columns: repeat(2, 1fr); }
	body.pu.v2 .v2-burger { display: flex; }
	.v2-gaveta { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 10px 16px 18px; background: #0c0a08; border-bottom: 1px solid var(--v2-line-2); box-shadow: 0 12px 24px #000b; max-height: calc(100vh - 68px); overflow: auto; }
	.v2-topo.aberto .v2-gaveta { display: flex; }
	.v2-nav > ul { flex-direction: column; }
	.v2-l, .v2-nav summary { padding: 13px 4px; font-size: 17px; border-bottom: 1px solid #241d15; }
	.v2-sub ul, .v2-lang ul { position: static; box-shadow: none; border: 0; background: #14100c; }
	.v2-conta { flex-wrap: wrap; padding-top: 8px; }
	.v2-pontos span { display: inline; }
	.v2-minha { flex: 1; justify-content: center; }
	.v2-hero-in { grid-template-columns: 1fr; gap: 30px; padding: 40px 0 26px; }
	.v2-polaroid { justify-self: center; max-width: 440px; transform: rotate(1deg); }
}
@media (max-width: 560px) {
	.v2-logo b { font-size: 26px; }
	.v2-lead { font-size: 17px; }
	.v2-acoes { flex-direction: column; }
	.v2-btn { justify-content: center; }
	.v2-btn-red { align-items: center; text-align: center; }
	.v2-difs { grid-template-columns: 1fr; }
	.v2-sistemas > ul { grid-template-columns: 1fr; }
	.v2-difs li { border-left: 0; padding-left: 0; }
	.v2-miniaturas { grid-auto-columns: 30%; }
	.v2-seta-g { width: 36px; height: 36px; }
	.v2-sec-h { flex-direction: column; align-items: flex-start; gap: 6px; }
	.v2-sec-h.centro { align-items: center; }
	.v2-sec-h h2 { font-size: 24px; white-space: normal; }
	.v2-info dl > div { grid-template-columns: 1fr; gap: 2px; }
	.v2-recado { padding: 18px; transform: none; }
	.v2-sistemas .v2-mais-sis a { grid-template-columns: 54px 1fr; grid-template-rows: auto auto auto; }
	.v2-sistemas .v2-mais-sis .v2-ico { grid-row: 1 / 4; }
}

/* ---------------------------------------------------------------- beta */
body.pu.v2 .v2-beta { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; padding: 4px 9px; border: 1px solid #b2493c; color: #f0c9b8; font: 700 11px/1 var(--sans); letter-spacing: .12em; vertical-align: 2px; }
.v2-beta i { width: 7px; height: 7px; border-radius: 50%; background: #e0675c; }
body.pu.v2 .v2-beta:hover { background: #2a1210; color: #fff; }
/* convite do beta aberto, abaixo do texto do topo (13/11/2026) */
body.pu.v2 .v2-beta-convite { display: flex; gap: 10px; align-items: flex-start; max-width: 560px; margin: -10px 0 24px; padding: 11px 14px; border: 1px solid #b2493c; border-left-width: 3px; background: rgba(42, 18, 16, .72); color: #f3ded2; font: 500 15px/1.5 var(--sans); }
body.pu.v2 .v2-beta-convite b { color: #fff; }
.v2-beta-convite i { flex: none; width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: #e0675c; box-shadow: 0 0 8px rgba(224, 103, 92, .8); }

/* ---------------------------------------------------------------- temas de epoca (css/puria-<tema>.css)
   Os arquivos de tema foram feitos para o topo antigo (.pu-hero, .pu-logo).
   Aqui eles alcancam o topo novo: selo no hero, tom do ceu, gorro no escudo,
   varal de luzes embaixo do cabecalho e neve/fio dourado nos quadros novos. */
.v2-hero .sz-selo { top: 14px; }
.v2-hero > .sz-fogos { position: absolute; z-index: 0; }
.v2-hero > :not(.sz-fogos) { z-index: 1; }
body.sz-natal .v2-hero { box-shadow: inset 0 0 0 2000px rgba(20, 40, 75, .22), inset 0 -70px 90px -30px rgba(233, 170, 90, .22); }
body.sz-anonovo .v2-hero { box-shadow: inset 0 0 0 2000px rgba(12, 18, 55, .30), inset 0 -70px 90px -30px rgba(241, 200, 110, .18); }
body.sz-halloween .v2-hero { box-shadow: inset 0 0 0 2000px rgba(60, 20, 75, .20), inset 0 -70px 90px -30px rgba(170, 70, 15, .35); }
body.sz-halloween.sz-raio .v2-hero { filter: brightness(1.35) saturate(.8); transition: filter .08s; }
/* gorro de Natal: a mesma imagem do topo antigo, na escala do escudo pequeno (40px no lugar de 104px) */
body.sz-natal .v2-logo { position: relative; }
body.sz-natal .v2-logo .v2-crest { visibility: hidden; }
.v2-logo .sz-escudo-natal { position: absolute; left: -11px; top: -8px; width: 51px; height: auto; pointer-events: none; image-rendering: auto; animation: none; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .7)); }
.v2-topo .sz-luzes { bottom: -14px; }
/* neve (Natal) e fio dourado (Ano Novo) tambem nos quadros novos */
body.sz-natal .v2-info, body.sz-natal .v2-sistemas li a, body.sz-anonovo .v2-info, body.sz-anonovo .v2-sistemas li a { position: relative; }
body.sz-natal .v2-info::after, body.sz-natal .v2-sistemas li a::after {
	content: ""; position: absolute; top: -6px; left: -1px; right: -1px; height: 14px; pointer-events: none; z-index: 2; opacity: .92;
	background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%2016%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%209C18%204%2034%203%2052%206S86%2010%20104%207%20138%202%20160%204%20196%209%20214%208%20246%203%20266%204%20300%208%20322%207%20356%203%20376%205%20394%208%20400%207V9C392%2010%20386%2010%20382%2014%20380%2010%20372%2010%20364%2010%20340%2011%20316%2010%20296%2010%20292%2013%20289%2015%20286%2011%20270%2010%20250%2010%20230%2010%20196%2011%20172%2010%20152%2010%20148%2013%20145%2014%20142%2011%20118%2010%2094%2011%2070%2010%2046%2011%2022%2010%200%2011Z%27%20fill%3D%27%23eef3f8%27%2F%3E%3C%2Fsvg%3E") no-repeat 0 0 / 100% 100%;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .45));
}
body.sz-anonovo .v2-info::after, body.sz-anonovo .v2-sistemas li a::after {
	content: ""; position: absolute; top: -1px; left: 12%; right: 12%; height: 2px; pointer-events: none;
	background: linear-gradient(90deg, transparent, rgba(241, 212, 138, .85), transparent);
}
@media (max-width: 560px) { body.pu.v2 .v2-beta { margin: 8px 0 0; display: flex; width: max-content; } }

/* ---------------------------------------------------------------- card O servidor: abertura no alto, relogio do save */
.v2-info .v2-abre { margin: 0 0 14px; }
.v2-info dl > div.v2-save { align-items: start; }
.v2-relogio { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 6px; }
.v2-relogio b { min-width: 38px; padding: 5px 0 4px; text-align: center; font: 700 20px/1 "Cinzel", Georgia, serif; color: #f0e2c0; background: #0b0907; border: 1px solid var(--v2-line-2); }
.v2-info dd .v2-relogio i { display: inline; width: auto; height: auto; margin: 0; border-radius: 0; background: none; vertical-align: baseline; font-style: normal; color: var(--v2-gold); font-weight: 700; }
.v2-save small { display: block; color: var(--v2-muted); font: 400 13.5px/1.45 var(--sans); }
.v2-save small b { color: var(--v2-text); }
#v2sslimpa.hoje { color: #e8a35a; font-weight: 700; }

/* ==========================================================================
   RESTO DO SITE no visual novo (07/11/2026): menu lateral, noticias, barras,
   paginas do MyAAC. O puria.css continua valendo; aqui so trocamos a paleta
   (verde musgo -> marrom/dourado) e os enfeites que tinham o verde escrito.
   Fica em body.v2 (mesma forca do body.sz-*), entao os temas de epoca, que
   carregam depois, continuam podendo pintar por cima.
   ========================================================================== */
body.v2 {
	--bone: #efe1c2; --iron: #54442f; --rivet: #6d5a3e;
	--bg: #0e0c0a; --bg-2: #14110d;
	--panel: rgba(23, 19, 15, .96); --panel-2: #1d1812; --row-1: #17130f; --row-2: #1e1914;
	--line: #3b3024; --line-soft: rgba(200, 163, 91, .16);
	--gold: #c8a35b; --gold-2: #efe1c2; --gold-soft: #9c8762;
	--ember: #c8a35b; --ember-2: #e3c788;
	--text: #e0d4bc; --muted: #a59780;
}
body.pu.v2 { background: var(--bg); }
body.pu.v2 .pu-grid { max-width: 1260px; padding-top: 34px; }
body.pu.v2 .pu-card, body.pu.v2 .pu-content, body.pu.v2 .pu-news, body.pu.v2 .TableContainer {
	border-radius: 2px; box-shadow: 0 10px 26px rgba(0, 0, 0, .45); backdrop-filter: none; }
body.pu.v2 .pu-card::before { background: linear-gradient(90deg, transparent, #c8a35b88, transparent); opacity: 1; }
body.pu.v2 .pu-card :is(h2, h3) { color: #efe1c2; }
body.pu.v2 .pu-menu a { border-radius: 2px; }
body.pu.v2 .pu-menu a:hover, body.pu.v2 .pu-menu a.ativo { background: #2a2219; color: #e3c788 !important; }
body.pu.v2 .pu-menu a:hover::before, body.pu.v2 .pu-menu a.ativo::before { box-shadow: none; }
body.pu.v2 .pu-news { border-radius: 2px; background: rgba(0, 0, 0, .25); }
body.pu.v2 .pu-news-head { background: linear-gradient(90deg, rgba(200, 163, 91, .16), rgba(200, 163, 91, .04) 60%, transparent), #1b1610; }
body.pu.v2 .pu-news-date, body.pu.v2 .pu-clock span { border-radius: 2px; }
body.pu.v2 .pu-news-date span { color: #c8a35b; }
body.pu.v2 .pu-clock { font-family: "Cinzel", Georgia, serif !important; }
body.pu.v2 .alert-info { background: rgba(200, 163, 91, .08); }
body.pu.v2 .pu-idle-jogo:hover { background: rgba(200, 163, 91, .08); }
body.pu.v2 .pu-hs-table tbody tr:hover td, body.pu.v2 .pu-hs-table tr.top1 td { background: rgba(200, 163, 91, .08); border-color: rgba(200, 163, 91, .3); }
/* botoes do MyAAC e do site: placa dourada em vez de liquen */
body.pu.v2 input[type="submit"], body.pu.v2 input[type="button"], body.pu.v2 button:not(.pu-burger):not(.v2-burger):not(.v2-seta-g), body.pu.v2 .button, body.pu.v2 .btn, body.pu.v2 .pu-btn.gold {
	border-radius: 2px; border-color: #6d5428; color: #1a120a; background: linear-gradient(#ecd49a, #c8a35b 55%, #8f6d33); box-shadow: 0 3px 8px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .35); }
body.pu.v2 .pu-btn.ember { color: #f6e9d0; background: #7b1f18; border-color: #b2493c; }
body.pu.v2 input:focus, body.pu.v2 select:focus, body.pu.v2 textarea:focus { box-shadow: 0 0 0 3px rgba(200, 163, 91, .2); }
/* a lateral direita repetia o server save que agora esta no card "O servidor" da home */
body.pu.v2.v2-home .pu-right .pu-save { display: none; }

/* ==========================================================================
   CORPO E RODAPE NOVOS (07/11/2026): todas as paginas numa coluna so, como a
   home. Sem menu lateral (vive no topo e no rodape) e sem barra da direita.
   ========================================================================== */
.v2-pagina { padding: 36px 0 50px; }
.v2-pagina.em-home { padding-top: 10px; }
body.pu.v2 .v2-conteudo { border-radius: 2px; background: var(--v2-panel); background-image: none; border: 1px solid var(--v2-line-2); box-shadow: 0 10px 26px rgba(0, 0, 0, .45); padding: 28px 32px 30px; }
.v2-pagina.em-home .v2-conteudo { background: none; border: 0; box-shadow: none; padding: 0; }
body.pu.v2 .v2-conteudo .pu-news { background: var(--v2-panel); border: 1px solid var(--v2-line-2); }
.v2-rodape { margin-top: 20px; background: #0b0907; border-top: 1px solid var(--v2-line); position: relative; }
.v2-rodape::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, #c8a35b66 20%, #c8a35b66 80%, transparent); }
.v2-rod-in { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 34px; padding: 40px 0 26px; }
.v2-rod-marca p { margin: 14px 0 16px; color: var(--v2-muted); font: 400 14.5px/1.55 var(--sans); max-width: 30em; }
.v2-rod-save > b { display: block; margin-bottom: 6px; color: var(--v2-gold-2); font: 700 13px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.v2-rod-save small { display: block; margin-top: 4px; color: var(--v2-muted); font: 400 13px/1.45 var(--sans); }
.v2-rod-save small b { color: var(--v2-text); }
.v2-rod-save .v2-relogio i { font-style: normal; color: var(--v2-gold); font-weight: 700; }
#sslimpa.hoje { color: #e8a35a; font-weight: 700; }
.v2-rod-col h3 { margin: 0 0 12px; font: 700 13px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--v2-gold-2); }
.v2-rod-col h3 + ul + h3, .v2-rod-col ul + h3 { margin-top: 22px; }
.v2-rod-col ul, .v2-rod-col ol { margin: 0; padding: 0; list-style: none; }
.v2-rod-col li { margin: 0 0 7px; color: var(--v2-muted); font: 400 14.5px/1.35 var(--sans); }
body.pu.v2 .v2-rod-col a { color: #cdbf9f; font-weight: 500; }
body.pu.v2 .v2-rod-col a:hover { color: var(--v2-gold-2); }
.v2-rod-idle a { display: inline-flex; align-items: center; gap: 8px; }
.v2-rod-idle img { border-radius: 4px; }
.v2-rod-passos { counter-reset: p; }
.v2-rod-passos li { counter-increment: p; display: flex; gap: 8px; }
.v2-rod-passos li::before { content: counter(p); flex: none; width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid var(--v2-gold); color: var(--v2-gold-2); font: 700 11px/1 "Cinzel", Georgia, serif; }
.v2-rod-base { padding: 14px 0 22px; border-top: 1px solid #241d15; color: #7d715e; font: 400 13px/1.5 var(--sans); }
body.pu.v2 .v2-rod-base a { color: #a59780; }
/* menu Sistemas com muitos itens: duas colunas */
.v2-sub ul { columns: 1; }
.v2-nav li.v2-sub:nth-child(3) ul { columns: 2; column-gap: 6px; min-width: 380px; }
@media (max-width: 1100px) { .v2-rod-in { grid-template-columns: 1fr 1fr 1fr; } .v2-rod-marca { grid-column: 1 / -1; } }
@media (max-width: 960px) { .v2-nav li.v2-sub:nth-child(3) ul { columns: 1; min-width: 0; } }
@media (max-width: 640px) {
	.v2-rod-in { grid-template-columns: 1fr 1fr; gap: 24px; }
	body.pu.v2 .v2-conteudo { padding: 18px 14px; }
}

/* o puria.css poe todo "body > header" em position: relative; z-index: 1 (camadas do
   ambiente do layout antigo). Isso deixava o hero POR CIMA dos menus do topo novo
   (nao dava para clicar em Novidades, Wiki...) e o topo nao grudava ao rolar. */
body.pu.v2 > header.v2-topo { position: sticky; top: 0; z-index: 60; }
body.pu.v2 > main, body.pu.v2 > section, body.pu.v2 > footer { position: relative; z-index: 1; }

/* ---------------------------------------------------------------- faixa da abertura (embaixo do topo, em todas as paginas) */
body.pu.v2 .v2-faixa.pu-abertura { display: block; position: static; margin: 0; padding: 0; width: auto; border: 0; border-top: 1px solid var(--v2-line); border-radius: 0; box-shadow: none; transform: none;
	background: linear-gradient(90deg, #1a0d0a, #2a120e 30%, #2a120e 70%, #1a0d0a); }
.v2-faixa-in { width: min(1280px, 100% - 32px); margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 7px 0; flex-wrap: wrap; }
.v2-faixa-t { color: #d9c7a6; font: 500 15px/1.2 var(--sans); }
body.pu.v2 .v2-faixa .pu-ab-tit { font: 700 17px/1 var(--serif); color: #f0d9a8; text-shadow: none; margin-right: 6px; }
.v2-faixa-t b { color: #f6e9d0; }
body.pu.v2 .v2-faixa .pu-ab-local { color: #a59780; font-style: normal; }
body.pu.v2 .v2-faixa .pu-ab-num { display: flex; gap: 6px; }
body.pu.v2 .v2-faixa .pu-ab-num span { flex-direction: row; align-items: baseline; gap: 3px; min-width: 0; padding: 3px 8px; background: #0e0806; border: 1px solid #5a2a20; border-radius: 2px; }
body.pu.v2 .v2-faixa .pu-ab-num b { font: 700 18px/1 "Cinzel", Georgia, serif; color: #f6e9d0; text-shadow: none; }
body.pu.v2 .v2-faixa .pu-ab-num small { margin: 0; font: 600 10.5px/1 var(--sans); color: #b89a7a; }
body.pu.v2 a.v2-faixa-cta { padding: 6px 14px; background: #7b1f18; border: 1px solid #b2493c; color: #f6e9d0; font: 700 14px/1 var(--sans); border-radius: 2px; }
body.pu.v2 a.v2-faixa-cta:hover { background: #96291f; color: #fff; }
body.pu.v2 .v2-faixa.aberto .pu-ab-num { display: none; }
@media (max-width: 640px) { .v2-faixa-in { gap: 8px 10px; } .v2-faixa-t { width: 100%; text-align: center; font-size: 13px; } body.pu.v2 .v2-faixa .pu-ab-num b { font-size: 15px; } }

/* linhas das tabelas do MyAAC: a cor vem no HTML (bgcolor do config.ini), nao no CSS */
body.pu.v2 .pu-content tr[bgcolor="#1a1f1e"], body.pu.v2 .pu-content tr[bgcolor="#1a1f1e"] > td, body.pu.v2 .pu-content td[bgcolor="#1a1f1e"] { background-color: #17130f !important; }
body.pu.v2 .pu-content tr[bgcolor="#212726"], body.pu.v2 .pu-content tr[bgcolor="#212726"] > td, body.pu.v2 .pu-content td[bgcolor="#212726"] { background-color: #1e1914 !important; }
body.pu.v2 .pu-content tr[bgcolor="#1a1f1e"]:hover > td, body.pu.v2 .pu-content tr[bgcolor="#212726"]:hover > td { background-color: #2a2219 !important; }
body.pu.v2 .pu-content [bgcolor="#2c3332"], body.pu.v2 .pu-content [bgcolor="#4a5250"], body.pu.v2 .pu-content [bgcolor="#505050"] { background-color: #3a3026 !important; }
body.pu.v2 .pu-content [style*="#1a1f1e"], body.pu.v2 .pu-content [style*="#1c2221"] { background-color: #17130f !important; }

/* convite: mandar print no Discord */
.v2-envie-print { margin: 12px 0 0; padding: 10px 14px; border-left: 3px solid var(--v2-ouro, #c9a35a); background: rgba(201,163,90,.06); color: var(--v2-txt, #e6d9bf); font: 400 15px/1.45 var(--sans); }
.v2-envie-print a { color: var(--v2-ouro, #c9a35a); font-weight: 600; text-decoration: none; white-space: nowrap; }
.v2-envie-print a:hover { text-decoration: underline; }

/* print da semana */
.v2-polaroid { position: relative; }
.v2-ps-selo { position: absolute; top: -12px; left: 18px; z-index: 2; padding: 4px 12px 5px; background: #8f2a1d; color: #f3e6c8; font: 600 13px/1 var(--serif); letter-spacing: .04em; transform: rotate(-3deg); box-shadow: 0 3px 8px #0008; }
.v2-polaroid figcaption small { display: block; margin-top: 4px; font: italic 400 15px/1.2 var(--sans); color: #6b5638; }