@font-face {
    font-family: 'Inter';
    src: url('./fonts/InterVariable.woff2') format('woff2'); 
    font-weight: 100 900;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'Inter';
    src: url('./fonts/InterVariable-Italic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'Inter', sans-serif;
}

.btn-search-purple{
	width: 70px;
    background-color: #7e30df;
    border-color: #7e30df;
}

a {
	color: #7e30df;
}

.btn-bg-purple {
	background-color: #7e30df !important;
}


.btn-bg-white {
	background-color: #FFFFFF !important;
	border:1px solid #7e30df !important;
}



.btn-bg-white i {
	color: #7e30df;
}

footer nav {
	height: 70px;
}

footer nav a.active span {
	background-color: #7e30df;
	width: 5px; 
	height: 5px; 
	border-radius: 50%; 
	margin: 0 auto;
}

footer nav a.active i {
    color: #7e30df !important; 
}

footer nav .main a {
	width: 55px; 
	height: 55px; 
	background-color: #7e30df; 
	border-color: #7e30df;
}

footer nav .main a:hover {
	background-color: #6a22c4;
	border:1px solid #6a22c4;
}




/* Home  */

.section-tvshow {   
    background-image: 
    linear-gradient(rgb(126 48 223 / 94%), rgb(156 39 176 / 98%)),
    url('../img/banners/harmony-secret.jpg'); 
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white; 
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.section-tvshow h1, 
.section-tvshow p {
    color: white !important;
}

.input-search {
	height: 55px;
}



/* Profile  */
.section-detail-header .banner-image-wrapper {
	height: 250px;	
    /*background-image: linear-gradient(rgb(53 52 52 / 67%), rgb(49 48 49 / 67%)), url(../img/banners/greys-anatomy.avif);*/
    background-image: linear-gradient(rgb(53 52 52 / 67%), rgb(49 48 49 / 67%)), url(../img/banners/greys-anatomy.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white; 
}

.profile-content-wrapper {    
    position: relative;
    z-index: 1; 
}

.profile-avatar-card {
    width: 200px; 
    height: 200px;
    margin-top: -80px;
    border: 3px solid white;
    z-index: 2;
}

.section-detail-header .btn-edit-profile {
	border:1px solid white;
}


.section-detail-header .img-show {
	margin-top: -150px;
}

.section-detail-header .poster-card {
	max-width: 200px;
	border:1px solid red;
}

.section-detail-show .card-trailer {
	height: 100px;
}

.section-detail-show .card-avaliation {
	height: 100px;
}

.section-detail-show .card-pills {
	height: 30px;
}

.section-detail-show .card-pills .pills {
	background-color: #7e30df ;
}

.section-nav-profile .card {
	border: 1px solid #7e30df1a !important;
	background: #7e30df14;
}

.section-nav-profile .card a.active {
	color: #7e30df;
	font-weight: 800;
}

.section-nav-profile .card a {
	color: #726c79;
}

.section-nav-profile .card a:hover {
	color: #7e30df;
}

.profile-tabs-carousel .item .nav-link {
    padding: .5rem 1rem; 
    margin: 0; 
}

.profile-tabs-carousel .item {
    padding: 0;
    margin: 0;
}

/* Media Query para telas maiores que 768px (Desktop e Tablet) */
@media (min-width: 768px) {    
   
    .profile-tabs-carousel.owl-carousel {
        width: auto; 
    }
    
    .profile-tabs-carousel .owl-stage {
        width: auto !important; 
        transform: none !important; 
        display: flex !important;
        justify-content: center !important; 
    }

    .profile-tabs-carousel .owl-stage-outer {
        overflow: visible !important; 
    }

    .profile-tabs-carousel .owl-item {
        width: auto !important; 
        flex-shrink: 0; 
        margin: 0 7.5px; 
    }
}







.section h3 {
    margin-bottom: -3px !important;
}

.section span {
    color: #915ad5; 
    font-size: 15px;
}