/* FORM GERAL */

 .volta_su {
    border-radius: 10px !important;
    border-width: 0px !important;
    background-color: #EFEFEF !important;
 }

/* FIM FORM GERAL */

#flogo {
  width: 200px;
  height: auto;
}

.beback {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(100px);
    background-image: url('../../img/cliente_logo_min_quad.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50vh;
}

.overgraylogo {
    filter: grayscale(1);
    opacity: 0.2;
    transition: 0.5s;
}

.overgraylogo:hover, .flogo {
    filter: grayscale(0);
    opacity: 1;
    transition: 0.6s;
    filter: drop-shadow(5px 5px 30px #666);
    transform:scale(1.3,1.3);
}


.rodado {
    filter: grayscale(1);
    opacity: 0.2;
    transition: 0.5s;
    transform: scale(1);
}

.rodado:hover,
.flogoa {
    filter: grayscale(0);
    opacity: 1;
    transition: 0.6s;
    filter: drop-shadow(5px 5px 5px #666);
    animation: pulsar 1.2s ease-in-out infinite;
}

/* Animação de pulsar */
@keyframes pulsar {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


.overgray {
    filter: grayscale(1);
    opacity: 0.2;
    transition: 0.5s;
}

.overgray:hover {
    filter: grayscale(0);
    opacity: 1;
    transition: 0.6s;
    filter: drop-shadow(3px 3px 3px #666);
}

.confetti {
	background: transparent;
	height: 100%;
	right: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: -1;
    visibility: hidden;
}

.confetti_m {
	background: transparent;
	height: 100%;
	right: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: -1;
    visibility: visible;
}


/* Botão padrão dourado */
.btn-gold {
    background-color: #daa521;
    border-color: #daa521;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.btn-gold:hover,
.btn-gold:focus {
    background-color: #c4951d; /* um tom levemente mais escuro */
    border-color: #c4951d;
    color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(218, 165, 33, 0.4);
}

/* Versão "outline" do botão dourado */
.btn-outline-gold {
    background-color: transparent;
    border: 1px solid #daa521;
    color: #daa521;
    transition: all 0.2s ease-in-out;
}

.btn-outline-gold:hover,
.btn-outline-gold:focus {
    background-color: #daa521;
    color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(218, 165, 33, 0.3);
}