/* =========================================
   VERIFICA AI
   modal.css
   Modal de Termos de Uso
========================================= */

/* =========================================
   MODAL
========================================= */

.modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    padding:20px;

    background:rgba(0,0,0,.45);

    backdrop-filter:blur(6px);

    z-index:9999;

}

.modal.ativo{

    display:flex;

}

/* =========================================
   CONTEÚDO
========================================= */

.modal-content{

    width:min(700px,95%);

    height:90vh;

    max-height:90vh;

    display:flex;

    flex-direction:column;

    background:#FFF;

    border-radius:20px;

    overflow:hidden;

    animation:abrirModal .35s ease;

}

/* =========================================
   HEADER
========================================= */

.modal-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 28px;

    border-bottom:1px solid #EFEFEF;

    flex-shrink:0;

}

.modal-header h2{

    font-family:"Outfit",sans-serif;

    font-size:26px;

    font-weight:700;

    color:#2C7444;

}

/* =========================================
   BODY
========================================= */

.modal-body{

    flex:1;

    min-height:0;

    overflow-y:auto;

    padding:28px;

    line-height:1.8;

    letter-spacing:.2px;

}

.modal-body h3{

    font-family:"Outfit",sans-serif;

    margin-top:20px;

    margin-bottom:10px;

    color:#2C7444;

    font-size:20px;

}

.modal-body p{

    color:#555;

    font-size:15px;

    text-align:justify;

}

/* =========================================
   SCROLLBAR
========================================= */

.modal-body::-webkit-scrollbar{

    width:10px;

}

.modal-body::-webkit-scrollbar-track{

    background:#F2F2F2;

    border-radius:20px;

}

.modal-body::-webkit-scrollbar-thumb{

    background:#2C7444;

    border-radius:20px;

    border:2px solid #F2F2F2;

}

.modal-body::-webkit-scrollbar-thumb:hover{

    background:#245F37;

}

/* =========================================
   INFO
========================================= */

.scroll-info{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:16px 24px;

    background:#F8F8F8;

    border-top:1px solid #ECECEC;

    border-bottom:1px solid #ECECEC;

    color:#666;

    font-size:14px;

}

.scroll-info i{

    color:#2962FF;

    font-size:18px;

}

.scroll-info span{

    line-height:1.5;

}

.scroll-info strong{

    color:#2962FF;

}

/* =========================================
   FOOTER
========================================= */

.modal-footer{

    display:flex;

    justify-content:flex-end;

    gap:15px;

    padding:24px 30px;

    border-top:1px solid #EFEFEF;

    background:#FFF;

    flex-shrink:0;

}

.termos-footer{

    margin-top:30px;
    padding-top:24px;

    border-top:1px solid #E5E5E5;

    color:#666;

    font-size:13px;

    line-height:1.7;

}

.termos-footer strong{

    color:#2C7444;

}

.termos-footer p{

    margin-bottom:8px;

}