#contenedorVales {
  padding: 0 30px 24px 30px !important;
}

#contenedorVales .fusion-row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#contenedorVales .fusion-row > .colFlex {
  width: 100% !important;
}

#contenedorVales .fusion-row > .colFlex:nth-child(1) {
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
  margin-top: 24px !important;
}

#contenedorVales .fusion-row > .colFlex .contadorVales .fusion-counters-box.row {
  padding: 0 !important;
}

#contenedorVales .fusion-row > .colFlex .contadorVales .content-box-counter {
  font-size: 5rem !important;
  font-weight: 600 !important;
  line-height: 125% !important;
}

#contenedorCajas {
  padding: 32px 30px !important;
}

#contenedorCajas > .fusion-row > .colFlex > .fusion-column-wrapper {
  background-size: contain !important;
}

#contenedorCajas > .fusion-row > .colFlex .textoEditor {
  padding: 16px !important;
}

#contenedorCajas > .fusion-row > .colFlex + .colFlex {
  margin-top: 24px !important;
}

/* Media queries */
@media only screen and (min-width: 770px) {
  #contenedorCajas > .fusion-row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #contenedorCajas > .fusion-row > .colFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 48% !important;
  }
  #contenedorCajas > .fusion-row > .colFlex + .colFlex {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  #contenedorVales {
    padding: 0 !important;
  }
  #contenedorVales .fusion-row > .colFlex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48% !important;
  }
  #contenedorVales .fusion-row > .colFlex:nth-child(1) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 0 !important;
  }
  #contenedorVales .fusion-row > .colFlex:nth-child(2), #contenedorVales .fusion-row > .colFlex:nth-child(3) {
    padding: 0 0 24px 0 !important;
    width: 22% !important;
  }
  #contenedorVales .fusion-row > .colFlex .contadorVales .content-box-counter {
    font-size: 4rem !important;
    font-weight: 600 !important;
    line-height: 125% !important;
  }
  #contenedorCajas {
    padding: 48px 30px !important;
  }
}

@media only screen and (min-width: 1200px) {
  #contenedorVales .fusion-row > .colFlex .contadorVales .content-box-counter {
    font-size: 5rem !important;
    font-weight: 600 !important;
    line-height: 125% !important;
  }
  #contenedorCajas {
    padding: 64px 30px !important;
  }
  #contenedorCajas > .fusion-row > .colFlex > .fusion-column-wrapper {
    margin: 0 auto !important;
    max-width: 650px;
  }
}

@media only screen and (min-width: 1350px) {
  #contenedorVales .fusion-row > .colFlex .contadorVales .content-box-counter {
    font-size: 6rem !important;
    font-weight: 600 !important;
    line-height: 125% !important;
  }
  #contenedorCajas {
    padding: 80px 30px !important;
  }
}

@media only screen and (min-width: 1640px) {
  #contenedorVales .fusion-row > .colFlex .contadorVales .content-box-counter {
    font-size: 7rem !important;
    font-weight: 600 !important;
    line-height: 125% !important;
  }
  #contenedorCajas {
    padding: 96px 30px !important;
  }
}

