*{
    margin: 0 auto;
    padding: 0;
    /* font-size: 1rem; */
    font-family: 'Poppins', sans-serif;
}

div.row.rowSuperor{
    height: 100%;
}


div.row.rowInferior{
    height: 100%;
    flex-direction: row;
}

div.container.contentRowSup{
    max-width: 1140px;
    background-image: url('../images/fondo_1.jpg');
    background-position: top center;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
    height: 1050px !important;
    background-color: #f9f9f9;
}

div.container.contentRowFoot{
    max-width: 1140px;
    background-image: url('../images/fondo_footer.jpg');
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 150px;
    padding: 2rem 0;
}



.colIzq{
    padding: 2rem 4rem;
}

img.iconoApp{
    max-width: 200px;
    padding-bottom: 2rem;
}

img.logoApp{
    max-width: 280px;
    padding-bottom: 2rem;
}

.textCopyBlanco{
    color: #ffffff;
    font-weight: 200;
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
}

.textCopyColor{
    color: #666666;
    font-weight: 600;
    padding: 1rem 2rem;
}

.negrita{
    font-weight: 600;
    font-size: 1.5rem;
    text-decoration: underline;
}

img.logoTiendas{
    max-width: 120px;
}

img.QR-Tiendas{
    max-width: 280px;
}

.textDisponible{
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0;
}

div.container.contentRowSup div.row.rowSuperor div.screenshots{
    background-image: url('../images/screenshotsApp.png');
    background-position: right 70px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0;
}

.container.contentRowInf{
    max-width: 1140px;
    background-color: #f9f9f9;
    height: 100%;
}


div.container.contentRowInf div.row.rowInferior div.screenIcons{
    background-image: url('../images/screenshotsIcons.png');
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0;
}

ul, li{
    color: #0052a1;
    font-size: 1.7rem;
    font-weight: 200;
}

div.container.contentRowFoot.p-0 div.row{
    width: 94%; margin: 0 auto;
}



.textFooter{
    color: #666666;
    font-weight: 200;
    margin-bottom: 0;
}

.extraBold{
    font-weight: 900;
}



/* ==== RESONSIVE ==== */

/* Mobile Portrait */
@media (max-width: 767px) and (min-width: 300px) {
    div.container.contentRowSup{
        background-size: auto 100% !important;
        height: 1760px !important;
    }

    div.row.rowSuperor{
        text-align: center;
    }

    .negrita{
        font-size: 1.2rem ;
    }

    .textCopyColor{
        text-align: center;
    }
    
    div.container.contentRowSup div.row.rowSuperor div.screenshots{
        background-position: right top;
        max-height: 600px;
    }

    div.container.contentRowInf{
        height: auto;
    }

    div.row.rowInferior{
        /* height: 700px; */
        flex-direction: column-reverse !important;
        /* min-height: 700px */
    }

    /* div.container.contentRowSup div.row.rowSuperor div.screenshots{
        height: 550px;
    } */

    div.container.contentRowInf div.row.rowInferior div.screenIcons{
        background-size: 90% auto;
        min-height: 280px;
    }

    ul, li{
        font-size: 1.3rem;
        margin: 0px 1rem;
    }

    div.container.contentRowFoot{
        height: 70px;
        padding: 1rem 0;
    }

    .textFooter{
        padding: 1rem 0;
    }
}

/* iPhone 5/SE Landscape */
@media (max-width: 568px) and (min-width: 560px){
}

/* iPhone 6/7/8 Landscape */
@media (max-width: 667px) and (min-width: 569px){
}

/* iPhone 6/7/8 Plus Landscape */
@media (max-width: 740px) and (min-width: 415px){
}

/* iPhone X/XS Landscape Portrait */


/* iPhone X/XS Landscape */
@media (max-width: 890px) and (min-width: 769px){
}

/* iPhone X Landscape */
@media only screen and (min-width: 812px) and (orientation: landscape) {
}

@media screen and (min-width: 360px) and (orientation: portrait) {


    div.container.contentRowInf{
        height: auto;
    }

}

/* iPhone 12 Pro Max Landscape */
@media only screen and (min-width: 926px) and (orientation: landscape) {
}


/* iPhone 12 Pro Max Portrait */
@media only screen and (min-width: 428px) and (orientation: portrait) {
    div.container.contentRowSup{
        background-size: auto 100%;
        height: 1570px !important;
    }

    div.row.rowSuperor{
        text-align: center;
    }

    div.container.contentRowSup div.row.rowSuperor div.screenshots{
        /* background-size: 60% auto; */
        background-position: top center;
        /* height: 580px; */
    }

    .negrita{
        font-size: 1.2rem ;
    }

    .textCopyColor{
        text-align: center;
    }

    div.container.contentRowInf{
        height: auto;
    }

    div.row.rowInferior{
        height: 700px;
        flex-direction: column-reverse !important;
        min-height: 700px
    }

    div.container.contentRowInf div.row.rowInferior div.screenIcons{
        background-size: 90% auto;
        min-height: 280px;
    }

    ul, li{
        font-size: 1.3rem;
        margin: 0px 1rem;
    }

    div.container.contentRowFoot{
        height: auto;
        padding: 1rem 0;
    }

    .textFooter{
        padding: 1rem 0;
    }

    img.QR-Tiendas{
        max-width: 220px;
    }
}

/* iPad portrait */
@media (min-width: 768px) and (orientation: portrait){

    div.container.contentRowSup{
        background-size: auto 100%;
        height: 1500px;
    }

    div.row.rowSuperor{
        text-align: center;
    }

    .negrita{
        font-size: 1.5rem;
      }
      
    div.container.contentRowSup div.row.rowSuperor div.screenshots{
        background-size: 70% auto;
        background-position: top center;
        /* height: 580px; */
    }

    div.container.contentRowInf div.row.rowInferior div.screenIcons{
        background-size: 50%;
    }

    img.QR-Tiendas{
        max-width: 220px;
    }
}

/* iPad Landscape */
@media only screen and (min-width: 1024px) and (orientation: landscape) {
    div.container.contentRowSup{
        background-size: auto 100%;
        height: 1120px;
    }

    img.QR-Tiendas{
        max-width: 220px;
    }

    /* div.container.contentRowSup div.row.rowSuperor div.screenshots{
        background-position: center;
    } */
}

/* iPad Pro portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen 
and (min-device-width: 938px) 
and (max-device-width: 938px) 
and (orientation: landscape){

}

@media only screen 
and (min-device-width: 602px) 
and (max-device-width: 602px) 
and (orientation: portrait){

}

/* Tab's Landscape */
@media (max-width: 1366px) and (min-width: 992px) {
}