/* Estilos para as imagens dentro do .container */
.container img {
    max-width: 200px;
    max-height: 150px;
    width: auto;
    height: auto;
}

/* Estilos para o ícone do WhatsApp */
#whatsapp-button {
    position: fixed;
    bottom: 20px; /* Distância do fundo */
    right: 20px; /* Distância da direita */
    z-index: 999; /* Para garantir que fique na frente de outros elementos */
    animation: whatsapp-pulse-animation 1.5s infinite; /* Adiciona a animação de pulsação */
}

#whatsapp-button a {
    display: block;
    width: 60px; /* Largura do botão */
    height: 60px; /* Altura do botão */
    background-color: #25d366; /* Cor de fundo do botão WhatsApp */
    border-radius: 50%; /* Para torná-lo redondo */
    text-align: center;
    line-height: 60px; /* Centraliza o ícone verticalmente */
}

#whatsapp-button img {
    width: 40px; /* Tamanho do ícone WhatsApp */
    height: 40px; /* Tamanho do ícone WhatsApp */
    margin-top: 10px; /* Ajusta a posição vertical */
}

/* Animação de pulsação para o ícone do WhatsApp */
@keyframes whatsapp-pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

/* Animação de pulsação personalizada para elementos com a classe pulse-on-hover */
.pulse-on-hover {
    animation: custom-pulse-animation 1.5s infinite;
}

/* Animação de pulsação personalizada para elementos com a classe pulse-on-hover */
@keyframes custom-pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1);
    }
}

/* Evita que a linha seja quebrada entre as páginas de impressão */
.no-break {
    page-break-inside: avoid;
}

/* Ocultar o ícone do WhatsApp na impressão */
@media print {
    #whatsapp-button {
        display: none !important;
    }
}

/* Estilos para o aviso de vídeo */
.video-warning {
    background-color: #f7b61b; /* Cor de fundo amarela */
    color: #000; /* Cor do texto preto */
    padding: 10px; /* Espaçamento interno */
    text-align: center; /* Centralizar o texto */
    font-size: 16px; /* Tamanho da fonte */
    margin: 20px 0; /* Espaçamento externo superior e inferior */
}

/* Ocultar o vídeo e o aviso de som na versão de impressão */
@media print {
    #ytplayer {
        display: none !important;
    }

    .video-warning {
        display: none !important;
    }
}