@font-face {
font-family: "proxima-nova";
src: url("font/proxima-nova/proxima-regular.otf") format("opentype");
}

@font-face {
font-family: "proxima-semibold";
src: url("font/proxima-nova/proxima-semibold.otf") format("opentype");
}
@font-face {
font-family: "proxima-bold";
src: url("font/proxima-nova/proxima-bold.otf") format("opentype");
}

/* HERO INICIO */
#wrapper-sinPadding {
    padding-top:0px;
}

#wrapper-sinPadding h2 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}

.hero-grid-headerCuenta{
    display: grid;
    grid-template-columns:1fr 1fr;
    margin: 0 auto;
    align-items: center;
    min-height: 400px;
    max-width: 1080px;
    padding-bottom: 30px;
}

.hero-grid-headerCuenta .left {
    font-family: 'proxima-nova';
    color: #292828;
    align-self: center; 
}

.hero-grid-headerCuenta .left h1 {
    font-family: 'proxima-nova';
    font-size:3em;
    color: #292828;
    margin: 0;  
    line-height: 1.16;  
}

.hero-grid-headerCuenta p {
    font-size: 2rem;
    color: #292828;
    width: 450px;
}

.headerCuenta-hero-image {
    text-align: right;
}

.headerCuenta-hero-image img{
    width: 550px;
}


/* HERO FIN */

/* HERRAMIENTAS INICIO */

.herramientas-headerCuenta{
    padding:70px 0px;
    background-color: #f9f9f9;
}

.herramientas-title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 25px;
}


.herramientas-Iconos {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 20px;
    max-width: 1080px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}


.grid-herramientas {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 0px;
    align-items: flex-start;
    justify-content: center;
    width: 190px;
    padding: 15px 0px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.11), inset 0 0 3px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    margin: 0 auto;
    transition: transform .3s ease-in-out,box-shadow .3s ease-in;

}

.grid-herramientas:hover {-webkit-transition: -webkit-transform .3s ease-in-out,-webkit-box-shadow .3s ease-in;
    transition: -webkit-transform .3s ease-in-out,-webkit-box-shadow .3s ease-in;
    -o-transition: transform .3s ease-in-out,box-shadow .3s ease-in;
    transition: transform .3s ease-in-out,box-shadow .3s ease-in;
    transition: transform .3s ease-in-out,box-shadow .3s ease-in,-webkit-transform .3s ease-in-out,-webkit-box-shadow .3s ease-in;
    transform: translateY(-15px);
}

.grid-herramientas2 {display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top:10px;
    width: 180px;
}

.iconosHerramientas {
    width: 85px;
    text-align: center;
    margin: 0 auto;
}

.h3Herramientas{
    margin: 0px;
    padding: 20px 0px 0px 0px;
    font-size: 17px;
    font-family: 'proxima-bold';
}

.pHerramientas {
    font-size: 15px;
    width: 170px;
    text-align: center;
    margin: 10px auto;
}

.herramientaDiv h3{
    font-size: 24px;
    font-family: 'proxima-bold';
}

.txtHerramientas { 
    margin: 0 auto;
    padding: 5px;
}

.stats-divider {padding: 80px 0px;
}   

.icon img {
    width: 50px;
    padding-bottom: 10px;
}


/* HERRAMIENTAS FIN */

/* CONOCE PASO A PASO INICIO */

.conocePasos {
    margin: 50px 0px;
}

.multicuentaLink {
    color: #236da9;
    text-decoration: none;
}

.multicuentaLink:hover {
    color: #17507f;
    cursor: pointer;
}

.multicuentaLink:visited {
    color: #236da9;
    text-decoration: none;
}

.conocePasos-grid {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
    max-width: 1080px;
    align-items: center;
    margin: 0 auto;
}

.conocePasos-grid h1{
    margin-bottom: 20px;

}

.conocePasos-grid .conocePasos-gif img{
    width: 500px;
}

.conocePasos-grid-txt{
    display: grid;
    grid-template-columns: 5% 80%;
    column-gap: 20px;
    align-items: center;
}
.conocePasos-grid-txt img{
    width: 40px;
}

