/* Seção com a imagem de fundo */
    section.background-cover {
      background-size: cover;
      background-position: center;
      height: 500px;                                     /* Altura aumentada */
}
    
    /* Estilo do Retângulo Lançamento */
    .lancamento {
      position: absolute;
      top: 0;
      left: 0;
      background-color: red;
      color: white;
      padding: 10px 20px;
      font-size: 1.2rem;
      font-weight: bold;
      border-radius: 0 0 8px 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
    #map {
      height: 400px;
      width: 100%;
}
    .cursor-pointer {
      cursor: zoom-in;
}
    #floating-character {
      position: fixed;                                     /* Garante que o personagem fique fixo na tela */
      bottom: 20px;                                     /* Distância da parte inferior da tela */
      right: 20px;                                     /* Distância da lateral direita */
      width: 60px;                                     /* Tamanho padrão do personagem */
      z-index: 9999;                                     /* Garante que fique acima de outros elementos */
      cursor: grab;                                     /* Mostra que é clicável */
      transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;                                     /* Efeitos de animação */
}
    #floating-character img {
      width: 100%;                                     /* Ajusta a imagem ao tamanho do container */
      border-radius: 50%;                                     /* Deixa a imagem circular */
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);                                     /* Sombra para destaque */
}
    #floating-character:hover {
      transform: scale(1.1);                                     /* Zoom ao passar o mouse */
      opacity: 0.9;                                     /* Leve transparência */
}
    /* Fundo do modal com transparência */
        .modal-backdrop.show {
            background-color: rgba(0, 0, 0, 0.8);
}

        .modal-content {
            background: transparent;
            border: none;
            max-width: 100%;
}

        .modal-body img {
            width: 100%;
            height: auto;
}

        .close-button {
            background-color: red;
            color: white;
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 2rem;
            font-weight: bold;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1051;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s, box-shadow 0.2s;
}

        .close-button:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

        .close-button:focus {
            outline: none;
            box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.4);
}