.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-dialog{
      overflow-y: initial !important
}
.modal-body{
  width: 100%;
  overflow-y: auto;
}


/* nav a {
  display: inline-block;
  margin-left: 25px;
  height: 70px;
  line-height: 70px;
  transition: .5s linear;
} */
nav li {
    text-decoration: none;
    display: block;
    position: relative;
    color: var(--corDestaque);
    text-transform: uppercase;
}
nav li:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: var(--corDestaque);
    transition: width .5s linear;
}
nav li:hover:after {width: 100%;}
@media screen and (max-width: 660px) {
    header {text-align: center;}
    .logo-box {
        float: none;
        display: inline-block;
        margin: 0 0 16px 0;
    }
    ul {float: none;}
    nav a:first-of-type {margin-left: 0;}
}
@media screen and (max-width: 550px) {
    nav {overflow: visible;}
    nav a {
        display: block;
        margin: 0;
        height: 40px;
        line-height: 40px;
    }
    nav a:hover {background: rgba(0,0,0,.1);}
    nav li:after {content: none;}
}


.try-modal{ 
	position:fixed;
    top:0%;
    left:0%;
    right: 25%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2;
    opacity: 0.7;
}

.mundomaxx_load {
	position: absolute;
	top: 25%;
	left: 30%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url("../img/plata_load.gif");
}

.dropdown-menu a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: var(--corDestaque);
    text-transform: uppercase;
}

.dropdown-menu  a:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px; /* Ajuste para alinhar a linha abaixo do texto */
    background: var(--corDestaque);
    transition: width 0.5s linear;
}

.dropdown-menu  a:hover:after {
    width: 100%;
}


.bg-dark {
    background-color:var(--corDestaque) !important;
}

.bg-dark:hover,  .bg-dark:hover:focus {
    background-color: var(--corDestaqueTexto) !important;
}

.btn-dark {
    background-color:var(--corDestaque) !important;
    border-color: var(--corDestaque) !important;
    color: #ffffff !important;;
}

.btn-dark:hover,  .btn-dark:hover:focus {
    background-color: var(--corDestaqueTexto) !important;
    border-color: var(--corDestaqueTexto) !important;
    color: #ffffff !important;;


}

.border-left-dark {
    border-left: 0.25rem solid var(--corDestaqueTexto) !important;
}