@font-face{font-family:TrunaDisplay;src:url("assets/fonts/titulos.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:TrunaText;src:url("assets/fonts/texto.woff") format("woff");font-weight:400;font-display:swap}
:root{--truna-display:TrunaDisplay,sans-serif;--truna-body:TrunaText,Georgia,serif}
.truna-background{background:#141916 url("assets/fundo-basalto.png") center/cover fixed}
.truna-icon{width:28px;height:28px;display:inline-block;flex:0 0 28px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.truna-ui-button{min-height:56px;padding:14px 26px;display:inline-flex;gap:14px;align-items:center;justify-content:center;background:transparent url("assets/ui/botao-primario.svg") center/100% 100% no-repeat;color:#141916;font:700 17px TrunaText,serif;border:0;cursor:pointer;text-decoration:none}
.truna-ui-button:hover{background-image:url("assets/ui/botao-hover.svg")}
.truna-ui-button:active{background-image:url("assets/ui/botao-pressionado.svg")}
.truna-ui-button:disabled{background-image:url("assets/ui/botao-desabilitado.svg");color:#b3b7a4;cursor:not-allowed}
.truna-ui-button--secondary{background-image:url("assets/ui/botao-secundario.svg");color:#f1e7ce}
.truna-ui-button--secondary:hover{background-image:url("assets/ui/botao-secundario-hover.svg")}
.truna-ui-nav{min-height:64px;width:100%;display:flex;align-items:center;gap:16px;padding:12px 20px;background:transparent url("assets/ui/menu-normal.svg") center/100% 100% no-repeat;border:0;color:#d2bd8c;font:16px TrunaText,serif;text-decoration:none;cursor:pointer}
.truna-ui-nav:hover{background-image:url("assets/ui/menu-hover.svg")}
.truna-ui-nav[aria-current="page"]{background-image:url("assets/ui/menu-ativo.svg");color:#141916}
.truna-caption{padding:20px 32px;color:#302d24;background:url("assets/ui/legenda-pergaminho.svg") center/100% 100% no-repeat;font-style:italic}
.truna-card{padding:24px;background:url("assets/ui/card-pedra.svg") center/100% 100% no-repeat}
.truna-rule{display:block;width:100%;height:24px;object-fit:fill}
.truna-footer-decoration{background:url("assets/decor/contornos-rodape.svg") center bottom/cover no-repeat}
:where(button,a):focus-visible{outline:3px solid #f4c465;outline-offset:4px}