.cont{
    background: linear-gradient(180deg, #0b2a4a 0%, #1e1e1e 70%) !important;
    border-radius: 12px;
    box-shadow: 0 10px 18px rgb(0, 0, 0);
    color: #fff;
    transition: all 0.3s ease;
}
.cont:hover{
    transform: translateY(3px) scale(1.01);
    box-shadow: 0 10px 18px rgb(31, 45, 77);
}

.br{
    border-radius: 12px !important;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.747);
}

.btn-local{
    background: linear-gradient(90deg, #1e1e1e 0%, #0b2a4a 100%);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 12px 28px;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.589);
}
.btn-local:hover{
    background: radial-gradient(circle at top, #0b2a4a, #1e1e1e);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 18px rgb(31, 45, 77);
}
.btn-local:active{
    transform: translateY(1px) scale(0.98);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Section - Rodapé */
.bg-rodape{
    background: radial-gradient(circle at top, #00111a, #000);
}
.btnVoltar{
    background: radial-gradient(circle at top, #000000, #00111a);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 12px 28px;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.25);
}
.btnVoltar:hover{
    background: radial-gradient(circle at top, #053149, #000);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 18px rgba(11, 39, 71, 0.589);
}
.btnVoltar:active{
  transform: translateY(1px) scale(0.98);
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3);
}