@use '../../colors';
@use '../../breakpoints';

.bz-ativa-bazza-fau-block {
    position: relative;
    &::before {
        position: absolute;
        content: "";
        //clip-path: polygon( 100% 41.333%,98.181% 47.833%,96.542% 42.167%,93.153% 55.833%,91.847% 63.667%,90.174% 81.833%,89.167% 75.167%,87.472% 85.833%,86.903% 95.167%,85.417% 87.333%,83.646% 75.167%,81.799% 87.333%,80.757% 91.667%,75.924% 82%,74.479% 73.833%,72.632% 35.167%,71.458% 19.333%,68.778% 15%,62.708% 26.5%,60.833% 15%,58.792% 27.167%,56.299% 26.5%,50.056% 24.333%,47.035% 7.167%,44.174% 9.333%,42.819% 17.167%,42.063% 27.167%,40.618% 50.5%,37.507% 60.833%,34.514% 60.833%,31.417% 50.833%,29.41% 60.833%,27.688% 48.667%,23.681% 55.167%,19.174% 51.667%,16.986% 55.167%,14.069% 27.167%,13.056% 39.333%,9.903% 51.5%,7.688% 39.333%,6% 48%,0% 23.333%,0% -1438%,100% -1438%,100% 41.333% );


        clip-path: polygon( 100% 1533.333%,0% 1533.333%,0% 72%,5.986% 47.667%,7.674% 56.333%,9.889% 44.167%,13.042% 56.333%,14.056% 68.5%,16.972% 40.5%,19.16% 44%,23.667% 40.5%,27.674% 47%,29.396% 34.833%,31.403% 44.833%,34.5% 34.833%,37.493% 34.833%,40.604% 45.167%,42.049% 68.5%,42.806% 78.5%,44.16% 86.333%,47.021% 88.5%,50.042% 71.333%,56.285% 69.167%,58.778% 68.5%,60.819% 80.667%,62.694% 69.167%,68.764% 80.667%,71.444% 76.333%,72.618% 60.5%,74.465% 21.833%,75.91% 13.667%,80.743% 4%,81.785% 8.333%,83.632% 20.5%,85.403% 8.333%,86.889% 0.5%,87.458% 9.833%,89.153% 20.5%,90.16% 13.833%,91.833% 32%,93.139% 39.833%,96.528% 53.5%,98.167% 47.833%,99.986% 54.333%,99.986% 1533.5% );


        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        //background-color: linear-gradient(180deg, colors.$pink-dark 0%, colors.$pink-darker 100%);
        background-color: green;
        //background-image: linear-gradient(180deg, colors.$pink-dark 0%, colors.$pink-darker 100%);

    }
}

@media (max-width: breakpoints.$desktop) {
    .bz-ativa-bazza-fau-block {
        &::before {
            background-image: url(../../assets/img/block-ajuda-mobile-bg.svg);
            //background-position: top left; 
            //background-size: 991px auto; /* Define a largura mínima para 1500px */
            //background-position: left center; /* Certifica-se de que a imagem está alinhada à esquerda */
        }
    }
}