.conocePasos-grid-txt p {
    margin:0px;
    width: 85%;
}

.conocePasos-hr {
    width: 40px;
    margin:0px auto;
}

.conocePasos-hr hr{
    height: 30px;
    background-color: #8bd6c0;
    border: none;
    width: 0.1em;
    margin:0px auto;
}

.conocePasos-div h2 {
    padding-bottom: 10px;
}

/* CONOCE PASO A PASO FIN */

/* IMPORTANTE INICIO */

.importante-section {
    background-color: #f4f4f4;
    padding: 40px 0px;
}

.importante-grid {
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 auto;
    max-width: 1080px;
    align-items: center;
    justify-content: center;
    grid-gap: 100px;
    font-size: 1.2em;
}

.importante-grid div {
    margin: 0 auto;
}

.importante-grid div img {
    width: 500px;
}

.div-material-icons {
    display: grid;
    grid-template-columns: 8% 95%;
    color: #292828;
    align-items: center;
}

.div-material-icons p{
    padding: 10px 0px;
    margin: 0px;
}

.material-icons{
    color: #71d8bf;
    padding-right: 9px;
    font-size: 15px;
    align-self: center;
    padding-bottom: 3px;
}
/* IMPORTANTE FIN */


        @media (max-width: 960px) {

        .lineas {display: none;}

        .lineas2 {display: none;}

        .lineas3 {display: none;}

        .wrapper-headerCuenta {background-image: none;}

        }


        @media (max-width: 768px) {
        .nav-bar .branding-logo {padding: 0px;
            padding: 0px;
            width: 115px!important;
            height: 45px!important;
            margin-top: 15px;
        }

        .nav-bar .site-navigation { float: none;
            padding-top: 0px;
            padding-right: 0px;
            clear:none;
        }

        /* HERO INICIO RESPONSIVE */
        .hero-grid-headerCuenta{
            display: grid;
            grid-template-columns:1fr;
            margin-top: 150px;
            padding-left: 20px;
        }

        .left {
             padding-bottom: 20px;
        }

        .headerCuenta-hero-image img {
            width: 100%;
        }

        .hero-grid-headerCuenta .left h1 {
            font-size: 2.3em;
        }

        .hero-grid-headerCuenta p{
            font-size: 1.7rem;
            width: 90%;
        }

        /* HERO FIN RESPONSIVE */


        /* HERRAMIENTAS INICIO RESPONSIVE */
        .herramientas-Iconos{
            grid-template-columns: 1fr;
            row-gap: 30px;
        }

        .herramientas-title h2{
            padding: 0px 20px;
        }

        .conocePasos-grid-txt {
            column-gap: 50px;
            font-size: 14px;
        }

        .conocePasos-div h2{
            margin-bottom: 20px;
        }

        .conocePasos-div {
            padding-left: 20px;
            margin-bottom: 40px;
            margin-top: 40px;
        }

        .conocePasos-grid-txt img {
            width: 55px;
        }

        .conocePasos-hr {
            width: 55px;
        }

        .conocePasos-hr hr {
            width: 0.15em;
        }

        .conocePasos-gif {
            grid-row: 2/3;
        }

        /* HERRAMIENTAS FIN RESPONSIVE */


        /* CONOCE LOS PASOS INICIO RESPONSIVE */
        .conocePasos-grid{
            grid-template-columns: 1fr;
        }

        .conocePasos-grid-txt {
            grid-template-columns: 5% 90%;
        }

        .conocePasos-grid .conocePasos-gif img {
            width: 100%;
        }

        /* CONOCE LOS PASOS FIN RESPONSIVE */


        /* CONOCE LOS PASOS INICIO RESPONSIVE */
        .importante-grid{
            grid-template-columns: 1fr;
            padding-left: 30px;
            grid-gap: 20px;
        }

        .div-material-icons{
            grid-template-columns: 8% 80%;
        }

        .importante-grid div img {
            width: 100%;
        }
        /* CONOCE LOS PASOS FIN RESPONSIVE */
    }