/* Estilos Gerais */
 .image-container {
     overflow: hidden;
 }

 .image-container img {
     width: 100%;
     height: auto; /* Mantém a proporção original */
     cursor: pointer; /* Indica que a imagem é clicável */
     transition: transform 0.3s;
 }

 .image-container img:hover {
     transform: scale(1.05);
 }

 .card {
     border: none;
 }

 .card-title {
     font-size: 1.25rem;
     font-weight: bold;
 }

 /* Destaque para Plano Selecionado */
 .selected-badge {
     position: absolute;
     top: -10px;
     right: -10px;
     background-color: #0d6efd;
     color: white;
     padding: 5px 10px;
     border-radius: 50%;
     font-size: 0.8rem;
     z-index: 1060;
 }

 /* Responsividade para Galeria */
 .gallery-image-container {
     width: 100%;
     padding-top: 100%; /* Mantém a proporção 1:1 */
     position: relative;
     overflow: hidden;
     border-radius: 0.25rem;
 }

 .gallery-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover; /* Corta a imagem para preencher o container */
     transition: transform 0.3s;
 }

 .gallery-image:hover {
     transform: scale(1.05);
 }

 /* Ajustes para o PhotoSwipe */
 .pswp__img {
     max-width: 100%;
     height: auto;
 }

 /* Opcional: Remover margens ou paddings indesejados */
 .pswp__container, .pswp__ui {
     box-sizing: border-box;
 }