:root {
    --color-primary: #4E3629;     /* Marrom terroso escuro */
    --color-secondary: #795F56;   /* Terroso / Taupe */
    --color-bg: #FAF9F6;          /* Off-white quente */
    --color-surface: #F3F1ED;     /* Fundo alternativo */
    --color-text: #373030;        /* Texto cinza escuro terroso */
    --color-text-light: #796f6f;  /* Texto secundário */
    --font-heading: 'Libre Baskerville', serif;
    --font-sans: 'Inter', sans-serif;
}

/* Customização de Seleção de Texto */
::selection {
    background-color: var(--color-primary);
    color: #ffffff;
}
::-moz-selection {
    background-color: var(--color-primary);
    color: #ffffff;
}

/* Customização da Barra de Rolagem (Scrollbar) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background-color: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-secondary);
    border-radius: 20px;
    border: 2px solid var(--color-bg);
    transition: background-color 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-primary);
}

/* Firefox Support */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--color-secondary) var(--color-bg);
}

h1,h2,h3,h4,h5,h6{
    font-family: var(--font-heading);
    color: var(--color-primary);
}
a,span,p,select,button,input,textarea,li,table{
    font-family: var(--font-sans);
}
p{
    font-size: 16px;
    color: var(--color-text);
    line-height: 1.6;
    margin-bottom: 15px;
}
p:last-child{margin-bottom:0px;}

html,
body{
    background: var(--color-bg);
    color: var(--color-text);
}

.input{background: #fff;}
.input{border: 1px solid #ddd;}

.big-t {
    font-size: clamp(34px, 4.5vw, 64px);
    line-height: clamp(38px, 4.5vw, 68px);
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.main-t {
    font-size: clamp(24px,4vw,40px);
    line-height: clamp(28px,4vw,44px);
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.sub-t {
    font-size: clamp(22px,4vw,28px);
    line-height: clamp(25px,4vw,32px);
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.med-t {
    font-size: clamp(16px,4vw,20px);
    line-height: clamp(18px,4vw,23px);
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.small-t {
    font-size: clamp(14px,4vw,17px);
    line-height: clamp(18px,4vw,21px);
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.blackFont {
    color: #000;
}

.whiteFont {
    color: #fff;
}

.darkGoldFont {
    color: #997149;
}

.goldFont {
    color: #D4A577;
}

.pagination{
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0 auto;
    flex-wrap: wrap;
}
.pagination li{
    margin: 0 2px;
}
.pagination li a,
.pagination li span{
    color: #000;
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 25px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.pagination li:hover a,
.pagination li.active a,
.pagination li:hover span,
.pagination li.active span{
    color: #fff;
    background: #000;
}
.pagination li.disabled span{
    color: #ccc;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination li.disabled:hover span{
    background: transparent;
    color: #ccc;
}

#menu .dl-menu > li:hover > a,
#menu .dl-menu > li.ativo > a{
    color: var(--color-primary);
    background: transparent;
}

.fullW{
    width: 100%;
}

.zoomEfct{
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.zoomEfct:hover{
    transform: scale(0.95);
}

.uppercase{
    text-transform: uppercase;
}

.black{
    font-weight: 900;
}
.bold,
strong,b{
    font-weight:bold;
}
.extrabold{
    font-weight: 800;
}
.italic{
    font-style: italic;
}
.light{
    font-weight: 300;
}
.medium{
    font-weight: 500;
}
.normal{
    font-weight: 400;
}
.semibold{
    font-weight: 600;
}