@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Light.woff2") format("woff2"),
         url("../fonts/Outfit-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Regular.woff2") format("woff2"),
         url("../fonts/Outfit-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;    
}
@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Medium.woff2") format("woff2"),
         url("../fonts/Outfit-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;    
}
@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-SemiBold.woff2") format("woff2"),
         url("../fonts/Outfit-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;    
}
@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Bold.woff2") format("woff2"),
         url("../fonts/Outfit-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;    
}


body {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
}
.cor-tit {
    color: #511A8B;
}
.cor-extra {
    color: rgb(119, 119, 119);
}

.header .navbar-nav .nav-item .nav-link {
    color: #511A8B;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header .navbar-nav .nav-item .nav-link:hover {
    color: rgb(216, 68, 100);
}

@media screen and (min-width: 768px) {
    .menu-principal .navbar-nav .nav-item:not(:last-child) {
        border-right: 1px solid #dee2e6;
    }
}

/* gradiente */
.gradiente {
    background: rgb(49,215,198);
    background: -moz-linear-gradient(0deg, rgba(49,215,198,1) 0%, rgba(106,40,180,1) 81%);
    background: -webkit-linear-gradient(0deg, rgba(49,215,198,1) 0%, rgba(106,40,180,1) 81%);
    background: linear-gradient(0deg, rgba(49,215,198,1) 0%, rgba(106,40,180,1) 81%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31d7c6",endColorstr="#6a28b4",GradientType=1); 
}
/* stripes */
.gradiente::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(45deg, #ffffff1f 14.29%, transparent 14.29%, transparent 50%, #ffffff1f 50%, #ffffff1f 64.29%, transparent 64.29%, transparent 100%) !important;
	background-size: 7px 7px !important;
    z-index: 1;
    opacity: 0.5;
}

.hero h2 {
    color: #0B1143;
}
@media screen and (min-width: 576px) and (max-width: 768px) {
    .hero h2 {
        font-size: 1.6rem;
    }
}

.servico p, .contato label {
    color: rgb(53, 53, 53);
}

.portfolio h3, .portfolio h3 a {
    font-size: 1.1rem;
    color: #0B1143;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1em;
}

.contato .btn {
    background-color: #511A8B;
    color: #FFFFFF;
}
.contato .btn:hover {
    background-color: rgb(49,215,198);
    color: #0B1143;
    font-weight: 500;
}
.contato .btn .bi-whatsapp {
    position: relative;
    top: -2px;
}

.footer a {
    color: #FFFFFF;
}
.footer a:hover {
    opacity: 0.7;
}
.footer .copyright {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media screen and (max-width: 470px) {
    .hstack {
        flex-direction: column;
    }
    .hstack .vr {
        display: none;
    }
}

.cookie {
    position: fixed;
    bottom: 1%;
	left: 2%;
}

.cookie .card {
    width: 350px;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

.modal-backdrop.show {
	opacity: 80%;
}