/* Corrige cor inicial dos links antes do Bootstrap pintar */
a, a:visited {color: #540413; text-decoration: none;}

a:hover { color: #3a090f; text-decoration: underline;}

/* HEADER / HERO */
.featured-main picture {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #4c0b0b;
}
.featured-main img {
  display: block;
  width: 100%;
  height: auto;
}

/* BANNER */
.banner_home .quadro_fatura {
  min-height: 250px;
  display: block;
  position: relative;
}

/* BLUR-UP PLACEHOLDER */
.blur-up {
  filter: blur(20px);
  transition: filter 0.4s ease;
}
.blur-up.lazyloaded {
  filter: blur(0);
}

/* 🔹 Mantém altura proporcional mesmo antes da imagem carregar */
.featured-main picture,
.featured-main img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #111; /* ou cor do tema */
}

/* HEADER E MENU */
.bg-header {background: #5A0E0F;}
.header {color:#fff; background: #5A0E0F; position: relative;}
.header .barra-box {background: transparent; height: 40px; width: 100%; position: absolute; top:50%; margin-top: -20px; z-index: 1;}
.header .barra {background: #F5E656; height: 8px; width: 100%; margin-bottom: 8px;}
.header .barra:last-child {margin-bottom: 0;}
.header .menu, .header .navbar-brand, .header .search, .header h1 {position: relative; z-index: 10;}
.header .menu a, .header .search a {color:#fff; font:27px 'Anton', Sans-Serif; text-transform: uppercase; background: #000; border-radius: 10px; padding: 2px 18px;}
.header h1 {margin: 0;}
.header .menu a svg, .header .search a svg {display: none;}
.header h1, .header .navbar-brand {background: #5A0E0F; padding: 0 20px;}
.search {position: relative;}
.search .dropdown-menu[data-bs-popper] {left: auto; right: 0;}
.searchWrap {width: 300px;}
.searchWrap .btn-send {border:0; background: transparent; height: 100%; position: absolute; top:0; left:2px;}
.searchWrap .btn-close-form {border:0; background: #cfcfcf; border-radius:100%; margin-left: 8px;}
.searchWrap .form-control {padding-left: 40px;}

/* MENU HORIZONTAL */
.menu-bar {border-bottom: 4px solid #F5E656;}
.menu-bar ul li {padding: 10px;}
.menu-bar ul li a {color:#000; font:25px 'Anton', Sans-Serif; text-transform: uppercase; display: block;}

/* MENU OFFCANVAS (MOBILE) */
.menu_offcanvas {padding: 0; margin: 0; list-style: none;}
.menu_offcanvas li {margin-bottom: 12px;}
.menu_offcanvas li a {color: #646f79; font-weight: 700; font-size: 20px; display: block;}
.social-header li a {border:1px solid #000; border-radius: 100%; width:40px; height: 40px; display: flex !important; align-items: center; justify-content: center;}

/* RESPONSIVIDADE DO HEADER */
@media (max-width: 768px) {
  .header .menu a, .header .search a {border-radius: 5px; padding: 2px 10px;}
  .header .menu a svg, .header .search a svg {display: inline-flex;}
  .header .search a span, .header .menu a .img-menu {display: none;}
  .header .navbar-brand img {width: 360px;}
}
@media (max-width: 600px) {
  .menu-bar {display: none;}
  .header .navbar-brand img {width: 200px;}
}
@media (max-width: 320px) {
  .header .navbar-brand img {width: 184px;}
  .header .menu a, .header .search a {padding: 2px 5px;}
}