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

.bz-planos-bazza-fau-block {
    position: relative;  
    &::before {
        position: absolute;
        content: "";
        clip-path: polygon( 180.623% 42.937%,180.623% 1650.97%,168.347% 1677.55%,166.958% 1690.833%,160.34% 1681.45%,153.881% 1668.167%,151.8% 1654.878%,145.822% 1685.367%,141.338% 1681.45%,129.275% 1713.517%,123.884% 1678.333%,120.361% 1691.617%,116.251% 1680.683%,109.9% 1691.617%,103.762% 1691.617%,97.383% 1680.283%,94.421% 1654.878%,92.873% 1643.935%,90.097% 1635.335%,84.226% 1632.99%,78.034% 1651.752%,65.238% 1654.097%,58.872% 1665.823%,55.937% 1641.588%,52.094% 1654.097%,39.657% 1641.588%,34.159% 1646.28%,31.758% 1663.478%,32.825% 1706.467%,27.968% 1705.683%,25.005% 1714.683%,20.815% 1712.733%,17.666% 1725.233%,15.104% 1725.233%,12.969% 1720.55%,10.14% 1707.25%,9.18% 1707.25%,7.151% 1733.833%,5.55% 1720.55%,2.508% 1729.15%,1.333% 1718.983%,-0.054% 1729.15%,-2.136% 1707.25%,-4.204% 1714.483%,-5.872% 1712.733%,-7.634% 1694.75%,-10.303% 1686.15%,-17.241% 1671.3%,-20.604% 1677.55%,-24.34% 1670.517%,-24.34% 62.48%,-12.064% 35.901%,-10.676% 22.611%,-4.058% 31.992%,2.401% 45.282%,4.483% 58.571%,10.461% 28.084%,14.944% 31.992%,27.007% -0.059%,32.398% 35.119%,35.921% 21.83%,40.031% 32.774%,46.383% 21.83%,52.521% 21.83%,58.899% 33.165%,61.861% 58.571%,63.409% 69.516%,66.185% 78.115%,72.056% 80.46%,78.248% 61.698%,91.044% 59.353%,97.41% 47.627%,100.345% 71.861%,104.188% 59.353%,116.625% 71.861%,122.123% 67.17%,124.525% 49.972%,123.457% 6.977%,128.315% 7.758%,131.276% -1.232%,135.467% 0.723%,138.616% -11.785%,141.178% -11.785%,143.313% -7.095%,146.142% 6.195%,147.103% 6.195%,149.131% -20.384%,150.732% -7.095%,153.774% -15.694%,154.949% -5.531%,156.337% -15.694%,158.418% 6.195%,160.487% -1.036%,162.155% 0.723%,163.916% 18.703%,166.585% 27.302%,173.524% 42.155%,176.886% 35.901%,180.623% 42.937% );
        background-image: url(../../assets/img/block-planos-bazza-fau-bg.svg);
        background-position: 0 0; 
        background-size: 100% auto;
        top: -60px;
        left: 0;
        right: 0;
        height: 60px;
        background-color: colors.$pink-darker;
        z-index: 5;
    }

    &::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../../assets/img/block-planos-bazza-fau-bg.svg);
        background-position: 0 -60px; 
        background-size: 100% auto;
    }
}