.gradiante {
    background: #000;
    background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 10%, rgb(0, 100, 130) 100%);
    background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 10%, rgb(0, 100, 130) 100%);
    background: linear-gradient(0deg, rgb(0, 0, 0) 10%, rgb(0, 100, 130) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#006482",GradientType=1)
}

@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@media screen and (min-width: 1024px) {
    main#main {
        padding-bottom:0px !important
    }
}

.boton_evento {
    font-family: "Montserrat", serif;
    font-weight: bold;
    font-style: italic;
    border: solid 4px #eae2ca;
    border-radius: 16px;
    background-color: #46763a;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #eae2ca;
    margin: .5rem;
    font-size: 2.4rem;
    padding: .5rem;
    /* text-shadow: #000 2px 5px; */
    text-transform: uppercase;
    width: 100%;
    padding: 20px;
}
@media screen and (min-width: 768px) {
    .boton_evento {
        font-size:1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .boton_evento {
        font-size:2.5rem
    }
}

@media screen and (min-width: 1200px) {
    .boton_evento {
        font-size:2.8rem
    }
}

.boton_evento:hover {
    border: solid 4px #eae2ca;
    /* background-color: #c036b059; */
    background: #46763a;
background: -webkit-linear-gradient(-145deg, #46763a 0%, #fc002a00 100%);
background: -moz-linear-gradient(-145deg, #46763a 0%, #fc002a00 100%);
background: linear-gradient(-145deg, #46763a 0%, #fc002a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF05AA", endColorstr="#FC002B", GradientType=0);
    color: #eae2ca ;
    text-decoration: none
}

.venue {
    font-family: "Montserrat", serif;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    /* text-shadow: #000 1px 3px; */
    font-size: 1.2rem;
    margin-bottom: 0px;
    text-transform: uppercase
}

.fecha-evento {
    color: #ffffff;
    text-align: center;
    /* text-shadow: #000 1px 3px; */
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: "Montserrat", serif;
    font-weight: normal;
    font-style: normal
}

.tt {
    color: #d9793e;
    text-transform: uppercase;
    font-family: "goboldregular";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin-bottom: 0px
}

.bd_tt {
    color: #f3ce75;
    text-transform: uppercase;
    font-family: "goboldregular";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.2rem
}

.resena {
    font-family: "goboldregular";
    font-weight: normal;
    font-style: normal;
    color: #f3ce75;
    text-align: justify
}

.section-medios {
    background-color: #000;
    background-image: url("https://static.ptocdn.net/especiales/ptp300_giraconciertoacusticolosjaivas2025/img/fondo_vidspo.jpg");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat
}

.section-medios .video {
    width: 100%;
    height: 315px
}

@media screen and (min-width: 1024px) {
    .section-medios .video {
        height:560px
    }
}

.section-medios .produce {
    color: #fff;
    text-align: center
}