@import url('./protocolos.css');

header {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 20px;

    background-image: 
        url("../img/bg_flowers/bg_flowers_in_top.png"),
        url("../img/bg_flowers/bg_flowers_in_botton.png"),
        url("../img/protocolos/bg-001-desperte-sem-dor.png"),
        linear-gradient(180deg, #FABDE0 0%, #FFFADC 70%);
}

.benefits,
.bonus,
.modules {
  height: 370px;
}

.modules {
  background-image: url("../img/protocolos/bg-bloco-01.png");
  margin-top: 30px;
}

.benefits { 
  padding-left: 30px;
  background-image: url("../img/protocolos/bg-bloco-02.png");
}

.bonus {
  background-image: url("../img/protocolos/bg-bloco-03.png");
}

.benefits h3 {
   width: 660px;
  margin-left: 30px;
  color: var(--text-primary);
}

@media (max-width: 768px) {
  .modules, .benefits, .bonus {
       height: auto;
        padding-right: 20px ;
        padding-left: 20px;
        padding-bottom: 30px;
    }

    .benefits  h3 {
       width: auto;
        padding: auto ;
    }
    
  .modules {
    background-image: 
    url(../img/bg_flowers/bg_mini_flowers_out_top.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_botton.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_left.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_right.png),
    url(../img/protocolos/bg-mb-bloco-01.png),
    linear-gradient(180deg, #FCF8E1 0%, #FCF8E1 50%, #FFCCE4 90%);  
  }

  .benefits {
    background-image: 
    url(../img/bg_flowers/bg_mini_flowers_out_top.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_botton.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_left.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_right.png),
    url(../img/protocolos/bg-mb-bloco-02.png),
    linear-gradient(180deg, #FFCEE5 0%, #FFCEE5 50%, #FCF8E1 90%);  
  }

  .bonus {
    background-image: 
    url(../img/bg_flowers/bg_mini_flowers_out_top.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_botton.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_left.png), 
    url(../img/bg_flowers/bg_mini_flowers_out_right.png),
    url(../img/protocolos/bg-mb-bloco-03.png),
    linear-gradient(180deg, #FCF8E1 0%, #FCF8E1 50%, #F9E2BB 90%);  
  }
}