:root{
	--bku-crema:#F5EBDC;
	--bku-rojo:#D72300;
	--bku-naranja:#FF8732;
	--bku-cafe:#502314;
	--bku-amarillo:#FFAA00;
	--bku-blanco:#fff;
	--bku-verde:#198737;
	--bku-creamos:#E8D9C2;
	--bku-cremaclaro:#FDF7EF;
	--bku-cafeclaro:#937362;
	--bku-rojooscuro:#A81D02;
	--bku-menufooter:#BBA391;
}

@font-face {
  font-family: 'FlameCondensed';
  src: url('../fonts/FlameCondensed.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'FlameRegular';
  src: url('../fonts/FlameRegular.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'FlameSans';
  src: url('../fonts/FlameSans.otf') format('truetype');
   font-style: normal;
  font-weight: normal;
}
/*HOME PAGE - HEADER - FOOTER*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
body{
	font-family: 'FlameRegular';
	font-size: 16px;
	background-color: var(--bku-crema);
	scroll-behavior: smooth;
	color: var(--bku-cafe);
	min-height: 100vh;
   	width: 100%;
}
header.menu{
	border-bottom: 1px solid var(--bku-cream);
}
.bg-orange{
	background-color: var(--bku-naranja);
}
.bg-cream{
	background-color: var(--bku-crema);
}
.bg-cream-os{
	background-color: var(--bku-creamos);
}
.bg-red{
	background-color: var(--bku-rojo);
}
.bg-green{
	background-color: var(--bku-verde);
}
.bg-white{
	background-color: var(--bku-blanco);
}
.bg-cream-claro{
	background-color: var(--bku-cremaclaro);
}
.bg-cafe{
	background-color: var(--bku-cafe);
}
.text-orange{
	color: var(--bku-naranja);
}
.text-cream{
	color: var(--bku-crema);
}
.text-cream-os{
	color: var(--bku-creamos);
}
.text-red{
	color: var(--bku-rojo);
}
.text-green{
	color: var(--bku-verde);
}
.text-white{
	color: var(--bku-blanco);
}

/* agregado 5 de feb 2026 */
.text-brown{
	color: var(--bku-cafe) !important;
}
/**/
.navbar-nav{
	text-transform: uppercase;
}

h1{
	text-transform: uppercase;
	font-size: 1.6875rem;
	font-weight: bolder;
}
h2{
	text-transform: uppercase;
	font-size: 1.5625rem;
	font-weight: bolder;
}
h3{
	text-transform: uppercase;
	font-size: 1.375rem;
	font-weight: bolder;
}
h4{
	font-size: 1.25rem;
	font-weight: bolder;
	margin: 1rem 0;
}
p{
	font-size:1rem;
	font-family: "FlameSans";
}

.app-promo{
	background-color: var(--bku-rojo);
}
.bkfooter{
	background: var(--bku-cafe);
	position: relative;
}
.line-footer{
	width: 100%;
	background: url(../images/bar-footer1.svg) no-repeat;
	background-size: cover;
	background-position: top center;
	height: 13px;
	position: absolute;
	top: -12px;
	left: 0;
}
.nav-link{
	display: block;
	padding: 10px 20px !important;
	font-size: 1rem;
}
.nav-link:hover{
	color: var(--bku-naranja);
}
.disclaimer-cupones .container{
	position: relative;
}
.images-cupon{
	position: absolute;
	top: -15px;
	right: 0px;
}

.disclaimer-title h2{
	font-size: 2.5rem;
	font-weight: bolder;
	line-height: 2.5rem;
}
.disclaimer-title h3{
	font-family: 'FlameSans';
	font-size: 1.25rem;
	font-weight: normal;
}
.btn-primary{
	color: var(--bku-blanco);
	background: var(--bku-rojo);
	border-radius: 15px;
	border:0;
	font-family: 'FlameSans';
	font-size: 1rem;
	padding: 10px 40px;
}
.btn-primary:hover, .btn-ver:hover{
	background: var(--bku-rojooscuro);
}
.cupon{

}
.imageapp{
	margin-top:-25px;
	width: 60%;
}
.texto-app{
	width: 40%;
}
.texto-app h3{
	font-size: 3rem;
	font-weight: bold;
	color: var(--bku-blanco);
}
.app-disclaimer{
	font-family: "FlameSans";
	font-size: 0.6875rem;
	color: var(--bku-blanco);
}
.cupon a{
	overflow: hidden;
	display: block;
	border: #E8D9C2 solid 4px;
	border-radius: 10px;
}
.cupon a:hover{
	border: #BBA391 solid 4px;
}
.line-div{
	border:2px solid var(--bku-blanco);
}
.lead{
	font-size: 1rem;
}
.restaurante{
	background: var(--bku-creamos);
}
.novedad{
	overflow: hidden;
	border-radius: 15px;
	margin: 1rem 0;
}
.novedad > figure{
	overflow: hidden;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	margin: 0;
	width: 100%;
}
.novedad a > figure img{
	height: 100%;
}
.novedad figcaption{
	display: block;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: var(--bku-blanco);
	height: 70px;
	padding: 5px 20px;
}
.novedad figcaption .nombre{
	font-size: 1rem;
	text-transform: uppercase;
}
.novedad figcaption .desc{
	font-family: "FlameSans";
	font-size: 0.8112rem;
	font-weight: 300;
	line-height: 15px;
}
.bck-cafe{
	background: var(--bku-cafe);
}
.bck-anaranjado{
	background: var(--bku-naranja);
}
.tit-prod{
 width: 70%;
}}
.boton-ver{
	width: 30%;
}
.btn-ver{
	background: var(--bku-rojo);
	color: var(--bku-blanco);
}
.line-bottom{
	border-bottom: 1px solid var(--bku-menufooter);
}
.menu-footer .list-unstyled li a{
	font-family: "FlameSans";
	color: var(--bku-menufooter);
	font-size: 1rem;
	text-decoration: none;
}
.menu-footer h5{
	font-size:1.75rem ;
	color: var(--bku-crema);
}
.menu-footer .list-unstyled li a:hover, .rrss-sec a:hover{
	color: var(--bku-rojo);
}
.copyright{
	font-size: 12px;
	font-family: "FlameSans";
	font-weight: normal;
	color: var(--bku-creamos);
}
.rrss-sec a{
	display: inline-block;
	padding: 8px;
	text-decoration: none;
	color: var(--bku-creamos);
}
.swiper-wrapper{
	padding: 25px 0;
}
.swiper-slide{
	border-radius: 15px;
	overflow: hidden;
	border: 3px solid var(--bku-creamos);
	box-shadow: 0px;
	cursor: pointer;
	background: var(--bku-blanco) !important;
}
.swiper-slide:hover{
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	background: var(--bku-menufooter) !important;
}
.swiper-slide .card{
	padding: 0 15px;
}
.card-title{
	font-size:1rem ;
	text-transform: uppercase;
}
.card-body{
	border-top: 1px solid var(--bku-creamos);
	padding: 6px auto !important;
}
.cat-productos{
	background: var(--bku-cremaclaro) !important;
}
.cat-productos > .container > h3{
	color: var(--bku-naranja);
	font-size: 1.125rem;
}
.cat-productos > .container > h2{
	margin: 0;
	padding: 0;
}
.swiper-button-next:after, .swiper-button-prev:after{
 color: var(--bku-cafe) !important;
 font-size: 2rem !important;
 font-weight: bold;
}
/* --- HOME PAGE - HEADER - FOOTER ---- */
/*seccion productos*/
.scroll-menu::-webkit-scrollbar {
  display: none;
}
.scroll-menu {
  scroll-behavior: smooth;
  white-space: nowrap;
}
.menuScroll{
	background: var(--bku-crema);
}
.scroll-menu a{
	color: var(--bku-cafe);
	border-radius: 0;
	border:0;
	letter-spacing: 0.75px;
}
.scroll-menu a:focus, .scroll-menu a:active, .scroll-menu a.active{
	border-bottom: 3px solid var(--bku-naranja);
}
.scroll-menu a:hover{
	color:var(--bku-naranja);
	
}
.flechas-menu{
	background: var(--bku-crema);
}
.flechas-menu:hover{
	background: var(--bku-cremaclaro);
}
 .flechas-menu:active; .flechas-menu:focus{
 	background: var(--bku-cremaclaro);
 }
.cat-productos-bg{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.scrollspy{
	width: 100%;
	overflow: auto;
}

.card-title {
	font-size: 1rem;
  font-weight: bolder;
  color: var(--bku-rojo);
}
.card-text {
  font-size: 0.9rem;
  color: var(--bku-cafe);
}
/* cupones */
.card-cupones{
	overflow: hidden;
	border-radius: 15px;
	border: 4px solid var(--bku-creamos);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
}
.card-cupones:hover{
	border: 4px solid var(--bku-cafeclaro);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
	transition: all 0.5s;
}
/*restaurantes*/

.banner {
    background:url('../images/restaurante-1.png') center/cover no-repeat;
    color: white;
    text-align: center;
    padding: 80px 20px;
}
.search-bar input {
  border-radius: 10px;
  background: var(--bku-amarillo);
  border: transparent;
}
.search-bar input::placeholder{
	color: var(--bku-blanco);
	font-family: "FlameSans";
	font-weight: normal;
}
.restaurant-card{
	background: var(--bku-cremaclaro);
	border: 3px solid var(--bku-creamos);
	border-radius: 15px;
}

.restaurant-card i {
  font-size: 1.5rem;
  margin-right: 8px;
}
.geo-desc{
	width: 85%;
}
.logo-bk-card{
 width: 15%;
}
.title-rest h2{
	font-size: 1.25rem;
}
.title-rest p{
	font-size: 0.875rem;
	font-family: "FlameSans";
}
.phone-rest{
	font-size: 1.375rem;
}
.modal-header{
	border-bottom: 0;
}
/*novedades*/
  .novedad-card {
    padding-left: 15px;
  }
  .app-section img {
    height: 40px;
  }
.card-novedades{
	border: 0;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0;
}
.card-novedades:hover{
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.5s;
}
.body-novedades  .card-title{
	font-size: 1.125rem;
	font-weight: normal;
	font-family: "FlameRegular";
	color: var(--bku-blanco);
	margin-bottom: 3px;
}
.body-novedades  .card-text{
	color: var(--bku-blanco);
	font-family: "FlameSans";
	font-size: 0.8125rem;
	font-weight: 400;
}
.body-novedades div:first-child{
	width: 75%;
}
.body-novedades div:last-child{
	width: 20%;
}
.btn-ver:hover{
	background: var(--bku-amarillo);
}
.title-desc{
	text-transform: uppercase;
	font-family: "FlameSans";
}
.novedad-card{
	border-radius: 15px;
	border: 0;
	box-shadow: 0;
}
.novedad-card:hover{
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.5s;
}
.title-post{
	color: var(--bku-rojo);
	font-size: 1.5rem;
}
.short-desc{
	font-family: "FlameSans";
	font-weight: 400;
	font-size: 0.8125rem;
	color: var(--bku-cafe);
}
.title-post{
	text-transform: none;
	font-family: "FlameSans";
}
.post-section article p, .post-section article ul, .post-section article ol{
	font-family: "FlameSans";
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 30px;
}
.nextback .btn:hover{
	background: var(--bku-amarillo);
}

/*pagina mantenimiento*/
.images-mantenimiento{
	position: relative;
}
.images-mantenimiento img{
	position: absolute;
	z-index: 1;
	top:-260px;
	left: 150px;
}
.descargue-mant{
	font-size: 1.75rem;
	color: var(--bku-crema);
}
.text-mantenimiento{
	font-size: 2.5rem;
}





/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.disclaimer-title{
		width: 100%;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.disclaimer-title{
		width: 400px;
	}

	/* agregado 5 de feb 2026 */
	.images-mantenimiento img{
			left: 0px;
		}
	/**/
	
}
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	.restaurante{
		padding-bottom: 0px !important;
	}
.restaurante .container .row > div > button{
	font-size:0.92rem;
	}
	.texto-app{
		width: 100%;
	}
}