.oferta-page {
        padding: 60px 0 80px;
        background: var(--site-bg);
    }

    .oferta-page .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 24px;
    }

    .oferta-header {
        text-align: center;
        margin-bottom: 40px;
    }

    .oferta-header h1 {
        font-size: 2rem;
        font-weight: 800;
        color: var(--color-heading);
        margin: 0 0 12px;
        line-height: 1.2;
    }

    .oferta-content {
        background: var(--color-white);
        border-radius: var(--radius-xl);
        padding: 40px;
        box-shadow: var(--shadow-lg);
    }

    .oferta-section {
        margin-bottom: 32px;
    }

    .oferta-section:last-child {
        margin-bottom: 0;
    }

    .oferta-section h2 {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--color-heading);
        margin: 0 0 16px;
    }

    .oferta-section p {
        line-height: 1.7;
        color: var(--color-text);
        margin-bottom: 16px;
        text-align: justify;
    }

    .oferta-section strong {
        font-weight: 600;
        color: var(--color-heading);
    }

    .oferta-note {
        background: var(--color-gray-light);
        border-left: 4px solid var(--color-brand);
        padding: 20px 24px;
        margin: 24px 0;
        border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    }

    .oferta-note p {
        margin: 0;
        text-align: left;
    }

    .oferta-footer {
        margin-top: 32px;
        padding-top: 20px;
        border-top: 1px solid var(--color-gray-medium);
        text-align: center;
        color: var(--color-text);
        font-size: 0.875rem;
    }

    @media (max-width: 768px) {
        .oferta-page {
            padding: 40px 0;
        }

        .oferta-header h1 {
            font-size: 1.5rem;
        }

        .oferta-content {
            padding: 24px;
            border-radius: var(--radius-lg);
        }

        .oferta-section p {
            text-align: left;
        }
    }