@font-face {
    font-family: 'DIN Pro';
    src: local('DIN Pro Condensed Black'), local('DIN-Pro-Condensed-Black'),
        url('fonts/DINPro-CondensedBlack.woff2') format('woff2'),
        url('fonts/DINPro-CondensedBlack.woff') format('woff'),
        url('fonts/DINPro-CondensedBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
@font-face {
    font-family: 'DIN Pro';
    src: local('DIN Pro Condensed Medium'), local('DIN-Pro-Condensed-Medium'),
        url('fonts/DINPro-CondensedMedium.woff2') format('woff2'),
        url('fonts/DINPro-CondensedMedium.woff') format('woff'),
        url('fonts/DINPro-CondensedMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
body {
    background-image: url("images/Luciano-Pereyra_2024.png") , url("images/Fondo2025.jpg");
    background-attachment: fixed, fixed;
    background-size: auto, cover;
    background-repeat: no-repeat;
    background-position-x: 35%, center;
    font-family: "DIN Pro";
    color: white;
    text-align: center;
    text-shadow: 0px 6px 9px rgba(43, 42, 42, 0.82);
    
}
img {
    width: 100%;
}
h1 {
    font-weight: 900;
    color: #EEEB84;
    font-size: 50px;
    padding: 20px 0px;
}


h3 {
    color: #fff;
    font-weight: 500;
    padding: 20px 0px;
    font-size: 33px;
}
a {
    text-decoration: none;
}

.single-area img {
    border: 5px solid #EEEB84;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    transition:0.3s;
}
.single-area img:hover {
    border: 5px solid #fff;
    transition:0.3s;
    filter: brightness(1.2);
}

.tickets {
    padding:10px 0px;
}
.tickets:hover {
    background: #1a1a1a;
    border-radius: 10px;
    transition: 0.3s;
    box-shadow: 0px 6px 9px rgba(74, 74, 74, 0.55);
}
.tickets img {
    width: 60px;
    margin-top: -8px;
}
.agotado img {
    width: 100px;
    margin-top: -6px;
}
.tickets h3{
    padding: 0px;
    margin-bottom: 0px;
        line-height: 30px;
}

.tickets p {
    color: #EEEB84;
    margin-bottom: 2px;
}
.tickets span {
    color: #fff;
}
.disqueras img {
    margin-top: 50px;
    border: 0px;
}
.disqueras img:hover {
    border: 0px !important;
}
.row-single-y-tickets {

}
.area-de-tickets {
    padding-bottom: 60px;
}
.luciano-pereyra {
    padding-top: 50px;
    padding-bottom: 30px;
}

.solo-desktop {
    display: unset;
}
.solo-mobile {
    display: none;
}

.h1-solo-desktop
{
    margin-top: 0px;
}

body.luciano-izquierda {
    background-position-x: 20%;
}
.imagen-al-65 {
    width: 65%;
}


@media screen and (max-width: 991px) {
    .row-single-y-tickets {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    body {
        background-image: url("images/Fondo2025.jpg");
            background-size: cover;
    }
    .solo-desktop {
        display: none;
    }
    .solo-mobile {
        display: unset;
    }
    
    .h1-solo-desktop
{
    margin-top: 0px;
}

    .luciano-pereyra {
        padding-top: 20px;
    }
    .area-de-tickets {
        padding-bottom: 30px;
    }
    .disqueras {
        padding-bottom: 40px;
    }
    .imagen-al-65 {
        width: 80%;
    }

}

@media screen and (min-width: 992px){
    body.luciano-izquierda {
        background-position-x: 0%;
    }  
}

@media screen and (min-width: 1300px){
    body.luciano-izquierda {
        background-position-x: 15%;
    }  
}

@media screen and (min-width: 1600px){
  body.luciano-izquierda {
    background-position-x: 30%;
}  
}
.solo-desktop {
    display: unset; /* Esta imagen se mostrará por defecto */
}
.solo-mobile {
    display: none; /* Esta imagen no se mostrará por defecto */
}

@media screen and (max-width: 991px) {
    .solo-desktop {
        display: none; /* Oculta la imagen de escritorio en móviles */
    }
    .solo-mobile {
        display: unset; /* Muestra la imagen móvil en móviles */
    }
}


