/* [CSS - GLOBAIS]  Personalizados */
.hoverunderline:hover {text-decoration: underline;}
.hovergray:hover {background-color: rgb(168, 168, 168) !important;}
.positionrelative {position: relative !important;}
.pointer {cursor: pointer;}

/* [NAVBAR] ------------------------------------------------- */
/* Começa transparente */
.navbar.transparent-navbar {
    background-color: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: none;
}

/* Depois do scroll ou quando colapsada */
.navbar.transparent-navbar.nav-background {
    background-color: #2c3e50;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


/* [SLIDER] ------------------------------------------------- */
.slider-height {
    height: 80vh;
}

@media (min-width: 768px) {
    .slider-height {
        height: 65vh;
    }
}

/* Ajuste do background do slider em telas pequenas */
@media (max-width: 767px) {
    .carousel-item .w-100.h-100 {
        background-position: right !important;
    }

    .btn-contato {
        width: 100%;
    }
}

/* [FOOTER] ------------------------------------------------- */
/* Imagem */
.logo-rodape {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}
  
/* Underline do copyright */
#index-footer .copyright {
    border-top: 1px solid #989898;
    color: #cfcfcf;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 15px;
}