@import url('../css/style-global.css');

/*hero*/
.home-hero-info h1 {
    font-size: 5.5rem;
}
.home-hero-info p {
    font-size: 2rem;
}


/* Section Como Funciona */
.funciona-container {
    margin: 100px auto;

    &.funciona-container h2 {
        margin-bottom: 30px;
        font-size: 4rem;
    } 
    .funciona-content {
        width: 100%;
        padding: 0 12px;

        .funciona-img {
            width: 900px;
            background-image: url('../accests/manilla-completa.webp');
        }
    
        /*articles*/
        .funciona-article {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            margin: 0 auto;
            padding: 50px 0 0 0;
            overflow-x: hidden;

            /*box articles*/
            .box-article {
                width: 320px;
                height: 350px;
                margin: 15px;
                padding: 50px 15px;
                box-shadow: 0 4px 8px rgba(89, 73, 30, 0.16);
                transition: all 0.4s ease-in-out;
                scroll-snap-align: start;
                flex-shrink: 0;
            }
            .box-article:hover {
                box-shadow: 0 0 20px rgba(237, 106, 34, 0.4);
                margin-top: -1px;
            }
            .box-article img {
                width: 80px;
                padding-bottom: 20px;
            }
            .box-article h3 {
                font-family: var(--fontSecundary);
                font-size: 2.4rem;
                color: var(--granate);
            }
            .box-article p {
                margin: 20px 0;
                font-size: 1.6rem;
                color: var(--text2);
            }
            .box-article span {
                font-family: var(--fontSecundary);
                font-size: 3rem;
                font-weight: bold;
                color: var(--granate);
            }
        }
    }
}



/*seccion 1*/
/*img*/
.home-section1-img img {
    width: 500px;
    margin-right: 100px;
}

/*textos*/
.home-section1-content h2 {
    font-size: 3rem;
}
.home-section1-content h3 {
    font-size: 2.4rem;
}


/*seccion 2*/
.home-section2-img img {
    width: 500px;
    margin-left: 100px;
}

/*textos*/
.home-section2-content h2 {
    font-size: 3rem;
}


/*seccion 3*/
.home-section3-img img {
    width: 500px;
    margin-right: 100px;
}

/*textos*/
.home-section3-content h2 {
    font-size: 3rem;
}
.home-section3-content h3 {
    font-size: 2.4rem;
}


/*seccion 4*/
.home-section4-img img {
    width: 500px;
    margin-left: 100px;
}

/*textos*/
.home-section4-content h2 {
    font-size: 3rem;
}
.home-section4-content h3 {
    font-size: 2.4rem;
}



/*seccion 5*/
.home-section5-container {
    flex-direction: row;
    gap: 50px;
}
/*cards*/
.card {
    width: 480px;
    padding: 50px 30px;
}
.card img {
    width: 100px;
}
/* END STYLE HOME */
/*=========================*/



/*=========================*/
/* STYLE BANNER SCAN */
.bannerScan {
    width: 100vw;
    height: 700px;
    text-align: center;
    background-image: url(../accests/bg-banner-scan.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerScan__text {
    padding-top: 200px;
    padding-left: 700px;
    font-family: var(--fontPrincipal);
    font-size: 14rem;
    line-height: 1;
    color: var(--beige);
}
/* END STYLE BANNER SCAN */
/*=========================*/




/*=========================*/
/* STYLE ... */
/* END STYLE ... */
/*=========================*/