/* ------ FUENTES ------ */

@font-face {
    font-family: CerealBold;
    src: url('../fonts/CerealWBk.otf');
}

@font-face {
    font-family: Cereal;
    src: url('../fonts/CerealWLt.otf');
}

h1 {
    font-family: CerealBold;
}

p {
    font-family: Cereal;
}

/* ------ FUENTES ------ */

/* ------ PARA PANTALLA DE CARGA ------ */

.loader_bg {
    position: fixed;
    z-index: 9999999;
    background: white;
    width: 100%;
    height: 100%;
}

.loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader img {
    width: 100px;
}

/* ------ PARA PANTALLA DE CARGA ------ */

/* ------ FONDOS DE COLOR O IMAGENES ------ */

.bg-asesores1 {
    background-color: white;
}

.bg-asesores2 {
    background-color:#E20917;
}

.bg-asesores3 {
    background-image: url('../img/example4.jpg');
}

.parallax {
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

/* ------ FONDOS DE COLOR O IMAGENES ------ */

/* ------ DIVISORES DE FORMA DE OLEAJE ------ */

.custom-shape-divider-bottom-1694564645 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1694564645 svg {
    position: relative;
    display: block;
    width: calc(118% + 1.3px);
    height: 75px;
}

.custom-shape-divider-bottom-1694564645 .shape-fill {
    fill: #E20917;
}

/* ------ DIVISORES DE FORMA DE OLEAJE ------ */

.custom-shape-divider-bottom-1693445098 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1693445098 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 184px;
}

.custom-shape-divider-bottom-1693445098 .shape-fill {
    fill: #FFFFFF;
}

/* ------ DIVISORES DE FORMA DE OLEAJE ------ */

.custom-shape-divider-bottom-1693446937 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1693446937 svg {
    position: relative;
    display: block;
    width: calc(109% + 1.3px);
    height: 90px;
}

.custom-shape-divider-bottom-1693446937 .shape-fill {
    fill: #E20917;
}

/* ------ DIVISORES DE FORMA DE OLEAJE ------ */

.custom-shape-divider-top-1693457232 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1693457232 svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 143px;
}

.custom-shape-divider-top-1693457232 .shape-fill {
    fill: #f8f9fa;
}