@font-face {
	font-family: 'DK_Longreach';
	src: url('/fonts/DK_Longreach.otf') format('opentype');	
}

body {
	overflow-x: hidden !important;
}

/* Seletor de elementos que deseja aplicar a fonte */
h1, h2, .display-4, .lead, .btn,.nav-link , .card-title, footer, header {
	font-family: 'DK_Longreach' !important;
	letter-spacing: 0.01in !important;
}
.avaliacao-container h2 { /* Seletor para o título dentro do container de avaliações */
  align: center !important; /* Centraliza o texto horizontalmente */
}

.card-img-top {
    border: 5px !important;
    max-height: 17rem;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.card-body {
	text-align: center;	
}
.jumbotron-wrapper {
    background-color: rgba(0, 0, 0, 0.5); /* Fundo branco transparente */
    border-radius: 10px; /* Borda arredondada */
    overflow: hidden; /* Evita que a imagem de fundo se estenda além da borda da div */
}
.jumbotron {
  padding: 0 !important;
  margin-bottom: 0 !important;
  background-color: inherit !important;  
}
.btn-primary {
    background-color: #c73e3a;
    border-color: #282b2e;
    /*color: #000000 !important;*/
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}

.carousel-item img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

#footer {
    background-color: #222 !important;
    color: #fff !important;
    clear: left;
    width: 100%;
    position: unset !important;
    padding-bottom: 20px;
}

#footer .row {
     margin-right: 0px; 
     margin-left: 0px; 
}

#footer label {
     color: #fff;
}

#footer i {
     color: #fff;
}

#footer a {
     cursor: pointer !important;
}

#footer a label {
     cursor: pointer !important;
}

#btnSanfoneiro {
	background-color: #f2a73d;
	border-color: #f2a73d;
    max-height: 65px;
	border-radius: 0 0 0.5rem 0.5rem;
	bottom: 0;
	position: absolute;
}
#btnTrio {
	background-color: #0069d9 !important;
	border-color: #0069d9;
    max-height: 65px;
	border-radius: 0 0 0.5rem 0.5rem;
	bottom: 0;
	position: absolute;
}
#btnBanda {
	background-color: #cd1716;
	border-color: #cd1716;
    max-height: 65px;
	border-radius: 0 0 0.5rem 0.5rem;
	bottom: 0;
	position: absolute;
}

.destaque {
	transform: scale(1.1);
	transition: transform 0.3s;
	cursor: pointer !important;
}

.video-frame {
  border: 1px solid #ccc;
  padding: 10px;
}


.parallax-container {
    position: relative;
    height: 500px;
    overflow: hidden;
  }

  .parallax-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
  }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }

  .video-controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
  }

@media screen and (max-width: 767px) {
  /* Estilos para celular */
  .display-4 {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 1.2;
	}
	#banner_index {
		background-position: center bottom;
	}
	#banner_sanfoneiro {
		background-position: left top;
		height: 300px !important;
	}
	#banner_trio {
		background-position: left top;
		height: 300px !important;
	}
	#banner_banda {
		background-position: left top;
		height: 300px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* Estilos para tablet */
  .display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
	}
	#banner_index {
		background-position: center bottom;
	}
	#banner_sanfoneiro {
		background-position: left top;
		height: 300px !important;
	}
	#banner_trio {
		background-position: left top;
		height: 300px !important;
	}
	#banner_banda {
		background-position: left top;
		height: 300px !important;
	}
}

@media screen and (min-width: 992px) {
  /* Estilos para PC */
  .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
	}
}
/* Garante que o carrossel ocupe tudo sem scroll lateral */
#carouselFullWidth {
    overflow: hidden;
}

.carousel-item {
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

/* Ajuste para dispositivos móveis */
@media (max-width: 768px) {
    #carouselFullWidth .carousel-item {
        height: 400px !important;
    }
    #carouselFullWidth h1 {
        font-size: 1.8rem !important;
    }
}
/* --- AJUSTES DE RESPONSIVIDADE PARA O BANNER --- */

@media (max-width: 768px) {
    /* 1. Ajusta a altura do banner no celular para ficar proporcional */
    #carouselFullWidth .carousel-item {
        height: 350px !important; /* Altura menor para telas pequenas */
    }

    /* 2. Reduz drasticamente o título para não cortar nas laterais */
    #carouselFullWidth h1 {
        font-size: 1.6rem !important; /* Tamanho seguro para mobile */
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }

    /* 3. Ajusta o subtexto (p.lead) */
    #carouselFullWidth p.lead {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
        padding: 0 10px; /* Evita que o texto encoste nas bordas */
    }

    /* 4. Ajusta o tamanho do botão para não ficar desproporcional */
    #carouselFullWidth .btn-lg {
        padding: 8px 20px !important;
        font-size: 0.85rem !important;
        border-radius: 30px !important;
    }
}

/* Ajuste extra para celulares muito pequenos (ex: iPhone SE) */
@media (max-width: 380px) {
    #carouselFullWidth h1 {
        font-size: 1.4rem !important;
    }
}

/* ==========================================================================
   NOVOS CARDS CLICÁVEIS DE CATEGORIAS (MURAL DE ARTISTAS)
   ========================================================================== */
.card-link-wrapper {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

.custom-card-mural {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.custom-card-mural:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.custom-card-mural img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}

/* Estilo do botão colorido posicionado exatamente embaixo da imagem */
.card-btn-header {
    padding: 14px;
    text-align: center;
    color: white !important;
    font-weight: bold;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
}

.card-text-body {
    padding: 20px;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    text-align: center;
    flex-grow: 1;
    background-color: #fff;
}

/* CORES PERSONALIZADAS PARA CADA BOTÃO DA CATEGORIA */
.btn-color-sanfoneiro { background-color: #cd1716 !important; } /* Vermelho Clássico */
.btn-color-trio       { background-color: #007bff !important; } /* Azul */
.btn-color-banda      { background-color: #6f42c1 !important; } /* Roxo */
.btn-color-dj         { background-color: #1ea682 !important; } /* Verde DJ Original */
.btn-color-dancarinos { background-color: #fd7e14 !important; } /* Laranja Dinâmico */