/* Estilos responsivos para dispositivos móveis - Política de Privacidade */

@media only screen and (max-width: 768px) {
#logo img {
        width: 110px;
        height: 40px;
        margin-left: -35px;
        margin-right: 0;
    }
    
    #logoLx img {
        margin-left: -8px;
        width: 40px;
        height: 40px;
    }

    body {
        padding: 10px;
        font-size: 16px;
    }
    
    section {
        max-width: 460px;
        padding: 20px 15px;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }
    
    #chat {
        margin-top: 20%;
        margin-left: 0vh;
    }
    
    .politcy {
        
         margin-bottom: 75vh;

    }
    
    h1 {
        font-size: 1.6em;
        padding-bottom: 10px;
    }
    
    h2 {
        font-size: 1.2em;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    p, li {
        font-size: 0.95em;
        margin-bottom: 12px;
    }
    
    ul {
        padding-left: 20px;
    }
    
    .update-date {
        font-size: 0.85em;
        margin-bottom: 20px;
    }
    
    .email {
        padding: 10px;
        font-size: 0.9em;
    }
    
    .email a {
        word-break: break-all;
    }
}

@media only screen and (max-width: 480px) {
    body {
        padding: 10px;
        font-size: 16px;
    }
    
    section {
        
        padding: 20px 15px;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }
    
    #chat {
        max-width: 350px;
        margin-top: 20%;
        margin-left: 0.5vh;
    }
    
    h1 {
        font-size: 1.4em;
    }
    
    h2 {
        font-size: 1.1em;
    }
    
    #chat {
        margin-top: 25%;
    }
    
    .politcy {
        margin-bottom: 95vh;
    }
    
    .email {
        font-size: 0.85em;
    }
}