.splide__slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.ad-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.ad-image-container {
    position: relative;
    width: 100%;
    padding-top: 75%; /* Isso cria um contêiner com proporção 4:3 */
    overflow: hidden;
}
.ad-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Isso garante que a imagem cubra todo o espaço sem distorção */
}
.ad-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
}


.justify {
    text-align: justify;
}


.custom-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Para rolagem suave no iOS */
    display: block;
    position: relative;
}

.custom-scroll-300 {
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Para rolagem suave no iOS */
    display: block;
    position: relative;
}

.custom-scroll-600 {
    max-height: 600px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Para rolagem suave no iOS */
    display: block;
    position: relative;
}

.custom-scroll-700 {
    max-height: 700px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* Para rolagem suave no iOS */
    display: block;
    position: relative;
}


/* Generating Color Pack -- cor roxa do guia: 941fce | cor anterior: E63E6D*/
.color-highlight {
  color: #E63E6D !important;
}

.bg-highlight {
  background-color: #941fce !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #941fce !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #5D9CEC, #941fce) !important;
  color: #FFF;
}

.color-highlight-light {
  color: #FFF0F3 !important;
}

.bg-highlight-light {
  background-color: #FF4D79 !important;
  color: #FFF !important;
}


.bg-fade-highlight-dark {
  background-color: rgba(74, 137, 220, 0.7) !important;
  color: #FFF !important;
}

.bg-fade-highlight-light {
  background-color: rgba(255, 240, 243, 0.7) !important;
  color: #FFF !important;
}


/* cores para o roxo https://www.colorhexa.com/941fce */

/*.bg-highlight {
  background-color: #a228df !important;
  color: #FFF !important;
}
*/
/*.bg-highlight-light {
  background-color: #b554e5 !important;
  color: #FFF !important;
}
*/
/*.bg-fade-highlight-light {
  background-color: rgba(219, 171, 242, 0.7) !important;
  color: #FFF !important;
}
*/
/*.bg-fade-pink-light {
  background-color: rgba(206, 31, 177, 0.7) !important;
  color: #FFF !important;
}

*/
.text-guia-roxo {
  color: #941fce !important;
}

/*.color-red-light {
  color: #941fce !important;
}
*/
/*.bg-guia-ultra-light {
  background-color: rgba(31, 206, 148, 0.9) !important;
  color: #FFF !important;
}
*/