/*
/* Ajustes para Tablets e Celulares Médios */
@media (max-width: 768px) {
    h1 {
        font-size: 2.2rem; 
    }

    .logo {
        width: 400px; 
        margin-bottom: 20px;
    }
}

/* Ajustes para Celulares (Smartphone) */
@media (max-width: 480px) {
    body {
        padding: 20px; 
    }

    .container {
        gap: 15px; 
    }

    .logo {
        max-width: 90%;
        width: 250px; 
        margin-bottom: 10px;
        margin-top: 10px;
    }

    h1 {
        font-size: 1.6rem; 
        margin-bottom: 1.2rem;
        line-height: 1.2;
        
    }

    p {
        font-size: 1rem;
        margin-bottom: 30px;
        line-height:1.6;
        padding: 0 10px;
    }

    h1 span {
        display: block;
    }

    .buttons {
        flex-direction: column; 
        width: 100%;
        gap: 12px;
    }

    .btn {
        width: 100%;
        padding: 16px; 
        font-size: 1rem;
        font-weight: 600;
    }

    .services {
        margin-top: 25px;
        font-size: 0.75rem; 
        line-height: 1.4;
    }
}