.whatsapp-button {
    position: fixed;
    bottom: 90px;
    right: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.whatsapp-button img {
    width: 70px;
    height: 70px;
}

.botones-abajo {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
}

.botones-abajo--footer {
    display: none
}


.botones-abajo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    font-size: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.botones-abajo .boton {
    padding: 39px 0
}

.botones-abajo .boton:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 2;
    transition: opacity .23s ease
}

.botones-abajo .boton:active:before,
.botones-abajo .boton:hover:before {
    opacity: .9
}

.botones-abajo--soluciones {
    display: none
}

.botones-abajo--footer,
.profesional__bloque__ico {
    display: none
}

.botones-abajo--inversionistas {
    bottom: 47px
}

.botones-abajo--inversionistasFooter .boton {
    padding: 11px 0;
    min-height: 47px;
    background: rgba(0, 0, 0, .4);
    box-sizing: border-box
}

.botones-abajo--inversionistasFooter .boton__textoEnlace {
    font-family: 'Montserrat-Regular';   
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;

}

.botones-abajo--inversionistasFooter .boton__textoEnlace b:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.botones-abajo--inversionistasFooter .boton:hover .boton__flecha {
    transform: translate(0)
}

.botones-abajo--inversionistasFooter .boton-contacto {
    padding-top: 15px
}

.botones-abajo--sostenibilidad {
    bottom: 45px
}


.boton {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}


.boton__textoEnlace {
    display: flex;
    align-items: center;
}

.boton img {
    margin-left: 10px;
}

