.vlakat-tour{
    width:100%;
    /*max-width:1200px;*/
    margin:0 auto;
    color:#FFF;
    background:#090909;
    font-family:'Bebas Neue',sans-serif;
}

.tour-item{
    border-bottom:1px solid #ffffff1f;
    transition:.35s;
    position:relative;
}

.tour-item::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:1px;

    background:hsl(0deg 0% 100% / 20%);

}

/*.tour-item:hover{
background:#101010;
}*/

.tour-header {
    display: grid;
    grid-template-columns: 120px 0.6fr 2fr 150px;
    align-items: center;
    background-color: #000;
    gap: 60px;
    padding: 20px 0;
    /*border: solid 1px hsl(0deg 0% 100% / 30%);*/
    border:none;
    cursor: pointer;
    transition: .25s;
}

.tour-content{

    background:#0d0d0d;
    border-top:1px solid #ffffff1f;
    border-left:1px solid #ffffff1f;
    border-right:1px solid #ffffff1f;

    max-height:0;
    overflow:hidden;

    padding:0 50px;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .45s ease,
        padding .45s ease,
        opacity .35s ease;

}

.tour-item.opened .tour-content{

    max-height:1500px;

    padding:25px;

    opacity:1;

    visibility:visible;

}

.soldout {
    background: #000000!important;
    border: 1px solid #333!important;
    color: #ffffff40!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 92px!important;
    height: 36px!important;
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 16px!important;
    border-radius: 0px!important;
    transition: .25s!important;
    font-family: Anton, sans-serif!important;
    letter-spacing: 0.14em!important;
    text-transform: uppercase!important;
}

.soldout:hover {
    transform: scale(1.03, 1.03)!important;
    color: #ffffff!important;
}

.soon {
    background:#ffbf00!important;
    border: 1px solid #333!important;
    color:#000!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 115px!important;
    height: 36px!important;
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 16px!important;
    border-radius: 0px!important;
    transition: .25s!important;
    font-family: Anton, sans-serif!important;
    letter-spacing: 0.14em!important;
    text-transform: uppercase!important;
}

.soon:hover {
    transform: scale(1.03, 1.03)!important;
    color: #000!important;
}

.tour-ticket {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92px;
    height: 36px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    border-radius: 0px;
    transition: .25s;
    font-family: Anton, sans-serif;
    background: rgb(255, 255, 255);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tour-ticket:hover {
    transform: scale(1.03, 1.03);
    color: #000;
}

.tour-item:hover .tour-ticket {
        transform: scale(1.03, 1.03);
}

.tour-date {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 2px;
    color: #ffffff59;
    text-transform: uppercase;
    font-family: "Inter", Sans-serif;
}

.tour-city {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    color: #FFF;
    text-transform: uppercase;
    font-family: Anton, sans-serif;
}

.tour-venue {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff59!important;
    font-family: "Inter", Sans-serif;
}

/* =======================
   GRID DEL ACORDEÓN
======================= */

.tour-grid{

display:grid;

grid-template-columns:1.3fr 1fr 1.2fr;

gap:90px;

}

.tour-grid span {
    display: block;
    font-size: 12px!important;
    font-weight: 400;
    line-height: 16px;
    color: #ffffff59;
    letter-spacing: 2px;
    margin-bottom: 3px;
    font-family: Inter, sans-serif;
    text-transform: uppercase;
}

.tour-grid strong {
    display: block;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0px;
    margin-bottom: 20px;
    font-family: Inter, sans-serif;
    /* text-transform: uppercase; */
}

.tour-grid p {
    margin: 0 0 30px;
    display: block;
    font-size: 12px!important;
    font-weight: 300;
    line-height: 17px;
    color: #ffffffb3;
    letter-spacing: 0px;
    margin-bottom: 8px;
    font-family: Inter, sans-serif;
    /* text-transform: uppercase; */
}

.buy-ticket {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    width: 165px;
    height: 40px;
    background: #FFF;
    color: #000;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    border-radius: 0px;
    transition: .25s;
    font-family: Anton, sans-serif;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.buy-ticket:hover {
    /* background: hsl(0deg 0% 100% / 90%); */
    transform: scale(1.03, 1.03);
    color: #000;
}

.tour-action{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:14px;

    min-width:150px;

}

.tour-arrow{

    width:18px;

    height:18px;

    color:#8d8d8d;

    transition:transform .35s ease,color .35s;

}

.tour-item.opened .tour-arrow {
    transform: rotate(180deg);
    color: hsl(0deg 0% 100% / 50%);
}

.tour-header:hover, .tour-header:active, .tour-header:focus {
    background: #000 !important;
    /*padding-left: 12px; */
}

/* Imagen del evento */

.tour-featured-image{

    margin-bottom: 25px!important;
    overflow: hidden!important;

}

.tour-featured-image img{

    width: 110px !important;
    height: auto !important;

    display:block;

    cursor:pointer;

    transition:.35s;

}

.tour-featured-image img:hover{

    transform:scale(1.03);

}

.tour-past {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin-right: 33px!important;
    background: #333!important;
    color: #fff!important;
    text-transform: uppercase!important;
    width: 92px!important;
    height: 36px!important;
    font-size: 12px!important;
    line-height: 16px!important;
    border-radius: 0px!important;
    transition: .25s!important;
    font-family: Anton, sans-serif!important;
    letter-spacing: 0.14em!important;
}

#tour-modal{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:999999;
}

#tour-modal img{

max-width: 80%!important;
max-height: 80%!important;

box-shadow:0 0 40px rgba(0,0,0,.6);

}

.tour-close{

position: absolute;
    top: 70px!important;
    right: 50px!important;
    font-size: 50px!important;
    color: #FFF;
    cursor: pointer;

}

.tour-venue a{

    color:inherit;

    text-decoration:none;

    transition:.25s;

}

.tour-venue a:hover{

    color:#ffffff;

    text-decoration:underline;

}

.tour-grid strong a{

    color:#fff;

    text-decoration:none;

    transition:.25s;

}

.tour-grid strong a:hover{

    color:#ffffff;

    text-decoration:underline;

}

.tour-venue a,
.tour-grid strong a{

    display:inline-flex;

    align-items:center;

    gap:6px;

    color:inherit;

    text-decoration:none;

    transition:.25s;

}

.tour-venue a:hover,
.tour-grid strong a:hover{

    color:#ffffff!important;

}

.tour-link-icon{

    width:13px;

    height:13px;

    opacity:.45;

    transition:.25s;

}

.tour-venue a:hover .tour-link-icon,
.tour-grid strong a:hover .tour-link-icon{

    opacity:1;

    transform:translate(2px,-2px);

}

@media (max-width:991px){

    .tour-header {
		grid-template-columns: 1fr 1fr !important;
        gap: 10px;
        padding: 24px 0;
    }

    .tour-date{
        font-size:12px;
    }

    .tour-city{
        font-size:20px;
    }

    .tour-venue{

        font-size:14px;

    }

    .tour-action{

        justify-content:flex-start;

    }

    .tour-grid {
        grid-template-columns: 2fr 1fr!important;
        gap: 20px!important;
    }

    .tour-item.opened .tour-content {
        padding: 20px 15px 15px!important;
    }

}