/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

:root, :root.light, :root .light {
  --falcon-body-bg: #ffffff !important;
  --falcon-bg-navbar-glass: #ffffff !important;
}

.btn-primary {
  background-color: #354041 !important;
  border-color: #354041 !important;
}

.btn-primary:hover {
  background-color: #181b1c !important;
  border-color: #181b1c !important;
}

.documento {
  text-decoration: underline !important;
}

.navbar-vertical-content {
  padding-bottom : 50px;
}

/* -------------------------------------------------------------------------- */
/*                                Swiper                               */
/* -------------------------------------------------------------------------- */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  overflow: hidden;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper {
  width: 100%;
  /* height: 300px; */
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  /* height: 100%; */
}

.mySwiperTop {
  height: 80%;
  width: 100%;
}

.mySwiperThumb {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiperThumb .swiper-slide {
  width: 20%;
  opacity: 0.4;
  /* height: 100%; */
}

.mySwiperThumb .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  max-width: inherit;
  max-height: inherit;
  /* height: inherit; */
  width: inherit;  
  object-fit: cover;
}

p {
  font-family: Manrope, sans-serif !important;
  /* font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" */
}

/* *********** Datatables  *********************/
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #181b1c !important;
}

.table-striped > .selected {
  --falcon-table-accent-bg: #181b1c !important;
  --falcon-table-striped-bg: #181b1c !important;
  color: white !important;
}

.table > tbody > tr.selected > td > a {
  color: white !important;
}

.table > .selected {
--falcon-table-striped-color: white !important;
--falcon-table-active-color: white !important;
--falcon-table-hover-color: white !important;
--falcon-table-striped-bg: #181b1c !important;
}

:root .table, :root.light .table, :root .light .table {
  --falcon-table-striped-bg: #f9fafd;
}

.rwd-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.main, .navbar, .navbar-collapse  {
  background-color: #F7F7F7 !important;
}

/* ***** NFC ************************************************************************
/* Main container padding and background color */
.container-nfc {
  padding: 1.5rem 1rem;
  /*background-color: #F0F0F4; /* Bootstrap light background color */
}

/* Image container with dynamic height */
.image-container-nfc img {
  height: 40vh; /* Set height to 40% of viewport height */
  width: auto; /* Maintain aspect ratio by adjusting width */
  max-width: 100%; /* Ensure it doesn't overflow the container */
  border-radius: 0.625rem; /* Equivalent to 10px */
  margin: 1.25rem auto; /* Equivalent to 20px */
  display: block;
}

/* Buttons container */
.button-container-nfc .btn {
  width: 40%;
}
.btn-web {
  background-color: #004F58;
  color:white;
  border: none;}
.btn-web:hover {
  background-color: #01616c;
  color:white}
.btn-demo{
  background-color: #D9D9D8;
  color:#222A35;
  border: none;}
  .btn-demo:hover {
      background-color: #e1e1dd;}

/* Description container */
.description-nfc {
  max-width: 90%; /* Responsive max-width */
  margin: 1.25rem auto; /* Equivalent to 20px */
  padding: 0 1rem;
  color:#222A35;
}

/* Download button styling */
.download-button-nfc {
  max-width: 80%; /* Responsive width */
  margin: 1.25rem auto; /* Equivalent to 20px */
}

/* Footer styling */
.footer-nfc {
  text-align: center;
  font-size: 0.875rem; /* Equivalent to 14px */
  margin: 1.2rem 0 1.2rem; /* Equivalent to 40px top, 20px bottom */
}
.footer-nfc img{
  height: 8vh; /* Set height to 40% of viewport height */
  width: auto; /* Maintain aspect ratio by adjusting width */
  max-width: 100%; /* Ensure it doesn't overflow the container */
  border-radius: 0.625rem; /* Equivalent to 10px */
  margin: 0.625rem auto; /* Equivalent to 20px */
  display: block;
}