body { scroll-behavior: smooth; background-color: #f8f9fa; }

	.hero { 
		background-color: #; 
		color: white; 
		padding: 100px 0; 
		background: url("../banner.jpg") no-repeat!important;
		}

	.section-title { color: #fff; font-weight: bold; }

	.card { transition: all 0.3s ease; background: #181818; color: #fff}

	.card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }

	footer { background-color: #0d6efd; color: white; }

	.navbar { background-color: white !important; }

	.navbar-brand img { height: 40px; }



.urgency {

    background-color: #ffc107;

    color: #212529;

    padding: 10px 20px;

    border-radius: 5px;

    font-weight: bold;

    text-align: center;

    animation: pulse 1.5s infinite;

}



@keyframes pulse {

    0% {

        opacity: 1;

        transform: scale(1);

    }

    50% {

        opacity: 2;

        transform: scale(1.02);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}

		

	.video-wrapper {

    position: relative;

    cursor: pointer;

}



.video-wrapper img {

    width: 100%;

    display: block;

}

.play-button {

    position: absolute;

    bottom: 10px;

    right: 10px; /* ou left: 10px; se quiser no canto esquerdo */

    width: 60px;

    height: 60px;

    background-color: white;

    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: box-shadow 0.3s, transform 0.3s;

}



.play-button:hover {

    box-shadow: 0 0 30px rgba(255, 255, 255, 1);

    transform: scale(1.05);

}



.play-button::before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-left: 14px solid black;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

}





.play-button:hover {

    opacity: 1;

}



/* Posição canto inferior direito */

.play-button.right {

    bottom: 20px;

    right: 30px;

}



/* Posição canto inferior esquerdo */

.play-button.left {

    bottom: 20px;

    left: 30px;

}

		.list-group-item{

			background: #282828;

			color: #fff;

		}

.certificados {

    background-color: #f9f9f9; /* ou #fff para fundo branco */

}



.certificados h2 {

    font-weight: 700;

    color: #111;

}



.certificados img {

    max-height: 80px;

    filter: grayscale(0%);

    transition: filter 0.3s ease, transform 0.3s ease;

}



.certificados img:hover {

    filter: grayscale(0%) brightness(1.2);

    transform: scale(1.05);

}

.whatsapp-button {

    position: fixed;

    bottom: 20px;

    right: 20px;

    background-color: #25D366;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

    cursor: pointer;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}



.whatsapp-button img {

    width: 35px;

}



.whatsapp-form {

    position: fixed;

    bottom: 90px;

    right: 20px;

    background: white;

    border-radius: 10px;

    padding: 20px;

    box-shadow: 0 8px 20px rgba(0,0,0,0.4);

    width: 300px;

    display: none;

    z-index: 9999;

}



.whatsapp-form .form-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

}



.whatsapp-form .form-header h5 {

    margin: 0;

}



.whatsapp-form .form-header span {

    cursor: pointer;

    font-size: 18px;

}



.whatsapp-form input {

    width: 100%;

    margin-bottom: 10px;

    padding: 10px;

    border-radius: 5px;

    border: 1px solid #ddd;

}



.whatsapp-form button {

    width: 100%;

    background: #25D366;

    color: white;

    border: none;

    padding: 10px;

    border-radius: 5px;

    cursor: pointer;

    transition: background 0.3s;

}



.whatsapp-form button:hover {

    background: #1ebe5d;

}



.reviews {

    background-color: #f9f9f9;

}



.reviews h2 {

    font-weight: 700;

    color: #111;

}



.reviews .card {

    border: none;

    border-radius: 10px;

    overflow: hidden;

    transition: transform 0.3s ease;

}



.reviews .card:hover {

    transform: scale(1.03);

}



.reviews img {

    width: 100%;

    display: block;

}
		
@keyframes tremor-suave {
  0% { transform: translate(0, 0); }
  25% { transform: translate(1px, -1px); }
  50% { transform: translate(0, 1px); }
  75% { transform: translate(-1px, 0); }
  100% { transform: translate(0, 0); }
}

#whatsapp-button {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    animation: tremor-suave 1.5s infinite;
}


.video-wrapper {

	position: relative;

	cursor: pointer;

}

.video-wrapper img {

	width: 100%;

	display: block;

}



.video-wrapper iframe {

	width: 100%;

	height: 100%;

	aspect-ratio: 16/9;

}