/* ==========================================================
   FRANJA INSTITUCIONAL — fondo fijo con mezcla
   ========================================================== */

/* ---------- FRANJA INSTITUCIONAL (fondo fijo + mezcla) ---------- */
.band{
  padding:118px 32px;
  background-color:var(--navy-deep);
  background-image:url("../../assets/img/1.jpg");
  background-size:cover;
  background-position:center 26%;
  background-attachment:fixed;
  background-blend-mode:multiply;
  overflow:hidden;
}
.band::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to right, rgba(10,24,48,0.94) 0%, rgba(10,24,48,0.86) 44%, rgba(10,24,48,0.42) 100%);
}
.band-inner{position:relative; z-index:2; max-width:1120px; margin:0 auto; padding:0 32px;}
.band-quote{
  font-family:'Libre Baskerville', serif; font-weight:700; line-height:1.32;
  color:var(--paper); font-size:clamp(23px, 3vw, 34px); max-width:640px; margin:18px 0 0;
}
.band-quote em{font-style:italic; color:var(--accent); font-weight:400;}
.band-note{color:rgba(246,243,236,0.72); font-size:15px; max-width:520px; margin:20px 0 0;}
.band-rule{width:52px; height:2px; background:var(--brass); margin-top:28px;}
@media (max-width:900px){
  .band{background-attachment:scroll; background-position:64% center; padding:88px 24px;}
}
