:root{
  --food: #FFA000;
}

body {
  background-color: #f1f1f1 !important;
}

.navbar-custom {
  height: 90px;
}

.fw-bold {
  font-weight: bold !important;
}

.nav-item {
  padding-right: 1.3rem;
}

.btn {
  transition: all 1s;
}

.logo {
  width: 300px;
}

.btn-login:hover, .btn-login:focus{
  outline: none;
  background-color: #ff9100 !important;
  -webkit-box-shadow: 0 0 7px 2px #de911f;
  box-shadow: 0 0 7px 2px #de911f;
  transition: all 1s;
}

.btn-login {
  background-color: var(--food) !important;
  border-radius: 15px !important;
  color: white !important;
  padding: 6px 30px !important;
  font-weight: bold !important;
  -webkit-box-shadow: 0 0 7px 2px #de911f;
  box-shadow: 0 0 7px 2px #de911f;
}

.btn-demo {
  background-color: #252525 !important;
  border-radius: 15px !important;
  color: white !important;
  padding: 6px 30px !important;
  font-weight: bold !important;
}

.btn-instagram {
  background-color: #FBDA61;
  background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
  border-radius: 15px !important;
  color: white !important;
  font-weight: bold !important;
  font-size: 18px !important;
  -webkit-box-shadow: 0 0 7px 2px #de911f;
  box-shadow: 0 0 7px 2px #de911f;
  border: none !important;
}

.btn-linkedin {
  background-color: #0961B8 !important;
  border-radius: 15px !important;
  color: white !important;
  font-weight: bold !important;
  font-size: 18px !important;
  -webkit-box-shadow: 0 0 7px 2px #3983cc;
  box-shadow: 0 0 7px 2px #3983cc;
  border: none !important;
  z-index: 9;
}

.bg-demo {
  background-color: #FFE53B;
  background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
}

.img-onda-floating {
  background-image: url("../img/bg_init.png");
  width: 600px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  z-index: -1;
}

.box-img-init {
  position: relative;
  margin-top: 20px;
  background-image: linear-gradient(60deg, rgb(0, 0, 0), rgba(32, 23, 12, 0.36)), url("../img/bg_home.jpg");
  background-color: #252525;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 400px;
  border-radius: 50px;
  padding: 90px 60px;
}

.text-init {
  color: white;
  font-size: 45px;
  font-weight: bold;
  line-height: 45px;
}

.text-sub {
  color: white;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}

.text-demo {
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}

.cl-food {
  color: var(--food);
}

.img-co {
  position: absolute;
  right: 35px;
  bottom: 35px;
}

.text-section {
  font-size: 21px;
  font-weight: bold;
  line-height: 10px;
}

.list-custom li {
  list-style: url("../img/done.svg");
  line-height: 30px;
}

.fw-medium {
  font-weight: 500;
}

.img-dispositivos {
  width: 150px;
}

.bg-domi {
  background-image: url("../img/bg_domi.png");
  background-size: cover;
  border-radius: 40px;
  width: 100%;
  height: 177px;
}

.img-domi {
  width: 150px;
  margin-top: 10px;
}

.mt-70{
  margin-top: 70px;
}

.text-domi1 {
  font-size: 40px;
  font-weight: bold;
  color: white;
  line-height: 20px;
}

.text-domi2 {
  font-weight: 500;
  color: white;
  font-size: 20px;
}

.footer {
  background-color: #3F3F3F;
  height: 200px;
  position: relative;
  color: white;
}

.box-pj {
  position: absolute;
  right: 80px;
  bottom: 0px;
}

.box-pj img {
  width: 240px;
}

.img-circle-floating {
  background-image: url("../img/circle.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 600px;
  left: 70px;
  z-index: -1;
}

.card, .card-body {
  border-radius: 15px !important;
}

.text-caracteristicas {
  font-size: 20px;
  font-weight: bold;
  color: var(--food);
}

.text-caract-mini {
  font-size: 11px;
  font-weight: bold;
  color: #5e5e5e;
}

.plr-4{
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.plr-7{
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.card-mini {
  background-color: #f7f7f7;
  padding: 8px !important;
}

.cl-grey {
  color: #9d9c9c;
}

.cl-grey-l {
  color: #c5c3c3;
}

.text-footer-lg {
  text-align: center;
  font-size: 16px;
}

.text-footer-xs {
  display: none;
}

.btn-movil {
  display: none !important;
}

.btn-desktop {
  display: inline-block !important;
}

.divider {
  margin: 30px auto !important;
  background-color: #ffc052;
  height: 5px;
  border-radius: 30px;
}