.termos-container {
            max-width: 900px;
            margin: 3rem auto;
            padding-top: 120px;
        }

        .content-box {
            background: #e8f2fb;
            border-radius: 20px;
            padding: 3rem;
            box-shadow: 0 4px 20px rgba(30, 60, 114, 0.1);
            border: 1px solid #d0e5f5;
        }

        .termos-container h1 {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
            color: #1e3c72;
        }

        .last-updated {
            color: #666;
            font-size: 0.95rem;
            margin-bottom: 2rem;
        }

        .termos-container h2 {
            font-size: 1.5rem;
            margin-top: 2rem;
            margin-bottom: 1rem;
            color: #1e3c72;
        }

        .termos-container h2:first-of-type {
            margin-top: 0;
        }

        .termos-container p {
            line-height: 1.8;
            margin-bottom: 1rem;
            color: #333;
        }

        .termos-container ul {
            margin-left: 1.5rem;
            margin-bottom: 1rem;
        }

        .termos-container li {
            line-height: 1.8;
            margin-bottom: 0.5rem;
            color: #333;
        }

        .termos-container strong {
            color: #1e3c72;
        }


        @media (max-width: 768px) {
            .content-box {
                padding: 2rem 1.5rem;
            }

            .termos-container h1 {
                font-size: 2rem;
            }

            .termos-container  h2 {
                font-size: 1.3rem;
            }

            .nav-links {
                gap: 1rem;
                font-size: 0.9rem;
            }
        }