/* Fin de las media queries */
/*
#contenidoContadorCupones {
    > div {
        > .fusion-counters-box {
            background-position: center bottom;
            background-repeat: no-repeat;
            background-size: auto;
            padding-bottom: 60px;
        }
        > .fusion-counters-box:nth-child(1) {
            background-image: url('/wp-content/uploads/2021/03/bonos-emitidos.png');
        }
        > .fusion-counters-box:nth-child(2) {
            background-image: url('/wp-content/uploads/2021/03/euros-canjeados1.png');
        }
        > .fusion-counters-box:nth-child(3) {
            background-image: url('/wp-content/uploads/2021/03/ventas-generadas.png');
        }
    }
}
#contenedorCajas {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html {
    #contenedorProcesos {
        padding: 5vh 30px !important;
        > .fusion-row {
            display: block !important;
            margin: 0 auto !important;
            max-width: 1500px !important;
            > div {
                float: none !important;
                text-align: center;
                width: 100% !important;
                & + div {
                    margin: 24px 0 0 0 !important;
                }
            }
        }
    }
}
#contenedorFaqs {
    padding: 5vh 30px !important;
    #contenidoFaq {
        margin-bottom: 0 !important;
    }
    .contenedorBlogs {
        .fusion-post-content-container {
            > p:nth-child(1) {
                display: none !important;
            }
        }
        .recent-posts-content {
            .meta {
                & + p {
                    display: none !important;
                    & + p {
                        margin: 8px 0 0 0 !important;
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 240px) and (max-width: 1024px) {

    #contenidoPromocion {
        padding: 5vh 30px !important;
    }
    #contenidoContadorCupones {
        > div {
            flex-direction: row;
            justify-content: space-between;
            padding: 5vh 30px !important;
            > .fusion-counters-box {
                background-size: contain;
                flex: 0 1 30%;
            }
        }
    }

    #contenidoComentarios {
        .fusion-button {
            padding: 35px !important;
        }
    }

    #contenidoSiguenos {
        > div {
            .fusion-button {
                padding: 35px !important;
            }
        }
    }

}

@media only screen and (min-width: 240px) and (max-width: 800px) {

    #contenedorFaqs {
        padding: 2.5vh 30px !important;
    }

}

@media only screen and (min-width: 240px) and (max-width: 777px) {

    #contenidoContadorCupones {
        > div {
            justify-content: center;
            flex-wrap: wrap;
            > .fusion-counters-box {
                flex: 0 1 48%;
            }
            > .fusion-counters-box:nth-child(2) {
                margin-left: 4% !important;
            }
        }
    }    

}

@media only screen and (min-width: 240px) and (max-width: 640px) {

    #contenidoPromocion {
        .textoEditor {
            h1 {
                span {
                    @include tipografia(3rem , 125% , 600);
                }
                & + p {
                    strong  {
                        @include tipografia(2.4rem , 125% , 600);                        
                    }
                }
            }
        }
    }
    #contenidoComentarios {
        .fusion-button {
            padding: 20px !important;
        }
    }
    #contenidoFaqs {
        .fusion-title {
            h2 {
                @include tipografia(2.2rem , 125% , 600);
            }
        }
        .fusion-text {
            p {
                @include tipografia(2rem , 125% , 400);
            }
        }
    }
    #contenedorBtnFaq {
        .fusion-button {
            @include tipografia(1.6rem , 125% , 400);
        }
    }

}

@media only screen and (min-width: 240px) and (max-width: 540px) {

    #contenidoContadorCupones {
        > div {
            flex-direction:  column;
            > .fusion-counters-box {
                background-size: auto;
                flex: 0 1 100%;
            }
            > .fusion-counters-box:nth-child(2) {
                margin-left: 0 !important;
            }
        }
    }
    
    #subcontenidoFaq {
        article {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            > div {
                flex: 1;
                width: auto !important;
            }
        }
    }

    #contenidoSiguenos {
        > div {
            .fusion-button {
                padding: 20px !important;
            }
        }
    }

}

@media only screen and (min-width: 240px) and (max-width: 480px) {

    #contenidoPromocion {
        .fusion-imageframe {
            display: none !important;
        }
        .textoEditor {
            h1 {
                span {
                    @include tipografia(2.1rem , 125% , 600);
                }
                & + p {
                    strong  {
                        @include tipografia(2rem , 125% , 600);                        
                    }
                }
            }
        }
    }

}

@media only screen and (min-width: 480px) {

    html {
        #contenedorProcesos {
            > .fusion-row {
                display: flex !important;
                flex-flow: row wrap !important;
                justify-content: center;
                align-items: flex-start;
                > div {
                    flex: 0 1 48% !important;
                    width: auto !important;
                    & + div {
                        margin: 0 !important;
                    }
                }
                > div:nth-child(3) {
                    margin: 0 0 0 4% !important;
                }
            }
        }
    }

}

@media only screen and (min-width: 1000px) {

    html {
        #contenedorProcesos {
            > .fusion-row {
                justify-content: space-between;
                > div {
                    flex: 0 1 30% !important;
                    width: auto !important;
                }
                > div:nth-child(3) {
                    margin: 0 !important;
                }
            }
        }
    }

}

*/
