body { padding-top: 4rem !important; background: #f6f6f6 !important}

#patrocinantes { background: #ffd !important; padding: 1em;}
#miniaturas { background-position: center center no-repeat !important; background-size: cover !important; height: 250px !important; margin-bottom: 1em !important;}

.swiper-container {height: 300px !important}
.swiper-button-next, .swiper-button-prev { opacity: 0.3 !important; display: block; }
.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 1 !important; }

.patrocinante { box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); }
.patrocinante p {color: #999 !important}
.patrocinante h4 {font-size: 1.5em !important; padding: 0.3em 0 0 0 !important; color: #fff}

#boton-comprar-boleto {display: none;  }

#comercios-nombre {font-size: 1em;}
#comercios-textos {font-size: 0.85em !important;}

.card p {font-size: 1.1em !important; line-height: 1.5em !important}

#miniatura-patrocinante {padding: 1em;}

#boton-consultar {float: left; padding:0}
#boton-whatsapp {float: left; padding: 0 0 0 8px}
#boton-masinformacion { float: left; padding: 0 0 0 8px}

#intro-comercial h2 {margin:0; padding:0.3em 0 0.4em 0; font-size: 1.6em; font-weight: 300;}
#intro-comercial p {font-size: 1em; font-weight: 300 !important;}


/* Breakpoints */


@media (max-width: 1600px) { }

@media (max-width: 1366px) { 
}

@media (max-width: 1200px) { }

@media (max-width: 1112px) {
#miniaturas { height: 180px !important}
}

@media (max-width: 1024px) {
body { padding-top: 3rem !important;}
.card p {font-size: 1.0em !important; line-height: 1.5em !important}
.swiper-container { height: 250px !important}
.patrocinante h4 {font-size: 1.4em !important; padding: 0.1em 0 0 0 !important; margin-bottom: 0.1em !important; font-weight: 400 !important}

}

@media (max-width: 992px) { }

@media (max-width: 981px) {
.swiper-container { height: 220px !important}

}

@media (max-width: 960px) { 
.swiper-container {height: 200px !important}
.card p {font-size: 1em !important; line-height: 1.4em !important}
.card-footer .btn {font-size: 1em !important; }

}

@media (max-width: 834px) { 
}

@media (max-width: 800px) { 
}

@media (max-width: 782px) { }

@media (max-width: 768px) { 
}

@media (max-width: 736px) { 
body { padding-top: 4rem !important;}
#miniatura-patrocinante {padding: 0 !important; margin:0 !important; }
#miniaturas { height: 150px !important; margin-bottom: 0.4em !important; }
.swiper-container {height: 250px !important}
}

@media (max-width: 694px) {
#miniaturas { height: 150px !important; margin-bottom: 0.3em !important; }
}

@media (max-width: 678px) {
}

@media (max-width: 667px) {
}
	
@media (max-width: 639px) { 
}

@media (max-width: 600px) {
.swiper-container {height: 280px !important}
}

@media (max-width: 568px) {
body { padding-top: 3rem !important;}
}

@media (max-width: 551px) { 
body { padding-top: 2.8rem !important;}
#miniaturas { height: 240px !important; margin-bottom: 0.6em !important; }
.swiper-container {height: 270px !important}
}

@media (max-width: 540px) { 
.swiper-container {height: 280px !important}
}

@media (max-width: 507px) {
#miniaturas { height: 220px !important; margin-bottom: 0.6em !important; }
}

@media (max-width: 470px) { 
#boton-consultar {width:100% !important; clear: both !important; padding: 0 !important}
#boton-whatsapp {width:50% !important; padding: 8px 8px 0 0 !important}
#boton-masinformacion {width:50% !important; padding: 8px 0 0 0 !important; float: right !important;}
#boton-comprar-boleto {display: block !important}
}

@media (max-width: 438px) {
/* #boton-consultar {width: 83% !important} */
.swiper-container {height: 200px !important}

}

@media (max-width: 414px) { 
#miniaturas { height: 170px !important; margin-bottom: 0.8em !important; }
.swiper-container {height: 190px !important}
.card p {font-size: 1em !important; line-height: 1.4em !important}
.card-footer .btn {font-size: 1em !important; }
.patrocinante h4 {font-size: 1.2em !important; padding: 0.1em 0 0 0 !important; margin-bottom: 0.1em !important}
.patrocinante p {font-size: 0.9em !important}
.comercial-subtitulos {font-size: 1.2em !important; }
.comercial-textos {font-size: 1em !important; line-height: 1.8em !important;}

#intro-comercial h2 {font-size: 1.2em !important}
#intro-comercial p {font-size: 0.8em !important}

.card-body {font-size: 0.85em !important}

}

/* iPhone 8 & 6s V / iPad V split */ @media (max-width: 375px) {
#miniaturas { height: 170px !important; margin-bottom: 0.6em !important; }
.swiper-container {height: 180px !important}
.card-footer .btn {font-size: 0.9em !important; }

}

/* iPhone SE */ @media (max-width: 320px) { 
#miniaturas { height: 150px !important; margin-bottom: 0.6em !important; }
.swiper-container {height: 150px !important}
.card-footer .btn {font-size: 0.75em !important; }

}