@font-face {
    font-family: 'Days-One';
    src: url('../fonts/DaysOne-Regular.ttf');
  }

  @font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.ttf');
  }

  @font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../fonts/Montserrat-BlackItalic.ttf');
  }

  @font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf');
  }

  @font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../fonts/Montserrat-BoldItalic.ttf');
  }

  @font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.ttf');
  }

  @font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url('../fonts/Montserrat-ExtraBoldItalic.ttf');
  }

  @font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('../fonts/Montserrat-ExtraLight.ttf');
  }

  @font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.ttf');
  }

  @font-face {
    font-family: 'ArchivoBlack-Regular';
    src: url('../fonts/ArchivoBlack-Regular.ttf');
  }

body{
    font-family: 'Montserrat-Bold';
    font-weight: 18px;
}

p {
    font-family: 'Montserrat-Light';
}

:root {
    /*--rey-primary: #b94444;*/
    --rey-primary: rgb(36, 47, 55);
    --rey-secondary:#803030;
    --rey-light:#b15353;
    --rey-yellow: #d89b27;
    --rey-red: #b94444;
}

.text-primary {
    color: var(--rey-primary) !important;
}

.bg-primary {
    background-color: var(--rey-primary) !important;
}

.text-yellow {
    color: var(--rey-yellow) !important;
}

.bg-yellow {
    background-color: var(--rey-yellow) !important;
}

.bg-brand{
    background-color: var(--rey-primary);
}

.navbar-brand img {
  width: 150px;
}
.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 0.9em;
  padding: 0.5em 1.5em;
}

@media screen and (min-width: 768px) {
  .navbar-brand img {
    width: 100px;
  }
  .navbar-brand {
    margin-right: 0;
    padding: 0 1.5em;
  }
}

.btn-site {
  background-color: var(--rey-light);
  color: #fff;
  font-family: 'Montserrat-Light';
  font-size: 15px;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  padding-left: 50px; 
  padding-right: 50px;  
}

.btn-site:hover{
  background-color: #fff;
  color: var(--rey-light);
  border: 1px solid var(--rey-light);
}

.btn-site-white {
  border-radius: 50px;
  padding: 5px 10px;
  background-color: #fff;
  color: var(--rey-light);
  font-family: 'Montserrat-Light';
  font-size: 15px;
  text-transform: uppercase;
  border: none;

}

.btn-site-white:hover{
  background-color: var(--rey-light);
  color: #fff;
  border: 1px solid #fff;
}

.btn-site-yellow {
  background-color: var(--rey-yellow);
  color: #fff;
  font-family: 'Montserrat-bold';
  font-size: 14px;
  text-transform: uppercase;
  border: none;

}

.btn-site-yellow:hover{
  background-color: transparent;
  color: var(--rey-yellow);
  border: 1px solid var(--rey-yellow);
}


.bg-nav{
  background-color: var(--rey-primary);
  background-image: linear-gradient(90deg, var(--rey-primary) 0%, var(--rey-primary) 100%);
  -webkit-box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
  -moz-box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
  box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
}


.cell{
  max-width: 230px;
  text-align:center;
}

.productSlide{
  padding-top: 50px;
  padding-bottom: 50px;
}

.color-white{
  color: #fff !important;
}

.color-brand{
  color: var(--rey-primary);
}

.productSlide > div > div > div > h3{
  font-family: 'ArchivoBlack-Regular';
  font-size: 60px;
  text-transform: uppercase;
}

