:root { --hdr-h: 96px; }
@media (max-width: 768px){ :root { --hdr-h: 72px; } }

.menu{
  position: absolute;               
  top:0; left:0; right:0;
  z-index: 10000;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.menu .container,
.menu:before,
.menu:after { background: transparent !important; box-shadow:none !important; border:0 !important; }

.menu .collapse-menu a,
.menu a {color: #000;}
.menu .collapse-menu a:hover { opacity:.9; }

.inner-hero{
  position: relative;
  z-index: 1;
  justify-content: center;
  color:#fff;
  min-height: clamp(220px, 32vw, 510px);
  display:flex;
  align-items:flex-end;
  padding-bottom: 20px;
  background: linear-gradient(0deg, rgba(0,0,0,.50), rgba(0,0,0,.50)),
    var(--hero-img, url('https://thecommitmentissues.d09.colophonhosting.com/wp-content/uploads/2025/11/bnn-2.webp')) no-repeat center / cover,
    #000;
  margin-top: calc(-1 * var(--hdr-h));
  background-position-x: center;
}


 .inner-hero .hero-wrap{padding-top: 350px;}

 .inner-hero .hero-eyebrow{margin: 0 0 0;color: var(--white, #FBF9FF);font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;justify-self: center;}
.inner-hero .hero-title{
  margin: 0 0 20px;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
  font-weight: 400;
  line-height: 100%; /* 100px */
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.container.hero-wrap h3 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

 .page{ margin-top:0 !important; padding-top:0 !important; }
main, .site-main, .content { padding-top:0 !important; }

 @media (max-width:768px){
  .inner-hero{
    background-position:center top, center top, center;
    background-size:cover, cover, auto;
  }
}

 
 

.bottom-true .bc-row.bc-row1 h2 {
    color: white;
}

.bottom-true .bc-row.bc-row1 h2 span {
    color: #EDB458;
}
 .bottom-true .bc-row.bc-row1{
  display:flex;
 }

.bottom-true .bc-row.bc-row2   {
   grid-template-columns: 1.2fr 1fr;
}

/* ====== Show Details   ====== */
  .show-details {
    background:  linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    padding: clamp(20px,4vw,80px);
    border-radius: 16px;
  }

  .show-head {
    display:grid;
    grid-template-columns: 1.3fr 1fr;
    gap: clamp(16px,3vw,28px);
    align-items: center;
    margin-bottom: clamp(20px,3vw,32px);
  }

  .media-frame {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.15);
    background:#111;
  }
  .media-frame iframe,
  .media-frame img {
    display:block;
    width:100%;
    height:auto;
    /* aspect-ratio: 16 / 9; */
  }

   .show-head .show-title {
    color: #000;
    font-family: Montserrat;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
}
  .show-meta span {display:inline-flex;align-items:center;gap:8px;color: #000;font-family: Indivisible;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 20px;}
  .show-meta i {font-size: 16px!important;/* opacity:.8; */}


  .show-desc {color: #000;font-family: Indivisible;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 50px;}

  .ctas { display:flex; gap:10px; align-items:center; margin-top: 12px; }
  .btn-layout {white-space: nowrap;}

  /* Condicionais: Upcoming x Past */
  .is-upcoming .cta-past { display:none; }
  .is-past .cta-upcoming { display:none; }
 
  .show-gallery {
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(10px,2vw,50px);
    margin-top: 70px;
  }
  .show-gallery a {
    display:block;
    position:relative;
    /* border-radius: 12px; */
    overflow:hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    background:#111;
  }
  .show-gallery img {
    display:block; width:100%; height:100%; object-fit:cover; aspect-ratio: 1 / 1; transition: transform .25s ease;
  }
  .show-gallery a:hover img { transform: scale(1.03); }

   @media (max-width: 1080px){
    .show-head { grid-template-columns: 1fr; }
    .media-frame img, .media-frame iframe { aspect-ratio: 16/9; }
    .show-gallery { grid-template-columns: repeat(3, 1fr); }
 .show-details {
  padding:20px
 }
  }
  @media (max-width: 680px){
    .show-gallery { grid-template-columns: repeat(2, 1fr); }
  }

 @media (max-width: 480px){
    .show-gallery { grid-template-columns: repeat(1, 1fr); }
  }


p.blues {
    color: #0E385E;
    font-family: Indivisible;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
   .crumbs {
    margin: 0 0 50px;
    display:flex;
    gap: 10px;
    align-items:center;
    flex-wrap:wrap;
    color: #0E385E;
    text-align: center;
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .crumbs a {color: inherit;text-decoration: none;border-bottom: 1px dotted rgba(71,85,105,.4);color: #0E385E;text-align: center;font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
  .crumbs a:hover { opacity:.85; }

  /* ===== Inquire Section (escopo local) ===== */
.inquire {/* padding: clamp(28px, 5vw, 56px) 0; */}
.inq-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(20px, 4vw, 40px);
  align-items: start;
}

/* Texto esquerdo */
.inq-copy p {margin: 0 0 18px;color: #000;font-family: Indivisible;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom: 50px;}

/* Redes sociais */
.inq-social {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
}
.inq-social a {
  display: inline-flex;
  /* width: 36px; */
  /* height: 36px; */
  /* border-radius: 999px; */
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #fff;
  text-decoration: none;
  transition: transform .2s ease, opacity .2s ease;
  color: #0E385E;
  font-family: "Font Awesome 6 Brands";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 30px */
}
.inq-social a:hover { transform: translateY(-1px); opacity: .9; }

/* Lista de contatos */
.inq-contact {list-style: none;padding: 0;margin: 10px 0 0;}
.inq-contact li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0f172a;
  margin: 8px 0;
}
.inq-contact i { color: #0f172a; opacity: .9; }
.inq-contact a {
  text-decoration: none;
  color: #0E385E;
  font-family: Indivisible;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inq-contact a:hover { opacity: .9; }

/* Gravity Forms – ajustes leves e seguros (escopo local) */
.inq-form .gform_wrapper form .gfield input[type="text"],
.inq-form .gform_wrapper form .gfield input[type="email"],
.inq-form .gform_wrapper form .gfield input[type="tel"],
.inq-form .gform_wrapper form .gfield textarea {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 10px;
  height: 46px;
  padding: 10px 12px;
  box-shadow: none;
}
.inq-form {
    color: #1E1E1E;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.inq-form .gform_wrapper form .gfield textarea {
  min-height: 120px; height: auto; resize: vertical;
}
.inq-form .gform_wrapper .gfield_label { display: none; } /* título do campo oculto */
.inq-form .gform_wrapper .gform_footer input[type="submit"],
.inq-form .gform_wrapper .gform_footer button {
  border-radius: 999px; padding: 10px 20px; cursor: pointer;
}

ul.inq-social i {
    font-size: 23px;
}
.inq-form h3 {
    color: #0E385E;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 24px */
    margin-bottom: 20px;
}
.container.pi-item h3 {
    margin-bottom: 50px;
}
/* Responsivo */
@media (max-width: 980px) {
  .inq-grid {display: flex;flex-flow: column;}
}

@media (max-width: 580px) {
.inq-contact a { font-size:18px;
}
}

 .upc-wrap .show-card {
  transition: opacity .35s ease, transform .35s ease;
  will-change: opacity, transform;
}
.upc-wrap .show-card.is-new {
  opacity: 0;
  transform: translateY(12px);
}
.upc-wrap .show-card.is-new.is-in {
  opacity: 1;
  transform: translateY(0);
}