/* ==========================================
   BOTÓN COTIZAR V1.1
========================================== */

.boton-cotizar-flotante{
    position:fixed;
    right:18px;
    bottom:20px;
    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;

    min-width:74px;
    min-height:30px;
    padding:6px 12px;

    border:0;
    border-radius:0;

    background:var(--bc-bg,#5A5A5A);
    color:var(--bc-text,#FFFFFF) !important;

    font-family:"Public Sans",sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:400;
    text-decoration:none !important;

    box-shadow:0 3px 12px rgba(0,0,0,.12);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(12px);

    transition:
        background-color .25s ease,
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease;
}

.boton-cotizar-flotante.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.boton-cotizar-flotante.is-footer-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(12px);
}

.boton-cotizar-flotante:hover,
.boton-cotizar-flotante:focus{
    background:var(--bc-bg-hover,#373737);
    color:var(--bc-text,#FFFFFF) !important;
    transform:translateY(-2px);
}

@media(max-width:767px){

    .boton-cotizar-flotante{
        right:12px;
        bottom:var(--bc-mobile-bottom,20px);

        min-width:66px;
        min-height:28px;
        padding:6px 10px;

        font-size:11px;
    }
}

@media(prefers-reduced-motion:reduce){

    .boton-cotizar-flotante{
        transition:none;
    }
}