intenta este ejemplo de como podria ser..

    <div class="clear-both"></div>
    {% if disponibilidad > 0 %}
    <div class="bg-orange text-white programdates text-left p-4 my-4">
    <p class="font-subtitle mb-4 text-white">LUGARES DISPONIBLES: {{ disponibilidad }}</p>
    </div> 
    {% else %}
    <div class="bg-red text-white programdates text-left p-4 my-4">
    <p class="font-subtitle mb-4 text-white">SIN DISPONIBILIDAD</p>
    </div>
    {% endif %}
    <div class="clear-both"></div>