:root {
       --primary-color: #1a1a1a;
       --accent-color: #2563eb;
       --bg-color: #f8fafc;
       --card-bg: #ffffff;
       --text-color: #334155;
       --border-color: #e2e8f0;
   }

   body{
    position: relative;
   }

   #politica_e_privacidade {
        transition: 1s;
        box-sizing: border-box;
        position: fixed;
        
        top: -100%;
        margin-left: 50%;
        transform: translateX(-50%);
        padding: 35px;

        width: 800px;
        max-height: 80vh;
        background-color: #f8fafc;
        z-index: 1000;
        color: var(--text-color);
        overflow-y: auto !important;
        border-radius: 15px;

        clip-path: inset(0 round 15px);
       
   }


   #politica_e_privacidade p {
       color: var(--text-color);
   }


   #politica_e_privacidade h1 {
       color: var(--primary-color);
       font-size: 2rem;
       margin-bottom: 5px;
       border-bottom: 3px solid #091805;
       padding-bottom: 15px;
   }

   #politica_e_privacidade .update-date {
       font-size: 0.9rem;
       color: #64748b;
       margin-bottom: 30px;
       font-style: italic;
   }

   #politica_e_privacidade h2 {
       color: var(--primary-color);
       font-size: 1.25rem;
       margin-top: 30px;
       margin-bottom: 15px;
       border-left: 4px solid #091805;
       padding-left: 10px;
   }

   #politica_e_privacidade .footer-note{
    padding: 15PX;
    font-size: .8REM;
    text-align: center;
   }

   .mostra_pp{
    transition: 1s;
    top: 1% !important;
   }

   .oculta_app{
    transition: 1s;
    top: -100% !important;
    cursor: pointer;
   }

   .texto_aceite{
    font-weight: 500;
    text-align: center;
    padding: 15px;
   }

   #aceite-politica-privacidade{

    width: 100%;
    padding: 25px;
    text-align: center;
    background-color: var(--accent-color);
    color: #f8fafc;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
   }

   .fa-rectangle-xmark{
    font-size: 1.2rem;
   }