:root{
    --cor1: #8D7B68;
    --cor2: #A4907C;
    --cor3: #C8B6A6;
    --cor4: #eee9e2fe;
    --cor5: #fff;
    --cor6: #000;
    --cor7: #220901;

}

body{
    background-color: var(--cor7);
}

.nav_color{

background-color: var(--cor7);
}

.principal{
    background-color: var(--cor7);
}
.h1{
    color: #ec6e06;
}

.header{

    /* border: 1px solid red; */
    height: 60svh;
    background-image: url(../img/mk.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--cor5);
    padding-top: 200px;
    padding-left: 100px;
}

.text-overlay {
    text-align: center;
    color: rgb(14, 13, 13);
    -webkit-text-stroke: 1px #dbb60e; /* Borda dourada ao redor do texto */

}

.text-overlay .top {
    font-size: 80px;
    font-weight: bold;
    color: #0e0d0d; /* Cor dourada */
}

.text-overlay .bottom {
font-size: 30px;
font-weight: bold;
margin-top: -20px; /* Ajuste para sobrepor o texto */
}



.borda{
    border-bottom: 1px solid var(--cor1);
}
.texto{
    text-align: justify;
    color: var(--cor5);
}

.image-container {
    position: relative;
}

.image-container img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.section{
    background-color: #dbb60e;
}

.cartao{
    background: transparent; border: none;
}

.btn:hover {
  background-color: var(--cor7); /* Altere a cor conforme necessário */
  color: #1e1e1e;
}
footer{
    background-color: var(--cor7);

    padding-right: 70px;
    color: aliceblue;
    margin-top: 10px;
}