/**/
@font-face {
  font-family: 'Sora';
  src: url('/docs/agileinsurancelibraries/aglFonts/Sora-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Sora';
  src: url('/docs/agileinsurancelibraries/aglFonts/Sora-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



body {
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #f6f6f6;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 14px;
}

button .btn-portal {
    border-radius: 30px;
}

.input-search {
    border: none;
    background-color: #FFFFFF;
    border-radius: 3px;
    height: 35px;
    width: 450px;
}

.btn-rouded {
    border-radius: 30px;
    font-size: 0.6rem;
    width: 120px;
    margin: 0 10px 0 0;
}

.btn-outline-info {
    color: #ffffff;
    border-color: #ffffff;
}



/*carousel */
.carousel-home {
    height: 400px;
    background-color: #FFFFFF;
}

.imagem-carousel {
    padding: 40px;
    width: 500px;
    ;
}

.destaca-texto-carousel {
    background-color: #ffdd00;
}

.texto-carousel {
    padding: 40px;
}

/*Produtos*/

.produtos {
    height: 130px;
}

.sombra {
    border: 1px solid #f9f9f9;
    background-color: white;  
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);   
    border: none;  
}

.produtos p {
    font-size: 1.5rem;
    color: #ffffff;

}


.btn-call-action-white {
    color: #00BEF0;
    font-size: 1rem;
    border-radius: 8px;
    width: 300px;
    height: 50px;
    background-color: #FFFFFF;
}


.escolha-produtos-servicos {
    padding: 40px;
    height: 500px;
}

.escolha-produtos {
    padding: 20px;

}

.escolha-servicos {
    padding: 40px;

}




.btn-agile {
    font-size: 0.8rem;
    background-color: #00BEF0;
    border-radius: 19.75px;
}

.titulos-section {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}


.bg-blue {
    background-color: #002D62;
}

.custom-card {
    width: 225px;
    /* Largura fixa do card */
    height: 310px;
    /* Altura fixa do card */
    background-color: white;
    /* Cor de fundo do card */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    /* Sombra suave */
    border-radius: 15px;
    /* Bordas arredondadas */
    padding: 20px;
    /* Espaçamento interno */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-header-agile {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Centraliza a imagem */
}

.card-header-agile img {
    padding: 15px;
    /* Ajusta o espaçamento da imagem */
    max-width: 100%;
    /* Garante que a imagem não exceda o tamanho do card */
    height: auto;
    /* Mantém a proporção da imagem */
    border-radius: 6px;
    /* Bordas arredondadas da imagem */
}

.card-body-agile p {
    text-align: center;
    /* Centraliza o texto */
    font-weight: 600;
    /* Peso da fonte */
    margin: 0;
    /* Remove margem padrão */
    line-height: 1.2;
    /* Espaçamento entre linhas */
    display: -webkit-box;
    /* Exibição em caixa flexível */
    -webkit-box-orient: vertical;
    /* Orientação vertical */
    overflow: hidden;
    /* Esconde texto excedente */
    -webkit-line-clamp: 2;
    /* Limita a exibição a 2 linhas */
}

.card-footer-agile {
    margin-top: auto;
    /* Garante que o rodapé fique na parte inferior */
    padding-top: 10px;
    /* Espaçamento superior no rodapé */
}

.btn-custom {
    border-radius: 30px;
    background-color: #002D62;
    /* Cor de fundo do botão */
    border-color: #002D62;
    /* Cor da borda do botão */
    color: white;
    /* Cor do texto do botão */
    width: 100%;
    /* Largura total do botão */
}


/* Seu CSS aqui */
.carousel-controls {
    background-color: #ffdd00;
    padding: 10px 0;
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: transparent;
    /* Para manter o fundo da seta transparente */
}



/* CSS para transição suave do carrossel */
.carousel-item {
    transition: transform 0.5s ease-in-out;
    /* Aumente ou diminua o tempo conforme necessário */
}

.bg-div-blue {
    padding: 50px;
    ;
    background-color: #002d62;
    /* ou a cor que você preferir */
    height: 100%;
   /**/
    display: flex;
  /**/
    align-items: center;
 /**/
    justify-content: center;
  /**/
}

.bg-troca-gradiente {
    background: linear-gradient(to top, #f6f6f6, #ffffff);
  /**/
    height: 100%;
  /**/
    width: 100%;
  /**/
    color: black;
  /**/
    padding: 20px;
   /**/
}

.text-produtos {
    padding-top: 25px;
    padding-left: 20px;
    color: #002D62;
}

.text-produtos h3 {
    padding-left: 20px;
    color: #002D62;
    font-weight: 700;
}

.text-produtos p {
    font-size: 1rem;
    padding-left: 20px;
    color: #002D62;

}

.call-produtos {
    background-color: #002D62;
    color: #FFFFFF;
}

.div-final p {
    font-size: 1rem;
    padding-top: 10px;
    font-style: italic;
    font-weight: 500;

}

.div-rodape {
    padding: 50px;
    color: #FFFFFF;
}

.div-rodape ul {
    list-style: none;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 0.7rem;
    margin: 0 auto;

}

.div-rodape ul li {
    margin-left: -30px;

}


/*cardfinal da página */
.card-container {
    width: 225px;
    height: 310px;
    position: relative;
}

.custom-card-index {
    width: 100%;
    height: 100%;
    
    /* Substitua pela URL da sua imagem */
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
}

.custom-card-index:hover {
    transform: scale(1.05);
}

.card-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    /* Fundo escuro transparente no hover */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.custom-card-index:hover .card-overlay {
    opacity: 1;
}

.btn-details {
    background-color: #FFDD00;
    color: #000;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}

.btn-details:hover {
    background-color: #FFC107;
    color: #fff;
}



/*pRODUTOS */

    body {
        font-family: "Sora", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        background-color: #f6f6f6;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 14px;
    }





    .btn-outline-info {
        color: #ffffff;
        border-color: #ffffff;
    }
.btn-info {
    color: #000 !important;
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

    .imagem-carousel {
        padding: 40px;
        width: 500px;
        ;
    }

    .destaca-texto-carousel {
        background-color: #ffdd00;
    }

    .texto-carousel {
        padding: 40px;
    }

    /*Produtos*/

    .produtos {
        padding-bottom: 40px;
        height: 100%;
    }


    .produtos p {
        font-size: 1.5rem;
        color: #ffffff;

    }


    .btn-call-action-white {
        color: #00BEF0;
        font-size: 1rem;
        border-radius: 8px;
        width: 300px;
        height: 50px;
        background-color: #FFFFFF;
    }


    .escolha-produtos-servicos {
        padding: 40px;
        height: 500px;
    }

    .escolha-produtos {
        padding: 20px;

    }

    .escolha-servicos {
        padding: 40px;

    }




    .btn-agile {
        font-size: 0.8rem;
        background-color: #00BEF0;
        border-radius: 19.75px;
    }

    .titulos-section {
        font-weight: 600;
        font-size: 24px;
        text-align: center;
    }


    .bg-blue {
        background-color: #002D62;
    }

    .custom-card {
        width: 225px;
        /* Largura fixa do card */
        height: 310px;
        /* Altura fixa do card */
        background-color: white;
        /* Cor de fundo do card */
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        /* Sombra suave */
        border-radius: 15px;
        /* Bordas arredondadas */
        padding: 20px;
        /* Espaçamento interno */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .card-header-agile {
        display: flex;
        align-items: center;
        justify-content: center;
        /* Centraliza a imagem */
    }

    .card-header-agile img {
        padding: 15px;
        /* Ajusta o espaçamento da imagem */
        max-width: 100%;
        /* Garante que a imagem não exceda o tamanho do card */
        height: auto;
        /* Mantém a proporção da imagem */
        border-radius: 6px;
        /* Bordas arredondadas da imagem */
    }

    .card-body-agile p {
        text-align: center;
        /* Centraliza o texto */
        font-weight: 600;
        /* Peso da fonte */
        margin: 0;
        /* Remove margem padrão */
        line-height: 1.2;
        /* Espaçamento entre linhas */
        display: -webkit-box;
        /* Exibição em caixa flexível */
        -webkit-box-orient: vertical;
        /* Orientação vertical */
        overflow: hidden;
        /* Esconde texto excedente */
        -webkit-line-clamp: 2;
        /* Limita a exibição a 2 linhas */
    }

    .card-footer-agile {
        margin-top: auto;
        /* Garante que o rodapé fique na parte inferior */
        padding-top: 10px;
        /* Espaçamento superior no rodapé */
    }

    .btn-custom {
        border-radius: 30px;
        background-color: #002D62;
        /* Cor de fundo do botão */
        border-color: #002D62;
        /* Cor da borda do botão */
        color: white;
        /* Cor do texto do botão */
        width: 100%;
        /* Largura total do botão */
    }


    /* Seu CSS aqui */
    .carousel-controls {
        background-color: #ffdd00;
        padding: 10px 0;
        text-align: center;
    }

    .carousel-control-prev,
    .carousel-control-next {
        background-color: transparent;
        /* Para manter o fundo da seta transparente */
    }



    /* CSS para transição suave do carrossel */
    .carousel-item {
        transition: transform 0.5s ease-in-out;
        /* Aumente ou diminua o tempo conforme necessário */
    }

    .bg-div-blue {
        padding: 50px;
        ;
        background-color: #002d62;
       
        height: 100%;
       /**/
        display: flex;
      /**/
        align-items: center;
     /**/
        justify-content: center;
      /**/
    }

    .bg-troca-gradiente {
        background: linear-gradient(to top, #f6f6f6, #ffffff);
      /**/
        height: 100%;
      /**/
        width: 100%;
      /**/
        color: black;
      /**/
        padding: 20px;
       /**/
    }

    .text-produtos {
        padding-top: 25px;
        padding-left: 20px;
        color: #002D62;
    }

    .text-produtos h3 {
        padding-left: 20px;
        color: #002D62;
        font-weight: 700;
    }

    .text-produtos p {
        font-size: 1rem;
        padding-left: 20px;
        color: #002D62;

    }

    .call-produtos {
        background-color: #002D62;
        color: #FFFFFF;
    }

    .div-final p {
        font-size: 1rem;
        padding-top: 10px;
        font-style: italic;
        font-weight: 500;

    }

    .div-rodape {
        padding: 50px;
        color: #FFFFFF;
    }

    .div-rodape ul {
        list-style: none;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 0.7rem;
        margin: 0 auto;

    }

    .div-rodape ul li {
        margin-left: -30px;

    }

    /*geral*/
    .sections {
        border-radius: 10px;
        margin-top: 5px;
        border: 1px solid #f9f9f9;
    }

    /*detalhes do produto*/
    .detalhe-produto {
        padding: 30px 20px 30px 10px;

    }

    .titulo-detalhe-produto {
        font-size: 1.5rem;
        margin: 0;
        font-weight: 600;
    }

    .categoria-produto {
        color: #ffdd00;
        font-size: 12px;
        margin: 0;
    }

    .descricao-produto {
        color: #676767;
        font-size: 12px;
        margin-top: 10px;
    }

    .preco-antigo {
        font-size: 10px;
        color: #999999;

    }

    .preco-atual {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .parcelamento {
        color: #ffdd00;
        font-size: 0.8rem;
    }

    .preco {
        padding-bottom: 15px;
    }

    .detalhes-selecao-cobertura {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .detalhes-benefícios {
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .detalhes-benefícios ul {
        font-size: 0.7rem;
        color: #999999;
    }

    .detalhes-benefícios ul li {
        list-style: none;
        margin: 0 auto;
    }

    .titulo-section {
        font-weight: 700;
        font-size: 24px;
        padding-top: 20px;
    }

    .titulo label {
        font-size: 1rem;
        font-weight: 600;
    }



.div-sobre-produto {
    background-color: #002D62;
    color: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

    .btn-download {
        font-size: 0.7rem;
    }

    .div-documentos {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .text-susep {
        font-size: 0.6rem;
        color: #676767;
    }




    .accordion-tab {
        display: inline-block;

        font-weight: bold;
        color: #333;
        background-color: #f8f9fa;
        /* Fundo cinza claro */
        border: 1px solid #ddd;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
        transition: background-color 0.3s ease;
        position: relative;
        top: 1px;
    }

    .accordion-tab:hover {
        background-color: #e2e6ea;
    }

    .accordion-body {
        padding: 20px;
        background-color: #f6f6f6;
        border-top: none;
    }

    .accordion-collapse {
        margin-top: -1px;
    }

    .accordion-item {
        border-right: none;
        border-left: none;
        border-top: none;
    }

    .accordion-tab {
        padding: 3px 6px;
        background-color: #FFFFFF;
        font-size: 10px;
    }

    .accordion-collapse {
        background-color: rgb(246, 246, 246);
    }

    .btn-comprar {
        font-size: 16px;
        padding: 20px;
    }




.col-lg-3 {
	margin-right: 10px;
    margin-top: 10px;
}

    .card-titulo-produtos {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        /* Tamanho do título */
        font-weight: bold;
        /* Negrito */
        color: #000000;
        /* Cor do título */


    }

    .card-subtitulo-produtos {
        font-size: 12px;
        /* Tamanho do subtítulo */
        color: #ffdd00;
        /* Cor mais suave para o subtítulo */

        font-style: italic;
        /* Estilo itálico */
        margin-top: 0;
        /* Remove margem superior */
    }

    /* Estilo para o container do título e subtítulo */
    .card-produto-container {
        padding: 16px;
        /* Espaçamento interno */
        border: 1px solid #ccc;
        /* Borda */
        border-radius: 8px;
        /* Cantos arredondados */
        background-color: #f9f9f9;
        /* Fundo do card */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        /* Sombra leve */
        margin: 10px;
        /* Margem externa */
    }


    .card-preco-produtos {
        padding: 10px;
        border-radius: 8px;

        /* Fundo da card */
    }

    .valor-antigo {
        text-decoration: line-through;
        /* Risca o valor */
        color: #999;
        /* Cor cinza mais apagada */
        font-size: 12px;
        /* Tamanho do texto */
        margin: 0;

        padding: 0;

    }

    .valor-real {
        font-size: 20px;
        font-weight: bold;
        color: #000000;

    }

    .parcelamento {
        font-size: 12px;

        color: #ffdd00;
        /* Cor do texto */
        margin: 0;

        padding: 0;

    }

    .card-preco-produtos {
        margin-top: 20px;        
    }

    .btn {
        display: block;
       
        margin: 0 auto;
       
    }

    .card-imagem-seguradora {
        width: 60%;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .card-image-produtos {
        margin-bottom: 20px;
    }


    /*amparo familiar*/


    .navbar-dark .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 14px;
    }




    .btn-outline-info {
        color: #ffffff;
        border-color: #ffffff;
    }




    .imagem-carousel {
        padding: 40px;
        width: 500px;
        ;
    }

    .destaca-texto-carousel {
        background-color: #ffdd00;
    }

    .texto-carousel {
        padding: 40px;
    }

    /*Produtos*/

    .produtos {
        height: 130px;
    }


    .produtos p {
        font-size: 1.5rem;
        color: #ffffff;

    }


    .btn-call-action-white {
        color: #00BEF0;
        font-size: 1rem;
        border-radius: 8px;
        width: 300px;
        height: 50px;
        background-color: #FFFFFF;
    }


    .escolha-produtos-servicos {
        padding: 40px;
        height: 500px;
    }

    .escolha-produtos {
        padding: 20px;

    }

    .escolha-servicos {
        padding: 40px;

    }




    .btn-agile {
        font-size: 0.8rem;
        background-color: #00BEF0;
        border-radius: 19.75px;
    }

    .titulos-section {
        font-weight: 600;
        font-size: 24px;
        text-align: center;
    }


    .bg-blue {
        background-color: #002D62;
    }

    .custom-card {
        width: 225px;
        /* Largura fixa do card */
        height: 310px;
        /* Altura fixa do card */
        background-color: white;
        /* Cor de fundo do card */
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        /* Sombra suave */
        border-radius: 15px;
        /* Bordas arredondadas */
        padding: 20px;
        /* Espaçamento interno */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .card-header-agile {
        display: flex;
        align-items: center;
        justify-content: center;
        /* Centraliza a imagem */
    }

    .card-header-agile img {
        padding: 15px;
        /* Ajusta o espaçamento da imagem */
        max-width: 100%;
        /* Garante que a imagem não exceda o tamanho do card */
        height: auto;
        /* Mantém a proporção da imagem */
        border-radius: 6px;
        /* Bordas arredondadas da imagem */
    }

    .card-body-agile p {
        text-align: center;
        /* Centraliza o texto */
        font-weight: 600;
        /* Peso da fonte */
        margin: 0;
        /* Remove margem padrão */
        line-height: 1.2;
        /* Espaçamento entre linhas */
        display: -webkit-box;
        /* Exibição em caixa flexível */
        -webkit-box-orient: vertical;
        /* Orientação vertical */
        overflow: hidden;
        /* Esconde texto excedente */
        -webkit-line-clamp: 2;
        /* Limita a exibição a 2 linhas */
    }

    .card-footer-agile {
        margin-top: auto;
        /* Garante que o rodapé fique na parte inferior */
        padding-top: 10px;
        /* Espaçamento superior no rodapé */
    }

    .btn-custom {
        border-radius: 30px;
        background-color: #002D62;
        /* Cor de fundo do botão */
        border-color: #002D62;
        /* Cor da borda do botão */
        color: white;
        /* Cor do texto do botão */
        width: 100%;
        /* Largura total do botão */
    }


    /* Seu CSS aqui */
    .carousel-controls {
        background-color: #ffdd00;
        padding: 10px 0;
        text-align: center;
    }

    .carousel-control-prev,
    .carousel-control-next {
        background-color: transparent;
        /* Para manter o fundo da seta transparente */
    }



    /* CSS para transição suave do carrossel */
    .carousel-item {
        transition: transform 0.5s ease-in-out;
        /* Aumente ou diminua o tempo conforme necessário */
    }

    .bg-div-blue {
        padding: 50px;
       
        background-color: #002d62;
        /* ou a cor que você preferir */
        height: 100%;
       /**/
        display: flex;
      /**/
        align-items: center;
     /**/
        justify-content: center;
      /**/
    }

    .bg-troca-gradiente {
        background: linear-gradient(to top, #f6f6f6, #ffffff);
      /**/
        height: 100%;
      /**/
        width: 100%;
      /**/
        color: black;
      /**/
        padding: 20px;
       /**/
    }

    .text-produtos {
        padding-top: 25px;
        padding-left: 20px;
        color: #002D62;
    }

    .text-produtos h3 {
        padding-left: 20px;
        color: #002D62;
        font-weight: 700;
    }

    .text-produtos p {
        font-size: 1rem;
        padding-left: 20px;
        color: #002D62;

    }

    .call-produtos {
        background-color: #002D62;
        color: #FFFFFF;
    }

    .div-final p {
        font-size: 1rem;
        padding-top: 10px;
        font-style: italic;
        font-weight: 500;

    }

    .div-rodape {
        padding: 50px;
        color: #FFFFFF;
    }

    .div-rodape ul {
        list-style: none;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 0.7rem;
        margin: 0 auto;

    }

    .div-rodape ul li {
        margin-left: -30px;

    }

    /*geral*/
    .sections {
        border-radius: 10px;
        margin-top: 5px;
        border: 1px solid #f9f9f9;
    }

    /*detalhes do produto*/
    .detalhe-produto {
        padding: 30px 20px 30px 10px;

    }

    .titulo-detalhe-produto {
        font-size: 1.5rem;
        margin: 0;
        font-weight: 600;
    }

    .categoria-produto {
        color: #ffdd00;
        font-size: 12px;
        margin: 0;
    }

    .descricao-produto {
        color: #676767;
        font-size: 12px;
        margin-top: 10px;
    }

    .preco-antigo {
        font-size: 10px;
        color: #999999;

    }

    .preco-atual {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .parcelamento {
        color: #ffdd00;
        font-size: 0.8rem;
    }

    .preco {
        padding-bottom: 15px;
    }

    .detalhes-selecao-cobertura {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .detalhes-benefícios {
        padding-top: 10px;
        padding-bottom: 10px;

    }

    .detalhes-benefícios ul {
        font-size: 0.7rem;
        color: #999999;
    }

    .detalhes-benefícios ul li {
        list-style: none;
        margin: 0 auto;
    }

    .titulo-section {
        color: #0d6efd;
        font-weight: 700;
        font-size: 24px;
        padding-top: 20px;
    }

    .titulo label {
        font-size: 1rem;
        font-weight: 600;
    }

.corpo p {
    font-size: 0.7rem;
    color: #ffffff;
    font-weight: 400;
    text-align: justify;
}



    .btn-download {
        font-size: 0.7rem;
    }

    .div-documentos {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .text-susep {
        font-size: 0.6rem;
        color: #676767;
    }


    /*acordion*/
    .accordion-tab-wrapper {
        border-bottom: 1px solid #DDD;
        background-color: #f6f6f6;
        text-align: center;
        position: relative;
    }

    .accordion-tab {
        display: inline-block;

        font-weight: bold;
        color: #333;
        background-color: #f8f9fa;
        /* Fundo cinza claro */
        border: 1px solid #ddd;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
        transition: background-color 0.3s ease;
        position: relative;
        top: 1px;
    }

    .accordion-tab:hover {
        background-color: #e2e6ea;
    }

    .accordion-body {
        padding: 20px;
        background-color: #f6f6f6;
        border-top: none;
    }

    .accordion-collapse {
        margin-top: -1px;
    }

    .accordion-item {
        border-right: none;
        border-left: none;
        border-top: none;
    }

    .accordion-tab {
        padding: 3px 6px;
        background-color: #FFFFFF;
        font-size: 10px;
    }

    .accordion-collapse {
        background-color: rgb(246, 246, 246);
    }

    .btn-comprar {
        font-size: 16px;
        padding: 20px;
    }

    .card-download-doc {
        margin: 10px;
        text-align: center;
        border: 1px solid #cccccc;
        border-radius: 10px;
        padding: 10px;
        font-size: 0.6rem;
        font-weight: 700;
    }

/*parte dois*/
body {
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #f6f6f6;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 14px;
}




.btn-outline-info {
    color: #ffffff;
    border-color: #ffffff;
}



.imagem-carousel {
    padding: 40px;
    width: 500px;
    ;
}

.destaca-texto-carousel {
    background-color: #FFB300;
}

.texto-carousel {
    padding: 40px;
}

/*Produtos*/

.produtos {
    padding-bottom: 40px;
    height: 100%;
}


.produtos p {
    font-size: 1.5rem;
    color: #ffffff;
}


.btn-call-action-white {
    color: #00BEF0;
    font-size: 1rem;
    border-radius: 8px;
    width: 300px;
    height: 50px;
    background-color: #FFFFFF;
}


.escolha-produtos-servicos {
    padding: 40px;
    height: 500px;
}

.escolha-produtos {
    padding: 20px;
}

.escolha-servicos {
    padding: 40px;
}




.btn-agile {
    font-size: 0.8rem;
    background-color: #00BEF0;
    border-radius: 19.75px;
}

.titulos-section {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}


.bg-blue {
    background-color: #002D62;
}

.custom-card {
    width: 225px;
    /* Largura fixa do card */
    height: 310px;
    /* Altura fixa do card */
    background-color: white;
    /* Cor de fundo do card */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    /* Sombra suave */
    border-radius: 15px;
    /* Bordas arredondadas */
    padding: 20px;
    /* Espaçamento interno */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-header-agile {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Centraliza a imagem */
}

    .card-header-agile img {
        padding: 15px;
        /* Ajusta o espaçamento da imagem */
        max-width: 100%;
        /* Garante que a imagem não exceda o tamanho do card */
        height: auto;
        /* Mantém a proporção da imagem */
        border-radius: 6px;
        /* Bordas arredondadas da imagem */
    }

.card-body-agile p {
    text-align: center;
    /* Centraliza o texto */
    font-weight: 600;
    /* Peso da fonte */
    margin: 0;
    /* Remove margem padrão */
    line-height: 1.2;
    /* Espaçamento entre linhas */
    display: -webkit-box;
    /* Exibição em caixa flexível */
    -webkit-box-orient: vertical;
    /* Orientação vertical */
    overflow: hidden;
    /* Esconde texto excedente */
    -webkit-line-clamp: 2;
    /* Limita a exibição a 2 linhas */
}

.card-footer-agile {
    margin-top: auto;
    /* Garante que o rodapé fique na parte inferior */
    padding-top: 10px;
    /* Espaçamento superior no rodapé */
}

.btn-custom {
    border-radius: 30px;
    background-color: #002D62;
    /* Cor de fundo do botão */
    border-color: #002D62;
    /* Cor da borda do botão */
    color: white;
    /* Cor do texto do botão */
    width: 100%;
    /* Largura total do botão */
}


/* Seu CSS aqui */
.carousel-controls {
    background-color: #FFB300;
    padding: 10px 0;
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: transparent;
    /* Para manter o fundo da seta transparente */
}



/* CSS para transição suave do carrossel */
.carousel-item {
    transition: transform 0.5s ease-in-out;
    /* Aumente ou diminua o tempo conforme necessário */
}

.bg-div-blue {
    padding: 50px;
    ;
    background-color: #002d62;
    /* ou a cor que você preferir */
    height: 100%;
   /**/
    display: flex;
  /**/
    align-items: center;
 /**/
    justify-content: center;
  /**/
}

.bg-troca-gradiente {
    background: linear-gradient(to top, #f6f6f6, #ffffff);
  /**/
    height: 100%;
  /**/
    width: 100%;
  /**/
    color: black;
  /**/
    padding: 20px;
   /**/
}

.text-produtos {
    padding-top: 25px;
    padding-left: 20px;
    color: #002D62;
}

    .text-produtos h3 {
        padding-left: 20px;
        color: #002D62;
        font-weight: 700;
    }

    .text-produtos p {
        font-size: 1rem;
        padding-left: 20px;
        color: #002D62;
    }

.call-produtos {
    background-color: #002D62;
    color: #FFFFFF;
}

.div-final p {
    font-size: 1rem;
    padding-top: 10px;
    font-style: italic;
    font-weight: 500;
}

.div-rodape {
    padding: 50px;
    color: #FFFFFF;
}

    .div-rodape ul {
        list-style: none;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 0.7rem;
        margin: 0 auto;
    }

        .div-rodape ul li {
            margin-left: -30px;
        }

/*geral*/
.sections {
    border-radius: 10px;
    margin-top: 5px;
    border: 1px solid #f9f9f9;
}

/*detalhes do produto*/
.detalhe-produto {
    padding: 30px 20px 30px 10px;
}

.titulo-detalhe-produto {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 600;
}

.categoria-produto {
    color: #FFB300;
    font-size: 12px;
    margin: 0;
}

.descricao-produto {
    color: #676767;
    font-size: 12px;
    margin-top: 10px;
}

.preco-antigo {
    font-size: 10px;
    color: #999999;
}

.preco-atual {
    font-size: 1.5rem;
    font-weight: 700;
}

.parcelamento {
    color: #FFB300;
    font-size: 0.8rem;
}

.preco {
    padding-bottom: 15px;
}

.detalhes-selecao-cobertura {
    padding-bottom: 5px;
    padding-top: 5px;
}

.detalhes-benefícios {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .detalhes-benefícios ul {
        font-size: 0.7rem;
        color: #999999;
    }

        .detalhes-benefícios ul li {
            list-style: none;
            margin: 0 auto;
        }

.titulo-section {
    font-weight: 700;
    font-size: 24px;
    padding-top: 20px;
}

.titulo label {
    font-size: 1rem;
    font-weight: 600;
}





.btn-download {
    font-size: 0.7rem;
}

.div-documentos {
    padding-top: 20px;
    padding-bottom: 40px;
}

.text-susep {
    font-size: 0.6rem;
    color: #676767;
}




.accordion-tab {
    display: inline-block;
    font-weight: bold;
    color: #333;
    background-color: #f8f9fa;
    /* Fundo cinza claro */
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    top: 1px;
}

    .accordion-tab:hover {
        background-color: #e2e6ea;
    }

.accordion-body {
    padding: 20px;
    background-color: #f6f6f6;
    border-top: none;
}

.accordion-collapse {
    margin-top: -1px;
}

.accordion-item {
    border-right: none;
    border-left: none;
    border-top: none;
}

.accordion-tab {
    padding: 3px 6px;
    background-color: #FFFFFF;
    font-size: 10px;
}

.accordion-collapse {
    background-color: rgb(246, 246, 246);
}

.btn-comprar {
    font-size: 16px;
    padding: 20px;
}

.card-titulo-produtos {
    display: -webkit-box;
  /**/
    -webkit-line-clamp: 2;
   /**/
    -webkit-box-orient: vertical;
   /**/
    overflow: hidden;
   /**/
    text-overflow: ellipsis;
    /* Adiciona "..." ao final do texto truncado */
    font-size: 16px;
    /* Tamanho do texto */
    font-weight: bold;
    /* Negrito */
    color: #000000;
    /* Cor do texto */
    line-height: 1.2;
    /* Ajusta o espaçamento entre as linhas, opcional */
}


.card-subtitulo-produtos {
    font-size: 12px;
    /* Tamanho do subtítulo */
    color: #676767;
    /* Cor mais suave para o subtítulo */

    font-style: italic;
    /* Estilo itálico */
    margin-top: 0;
    /* Remove margem superior */
}

/* Estilo para o container do título e subtítulo */
.card-produto-container {
    padding: 16px;
    /* Espaçamento interno */
    border: 1px solid #ccc;
    /* Borda */
    border-radius: 8px;
    /* Cantos arredondados */
    background-color: #f9f9f9;
    /* Fundo do card */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Sombra leve */
    margin: 10px;
    /* Margem externa */
}


.card-preco-produtos {
    padding: 10px;
    border-radius: 8px;
    /* Fundo da card */
}

.valor-antigo {
    text-decoration: line-through;
    /* Risca o valor */
    color: #999;
    /* Cor cinza mais apagada */
    font-size: 12px;
    /* Tamanho do texto */
    margin: 0;
    padding: 0;
}

.valor-real {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.parcelamento {
    font-size: 12px;
    color: #676767;
    /* Cor do texto */
    margin: 0;
    padding: 0;
}

.card-preco-produtos {
    margin-top: 20px;
    /* Aumenta o espaço entre o preço e o botão */
}

.btn {
    display: block;
    /* Faz o botão ocupar a largura total do container */
    margin: 0 auto;
    /* Centraliza o botão */
}

.card-imagem-seguradora {
    width: 60%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-image-produtos {
    margin-bottom: 20px;
}

p .small-text {
    font-style: italic;
    font-size: 10px !important;
    color: #999 !important;
}

/*detalhes*/
body {
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #f6f6f6;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 14px;
}






.btn-outline-info {
    color: #ffffff;
    border-color: #ffffff;
}




.imagem-carousel {
    padding: 40px;
    width: 500px;
  
}

.destaca-texto-carousel {
    background-color: #FFB300;
}

.texto-carousel {
    padding: 40px;
}

/*Produtos*/

.produtos {
    height: 130px;
}



.produtos p {
    font-size: 1.5rem;
    color: #ffffff;
}


.btn-call-action-white {
    color: #00BEF0;
    font-size: 1rem;
    border-radius: 8px;
    width: 300px;
    height: 50px;
    background-color: #FFFFFF;
}


.escolha-produtos-servicos {
    padding: 40px;
    height: 500px;
}

.escolha-produtos {
    padding: 20px;
}

.escolha-servicos {
    padding: 40px;
}




.btn-agile {
    font-size: 0.8rem;
    background-color: #00BEF0;
    border-radius: 19.75px;
}

.titulos-section {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}


.bg-blue {
    background-color: #002D62;
}

.custom-card {
    width: 225px;
    /* Largura fixa do card */
    height: 310px;
    /* Altura fixa do card */
    background-color: white;
    /* Cor de fundo do card */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    /* Sombra suave */
    border-radius: 15px;
    /* Bordas arredondadas */
    padding: 20px;
    /* Espaçamento interno */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-header-agile {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Centraliza a imagem */
}

    .card-header-agile img {
        padding: 15px;
        /* Ajusta o espaçamento da imagem */
        max-width: 100%;
        /* Garante que a imagem não exceda o tamanho do card */
        height: auto;
        /* Mantém a proporção da imagem */
        border-radius: 6px;
        /* Bordas arredondadas da imagem */
    }

.card-body-agile p {
    text-align: center;
    /* Centraliza o texto */
    font-weight: 600;
    /* Peso da fonte */
    margin: 0;
    /* Remove margem padrão */
    line-height: 1.2;
    /* Espaçamento entre linhas */
    display: -webkit-box;
    /* Exibição em caixa flexível */
    -webkit-box-orient: vertical;
    /* Orientação vertical */
    overflow: hidden;
    /* Esconde texto excedente */
    -webkit-line-clamp: 2;
    /* Limita a exibição a 2 linhas */
}

.card-footer-agile {
    margin-top: auto;
    /* Garante que o rodapé fique na parte inferior */
    padding-top: 10px;
    /* Espaçamento superior no rodapé */
}

.btn-custom {
    border-radius: 30px;
    background-color: #002D62;
    /* Cor de fundo do botão */
    border-color: #002D62;
    /* Cor da borda do botão */
    color: white;
    /* Cor do texto do botão */
    width: 100%;
    /* Largura total do botão */
}


/* Seu CSS aqui */
.carousel-controls {
    background-color: #FFB300;
    padding: 10px 0;
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: transparent;
    /* Para manter o fundo da seta transparente */
}



/* CSS para transição suave do carrossel */
.carousel-item {
    transition: transform 0.5s ease-in-out;
    /* Aumente ou diminua o tempo conforme necessário */
}

.bg-div-blue {
    padding: 50px;
    ;
    background-color: #002d62;
    /* ou a cor que você preferir */
    height: 100%;
   /**/
    display: flex;
  /**/
    align-items: center;
 /**/
    justify-content: center;
  /**/
}

.bg-troca-gradiente {
    background: linear-gradient(to top, #f6f6f6, #ffffff);
  /**/
    height: 100%;
  /**/
    width: 100%;
  /**/
    color: black;
  /**/
    padding: 20px;
   /**/
}

.text-produtos {
    padding-top: 25px;
    padding-left: 20px;
    color: #002D62;
}

    .text-produtos h3 {
        padding-left: 20px;
        color: #002D62;
        font-weight: 700;
    }

    .text-produtos p {
        font-size: 1rem;
        padding-left: 20px;
        color: #002D62;
    }

.call-produtos {
    background-color: #002D62;
    color: #FFFFFF;
}

.div-final p {
    font-size: 1rem;
    padding-top: 10px;
    font-style: italic;
    font-weight: 500;
}

.div-rodape {
    padding: 50px;
    color: #FFFFFF;
}

    .div-rodape ul {
        list-style: none;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 0.7rem;
        margin: 0 auto;
    }

        .div-rodape ul li {
            margin-left: -30px;
        }

/*geral*/
.sections {
    border-radius: 10px;
    margin-top: 5px;
    border: 1px solid #f9f9f9;
}

/*detalhes do produto*/
.detalhe-produto {
    padding: 30px 20px 30px 10px;
}

.titulo-detalhe-produto {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 600;
}

.categoria-produto {
    font-style: italic;
    color: #676767;
    font-size: 12px;
    margin: 0;
}

.descricao-produto {
    color: #676767;
    font-size: 12px;
    margin-top: 10px;
}

.preco-antigo {
    font-size: 10px;
    color: #999999;
}

.preco-atual {
    font-size: 1.5rem;
    font-weight: 700;
}

.parcelamento {
    color: #FFB300;
    font-size: 0.8rem;
}

.preco {
    padding-bottom: 15px;
}

.detalhes-selecao-cobertura {
    padding-bottom: 5px;
    padding-top: 5px;
}

.detalhes-benefícios {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .detalhes-benefícios ul {
        font-size: 0.7rem;
        color: #999999;
    }

        .detalhes-benefícios ul li {
            list-style: none;
            margin: 0 auto;
        }

.titulo-section {
    color: #0d6efd;
    font-weight: 700;
    font-size: 24px;
    padding-top: 20px;
}

.titulo label {
    padding-bottom: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}





.btn-download {
    font-size: 0.7rem;
}

.div-documentos {
    padding-top: 20px;
    padding-bottom: 40px;
}

.text-susep {
    font-size: 0.6rem;
    color: #676767;
    text-align: justify;
}

.canais-de-atendimento {
    font-size: 0.8rem;
    color: #676767;
    text-align: justify;
}



.accordion-tab {
    display: inline-block;
    font-weight: bold;
    color: #333;
    background-color: #f8f9fa;
    /* Fundo cinza claro */
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    top: 1px;
}

    .accordion-tab:hover {
        background-color: #e2e6ea;
    }

.accordion-body {
    padding: 20px;
    background-color: #f6f6f6;
    border-top: none;
}

.accordion-collapse {
    margin-top: -1px;
}

.accordion-item {
    border-right: none;
    border-left: none;
    border-top: none;
}

.accordion-tab {
    padding: 3px 6px;
    background-color: #FFFFFF;
    font-size: 10px;
}

.accordion-collapse {
    background-color: rgb(246, 246, 246);
}

.btn-comprar {
    font-size: 16px;
    padding: 20px;
}



.text-success {
    font-size: 14px;
    font-weight: 700;
}

.title-table {
    font-size: 14px;
}

.small-text {
    font-size: 10px;
    font-style: italic;
}

/*qurta*/
body {
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #f6f6f6;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 14px;
}



.btn-outline-info {
    color: #ffffff;
    border-color: #ffffff;
}





.imagem-carousel {
    padding: 40px;
    width: 500px;
    ;
}

.destaca-texto-carousel {
    background-color: #FFB300;
}

.texto-carousel {
    padding: 40px;
}

/*Produtos*/

.produtos {
    height: 130px;
}


.produtos p {
    font-size: 1.5rem;
    color: #ffffff;
}


.btn-call-action-white {
    color: #00BEF0;
    font-size: 1rem;
    border-radius: 8px;
    width: 300px;
    height: 50px;
    background-color: #FFFFFF;
}


.escolha-produtos-servicos {
    padding: 40px;
    height: 500px;
}

.escolha-produtos {
    padding: 20px;
}

.escolha-servicos {
    padding: 40px;
}




.btn-agile {
    font-size: 0.8rem;
    background-color: #00BEF0;
    border-radius: 19.75px;
}

.titulos-section {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}


.bg-blue {
    background-color: #002D62;
}

.custom-card {
    width: 225px;
    /* Largura fixa do card */
    height: 310px;
    /* Altura fixa do card */
    background-color: white;
    /* Cor de fundo do card */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    /* Sombra suave */
    border-radius: 15px;
    /* Bordas arredondadas */
    padding: 20px;
    /* Espaçamento interno */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-header-agile {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Centraliza a imagem */
}

    .card-header-agile img {
        padding: 15px;
        /* Ajusta o espaçamento da imagem */
        max-width: 100%;
        /* Garante que a imagem não exceda o tamanho do card */
        height: auto;
        /* Mantém a proporção da imagem */
        border-radius: 6px;
        /* Bordas arredondadas da imagem */
    }

.card-body-agile p {
    text-align: center;
    /* Centraliza o texto */
    font-weight: 600;
    /* Peso da fonte */
    margin: 0;
    /* Remove margem padrão */
    line-height: 1.2;
    /* Espaçamento entre linhas */
    display: -webkit-box;
    /* Exibição em caixa flexível */
    -webkit-box-orient: vertical;
    /* Orientação vertical */
    overflow: hidden;
    /* Esconde texto excedente */
    -webkit-line-clamp: 2;
    /* Limita a exibição a 2 linhas */
}

.card-footer-agile {
    margin-top: auto;
    /* Garante que o rodapé fique na parte inferior */
    padding-top: 10px;
    /* Espaçamento superior no rodapé */
}

.btn-custom {
    border-radius: 30px;
    background-color: #002D62;
    /* Cor de fundo do botão */
    border-color: #002D62;
    /* Cor da borda do botão */
    color: white;
    /* Cor do texto do botão */
    width: 100%;
    /* Largura total do botão */
}


/* Seu CSS aqui */
.carousel-controls {
    background-color: #FFB300;
    padding: 10px 0;
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: transparent;
    /* Para manter o fundo da seta transparente */
}



/* CSS para transição suave do carrossel */
.carousel-item {
    transition: transform 0.5s ease-in-out;
    /* Aumente ou diminua o tempo conforme necessário */
}

.bg-div-blue {
    padding: 50px;
    ;
    background-color: #002d62;
    /* ou a cor que você preferir */
    height: 100%;
   /**/
    display: flex;
  /**/
    align-items: center;
 /**/
    justify-content: center;
  /**/
}

.bg-troca-gradiente {
    background: linear-gradient(to top, #f6f6f6, #ffffff);
  /**/
    height: 100%;
  /**/
    width: 100%;
  /**/
    color: black;
  /**/
    padding: 20px;
   /**/
}

.text-produtos {
    padding-top: 25px;
    padding-left: 20px;
    color: #002D62;
}

    .text-produtos h3 {
        padding-left: 20px;
        color: #002D62;
        font-weight: 700;
    }

    .text-produtos p {
        font-size: 1rem;
        padding-left: 20px;
        color: #002D62;
    }

.call-produtos {
    background-color: #002D62;
    color: #FFFFFF;
}

.div-final p {
    font-size: 1rem;
    padding-top: 10px;
    font-style: italic;
    font-weight: 500;
}

.div-rodape {
    padding: 50px;
    color: #FFFFFF;
}

    .div-rodape ul {
        list-style: none;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 0.7rem;
        margin: 0 auto;
    }

        .div-rodape ul li {
            margin-left: -30px;
        }

/*geral*/
.sections {
    border-radius: 10px;
    margin-top: 5px;
    border: 1px solid #f9f9f9;
}

/*detalhes do produto*/
.detalhe-produto {
    padding: 30px 20px 30px 10px;
}

.titulo-detalhe-produto {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 600;
}

.categoria-produto {
    color: #676767;
    font-size: 12px;
    margin: 0;
    font-style: italic;
}

.descricao-produto {
    color: #676767;
    font-size: 12px;
    margin-top: 10px;
}

.preco-antigo {
    font-size: 10px;
    color: #999999;
}

.preco-atual {
    font-size: 1.5rem;
    font-weight: 700;
}

.parcelamento {
    color: #FFB300;
    font-size: 0.8rem;
}

.preco {
    padding-bottom: 15px;
}

.detalhes-selecao-cobertura {
    padding-bottom: 5px;
    padding-top: 5px;
}

.detalhes-benefícios {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .detalhes-benefícios ul {
        font-size: 0.7rem;
        color: #999999;
    }

        .detalhes-benefícios ul li {
            list-style: none;
            margin: 0 auto;
        }

.titulo-section {
    color: #0d6efd;
    font-weight: 700;
    font-size: 24px;
    padding-top: 20px;
}

.titulo label {
    padding-bottom: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}


.btn-download {
    font-size: 0.7rem;
}

.div-documentos {
    padding-top: 20px;
    padding-bottom: 40px;
}

.text-susep {
    font-size: 0.6rem;
    color: #676767;
}




.accordion-tab {
    display: inline-block;
    font-weight: bold;
    color: #333;
    background-color: #f8f9fa;
    /* Fundo cinza claro */
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    top: 1px;
}

    .accordion-tab:hover {
        background-color: #e2e6ea;
    }

.accordion-body {
    padding: 20px;
    background-color: #f6f6f6;
    border-top: none;
}

.accordion-collapse {
    margin-top: -1px;
}

.accordion-item {
    border-right: none;
    border-left: none;
    border-top: none;
}

.accordion-tab {
    padding: 3px 6px;
    background-color: #FFFFFF;
    font-size: 10px;
}

.accordion-collapse {
    background-color: rgb(246, 246, 246);
}

.btn-comprar {
    font-size: 16px;
    padding: 20px;
}

.card-docs {
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    margin: 10px;
}



.text-success {
    font-size: 14px;
    font-weight: 700;
}

.title-table {
    font-size: 14px;
}


.small-text {
    font-size: 10px;
    font-style: italic;
}

.canais-de-atendimento {
    font-size: 0.8rem;
    color: #676767;
    text-align: justify;
}

.card-custom {
    padding: 10px;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

    .card-custom:hover {
        transform: scale(1.03);
    }

.card-title {
    font-size: 14px;
    font-weight: bold;
}

.card-text {
    font-size: 12px;
}
/*fim*/


.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
    z-index: 1000;
    transition: transform 0.2s ease-in-out;
}

    .whatsapp-float:hover {
        transform: scale(1.1);
    }

    .whatsapp-float svg {
        width: 30px;
        height: 30px;
    }

/* Responsividade */
@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
    }

        .whatsapp-float svg {
            width: 25px;
            height: 25px;
        }
}

@media (max-width: 480px) {
    .whatsapp-float {
        width: 45px;
        height: 45px;
        bottom: 10px;
        right: 10px;
    }

        .whatsapp-float svg {
            width: 22px;
            height: 22px;
        }
}


.link-white{
	color: #FFFFFF;
}