.flag {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

/* Overlay sutil para que “case” con el sitio */
.flag::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .14), transparent 55%),
        linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .22));
    mix-blend-mode: screen;
    opacity: .55;
    pointer-events: none;
}

/* Argentina */
.flag-ar {
    background: linear-gradient(180deg,
            #74acdf 0%,
            #74acdf 33.33%,
            #ffffff 33.33%,
            #ffffff 66.66%,
            #74acdf 66.66%,
            #74acdf 100%);
}

/* España */
.flag-es {
    background: linear-gradient(180deg,
            #aa151b 0%,
            #aa151b 25%,
            #f1bf00 25%,
            #f1bf00 75%,
            #aa151b 75%,
            #aa151b 100%);
}

/* Perú */
.flag-pe {
    background: linear-gradient(90deg,
            #d91023 0%,
            #d91023 33.33%,
            #ffffff 33.33%,
            #ffffff 66.66%,
            #d91023 66.66%,
            #d91023 100%);
}

/* Chile (CORREGIDA: cantón azul solo arriba-izquierda) */
.flag-cl {
    background:
        /* cantón azul arriba-izq */
        linear-gradient(#0039a6, #0039a6),
        /* mitad superior blanca */
        linear-gradient(#ffffff, #ffffff),
        /* mitad inferior roja */
        linear-gradient(#d52b1e, #d52b1e);

    background-repeat: no-repeat;
    background-size:
        33.33% 50%,
        /* azul: 1/3 ancho, 1/2 alto */
        100% 50%,
        /* blanco: mitad superior */
        100% 50%;
    /* rojo: mitad inferior */

    background-position:
        0 0,
        /* azul arriba-izq */
        0 0,
        /* blanco arriba */
        0 100%;
    /* rojo abajo */
}

/* Paraguay */
.flag-py {
    background: linear-gradient(180deg,
            #d52b1e 0%,
            #d52b1e 33.33%,
            #ffffff 33.33%,
            #ffffff 66.66%,
            #0038a8 66.66%,
            #0038a8 100%);
}

/* Venezuela */
.flag-ve {
    background: linear-gradient(180deg,
            #f4d900 0%,
            #f4d900 33.33%,
            #0033a0 33.33%,
            #0033a0 66.66%,
            #d52b1e 66.66%,
            #d52b1e 100%);
}

.flag-mx {
    background: linear-gradient(90deg,
            #006847 0%,
            #006847 33.33%,
            #ffffff 33.33%,
            #ffffff 66.66%,
            #ce1126 66.66%,
            #ce1126 100%);
}

/* (Opcional) si algún DJ no tiene país */
.flag-default {
    background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04));
}