@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
html,
body {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-family: "DM Sans", sans-serif !important;
}
.app-screen{
    bottom: -158px;
    right: 0;
    position: absolute;
    max-width: 90%;
}

.facaImg{
    background-image: url(faca_tudo.jpg);
    background-size: cover;
    background-position: -31em -10em;
    background-repeat: no-repeat;
}
.mockup{
    position: absolute;
    max-height: 580px;    
    bottom: -130px;
    left: 0;
}
.top-banner{
    overflow-x: clip;
}
.marble-desktop{
    width: 120%;
    max-width: max-content;
    margin-bottom: -140px;
}
.marble-mobile{
    margin-bottom: -100px;
}
@media (max-width: 1400px) {
    .facaImg{
        background-position: -34em -7em;
    }
    .mockup{
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (max-width: 1200px) {
    .facaImg{
        background-position: -40em -7em;
    }
    .mockup{
        max-height: 630px;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .facaImg{
        height: 750px;
        background-position: -22em -7em;
    }
    .mockup{
        max-height: 560px;
        bottom: -108px;
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .facaImg{
        background-position: -30em -7em;
    }
    
}
@media (max-width: 768px) {
    .facaImg{
        height: 550px;
        background-position: -18em -7em;
    }
    
}
@media (max-width: 451px) {
    .facaImg{
        background-position: -22em -7em;
    }
}
@media (min-width: 768px ) and (max-width: 1200px) {
    .posta_cresce{
        font-size: 1.2rem;
    }
    
}
.btn-danger{
    background-color: #E80000;
    border-color: #b50101;
}
.btn-danger:hover{
    background-color: #b50101;
    border-color: #9a1523;
}
.download-bg-m{
    position:relative;
    text-align: right;
}
.download-bg-m img{
    z-index: 2;
    position: relative;
    /* right: -50px; */
    transform: rotateY(180deg);
}
.download-bg-m:before{
    display: block;
    content: " ";
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fdf1d6;
    z-index: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.deXnLd {
    height: 16px;
    width: 16px;
    display: inline-block;
    text-align: left;
}
.Z1Dz7b {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.Wi7KIe {
    fill: rgb(241, 243, 244);
    stop-color: rgb(241, 243, 244);
}
.accordion-button{
    font-weight: bold;
}
.accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:first-of-type,
.accordion{
    border-radius: 0;
    border: none;
}
.accordion-button:focus,
.accordion-item,
.accordion-button:not(.collapsed){
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
}
.accordion-item{
    border-bottom: 1px solid #000 !important;
}

.custom-btn {
    font-size: 1.5rem; /* Tamanho maior do texto */
    font-weight: bold; /* Negrito */
    padding: 15px 40px; /* Aumenta o espaçamento interno */
}

.svg-responsive {
    width: 2em;
    height: 1em;
}
  
.zIndex2{
    z-index: 2;
}
.zIndex0{
    z-index: 0;
}
@media (max-width: 480px) {
    .app-screen{
        position: relative;
    }
    .download-bg-dark{
        margin-right: 12%;
    }
}

@media (max-width: 768px) {
    .svg-responsive {
        width: 1.5em;
        height: 0.75em;
    }
}
@media (max-width: 576px) {
    .svg-responsive {
        width: 3em;
        height: 1em;
    }
}


.checked{
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M14 24.5C19.799 24.5 24.5 19.799 24.5 14C24.5 8.20101 19.799 3.5 14 3.5C8.20101 3.5 3.5 8.20101 3.5 14C3.5 19.799 8.20101 24.5 14 24.5ZM13.9999 22.7499C18.8324 22.7499 22.7499 18.8324 22.7499 13.9999C22.7499 9.16745 18.8324 5.24994 13.9999 5.24994C9.16745 5.24994 5.24994 9.16745 5.24994 13.9999C5.24994 18.8324 9.16745 22.7499 13.9999 22.7499Z' fill='%23FFC107'/><path fill-rule='evenodd' clip-rule='evenodd' d='M18.5562 10.7563C18.8979 11.098 18.8979 11.652 18.5562 11.9937L13.3062 17.2437C12.9645 17.5854 12.4105 17.5854 12.0688 17.2437L9.44378 14.6187C9.10207 14.277 9.10207 13.723 9.44378 13.3813C9.78549 13.0396 10.3395 13.0396 10.6812 13.3813L12.6875 15.3876L17.3188 10.7563C17.6605 10.4146 18.2145 10.4146 18.5562 10.7563Z' fill='%23FFC107'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.caixa-beneficios {
    display: flex;
    align-items: stretch; /* Faz as colunas terem a mesma altura */
  }
  
  .beneficios-icon {
    width: 35px; /* Largura fixa para todos os ícones */
    height: 35px; /* Altura fixa para todos os ícones */
    flex-shrink: 0; /* Impede que o ícone encolha */
    color: #ffc107; /* Cor do text-warning */
    font-size: 30px; /* Tamanho do ícone do Font Awesome */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente no eixo X */
    align-items: center; /* Centraliza verticalmente dentro do ícone */
  }
  
  .beneficios-icon-moovie svg  {
    width: 100%;
    height: 100%;
    fill: #ffc107 !important; /* Preenche o interior com amarelo */
    stroke: #ffc107 !important; /* Cor amarela para o traço */
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #ffc107;
  }
  
  .beneficios-icon-moovie {
    color: #ffc107 !important; /* Cor amarela (text-warning) */
}

  .content-wrapper {
    flex: 1; /* Ocupa o espaço restante */
  }
  
  .beneficios-title {
    margin: 0; /* Remove margens padrão do h3 */
    padding-top: 0 !important;
    font-size: 1.25rem; /* Tamanho fixo (equivalente a h4) */
  }
  
  .beneficios-title + p {
    margin-top: 0.5rem; /* Espaçamento fixo entre h3 e p */
    font-size: 1rem; /* Tamanho fixo para uniformidade */
    line-height: 1.5; /* Altura da linha fixa */
  }
  
  /* Garante altura mínima e alinhamento ao topo */
  .d-flex.flex-row {
    min-height: 120px; /* Aumentado para acomodar textos maiores */
    align-items: flex-start; /* Alinha ao topo consistentemente */
  }
  
  /* Ajuste para desktop (≥992px) */
  @media (min-width: 992px) {
    .d-flex.flex-row {
      flex: 1; /* Faz cada item ocupar a altura total da coluna */
    }
  }