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

.bz-mambo-facil-fau-block {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center; 
    width: 100%; 
    height: auto;
    min-height: 300px;
    //margin-top: -53px;
    position: relative;


    &::before {
        position: absolute;
        content: "";
        //clip-path: polygon( -37.215% 2658.309%,-34.596% 2671.073%,-30.557% 2684.564%,-26.081% 2655.382%,-20.486% 2694.055%,-15.484% 2698.255%,-9.617% 2706.655%,-5.681% 2662.673%,0.608% 2684.564%,8.22% 2655.382%,16.751% 2684.564%,27.143% 2671.073%,31.485% 2690.964%,37.321% 2662.673%,42.146% 2728%,50.532% 2698.255%,56.592% 2724.709%,60.134% 2749.509%,65.023% 2724.709%,69.875% 2690.964%,74.105% 2706.655%,77.193% 2662.673%,85.189% 2671.073%,90.758% 2684.582%,98.645% 2655.382%,105.062% 2662.673%,110.362% 2691.691%,114.369% 2655.382%,120.237% 2671.073%,126.877% 2658.309%,131.119% 2709.018%,136.624% 2691.691%,141.827% 2782.727%,141.827% -84.538%,135.986% 6.679%,132.473% 71.26%,127.459% 60.314%,124.292% 12.334%,117.97% 18.537%,112.062% 0.294%,106.69% -34.916%,101.149% 0.294%,95.769% 42.071%,89.614% 58.855%,86.257% 25.287%,80.505% 43.165%,76.924% 4.854%,71.922% 17.442%,62.844% 42.071%,52.833% 25.287%,45.775% 25.287%,39.622% 46.814%,28.553% 46.814%,22.713% 17.442%,17.026% 46.814%,10.22% 40.429%,5.084% 100.996%,0.608% 53.016%,-5.681% 44.624%,-8.758% -22.328%,-15.047% -34.916%,-20.049% 2.665%,-27.356% -11.93%,-33.78% 24.557%,-38.177% -25.612%,-41.892% -84.538%,-41.892% 2782.727%,-37.215% 2658.309% );
        clip-path: polygon( -37.243% 3566.317%,-34.623% 3583.463%,-30.58% 3601.561%,-26.101% 3562.415%,-20.502% 3614.293%,-15.497% 3619.927%,-9.626% 3631.171%,-5.687% 3572.195%,0.606% 3601.561%,8.223% 3562.415%,16.76% 3601.561%,27.16% 3583.463%,31.504% 3610.122%,37.345% 3572.195%,42.173% 3659.805%,50.564% 3619.927%,56.629% 3655.415%,60.174% 3688.683%,65.066% 3655.415%,69.921% 3610.122%,74.154% 3631.171%,77.244% 3572.195%,85.247% 3583.463%,90.819% 3601.561%,98.712% 3562.415%,105.133% 3572.195%,110.437% 3611.098%,114.446% 3562.415%,120.319% 3583.463%,126.963% 3566.317%,131.207% 3634.366%,136.717% 3611.098%,141.924% 3733.22%,141.924% -113.097%,136.078% 9.267%,132.563% 95.9%,127.546% 81.216%,124.376% 16.853%,118.05% 25.174%,112.138% 0.701%,106.763% -46.531%,101.217% 0.701%,95.833% 56.744%,89.674% 79.259%,86.315% 34.229%,80.559% 58.212%,76.976% 6.819%,71.97% 23.705%,62.885% 56.743%,52.868% 34.228%,45.804% 63.106%,39.647% 63.106%,28.57% 63.106%,22.727% 23.705%,17.036% 63.106%,10.225% 54.541%,5.085% 135.79%,0.606% 71.427%,-5.687% 60.169%,-8.767% -29.646%,-15.06% -46.532%,-20.065% 3.882%,-27.378% -15.696%,-33.805% 33.249%,-38.206% -34.051%,-41.924% -113.098%,-41.924% 3733.22%,-37.243% 3566.317% );


        background-image: url(../../assets/img/block-mambo-facil-fau-bg.svg);
        background-position: 0 0; 
        background-size: 100% auto;
        top: -41px;
        left: 0;
        right: 0;
        height: 41px;
        background-color: colors.$blue-80;
        z-index: 10;
    }
    
    &::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;

        //background-color: #178bd3;
        background-image: url(../../assets/img/block-mambo-facil-fau-bg.svg);
        
        background-position: 0 -41px; 
        background-repeat: repeat-y;
        background-size: 100% auto;
    }

    /*

    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( -40.306% 2619%,-35.625% 2521.286%,-33.007% 2531.286%,-28.965% 2541.857%,-24.486% 2518.857%,-18.889% 2549.286%,-13.882% 2552.571%,-8.014% 2559.143%,-4.076% 2524.571%,2.215% 2541.714%,9.833% 2518.714%,18.368% 2541.714%,28.771% 2531.143%,33.118% 2546.714%,38.958% 2524.429%,43.785% 2575.714%,52.174% 2552.286%,58.236% 2573.143%,61.778% 2592.714%,66.667% 2573.143%,71.521% 2546.571%,75.75% 2558.857%,78.84% 2524.286%,86.84% 2530.857%,92.41% 2541.429%,100.306% 2518.429%,106.729% 2524.143%,112.035% 2546.857%,116.042% 2518.286%,121.917% 2530.571%,128.563% 2520.571%,132.806% 2560.429%,138.313% 2546.857%,143.521% 2618.429%,143.521% -48.714%,137.674% 23%,134.16% 73.714%,129.146% 65.143%,125.979% 27.429%,119.653% 32.286%,113.743% 18%,108.368% -9.714%,102.826% 18%,97.444% 50.857%,91.285% 64%,87.924% 37.571%,82.167% 51.571%,78.583% 21.429%,73.576% 31.286%,64.493% 50.571%,54.479% 37.429%,46.604% 6.714%,41.257% 54.429%,30.181% 54.429%,24.333% 31.286%,18.639% 54.429%,11.826% 49.429%,6.688% 97%,2.201% 59.143%,-4.09% 52.571%,-7.167% 0%,-13.458% -9.857%,-18.465% 19.714%,-25.778% 8.286%,-32.208% 37%,-36.611% -2.429%,-40.326% -48.714%,-40.326% 2618.286%,-40.306% 2619% );


        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;
    }
    */

}

@media (max-width: breakpoints.$tablet) {
    .bz-mambo-facil-fau-block {
        margin-top: -16px;
    }
}