@charset "UTF-8";
/* Fonts */
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-Regular.woff") format("woff"), url("../fonts/BwModelica-Regular.ttf") format("truetype"), url("../fonts/BwModelica-Medium.svg#BwModelica-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-Medium.woff") format("woff"), url("../fonts/BwModelica-Medium.ttf") format("truetype"), url("../fonts/BwModelica-Medium.svg#BwModelica-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-ExtraBold.woff") format("woff"), url("../fonts/BwModelica-ExtraBold.ttf") format("truetype"), url("../fonts/BwModelica-ExtraBold.svg#BwModelica-ExtraBold") format("svg");
  font-weight: 500;
  font-style: normal;
}
body {
  background-color: #000;
  color: #fff;
  font-family: "BwModelica", sans-serif;
  font-weight: 300;
  font-size: 0.9rem;
  /* or 100vh */
}

.container {
  max-width: 1020px !important;
}

a {
  color: #a89f8c;
}

strong,
.strong {
  font-family: "BwModelica";
  font-weight: 500;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 3rem;
  line-height: 1;
}

h2 {
  font-size: 2rem;
  line-height: 1;
}

h3 {
  font-size: 1.7rem;
  line-height: 1;
}

h4 {
  font-size: 1.2rem;
  line-height: 1;
}

