/* ===== Fondo decorativo "blobs" — asset opt-in independiente =====
   Uso:
     1) En el template: cargar este CSS en {% block head_css %}
        <link rel="stylesheet" href="{% static 'css/bg_blobs.css' %}">
     2) Añadir class="bg-blobs" al wrapper de página.
   Personalizable vía variables CSS (--blob-azul, --blob-dorado).
   No depende de base_aps.css ni de ninguna otra hoja. */
.bg-blobs {
    position: relative;
    overflow-x: hidden;
    --blob-azul:   rgba(2, 40, 115, .22);
    --blob-dorado: rgba(242, 194, 48, .35);
    background-color: #ffffff;
    background-image:
        radial-gradient(circle at 0% 0%,    var(--blob-azul)   0, transparent 380px),
        radial-gradient(circle at 100% 45%, var(--blob-dorado) 0, transparent 420px);
    background-repeat: no-repeat;
    background-attachment: local;
}
@media (max-width: 767.98px) {
    .bg-blobs {
        background-image:
            radial-gradient(circle at 0% 0%,    var(--blob-azul)   0, transparent 240px),
            radial-gradient(circle at 100% 35%, var(--blob-dorado) 0, transparent 260px);
    }
}