.v-object-fit-cover {
    object-fit: cover;
}
.tickets-container > a > h3,
.magic-experience-container > div:nth-child(1) > h2,
.valencia-event-container > div:nth-child(1) > h2,
.artist-container:nth-child(1) > div:nth-child(1) > h2,
.cartel-container > div:nth-child(1) > h1,
.module-posts-bottom > div > div > h2 {
    font-family: din-condBold;
    color: #000000;
}
.cartel-container > div:nth-child(1) > p,
.magic-experience-container > div:nth-child(1) > p,
.valencia-event-container > div:nth-child(1) > span,
.valencia-event-container > div:nth-child(1) > p,
.artist-container:nth-child(1) > div:nth-child(1) > p,
.artist-container:nth-child(2) > div > div > div > span,
.artist-container:nth-child(2) > div > div > p,
.module-posts-bottom > div > div > p,
.module-posts-bottom > div > div > span {
    font-family: din-condMed;
    color: #000000;
}
.valencia-event-container > div:nth-child(1) > div > a,
.artist-container:nth-child(1) > div:nth-child(2) > a,
.magic-experience-container > div:nth-child(1) > div > a,
.module-posts-bottom > div > div > div > a {
    font-family: din-condMed;
    color: white;
    transition: .3s;
}
.valencia-event-container > div:nth-child(1) > div > a:hover,
.artist-container:nth-child(1) > div:nth-child(2) > a:hover,
.magic-experience-container > div:nth-child(1) > div > a:hover,
.module-posts-bottom > div > div > div > a:hover {
    opacity: .6;
}
@media (max-width: 576px) {
    .mb-25 {
        margin-bottom: 25% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - 24vw);
    }
    .lineup-img {
        width: 90%;
    }
    .plants-img {
        margin-top: -3%;
        width: 90%;
    }
    .valencia-event-container,
    .tickets-container,
    .artist-container,
    .cartel-container,
    .module-posts-bottom {
        width: 90%;
        margin: 0 auto;
    }
    .img-presentacion-valencia {
        width: 100%;
    }
    .tickets-container > div {
        max-width: 100%;
    }
    .img-tickets {
        width: 80vw;
        margin-bottom: 7.2vw;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h2,
    .valencia-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .cartel-container > div:nth-child(1) > h1,
    .module-posts-bottom > div > div > h2 {
        font-size: 13.02vw;
        margin-bottom: 5.2vw;
    }
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(1) > div:nth-child(1) > a,
    .artist-container:nth-child(1) > div:nth-child(2) > a,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > div > a,
    .module-posts-bottom > div > div > span {
        font-size: 5.55vw;
    }
    .magic-experience-container {
        width: 90%;
        margin: 0 auto;
    }
    .magic-experience-container > div {
        width: 100%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        bottom: -15% !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 2.5vw !important;
        height: 2.5vw !important;
        border: 0.1vw solid black !important;
        border-radius: 5vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .mb-10 {
        margin-bottom: 10% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - 16.5vw);
    }
    .lineup-img,
    .artist-container,
    .valencia-event-container,
    .cartel-container,
    .module-posts-bottom {
        width: 80%;
        margin: 0 auto;
    }
    .img-presentacion-valencia {
        width: 80%;
    }
    .plants-img {
        margin-top: -3%;
        width: 80%;
    }
    .tickets-container {
        width: 70%;
        margin: 0 auto;
    }
    .tickets-container > div {
        max-width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h2,
    .valencia-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .cartel-container > div:nth-child(1) > h1,
    .module-posts-bottom > div > div > h2 {
        font-size: 3.9vw;
    }
    .magic-experience-container {
        width: 80%;
        margin: 0 auto;
    }
    .valencia-event-container > div:nth-child(1){
        width: 50%;
    }
    
    .magic-experience-container > div:nth-child(1),
    .valencia-event-container > div:nth-child(2) {
        width: 45%;
    }
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(1) > div:nth-child(1) > a,
    .artist-container:nth-child(1) > div:nth-child(2) > a,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > div > a,
    .module-posts-bottom > div > div > span {
        font-size: 1.66vw;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -1.61vw !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 0.78125vw !important;
        height: 0.78125vw !important;
        border: 0.1vw solid black !important;
        border-radius: 2.083vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
}
@media (min-width: 991px) {
    :root {
        --width-containers: 81.25vw;
    }
    .mb-10 {
        margin-bottom: 10% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - (1.04vw * 3));
    }
    .lineup-img {
        width: var(--width-containers);
    }
    .plants-img {
        margin-top: -3%;
        width: var(--width-containers);
    }
    .tickets-container,
    .valencia-event-container,
    .artist-container,
    .cartel-container,
    .module-posts-bottom {
        width: var(--width-containers);
        margin: 0 auto;
    }
    .img-presentacion-valencia {
        width: 100%;
    }
    .tickets-container > div {
        width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h2,
    .valencia-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .cartel-container > div:nth-child(1) > h1,
    .module-posts-bottom > div > div > h2 {
        font-size: 3.85vw;
    }
    .artist-container:nth-child(1) > div:nth-child(1) {
        width: 75%;
    }
    .valencia-event-container > div:nth-child(1) {
        width: 50%;
    }
    .valencia-event-container > div:nth-child(2) {
        width: 40%;
    }
    .magic-experience-container {
        width: 80%;
        margin: 0 auto;
    }
    .magic-experience-container > div:nth-child(1) {
        width: 45%;
    }
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(1) > div:nth-child(1) > a,
    .artist-container:nth-child(1) > div:nth-child(2) > a,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > div > a,
    .module-posts-bottom > div > div > span {
        font-size: 1.66vw;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: 1.3vw !important;

    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 1.04vw !important;
        height: 1.04vw !important;
        border: 0.1vw solid black !important;
        border-radius: 1.04vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
    
}
@media (min-width: 1920px) {
    :root {
        --width-containers: 1560px;
    }
    .mb-10 {
        margin-bottom: 10% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - (42px * 3));
    }
    .lineup-img {
        width: var(--width-containers);
    }
    .plants-img {
        margin-top: -55px;
        width: var(--width-containers);
    }
    .tickets-container,
    .valencia-event-container,
    .cartel-container,
    .module-posts-bottom {
        width: var(--width-containers);
        margin: 0 auto;
    }
    .tickets-container > div {
        width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h2,
    .valencia-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .cartel-container > div:nth-child(1) > h1,
    .module-posts-bottom > div > div > h2 {
        font-size: 74px;
    }
    .magic-experience-container {
        width: var(--width-containers);
        margin: 0 auto;
    }
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(1) > div:nth-child(1) > a,
    .artist-container:nth-child(1) > div:nth-child(2) > a,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > div > a,
    .module-posts-bottom > div > div > span {
        font-size: 32px;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;

    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 20px !important;
        height: 20px !important;
        border: 2px solid black !important;
        border-radius: 20px;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 4px solid transparent !important;
    }
    
}
.menu-ticket-video {
    width: 75%;
}

@media (max-width: 576px) {
    .menu-ticket-video {
        width: 35%;
    }
    .container-logos {
        width: 80vw;
    }
    .prov-logo-landing {
        width: 90%;
    }
    .pre-register-button {
        width: 60%;
        margin: 0 auto;
        margin-top: 7.06vw;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .menu-ticket-video {
        width: 40%;
    }
    .container-logos {
        width: 50vw;
    }
    .prov-logo-landing {
        width: 90%;
        margin: 0 auto;
    }
    .pre-register-button {
        width: 60%;
        margin: 0 auto;
        margin-top: 7.06vw;
    }
}
@media (min-width: 992px) {
    .menu-ticket-video {
        width: 20%;
    }
    .container-logos {
        width: 45vw;
    }
    .prov-logo-landing  {
        width: 70%;
        margin: 0 auto;
    }
    .pre-register-button {
        width: 45%;
        margin: 0 auto;
        margin-top: 3.64vw;
    }
}
.banner-wrapper-text {
    height: 45px;
    position: relative;
    display: block;
    /* For modern browsers */
    background: linear-gradient(0deg, #09fff3, #fcead0, #ff5285);
    /* For older browsers */
    background: -webkit-linear-gradient(0deg, #09fff3, #fcead0, #ff5285);
    background: -moz-linear-gradient(0deg, #09fff3, #fcead0, #ff5285);
    background: -o-linear-gradient(0deg, #09fff3, #fcead0, #ff5285);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    overflow: hidden;
}
.banner-text {
    display: block;
    width: 200%;
    overflow: hidden;
    height: 45px;
    animation: move-letters 25s linear infinite;
    position: absolute;
}
.banner-text > h2 > a {
    font-family: din-condBold;
    color: #000000;
}
.banner-wrapper-text:hover {
    background: black;
}
.banner-wrapper-text:hover > .banner-text {
    animation-play-state: paused;
}
.banner-wrapper-text:hover > .banner-text > h2 > a {
    /* For modern browsers */
    background: linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    /* For older browsers */
    background: -webkit-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -moz-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -o-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
     -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
@media (max-width: 576px) {
    .banner-text {
        animation: move-letters 15s linear infinite;
    }
    .banner-wrapper-text,
    .banner-text {
        height: 7.8125vw;
        margin-top: -1.86vw;
    }
    .banner-text > h2 {
        margin-top:1.86vw;
    }
    .banner-text > h2 > a {
        font-size: 4.86vw;
        line-height: 7.8125vw;
    }
}
@media (min-width: 576px) {
    .banner-wrapper-text,
    .banner-text {
        height: 4.0625vw;
    }
    .banner-text > h2 > a {
        font-size: 2.19vw;
        line-height: 4.0625vw;
    }
}
@media (min-width: 1920px) {
    .banner-wrapper-text,
    .banner-text {
        height: 78px;
    }
    .banner-text > h2 > a {
        font-size: 42px;
        line-height: 78px;
    }
}