*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-user-drag: none; }

.btn:focus, .navbar-toggler:focus, .form-control:focus { box-shadow: none !important; }

html, body { height: 100%; width: 100%; }

:root {
--bs-body-font-size: 1rem;
--bs-body-line-height: 1.6;
--bs-heading-color: #fff;
--bs-body-color: #c5c5c5;
--bs-border-color: #fff;
--bs-link-color: inherit;
--bs-link-color-rgb: inherit;
--bs-link-hover-color: #fff;
--bs-link-hover-color-rgb: 255,255,255;
--bs-btn-close-hover-opacity: 1;
}

body  {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background: #171717 url(../img/bg-tarco.jpg) top center no-repeat fixed;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.language-switcher { font-size: var(--bs-body-font-size); }
.language-switcher a { opacity: .9; }
.language-switcher a:hover { opacity: 1; }

.navbar-brand img { height: 30px; width: auto; }
.offcanvas-title { line-height: 0; }
.offcanvas-title img { height: 30px; width: auto; }

.navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: 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, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }
.navbar-toggler { padding: 0; border: none; }
.navbar-toggler:focus { -webkit-box-shadow: none; box-shadow: none; }

.offcanvas { color: inherit; background-color: #171717; z-index: 9999; }
.offcanvas.offcanvas-end { width: 100%; max-width: 730px; }
.offcanvas-header { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.offcanvas-body { padding-top: 0; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: .04em; }
.h6, h6 { font-size: var(--bs-body-font-size); }

a { text-decoration: none;  -webkit-transition: all .3s ease; transition: all .3s ease; }
dl, ol, ul { margin-bottom: 0; }
hr { opacity: 0;}

.offcanvas ul.media-links { margin-bottom: 1.5rem; }
.offcanvas ul.media-links li a { font-size: 1.4rem; padding: .2rem .2rem .2rem .1rem; }
.offcanvas ul.media-links li a .fa-brands { width: auto; }

.offcanvas .list-inline-item:not(:last-child) { margin-right: 1rem; }

.offcanvas-body::-webkit-scrollbar { width: 8px; }
.offcanvas-body::-webkit-scrollbar-thumb { background: #525252; border-radius: 10px;}

.landscape-mode img { max-width: 240px; }

.landscape-mode { display: none; position: fixed; inset: 0; text-align: center; color: #fff; background-color: #000; z-index: 10000; }

@media screen and (orientation: landscape) and (max-device-width: 991.98px) {
    body { overflow: hidden !important;}
    .landscape-mode { display: flex; flex-direction: column; justify-content: center; align-items: center; }
}

@media (min-width: 992px) {
  .container-fluid { padding-left: 3rem; padding-right: 3rem; }
  .navbar-brand img { height: 2.5rem; width: auto; }
  .offcanvas-title img { height: 2.5rem; width: auto; }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: .02em; }
}