.txt_amboy {
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.accent-color {
  color: #a89f8c;
}

.beige-color {
  color: #e9e2cb;
}

.campo-oblig {
  color: rgb(255, 77, 0);
  font-size: 1.2rem;
}

.intro-text {
  font-size: 1.1rem;
  line-height: 1.4;
}

.hl {
  color: #fff;
  background-color: #a89f8c;
  font-size: 1.3rem;
}

.txt_beige {
  color: #4e4e4e;
}

.txt_red {
  color: #ed1d24;
}

.font-secondary-medium {
  font-family: cofo-raffine, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font-secondary-bold {
  font-family: cofo-raffine, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.spacer-mb {
  width: 100%;
  height: 400px;
  clear: both;
}

.spacer-mb-s {
  width: 100%;
  height: 550px;
  clear: both;
}

.fd-text {
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #a89f8c;
}
.fd-text p {
  color: #fff;
  border-left: 0.5rem solid #a89f8c;
  padding-left: 1.5rem;
}

#heading,
.text-footer-mob {
  opacity: 0;
}

.btn-primary {
  background-color: #a89f8c;
  border-color: #a89f8c;
}

.btn-fcost {
  background-color: #414141;
  color: #fff;
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: 0;
  line-height: 1.2;
}
.btn-fcost:hover, .btn-fcost:active {
  color: #e9e2cb;
  background-color: #414141;
}

.btn-fcost-beige {
  background-color: #e9e2cb;
  color: #000;
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: 0;
  line-height: 1.2;
}
.btn-fcost-beige:hover {
  color: #e9e2cb;
  background-color: #414141;
}

.d-show {
  transition: 800ms ease;
  transition-delay: 0.5s;
  opacity: 1 !important;
}

.navbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* Estilos personalizados para el hero banner */
.hero-video {
  position: relative;
  min-height: 500px;
  /* Altura completa de la ventana */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hv-mh-700 {
  min-height: 500px;
}

.hero-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Asegura que el video cubra el área sin distorsionarse */
  z-index: -1;
  /* Coloca el video detrás del contenido */
}

.hero-content {
  position: relative;
  z-index: 1;
  /* Contenido encima del video y overlay */
  text-align: center;
  color: white;
  padding: 20px;
}

.img-brand {
  max-width: 65px;
}

.footer,
.footer-home {
  background-color: #000;
  width: 100%;
  text-align: center;
}
.footer .row,
.footer-home .row {
  border-top: 1px solid #a89f8c;
}

.footer-home {
  position: absolute;
  margin-top: 100px;
}

p.fine-drinking {
  font-size: 2rem;
  font-family: cofo-raffine, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #a89f8c;
}

/* Bootstrap override */
.navbar-toggler {
  box-shadow: none;
  border: none;
  background-color: #000;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.15rem rgb(255, 255, 255);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.fs-5 {
  font-size: 1.1rem !important;
}

.fs-6 {
  font-size: 0.85rem !important;
}

.amboy-black {
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.amboy-inline {
  font-family: "amboy-inline", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.home-lottie-anim {
  max-width: 150px;
  margin: 0 auto;
}

.bg-banner-home {
  background-image: url(../img/Banner_home.png);
  background-position: 50% 70%;
  background-repeat: no-repeat;
  min-height: 400px;
  color: #000;
}

.bg-banner-home-2 {
  background-image: url(../img/Banner_home2.png);
  background-position: 25% 0% !important;
  background-repeat: no-repeat;
  min-height: 250px;
  color: #000;
}

.bg-banner-finecost {
  background-image: url(../img/Banner_finecost.png);
  background-position: 25% 0% !important;
  background-repeat: no-repeat;
  min-height: 250px;
  color: #000;
}

footer {
  font-size: 0.8rem;
}
footer a {
  color: inherit;
  text-decoration: none;
}

.offcanvas {
  background-color: #000;
  color: #fff;
}
.offcanvas a {
  color: #fff;
}

.form-control-fcost {
  border-radius: 0;
}

.mask-cantidad {
  font-size: 0.7rem;
  margin: 0 auto;
  max-width: 100px;
  padding: 0;
  text-align: center;
}

.table-fcost > :not(caption) > * > * {
  padding: 0.15rem 0.15rem;
}

.table-fcost {
  font-size: 0.7rem;
}
.table-fcost thead tr th {
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  background-color: #000;
  vertical-align: middle;
  text-align: center;
}
.table-fcost thead tr th:first-child {
  background-color: #23221e;
}
.table-fcost tbody tr th,
.table-fcost .bcolor-fcost-cell {
  background-color: #23221e;
  vertical-align: middle;
  text-align: center;
}
.table-fcost tr td {
  background-color: #000;
  vertical-align: middle;
  text-align: center;
}
.table-fcost .color-b-cell {
  color: #e9e2cb;
}

hr {
  border-color: #fff;
  opacity: 1;
  margin: 1.7rem 0;
}

.tooltip {
  --bs-tooltip-bg: #e9e2cb;
  --bs-tooltip-color: #000;
  --bs-tooltip-opacity: 1;
}

.alert {
  --bs-alert-padding-y: 0.8rem;
  --bs-alert-padding-x: 0.8rem;
  margin: 0.5rem 0;
}

.alert-dismissible .btn-close {
  padding: 1.8rem 1.8rem 0 0;
}

#insumoModal .modal-content, #deleteModal .modal-content, #editModal .modal-content {
  background-color: #000;
  color: #fff;
  padding: 0.75rem;
  border-radius: 2.2rem;
  border: 1px solid #e9e2cb;
}
#insumoModal .modal-header,
#insumoModal .modal-footer, #deleteModal .modal-header,
#deleteModal .modal-footer, #editModal .modal-header,
#editModal .modal-footer {
  border: none;
}
#insumoModal i, #deleteModal i, #editModal i {
  color: #e9e2cb;
  margin-left: 0.25rem;
}
#insumoModal .btn-cerrar-modal, #deleteModal .btn-cerrar-modal, #editModal .btn-cerrar-modal {
  background-color: #fff;
  border-radius: 50%;
  color: #000;
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  text-align: center;
  width: 40px;
  height: 40px;
  margin-left: -30px;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.frm-insumo label {
  font-family: "amboy-black", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.frm-insumo .form-control,
.frm-insumo .form-select {
  border-radius: 0;
}

.is-invalid {
  color: #ed1d24;
}

/* Media Queries */
@media (min-width: 576px) {
  .hero-video {
    min-height: 600px;
  }
  .hv-mh-700 {
    min-height: 700px !important;
  }
  .spacer-mb,
  .spacer-mb-s {
    height: 90px;
  }
  .intro-text {
    font-size: 1.3rem;
  }
  h2 {
    font-size: 2.4rem;
    line-height: 1;
  }
  .hl {
    font-size: 1.5rem;
  }
  .footer-home {
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .img-brand {
    max-width: 120px;
  }
  .table-fcost {
    font-size: 0.75rem;
  }
  #insumoModal .btn-cerrar-modal, #editModal .btn-cerrar-modal {
    font-size: 0.7rem;
    width: 50px;
    height: 50px;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .hv-mh-400 {
    min-height: 400px !important;
  }
  .spacer-mb,
  .spacer-mb-s {
    height: 0;
  }
  .bg-banner-home {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
    color: #000;
  }
  .bg-banner-home-2 {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
  }
  .bg-banner-finecost {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
  }
}
/* Fonts */
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-Regular.woff") format("woff"), url("../fonts/BwModelica-Regular.ttf") format("truetype"), url("../fonts/BwModelica-Medium.svg#BwModelica-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-Medium.woff") format("woff"), url("../fonts/BwModelica-Medium.ttf") format("truetype"), url("../fonts/BwModelica-Medium.svg#BwModelica-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "BwModelica";
  src: url("../fonts/BwModelica-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BwModelica-ExtraBold.woff") format("woff"), url("../fonts/BwModelica-ExtraBold.ttf") format("truetype"), url("../fonts/BwModelica-ExtraBold.svg#BwModelica-ExtraBold") format("svg");
  font-weight: 500;
  font-style: normal;
}
/* Media Queries */
@media (min-width: 576px) {
  .hero-video {
    min-height: 600px;
  }
  .hv-mh-700 {
    min-height: 700px !important;
  }
  .spacer-mb,
  .spacer-mb-s {
    height: 90px;
  }
  .intro-text {
    font-size: 1.3rem;
  }
  h2 {
    font-size: 2.4rem;
    line-height: 1;
  }
  .hl {
    font-size: 1.5rem;
  }
  .footer-home {
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .img-brand {
    max-width: 120px;
  }
  .table-fcost {
    font-size: 0.75rem;
  }
  #insumoModal .btn-cerrar-modal, #editModal .btn-cerrar-modal {
    font-size: 0.7rem;
    width: 50px;
    height: 50px;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .hv-mh-400 {
    min-height: 400px !important;
  }
  .spacer-mb,
  .spacer-mb-s {
    height: 0;
  }
  .bg-banner-home {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
    color: #000;
  }
  .bg-banner-home-2 {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
  }
  .bg-banner-finecost {
    background-position: bottom center !important;
    background-repeat: no-repeat;
    min-height: 550px;
  }
}/*# sourceMappingURL=styles.css.map */