/* Custom page CSS
-------------------------------------------------- */

.container-mxw960 {
  max-width: 960px;
}

.condiciones-generales {
  background: transparent;
  border: 0;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bg-grad {
  background: rgb(70 191 180);
  background: linear-gradient(
    90deg,
    rgba(42,93,159,255) 0%,
    rgba(42,93,159,255) 100%
  );
}

.bg-gradient {
  background: rgb(70 191 180) !important;
  background: linear-gradient(
    0deg,
    rgba(42,93,159,255) 0%,
    rgba(42,93,159,255) 100%
  ) !important;
  border: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
    inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}



.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

/*Cars
-------------------------------------------------- */
.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 0.75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.text-shadow-1 {
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
}
.text-shadow-2 {
  text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.text-shadow-3 {
  text-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}
.sinatri {
  padding-block: 0px;
  padding-inline: 0px;
  border-width: 0px;
}

img.img-fluid.imgsml {
  max-width: 40%;
  /* aspect-ratio: 10/8; */
}
.img-m-footer {
  max-width: 150px;
  height: auto;
}
@media (max-width: 576px) {
  img.img-fluid.imgsml {
    max-width: 100%;
  }
}

/* locale
-------------------------------------------------- */
.btn-locale svg {
  width: 37px;
  height: 37px;
}
.btn-locale {
  border-radius: 10px;
  background: none;
  border: none;
  color: black !important;
}
.btn-locale:hover {
  background: none;
  border: none;
}
.btn-locale.dropdown-toggle::after {
  font-size: 23px;
}

/* Banner */
.img-banner {
  max-width: 50%;
  display: block;
  margin: auto;
}

/* Estilos para el botón de descargar */
.Btn-download {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: rgb(27, 27, 27);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition-duration: 0.3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
}

.svgIcon {
  fill: #2196f3;
}

.tooltip {
  position: absolute;
  right: -80px;
  opacity: 0;
  background-color: rgb(12, 12, 12);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.2s;
  pointer-events: none;
  letter-spacing: 0.5px;
}

.tooltip::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(12, 12, 12);
  background-size: 1000%;
  background-position: center;
  transform: rotate(45deg);
  left: -5%;
  transition-duration: 0.3s;
}

.Btn-download:hover .tooltip {
  opacity: 1;
  transition-duration: 0.3s;
}

.Btn-download:hover {
  background-color: #2196f3;
  transition-duration: 0.3s;
}

.Btn-download:hover .svgIcon {
  fill: black;
  animation: slide-in-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

#installButton {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 9999;
}

.dropdown-toggle-2 {
  z-index: 500;
}

/* Responsive */
@media (min-width: 320px) and (max-width: 768px) {
  #installButton {
    right: 5px;
  }
}

@media all and (display-mode: standalone) {
  #installButton {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}