:root, [data-bs-theme=light] {
  --bs-font-sans-serif: "Inter", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-font-size: .9rem;
  --bs-body-color: black;
  --bs-body-font-weight: 300;
  --bs-link-color: inherit;
  --bs-link-color-rgb: inherit;
  --bs-link-hover-color: #ccc;
  --bs-link-hover-color-rgb: 200, 200, 200;
}

body, html {
  height: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

.btn {
  --bs-btn-font-size: .9rem;
  --bs-btn-font-weight: 300;
}

header {
  height: 100%;
  background-color: rgba(30, 30, 30, .85);
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-weight: 200;
}

.display-1 {
  font-size: 3.5rem;
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.portada-ws {
  overflow: hidden;
  background-image: url(../img/polobamba.jpg);
  background-position: center center;
  background-size: cover;
  color: #fff;
}

.bg-op {
  background-color: rgba(0, 0, 0, 0.5);
}

.portada {
  height: 100%
}

.portada a {
  text-decoration: none;
}


@media (min-width:768px) {
  .portada {
    height: 100%
  }
}

.bg-ws {
  background-image: url(../img/polobamba.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-splash-cafe {
  background-image: url(../img/splash_cafe.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-splash-bar {
  background-image: url(../img/splash_bar.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-cafe-1 {
  background-image: url(../img/cafe-1.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-cafe-2 {
  background-image: url(../img/cafe-2.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-bar-1 {
  background-image: url(../img/bar-1.jpg);
  background-position: center center;
  background-size: cover;
}

.bg-bar-2 {
  background-image: url(../img/bar-2.jpg);
  background-position: center center;
  background-size: cover;
}

.navbar-custom {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.navbar-custom.scrolled {
  background-color: white !important;
}

.navbar-custom .nav-link {

  transition: color 0.3s ease;
}

.navbar-custom.scrolled .nav-link {
  color: var(--bs-body-color) !important;
}

.navbar-custom .btn-outline-light {
}

.navbar-custom.scrolled .btn-outline-light {
  color: var(--bs-body-color) !important;
  border-color: black !important;
}

.navbar-custom.scrolled .btn-outline-light:hover {
  color: white !important;
  background-color: #111;
  border-color: black !important;
}

.navbar-custom .navbar-brand img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

.navbar-custom.scrolled .navbar-brand img {
  filter: brightness(0) invert(0);
}

.navbar-brand img {
  width: 160px
}

.btn-scroll {
  position: absolute;
  z-index: 1;
  bottom: 5%;
  left: 45.5%;
}

.modal {
  --bs-modal-bg: rgba(255, 255, 255, 1);
}

.modal .iso {
  width: 50px
}

footer .iso {
  width: 45px
}



@media (min-width:768px) {
  .btn-scroll {
    left: 48.5%;
  }
  .navbar-brand img {
    width: 180px
  }
}