/* Estilização da barra superior */
.top-bar-star {
    background-color: #0098da;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 0;
    width: 100%;
    
       position: fixed;
       top: 0;
       left: 0;
       z-index: 1050;
    
}
.top-bar-star a{
    color: #ffffff;  
	text-decoration: none;
    margin-left: 15px; /* Espaçamento entre os itens */
    transition: opacity 0.3s ease;
}
.top-bar-star a:hover {
    opacity: 0.8;
    color: #ffffff;
}

/* Estilização dos links e ícones */
.redes-sociais-star a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 15px; /* Espaçamento entre os itens */
    transition: opacity 0.3s ease;
}

/* Efeito ao passar o mouse */
.redes-sociais-star a:hover {
    opacity: 0.8;
    color: #ffffff;
}

/* Espaçamento no ícone do WhatsApp */
.redes-sociais-star .fa-whatsapp {
    font-size: 12px; /* Ícone levemente maior para destaque, opcional */
    margin-right: 3px;
}

/* Como a barra é fixa (position: fixed), ela sai do fluxo da página. 
  Isso significa que você precisa empurrar o resto do cabeçalho ou o corpo do site para baixo.
*/
body {
    padding-top: 30px; /* Ajuste este valor dependendo da altura final da sua barra */
}

.ajusta_top_desktop{
	top: 25px;
}
.ajusta_top_mobile{
	top: 0px;
}


.video-container-centralizado {
    position: relative;
    width: 100%;
    max-width: 800px; /* Largura máxima no Desktop (pode alterar este valor se quiser maior ou menor) */
    aspect-ratio: 16 / 9; /* Garante a proporção padrão de vídeo */
    margin: 30px auto; /* Centraliza a div na página com margem acima e abaixo */
}

.video-container-centralizado iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 8px; /* Opcional: cantos levemente arredondados */
}