.desktopImages
{
    display: block;
}

.mobileImages
{
    display: none;
}

@media (max-width: 768px) {
    .mobileImages
    {
        display: block;
    }

    .desktopImages
    {
        display: none;
    }
}

@media (max-width: 410px) {
    .fundoVideoHome
    {
        max-width: 300px;
        margin: 0 auto;
    }

    .fundoVideoHome video
    {
        max-width: 320px !important;
    }
}
.btCtaPlanos {
    /*animation: pulse 1.5s infinite;*/
    animation: growShrinkPurple 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes growShrinkPurple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 74, 173, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 112, 67, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 112, 67, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 112, 67, 0);
    }
}
@media (max-width: 768px) {
    .btCtaPlanos {
        display: flex !important;
        /* text-wrap: wrap; */
        white-space: normal !important;
        word-wrap: break-word !important;
        text-align: center !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        line-height: 15px !important;
        width: 90% !important;
        margin: 10px auto !important;
    }
}
.btCtaPlanos:hover {
    background-color: #849dff !important; /* Cor de fundo no hover */
    color: #ffffff !important; /* Cor do texto no hover */
}
.sessaoRecursosFuncionalidades {
    position: relative;

    background: linear-gradient(135deg, #2d2a85 0%, #5a31c5 50%, #7f4ae1 100%)  !important;
    background-attachment: fixed  !important;
    background-repeat: no-repeat  !important;
    background-size: cover !important;

}

.sessaoRecursosFuncionalidades::before {
    content: "";
    width: 100%;
    height: 30px; /* Altura do "V" */
    background-color: #060912; /* Cor da seção superior */
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    top: -1px; /* Posiciona o "V" no topo da seção inferior */
    left: 0;
    z-index: 1;
}
.sessaoRecursosFuncionalidades .card
{
    /*background:linear-gradient(0deg, #4e5b8c77 0%, #3e4b7c77 100%); !important;*/
    background: transparent;
    padding:5px;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
}
.sessaoRecursosFuncionalidades .card p
{
    line-height: 20px;

}
.sessaoRecursosFuncionalidades .card h2
{
    line-height: 24px;
    font-size: 19px;
}

.imgTransformarAtendimento
{
    max-width: 200px;
}

.destaqueTextoChat
{
    color: #f3be4a;
}

.ctaFuncionalidades
{
    min-width: 300px;
    margin-top: 50px;
    text-align: center;
}

.ctaFuncionalidades a
{
    justify-content: center;
    white-space: normal;
}

@media (max-width: 1000px) {
    .imgTransformarAtendimento
    {
        width: 20vw;
    }
}

@media (max-width: 768px) {
    .imgTransformarAtendimento
    {
        width: 35vw;
    }

    .sessaoRecursosFuncionalidades .card
    {
        max-width: 450px;
        margin: 0 auto;
    }
    .sessaoRecursosFuncionalidades .card p
    {
        font-size:14px;

    }
    .itemCardFuncionalidades
    {

    }
    .sessaoRecursosFuncionalidades .card h2
    {
        font-size:15px;
        line-height: 17px;
    }

    .itemCardFuncionalidades
    {
        width: 100% !important;
    }
}

/* ============================================
   BOTÃO FLUTUANTE DO WHATSAPP
   ============================================ */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: whatsappPulse 2s infinite;
    text-decoration: none;
}

.whatsapp-float:hover {
    background-color: #128c7e;
    transform: scale(1.1);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
    color: #FFF;
    text-decoration: none;
}

.whatsapp-float i {
    margin-top: 3px;
}

@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Responsivo para mobile */
@media (max-width: 768px) {
    .whatsapp-float {
        width: 55px;
        height: 55px;
        bottom: 20px;
        right: 20px;
        font-size: 28px;
    }
}

/* ============================================
   AJUSTES DE ESPAÇAMENTO MOBILE - HERO
   ============================================ */

/* No mobile, reduz o padding do content-wrap (padrão Canvas: 5rem)
   para que o título suba mais próximo do topo */
@media (max-width: 991px) {
    .content-wrap {
        padding-top: 30px !important;
    }

    .section-1 {
        padding-top: 10px !important;
    }

    /* Aumenta o espaço entre o botão CTA "Falar Agora" e o celular abaixo */
    .col-lg-7.mobileImages {
        margin-top: 36px !important;
    }
}