.productSlide .card-body > p{
  color:var(--rey-secondary);
  font-family: "Montserrat-Light";
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.text-right{
  text-align: right !important;
}


footer{
  background-color: var(--rey-primary);
  background-image: linear-gradient(90deg, var(--rey-primary) 0%, var(--rey-primary) 100%);
  -webkit-box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
  -moz-box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
  box-shadow: 1px 8px 24px -15px rgba(66, 68, 90, 1);
}

footer .container{
  padding-top: 50px;
  padding-bottom: 50px;
}

footer h4{
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  text-align: right;
}

footer li{
  text-align: right;
  list-style: none;
  text-transform: uppercase;
  font-family: "Montserrat-Light";
  color: #fff;
  font-size: 14px;
}

section {
  padding-top: 100px;
  padding-bottom: 100px;
}

section .section-title h2 {
  text-transform: uppercase;
  font-size: 58px;
  font-family: 'ArchivoBlack-Regular';
  color: var(--rey-primary);
}

section .section-title h2 span {
  font-size: 50px;
  -webkit-text-stroke: 1.5px var(--rey-primary);
  color: transparent;
}

section.bg-primary .section-title h2 {
  text-transform: uppercase;
  font-size: 58px;
  font-family: 'ArchivoBlack-Regular';
  color: #fff;
}

section.bg-primary .section-title h2 span {
  font-size: 50px;
  -webkit-text-stroke: 1.5px #fff;
  color: transparent;
}

@media(max-width: 700px) {
  .productSlide > div > div > div > h3{
    font-size: 30px !important;
    text-align: center;
  }

  section h2{
    font-size: 40px !important;
  }

  footer h4{
    text-align: center;
  }

  footer li{
    text-align: center;
  }

  footer img{
    text-align: center;
  }
}

  /* Sliders banner ini */
#carouselBanner {
    height:100vh;
    width:100%;
}

#carouselBanner .carousel-inner {
    height:100vh;
    width:100%;
}

#carouselBanner .carousel-item {
    height:100vh;
    width:100%;
}

#carouselBanner .banner-burger {
    position: relative;
    width: 100%;
    height: 100%;

    background-image: url('../images/banner/banner-burger.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    background-position-y: top !important;
    background-position-x: center !important;
    background-position: center top !important;
}

#carouselBanner .banner-hotdog {
    position: relative;
    width: 100%;
    height: 100%;

    background-image: url('../images/banner/banner-hotdog.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    background-position-y: top !important;
    background-position-x: center !important;
    background-position: center top !important;
}

#carouselBanner .banner-fries {
    position: relative;
    width: 100%;
    height: 100%;

    background-image: url('../images/banner/banner-fries.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    background-position-y: top !important;
    background-position-x: center !important;
    background-position: center top !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#carouselBanner .banner-burger,
    #carouselBanner .banner-hotdog {
		background-attachment: scroll !important;
	}
}

.carousel-caption {
    top: 25% !important;
}

.slider-banner {
    min-height: 375px;
    padding: 20px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .carousel-caption {
    top: 10% !important;
    right: 5%;
    left: 5%;    
  }

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .slider-center {
        margin-left: auto;
    }
}

.slider-banner h1 {
    font-size: 80px !important;
    text-transform: uppercase;
}

@media only screen and (min-width: 431px) and (max-width: 1280px) {
  .slider-banner h1 { 
    font-size: 65px !important;
  }
}

@media only screen and (max-width: 430px) {
  .slider-banner h1 { 
    font-size: 40px !important;
  }
}

.slider-banner h5 {
    font-size: 22px;
}

.slider-banner p {
  font-size: 19px;
}

.mw-50{
  max-width: 50% !important;
}

.mw-75{
  max-width: 75% !important;
}

.mw-100{
  max-width: 100% !important;
}

.slider-banner button a {
    text-decoration: none;
}
  /* Sliders banner fin */

  /* Categorias ini */
.category-card a {
    text-decoration: none;
}

.category-card span {
    font-family: 'ArchivoBlack-Regular';
    text-transform: uppercase;
    color: #FFFFFF!important;
    border-width: 0px!important;
    border-color: RGBA(0,0,0,0);
    border-radius: 30px;
    font-size: 18px;
    padding: 5px 10px;
}

  /* Categorias fin */

