:root{
  --voya-gold:#c89a4c;
  --voya-dark:#0f1115;
  --voya-muted:#6c757d;
}

body{scroll-behavior:smooth;}

.navbar-brand img{height:34px;width:auto;max-width:180px;object-fit:contain;display:block;}

.hero{
  position:relative;
  min-height:72vh;
  display:flex;
  align-items:center;
  color:#fff;
  background: linear-gradient(90deg, rgba(15,17,21,.92) 0%, rgba(15,17,21,.75) 55%, rgba(15,17,21,.20) 100%),
              image-set(url('img/hero.webp') type('image/webp'), url('img/hero.jpg') type('image/jpeg')) center/cover no-repeat;
}
.hero .badge{
  background:rgba(200,154,76,.18);
  color:#fff;
  border:1px solid rgba(200,154,76,.45);
}

.section{padding:72px 0;}
.section-title{letter-spacing:.02em;}

.icon-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:22px;
  height:100%;
  background:#fff;
}

.kicker{color:var(--voya-gold); font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem;}

.gallery-img{
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:16px;
}

.supplier-logo{
  max-height:38px;
  filter: grayscale(100%);
  opacity:.85;
}

.supplier-logo:hover{filter:none; opacity:1;}

.footer{
  background:var(--voya-dark);
  color:rgba(255,255,255,.85);
}
.footer a{color:#fff; text-decoration:none;}
.footer a:hover{text-decoration:underline;}

.lang-only{display:none;}
.lang-en .lang-en-only{display:block;}
.lang-es .lang-es-only{display:block;}

.small-muted{color:var(--voya-muted);}

.btn-lang{border-radius:999px;}


/* Light header (logo/menu visible) */
.navbar.bg-white{background:#fff !important;}
.navbar{border-bottom:1px solid rgba(0,0,0,.06);}
.navbar-light .navbar-nav .nav-link{color:#1b1f24;}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{color:var(--voya-gold);}
.brand-logo{height:38px;width:auto;max-width:180px;object-fit:contain;display:block;}
.btn-lang{border-radius:999px;padding:.35rem .6rem;font-weight:600;}


/* Reverse section - меняем порядок основных колонок */
.reverse > .row {
  flex-direction: row-reverse;
}

/* На мобильных устройствах */
@media (max-width: 991.98px) {
  .reverse > .row {
    flex-direction: column;
  }
  
  /* Фикс для внутренней сетки с фотографиями */
  .reverse .col-lg-6 .row.g-3 {
    flex-direction: row;
  }
}