@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html,body
{
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
}
a,li,h1,h2,h3,h4,h5,h6,p{
    font-family: "Roboto", sans-serif;
}
.header-principal
{
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
}
.header-p1 ul, .header-p1 li
{
    display: block;
}
.header-p1
{
    background-color: #f2f8ff;
    height: 32px;
}
.header-p1-1
{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.header-p1-1 ul
{
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
}
.bcp_tipo_cliente
{
    gap: 46px;
}
.header-p1-1 ul li
{
    border-bottom: 1px solid transparent;
    color: #202e44;
    font-family: Flexo-demi, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 0 5px;
    transition: border-bottom .3s linear;
}
.header-p1-1 ul li a
{
    color: #202e44;
    font-weight: bold;
}
a
{
    outline: 0;
    outline-offset: unset;
    text-decoration: none !important;
}
.header-p2
{
    height: 64px
}
.header-p2-1
{
    align-items: center;
    display: flex;
    position: relative;
    z-index: 999999;
}
.slider-principal
{
    height: 200px;
}
.menu-footer ul li{
    font-family: Flexo;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #202E44;
    padding: 6px 0px;
    margin: 0px;
    display: block;
}
.menu-footer ul li a
{
    outline: 0;
    outline-offset: unset;
    text-decoration: none !important;
    color: #202E44;
}
.menu-footer a
{
    color: #202E44;
}

.img-slider-01
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    bottom: 0px;
    z-index: -1;
    background-image: url(../images/Banner-Hero_Desktop.png);
    width: 625px;
    height: 508px;
}
.img-slider-04
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    bottom: 0px;
    z-index: -1;
    background-image: url(../images/Banner---Desktop---5086-x-688.png);
    height: 344px;
}
.img-slider-02
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    bottom: 0px;
    z-index: -1;
    background-image: url(../images/mobile9978224.png);
    width: 625px;
    height: 508px;
}
.img-slider-03
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    bottom: 0px;
    z-index: -1;
    background-image: url(../images/Banner-Home-VíaBCP_Desktop-625x508pero.png);
    width: 625px;
    height: 508px;
}
.item-ayuda li
{
    cursor: pointer;
}
.item-ayuda li:hover
{
    color: #FF7800;
}