/* Productos ini */
.products .filters_menu {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style-type: none;
    margin: 45px 0 20px 0;
  }

  .products .filters_menu li {
    padding: 7px 25px;
    cursor: pointer;
    border-radius: 25px;
  }

  .products .filters_menu li.active {
    background-color: #222831;
    color: #ffffff;
  }

  .products .box {
    position: relative;
    margin-top: 25px;
    background-color: #ffffff;
    border-radius: 10px;
    color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(to bottom, #f1f2f3 25px, #222831 25px);
  }

  .products .box .img-box {
    background: #f1f2f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 215px;
    border-radius: 0 0 0 45px;
    margin: -1px;
    padding: 25px;
  }

  .products .box .img-box img {
    max-width: 100%;
    max-height: 145px;
    -webkit-transition: all .2s;
    transition: all .2s;
  }

  .products .box .detail-box {
    padding: 25px;
  }

  .products .box .detail-box h5 {
    font-weight: 600;
  }

  .products .box .detail-box p {
    font-size: 15px;
  }

  .products .box .detail-box h6 {
    margin-top: 10px;
  }

  .products .box .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .products .box .options a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ffbe33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .products .box .options a svg {
    width: 18px;
    height: auto;
    fill: #ffffff;
  }

  .products .box:hover .img-box img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  .products .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 45px;
  }

  .products .btn-box a {
    display: inline-block;
    padding: 10px 55px;
    background-color: #ffbe33;
    color: #ffffff;
    border-radius: 45px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
  }

  .products .btn-box a:hover {
    background-color: #e69c00;
  }
  /* Productos fin */

  /* PriceList ini */
  .pricelist .filters_menu {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style-type: none;
    margin: 45px 0 20px 0;
  }

  .pricelist .filters_menu li {
    padding: 7px 25px;
    cursor: pointer;
    border-radius: 25px;
  }

  .pricelist .filters_menu li.active {
    background-color: #222831;
    color: #ffffff;
  }

  .pricelist .box {
    position: relative;
    margin-top: 25px;
    background-color: #ffffff;
    border-radius: 10px;
    color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(to bottom, #f1f2f3 25px, #222831 25px);
  }

  .pricelist .box .carousel-item {
    background: #f1f2f3;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 450px;
    border-radius: 0 0 0 45px;
    padding: 25px;
  }

  .pricelist .box .carousel-item img {
    max-width: 100%;
    max-height: 450px;
    -webkit-transition: all .2s;
    transition: all .2s;
  }

  .pricelist .box .detail-box {
    padding: 25px;
  }

  .pricelist .box .detail-box h5 {
    font-weight: 600;
  }

  .pricelist .box .detail-box p {
    font-size: 15px;
  }

  .pricelist .box .detail-box h6 {
    margin-top: 10px;
  }

  .pricelist .box .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .pricelist .box .options a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ffbe33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .pricelist .box .options a svg {
    width: 18px;
    height: auto;
    fill: #ffffff;
  }

  .pricelist .box:hover .carousel-item img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }

  .pricelist .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 45px;
  }

  .pricelist .detail-box .options h6 {
    display: inline-block;
    padding: 10px 55px;
    background-color: #ffbe33;
    color: #222831;
    border-radius: 45px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
    width: 100%;
    text-align: center;
  }

  .pricelist .detail-box .options h6:hover {
    background-color: #e69c00;
    color: #fff;
  }

  .detail-discount{
    position: absolute;
    margin-top: -420px;
    right: 20px;
  }

  .detail-discount > span{
   color: var(--bs-white);background-color: var(--bs-teal);padding: 10px;border-radius: 50px;
  }

  a{
    text-decoration: none;
  }
  #whatsapp {
      position: fixed;
      bottom: 20px;
      right:20px;
      background-color: #25d366;      
      padding: 10px;
      border-radius: 50px;
      width: 50px;
      text-align: center;
  }
  /*
  svg {
      width: 80px;
      display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
  }
  */
  circle {
    fill: #25d366;
  }
  /*
  path {
      fill:  #fff;
  }
  */
  #whatsapp a {padding: 20px 0;}

  #whatsapp a i{
    font-size: 30px;
    color: #fff;
  }
  #whatsapp a::before {
      content: '¡Te asesoramos!';
      display: inline-block;
      vertical-align: middle;
      padding: 5px 10px;
      margin-right: 10px;
      color: rgba(0, 0, 0, .8);
      background: white;
      border: 1px solid #ccc;
      border-radius: 20px;
      filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
      transition: .3s ease;
      opacity: 0;
      position: fixed;
      right: 70px;              
  }
  #whatsapp:hover a::before {opacity: 1;}    

  .goup{
    background:#6c757d;
    bottom:25px;
    display: none;
    height: 30px;
    position: fixed;
    right:10px;
    width:30px;
    font-size: 30px;
    margin-right: 10px;
    padding: 10px;
    border-radius: 10px;    
  }

  /*Mover Recaptcha a la izquierda*/
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: -2px !important;
  bottom: 20px !important;
  }
  .grecaptcha-badge:hover {
  width: 256px !important;
  }