/* Corpo geral */
body {
    background-color: #111;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

/* Cabeçalho */
header {
    background-color: #111;
}

.nav-link {
    color: #fff;
}

.nav-link:hover {
    color: #f1a519;
}

.bg-bg {

    background-color: #111; 
    color: white; 
    padding: 100px 0;

}

/* Seção Hero */
#hero {
    padding: 100px 0;
}

#hero h2 {
    color: #f1a519;
}

#hero p {
    color: #fff;
}

#hero a {
    background-color: #f1a519;
    color: #111;
}

/* Galeria */
#gallery .photo-container {
    position: relative;
    overflow: hidden;
}

#gallery .photo-container img {
    border-radius: 10px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

#gallery .photo-container:hover img {
    transform: scale(1.05);
}

#gallery .photo-description {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 0;
    transition: background-color 0.3s ease;
}

#gallery .photo-container:hover .photo-description {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Preços */
#prices {
    background-color: #111;
}

#prices .border {
    border-color: #3b7df5;
}

#prices h3 {
    color: #3b7df5;
}

#prices .display-4 {
    color: #f1a519;
}

#prices a {
    color: #f1a519;
    border-color: #f1a519;
}

#prices a:hover {
    background-color: #f1a519;
    color: #000;
}

/* Seção de Depoimentos */
#testimonials {
    background-color: #111;
}

#testimonials p {
    font-style: italic;
    color: #ccc;
}

#testimonials h5 {
    color: #f1a519;
}

/* Seção Coringa */
#feature-1, #feature-2 {
    background-color: #111;
}

#feature-1 h2, #feature-2 h2 {
    color: #3b7df5;
}

#feature-1 p, #feature-2 p {
    color: #ccc;
}

#feature-1 a, #feature-2 a {
    background-color: #f1a519;
    color: #000;
}
/* Seção de Treinadores */
#trainers {
    background-color: #111; /* Fundo em #111 para manter a consistência */
    padding: 50px 0; /* Espaçamento vertical */
}

#trainers h2 {
    color: #f1a519; /* Cor do título da seção */
}

#trainers .card {
    background-color: #222; /* Fundo dos cards levemente mais claro */
    border: none; /* Remove a borda dos cards */
}

#trainers .card img {
    border-radius: 10px 10px 0 0; /* Arredonda os cantos superiores das imagens */
}

#trainers .card-title {
    color: #f1a519; /* Cor do título dos treinadores */
}

#trainers .card-text {
    color: #ccc; /* Cor do texto da descrição dos treinadores */
}
.carousel-item {
    transition: transform 0.5s ease; /* Animação de transição suave */
}

.carousel-inner .carousel-item .col-md-3 {
    padding: 0 5px; /* Espaço entre as imagens */
}

.carousel-inner .row {
    display: flex;
}

.carousel-item img {
    height: auto;
    width: 100%;
    object-fit: cover;
}
.carousel-item video {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.video-container {
    position: relative;
    width: 100%; /* Ajusta a largura do container ao máximo disponível */
    max-width: 360px; /* Largura máxima do vídeo (ajuste conforme necessário) */
    height: 640px; /* Altura do vídeo (ajuste conforme necessário) */
    margin: 0 auto; /* Centraliza o container */
    overflow: hidden; /* Esconde qualquer parte do vídeo que ultrapasse os limites do container */
}

.video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; /* Largura do vídeo em 100% do container */
    height: 100%; /* Altura do vídeo em 100% do container */
    transform: translate(-50%, -50%); /* Centraliza o vídeo no container */
}



iframe {
    width: 100%;
    height: 300px; /* Ajuste a altura do vídeo conforme necessário */
    border-radius: 15px; /* Arredonda os cantos do vídeo */
    overflow: hidden; /* Para garantir que os cantos arredondados funcionem corretamente */
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7); /* Fundo branco semi-transparente */
    border: none;
    border-radius: 50%;
    font-size: 24px; /* Tamanho do ícone */
    padding: 10px;
    cursor: pointer;
    z-index: 2; /* Certifica que o botão fique sobre o vídeo */
}

.play-button:hover {
    background-color: rgba(255, 255, 255, 1); /* Muda a opacidade ao passar o mouse */
}
.cta-section h2 {
    font-size: 2.5rem;
}

.cta-section ul li {
    font-size: 1.1rem;
    margin-bottom: 10px;
    color: #fff; /* Cor branca para os bullet points */
}

.cta-section .btn {
    background-color: #ffca2c;
    border: none;
    color: #111;
}

.cta-section .btn:hover {
    background-color: #e0a800;
    color: #111;
}

@media (min-width: 768px) {
    .carousel-item .d-block {
        display: flex;
        justify-content: space-between;
    }

    .carousel-item .d-block img {
        width: 23%;
    }
}