.skeleton-banner {
    position: relative;
    width: 100%;
    min-height: 45vh;
    /* background: linear-gradient(180deg, rgba(20, 20, 20, 1), rgba(10, 10, 10, 1)); */
    overflow: hidden;
}

.skeleton-sports-banner{
     min-height: 70vh !important;
}

.skeleton-home-banner {
    min-height: 70vh !important;
}

.skeleton-sinopse-movie{
    min-height: 100vh !important;
}

.skeleton-banner::before,
.skeleton-card::before,
.skeleton-line::before
.skeleton-sport-type-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
    transform: translateX(-100%);
}

.skeleton-sports-banner-content {
    position: absolute;
    top: 20vh;
    left: 8vw;
    right: 6vw;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.skeleton-banner-content {
    position: absolute;
    top: 14vh;
    left: 8vw;
    right: 6vw;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.skeleton-sinopse-movie-content {
    position: absolute;
    top: 34vh;
    left: 8vw;
    right: 6vw;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.skeleton-sinopse-series-content {
    width: 100vw;
    position: absolute;
    top: 33vh;
    left: 8vw;
    right: 6vw;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.skeleton-banner-home-content {
    position: absolute;
    top: 23vh;
    left: 8vw;
    right: 6vw;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.skeleton-line {
    position: relative;
    display: block;
     background: rgba(255, 255, 255, 0.1);
    border-radius: 1vh;
    overflow: hidden;
}

.skeleton-line.title {
    height: 6vw;
    width: 30vw;
    border-radius: var(--card-radius);
    margin-bottom: 2vh;
}

.skeleton-line.title-sport {
    height: 3vw;
    width: 30vw;
    border-radius: var(--card-radius);
    margin-bottom: 2vh;
}

.skeleton-line.subtitle {
    height: 2vh;
    width: 18vw;
    margin-bottom: 3vh;
}

.skeleton-line.description {
    height: 2vh;
    width: 40vw;
    margin-bottom: 1vh;
}

.skeleton-line.description-1 {
    height: 2vh;
    width: 38vw;
    margin-bottom: 1vh;
}

.skeleton-line.description-2 {
    height: 2vh;
    width: 44vw;
    margin-bottom: 1vh;
}

.skeleton-line.description-3 {
    height: 2vh;
    width: 40vw;
    margin-bottom: 1vh;
}

.skeleton-line.description-4 {
    height: 2vh;
    width: 42vw;
    margin-bottom: 1vh;
}

.skeleton-line.description.short {
    width: 45%;
}

.skeleton-line.section-title {
    height: 2vh;
    width: 10vw;
    margin-bottom: 1vh;
}

.skeleton-line.more-info-button {
    height: 6vh;
    width: 15vw;
    border-radius: var(--more-info-home-btn-radius);
    margin-top: 1vh;
}

.skeleton-metadata-grid{
    display: grid;
    grid-auto-flow: column;
    width: 40vw;
    grid-template-columns: 3vw 7vw 12vw 8vw 8vw;
}

.skeleton-line.metadata-age-rating {
    height: 4vh;
    width: 4vh;
    margin-bottom: 2vh;
}

.skeleton-line.metadata-item {
    height: 2vh;
    margin: 1vh 1vw 2vh 0;
}

.skeleton-line.sinopse-play-btn {
    height: 6vh;
    width: 8vw;
    border-radius: var(--more-info-home-btn-radius);
    margin-top: 1vh;
}

.skeleton-line.sinopse-btn {
    height: 6vh;
    width: 15vw;
    border-radius: var(--more-info-home-btn-radius);
    margin-top: 1vh;
}

.skeleton-section {
    padding: 2vh 1vw 0 8vw;
}

.skeleton-sinopse-cards-section{
    padding: 15vh 8vw 0 0vw
}

.skeleton-grid {
    display: grid;
    grid-auto-flow: column;
}

.skeleton-description-grid {
    display: grid;
}

.skeleton-sport-type-grid{
    display: grid;
    grid-auto-flow: column;
}


.skeleton-card {
    position: relative;
    width: 22vw;
    min-height: 21vh;
     background: rgba(255, 255, 255, 0.1);
    border-radius: var(--card-radius);
    overflow: hidden;
}

.skeleton-sport-type-card {
    position: relative;
    min-height: 16vh;
     background: rgba(255, 255, 255, 0.1);
    border-radius: 100vw;
    overflow: hidden;
    margin-right: 1vw;
}

.skeleton-sinopse-btn-container {
    display: flex;
    gap: 1vw;
    margin-top: 2vh;
}



@media (max-width: 1000px) {
    
}