.boton {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boton__textoEnlace {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.boton__flecha {
    margin-left: 10px;
    width: 20px;
}

.boton--gris,
.boton--amarillo,
.boton--azul {
    padding: 20px 25px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, #273d77 20%, #0a132b 90%);
    box-shadow: 0 0 12px rgba(0, 0, 0, .4)
}

.boton--gris .boton__textoEnlace,
.boton--amarillo .boton__textoEnlace,
.boton--azul .boton__textoEnlace {
    text-shadow: 1px 2px 3px rgb(0, 0, 0);
    font-size: 12px
}

.boton--gris .boton__flecha,
.boton--gris .boton__negro,
.boton--azul .boton__flecha {
    width: 13px;
    margin-left: 10px
}

.boton--gris,
.boton--gris .boton__negro {
    height: 10px;
    margin-right: 5px;
    vertical-align: middle
}

.boton--azul {
    display: inline-flex; /* Flexbox para el alineamiento */
    align-items: center; /* Centrar verticalmente */
    justify-content: center; /* Centrar horizontalmente */
    padding: 10px 20px; /* Ajusta el padding según tus necesidades */
    height: auto; /* Ajusta la altura para que se adapte al contenido */
    margin-right: 5px;
    background-color: #007BFF; /* Ajusta el color de fondo */
    color: #fff; /* Ajusta el color del texto */
    text-decoration: none; /* Elimina subrayado */
}


.boton--gris:before,
.boton--amarillo:before,
.boton--azul:before {
    content: "";
    background: linear-gradient(90deg, #ffb338 0, #e28b00);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease
}

.boton--gris:hover:before,
.boton--amarillo:hover:before,
.boton--azul:hover:before {
    opacity: 1;
}

.boton--gris {
    background: linear-gradient(90deg, #797979 20%, #575757 60%)
}

.boton--gris:before {
    background: linear-gradient(90deg, #333 0, #000)
}

.boton--amarillo {
    padding: 11px 30px;
    background: linear-gradient(90deg, #ffa81d 40%, #d48300 90%);
}

.boton--amarillo:before {
    background: linear-gradient(90deg, #333 0, #000)
}

.boton--azul {  
    background: linear-gradient(90deg, #273d77 20%, #0a132b 90%);
}

.boton--azul:before {
    background: linear-gradient(90deg, #333 0, #000)
}

.boton {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    vertical-align: middle
}

.boton:active .boton__textoEnlace span,
.boton:hover .boton__textoEnlace span {
    opacity: 1;
    transform: translateY(16px) rotateX(0deg)
}

.boton:active .boton__textoEnlace b,
.boton:hover .boton__textoEnlace b {
    transform: translateY(15px) rotateX(90deg)
}

.boton:active .boton__flecha,
.boton:hover .boton__flecha {
    transform: translate(-5px)
}

.boton:active,
.boton:hover {
    transform: translate(5px)
}

.boton__textoEnlace {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 3
}

.boton__textoEnlace b,
.boton__textoEnlace span {
    font-family: 'Montserrat-Regular';
    font-size: 15px;
    display: inline-block;
    transition: transform .25s ease
}

.boton__textoEnlace span {

    position: absolute;
    top: -17px;
    left: 0;
    transform: rotateX(-90deg)
}

.boton__flecha {
    margin-left: 15px;
    vertical-align: middle
}

.boton__flecha {
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: transform .25s ease
}


.seccion__bloques__footer .boton__textoEnlace {
    font-size: 15px
}

.botonVerVideo {
    cursor: pointer;
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 12px
}

.botonVerVideo__play {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .7);
    background: hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all .25s ease
}

.botonVerVideo__play:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f21826;
    background: linear-gradient(90deg, #f21826 0, #a3071d);
    transition: all .25s ease
}

.botonVerVideo__play:before,
.botonVerVideo__play img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.botonVerVideo__play:hover {
    background: hsla(0, 0%, 100%, .6)
}

.botonVerVideo__play:hover:before {
    width: 32px;
    height: 32px
}


.boton-nosotros1 {
    background-image: url(nosotros__boton1.283d461801f545888a9e.png)
}

.boton-nosotros2 {
    background-image: url(nosotros__boton2.1cec009c9b71e8ac2a5d.png)
}

.boton-nosotros3 {
    background-image: url(nosotros__boton3.1cec009c9b71e8ac2a5d.png)
}

.operaciones__bloque__contenido .boton {
    border: 1px solid #fff;
    padding: 13px 21px;
    position: absolute;
    bottom: 27px;
    left: 30px;
    transition: background .25s ease
}

.operaciones__bloque__contenido .boton strong {
    font-size: 10px;
    text-transform: uppercase
}

.operaciones__bloque__contenido .boton .boton__flecha {
    width: 13px;
    margin-left: 10px
}

.operaciones__bloque__contenido .boton:hover {
    background: #000;
    border: 1px solid #000
}



.boton--nosotrosDescarga {
    position: absolute;
    bottom: 40px;
    right: 27px;
    z-index: 5;
    text-transform: uppercase;
    padding: 10px 18px;
    font-family: 'Montserrat-Regular'
}

.botonBajar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: absolute;
    z-index: 4;
    bottom: 38px;
    left: 50%;
    margin-left: -17px;
    background: linear-gradient(90deg, #f21826 0, #a3071d);
    cursor: pointer;
    transition: all .25s ease
}

.botonBajar img {
    width: 12px
}

.botonBajar:before,
.botonBajar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.botonBajar:before {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all .25s ease
}

.botonBajar:hover {
    background: linear-gradient(90deg, #969696 0, #505050);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.botonBajar:hover:before {
    width: 54px;
    height: 54px;
    box-shadow: 0 0 20px #000
}

.blockEstrategias .content .botonVerVideo {
    font-size: 15px
}

.boton__cotiza_con_nosotros {
    display: block;
    position: fixed;
    z-index: 10;
    right: 20px;
    top: 50%;
    margin-top: 160px;
}



.boton__denuncias__cerrar{
    box-shadow: 0 0 8px #000000;
    border-radius: 50%
}

.boton__denuncias__cerrar:hover {
    background-color: rgba(0, 0, 0, 0.281);
    box-shadow: 0 0 3px #ffffff;
    border-radius: 50%
}

@media screen and (max-width:1330px) {
    .operaciones__bloque__contenido .boton {
        padding: 10px 18px;
        bottom: 15px;
        left: 15px
    }
}

@media screen and (max-width:768px) {
    .whatsapp-button {
        position: fixed;
        bottom: 90px;
        right: 10px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }
    
    .whatsapp-button img {
        width: 60px;
        height: 60px;
    }

    .botones-abajo--footer {
        display: block
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton {
        display: block;
        width: 100%;
        text-align: left;
        padding: 20px;
        background: rgba(0, 0, 0, .6);
        margin-top: 1px
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton img {
        float: right;
        transform: translateY(4px)
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton:after {
        display: none
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton:before {
        background: linear-gradient(90deg, #797979 20%, #575757 60%)
    }

    .botones-abajo--sostenibilidad {
        bottom: 0
    }

    .blockEstrategias .content .botonVerVideo {
        font-size: 12px
    }

    .boton__textoEnlace {
        letter-spacing: 1px;
        font-size: 16px
    }

    .boton__mesa__partes {
        top: 65px;
        right: 5px;
        margin-top: 30px
    }

    .boton__mesa__partes {
        display: block;
        position: fixed;
        z-index: 10;
        top: 24%;
        right: 1.4%
    }

    .boton__cotiza_con_nosotros {
        top: 100px;
        right: 5px;
        margin-top: 10px
    }

    .boton__denuncias__cerrar {
        top: auto;
        bottom: -10px
    }
}

@media screen and (max-width:600px) {

    .boton__textoEnlace--lastInversionistas {
        max-width: 90px
    }

    .boton--nosotrosDescarga {
        right: 10px;
        bottom: 15px
    }

    .boton--nosotrosDescarga .boton__textoEnlace {
        font-size: 10px
    }
}

@media screen and (max-width:520px) {
    .botones-abajo--inversionistasFooter .boton__textoEnlace {
        font-size: 10px
    }

    .botones-abajo--inversionistasFooter .boton__flecha {
        margin-left: 10px;
        width: 20px
    }

    .boton__textoEnlace--lastInversionistas {
        max-width: 70px
    }
}

@media screen and (max-width:470px) {

    .boton--nosotrosDescarga {
        padding: 10px;
        right: 15px
    }

    .boton--nosotrosDescarga .boton__textoEnlace {
        display: none
    }

    .boton--nosotrosDescarga .boton__flecha,
    .boton--nosotrosDescarga:active .boton__flecha,
    .boton--nosotrosDescarga:hover .boton__flecha {
        transform: translate(-5px)
    }
}

@media screen and (max-width:420px) {
    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton {
        padding: 20px
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton .boton__flecha {
        transform: translateY(5px)
    }

    .botones-abajo:not([class~=botones-abajo--inversionistasFooter]) .boton .boton__textoEnlace {
        font-size: 16px
    }



    .botones-abajo--soluciones {
        position: static;
        display: block
    }

    .blockEstrategias .content .botonVerVideo .botonVerVideo__play {
        some-src-property: url(play__ico.54433507f66bfd0d500b.png)
    }
}

@media (max-width: 380px) {
    .boton__textoEnlace b,
    .boton__textoEnlace span {
        font-size: 12px;
    }
}








@media (max-width: 768px) {


}