.tickets-container > h1,
.title-tickets {
    font-family: din-condBold;
    color: #000000;
	text-align: center;
}
.tickets-container > div > h2 {
	font-family: din-condBold;
    color: #000000;
}
.tickets-container > h3 {
	font-family: din-condBold;
    color: #000000;
}
section {
	margin-bottom: 0 !important;
    min-height: calc(100vh - var(--header-height, 0px) - var(--footer-height, 0px));
    min-height: calc(100dvh  - var(--header-height, 0px) - var(--footer-height, 0px));
}
.tickets-info {
    width: 35%;
}
.tickets-cartel {
    width: 35%;
}
.tickets-secondary-images {
    max-width: 100%;
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
    transition: opacity .3s ease, transform .3s ease, max-height .3s ease, margin-bottom .3s ease;
}
.tickets-secondary-link {
    display: inline-block;
    text-decoration: none;
}
.tickets-secondary-image {
    width: 100%;
    max-width: 420px;
    height: auto;
    cursor: pointer;
}
.tickets-purchase-content {
    width: 100%;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .35s ease, transform .35s ease;
    text-align: center;
}
.tickets-purchase-content > h1 {
    font-family: din-condBold;
    color: #000000;
    text-align: center;
}
.tickets-purchase-content > p {
    font-family: din-condMed;
    color: #000000;
    text-align: center;
}
.tickets-purchase-content-hidden {
    display: none;
}
.tickets-purchase-content-visible {
    opacity: 1;
    transform: translateY(0);
}
.hotel-pack-content {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .35s ease, transform .35s ease;
}
.hotel-pack-content-hidden {
    display: none;
}
.hotel-pack-content-visible {
    opacity: 1;
    transform: translateY(0);
}
.tickets-secondary-images-hidden {
    opacity: 0;
    transform: translateY(-18px);
    max-height: 0;
    margin-bottom: 0 !important;
    pointer-events: none;
}
.tickets-secondary-images-gone {
    display: none !important;
}
@media (max-width: 576px) {
	section {
        /*min-height: calc(100vh - 24vw);*/
        height: 100%;
        /* padding-top: 24vw; */
        margin: 0 0 -5px 0;
    }
	.logo-preregister {
        width: 65%;
    }
	.tickets-container {
        width: 90%;
        margin: 0 auto;
    }
    .tickets-container > div {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024 {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024-cambio-de-nombre {
        width: 100%;
    }
    #evezing-shop-jdld-2024-patrocinadores {
        width: 100%;
    }
    .img-tickets {
        width: 80vw;
        margin-bottom: 7.2vw;
    }
	/*.tickets-container > h1,*/
    .title-tickets {
        font-size: 13.02vw;
        margin: 10.41vw 0;
    }

	.bono-cultural-logo {
		width: 22.45vw;
		margin: 10.41vw 0;
	}
    .tickets-info {
        width: 75%;
    }
    .tickets-cartel {
        width: 55%;
    }
    .tickets-secondary-images {
        max-width: 85vw;
    }
    .tickets-secondary-image {
        max-width: 100%;
    }
    .tickets-purchase-content > h1 {
        font-size: 8.02vw;
    }
    .tickets-purchase-content > p {
        font-size: 5.55vw;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    section {
        /*padding-top: 16.5vw;*/
        margin: 0 0 -5px 0;
        min-height: calc(100vh - 16.5vw);
    }
	.logo-preregister {
        width: 50%;
    }
	.tickets-container {
        width: 85%;
        margin: 0 auto;
    }
    .tickets-container > div {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024 {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024-cambio-de-nombre {
        width: 100%;
    }
    #evezing-shop-jdld-2024-patrocinadores {
        width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 1%;
    }
	/*.tickets-container > h1, */
    .title-tickets {
		font-size: 5.25vw;
		margin: 6.05vw 0;
    }
	.bono-cultural-logo {
		width: 16.45vw;
		margin: 6.05vw 0;
	}
    .tickets-info {
        width: 47%;
    }
    .tickets-cartel {
        width: 35%;
    }
    .tickets-secondary-image {
        max-width: 31vw;
    }
    .tickets-purchase-content > h1 {
        font-size: 3vw;
    }
    .tickets-purchase-content > p {
        font-size: 2.41vw;
    }
}
@media (min-width: 991px) {
	/*section {
        min-height: calc(100vh - var(--header-height, 0px) - var(--footer-height, 0px));
        min-height: calc(100dvh  - var(--header-height, 0px) - var(--footer-height, 0px));
    }*/
	.logo-preregister {
        width: 35%;
    }
	.tickets-container {
        width: 80%;
        margin: 0 auto;
    }
    .tickets-container > div {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024 {
        width: 100%;
    }
    #evezing-shop-jardin-de-las-delicias-2024-cambio-de-nombre {
        width: 100%;
    }
    #evezing-shop-jdld-2024-patrocinadores {
        width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
	/*.tickets-container > h1,*/
    .title-tickets {
        font-size: 3.9vw;
		margin: 4.16vw 0;
    }
	.bono-cultural-logo {
		width: 11.45vw;
		margin: 4.16vw 0;
	}
    .tickets-info {
        width: 42%;
    }
    .tickets-cartel {
        width: 35%;
    }
    .tickets-secondary-image {
        max-width: 19vw;
    }
    .tickets-purchase-content > h1 {
        font-size: 3.33vw;
    }
    .tickets-purchase-content > p {
        font-size: 1.66vw;
    }
}
@media (min-width: 1920px) {
	/*section {
        min-height: calc(100vh - (20px * 3));
    }*/
    .tickets-container {
        max-width: 1340px;
    }
    .tickets-info {
        width: 35%;
    }
    .tickets-cartel {
        width: 35%;
    }
    .tickets-secondary-image {
        max-width: 420px;
    }
    .tickets-purchase-content > h1 {
        font-size: 64px;
    }
    .tickets-purchase-content > p {
        font-size: 32px;
    }
}

.cambio-nombre {
    width: 50%;
}
.titulo-cambio-nombre {
    width: 50%;
}
.cambio-nombre-link,
.cambio-nombre-bottom {
    text-align: center;
}
.cambio-nombre-link > h3 > span,
.cambio-nombre-link > p > a,
.cambio-nombre-bottom > h3 {
    font-family: din-condBold;
    color: #000000 !important;
}
.cambio-nombre-link > h3,
.cambio-nombre-link > p,
.cambio-nombre-bottom > p {
    font-family: din-condMed;
    color: #000000 !important;
}

.cambio-nombre-link > p > a {
    text-decoration: underline !important;
    text-decoration-color: #FF6EA9 !important;
    transition: .2s;
}
.cambio-nombre-link > p > a:hover {
    color: #FF6EA9 !important;
}
@media (max-width: 576px) {
    .cambio-nombre {
        width: 75%;
    }
    .titulo-cambio-nombre {
        width: 90%;
    }
    .cambio-nombre-bottom > h3 {
        font-size: 7.9vw;
    }
    .cambio-nombre-bottom > p {
        font-size: 5.2vw;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .titulo-cambio-nombre {
        width: 90%;
    }
    .cambio-nombre-bottom > h3 {
        font-size: 4.74vw;
    }
    .cambio-nombre-bottom > p {
        font-size: 2.72vw;
    }

}
@media (min-width: 991px) {
    .cambio-nombre-link > h3,
    .cambio-nombre-link > p {
        font-size: 2.7vw;
    }
    .cambio-nombre-bottom > h3 {
        font-size: 2.7vw;
    }
    .cambio-nombre-bottom > p {
        font-size: 1.87vw;
    }
}

@media (min-width: 1920px) {
    .cambio-nombre-link > h3,
    .cambio-nombre-link > p {
        font-size: 52px;
    }
	.cambio-nombre-bottom > h3 {
        font-size: 52px;
    }
    .cambio-nombre-bottom > p {
        font-size: 36px;
    }
}

/* logo paginas legales */
.logo-paginas-legales {
    width: 60%;
}
@media (max-width: 576px) {
    .logo-paginas-legales {
        width: 80%;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .logo-paginas-legales {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .logo-paginas-legales {
        width: 40vw;
    }
}
@media (min-width: 1920px) {
    .logo-paginas-legales {
        width: 588px;
    }
}

/* footer landing preregister */
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    padding: 15px 0;
    position: relative;
    color: #000000;
    margin-top: -5px;
}
.footer .container-fluid {
    max-width: 1920px;
}
.legal-text-pv > * {
    padding: 0 .5vw;
    font-size: .9rem;
    color: #000000;
    font-family: din-condBold;
    border-right: 1px solid #ff6592;
    margin: 0;
}
.legal-text-pv > a:hover {
    color: #ff6592;
}
@media (min-width: 991px) {
    .footer {
        padding: 1.04vw 0;
        margin-top: 0;
    }
    .legal-text-pv > * {
        font-size: 1.04vw;
    }
}
@media (min-width: 1920px) {
    .footer {
        padding: 20px 0;
    }
    .legal-text-pv > * {
        font-size: 20px;
    }
}