/* Faixa inferior da 10ª EAFExp — identidade oficial. Carregar após style.css. */
.closing-banner,.home .closing-banner{position:relative;isolation:isolate;min-height:570px;padding:54px 0 38px;overflow:hidden;color:#fff;background:linear-gradient(90deg,transparent 0 30%,rgba(8,11,24,.52) 43%,#080b18 62%),#080b18 url('images/eafexp-closing-art-hd.jpg') left center/auto 100% no-repeat}
.closing-banner::before,.home .closing-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,11,24,.03),transparent 28%,transparent 72%,rgba(8,11,24,.2)),linear-gradient(90deg,transparent 0 38%,rgba(8,11,24,.34) 49%,#080b18 67%);pointer-events:none}
.closing-banner::after,.home .closing-banner::after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:3;height:6px;background:linear-gradient(90deg,#43a7ad,#b5e8e9 28%,#df6166 67%,#f28b35)}
.closing-banner .shell,.home .closing-banner .shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(340px,1fr) minmax(410px,560px);grid-template-rows:auto 1fr auto;column-gap:clamp(36px,7vw,105px);row-gap:24px;min-height:470px;align-items:start}
.closing-banner .shell>img,.home .closing-banner .shell>img{display:block;grid-column:2;grid-row:1;width:min(500px,100%);height:auto;filter:drop-shadow(0 15px 30px rgba(0,0,0,.38))}
.closing-banner .closing-date,.home .closing-banner .closing-date{grid-column:2;grid-row:2;align-self:center;width:100%;padding:6px 0 10px clamp(18px,2.2vw,32px);border-left:5px solid var(--coral,#df6166);background:transparent}
.closing-banner .closing-date p,.home .closing-banner .closing-date p{display:flex;flex-direction:column;margin:0;color:#fff;text-transform:uppercase}
.closing-banner .closing-date span,.home .closing-banner .closing-date span{font-size:clamp(24px,3.1vw,43px);font-weight:300;line-height:1;letter-spacing:.05em}
.closing-banner .closing-date span strong,.home .closing-banner .closing-date span strong{font-size:1.22em;font-weight:900}
.closing-banner .closing-date b,.home .closing-banner .closing-date b{margin-top:4px;color:var(--coral,#df6166);font-size:clamp(45px,5.4vw,76px);font-weight:900;line-height:.92;letter-spacing:-.035em}
.closing-banner .closing-date em,.home .closing-banner .closing-date em{margin-top:8px;font-size:clamp(26px,3.2vw,46px);font-style:normal;font-weight:300;line-height:1;letter-spacing:.04em}
.closing-banner .closing-date small,.home .closing-banner .closing-date small{display:block;margin-top:17px;color:var(--aqua,#b5e8e9);font-size:11px;font-weight:800;letter-spacing:.15em}
.closing-banner .closing-links,.home .closing-banner .closing-links{display:flex;grid-column:2;grid-row:3;flex-wrap:wrap;align-items:center;gap:15px 24px;margin:0;padding:0;transform:none;background:transparent;border:0;box-shadow:none}
.closing-banner .closing-links .button,.home .closing-banner .closing-links .button{background:var(--coral,#df6166);color:#fff}
.closing-banner .closing-links>a:last-child,.home .closing-banner .closing-links>a:last-child{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.65);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.closing-banner,.home .closing-banner{min-height:780px;padding-top:40px;background:linear-gradient(180deg,rgba(8,11,24,.05) 0,rgba(8,11,24,.26) 44%,#080b18 68%),#080b18 url('images/eafexp-closing-art-hd.jpg') center top/auto 78% no-repeat}.closing-banner .shell,.home .closing-banner .shell{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:690px}.closing-banner .shell>img,.home .closing-banner .shell>img,.closing-banner .closing-date,.home .closing-banner .closing-date,.closing-banner .closing-links,.home .closing-banner .closing-links{grid-column:1}.closing-banner .shell>img,.home .closing-banner .shell>img{width:min(430px,88vw)}.closing-banner .closing-date,.home .closing-banner .closing-date{align-self:end;width:min(560px,100%);padding-top:18px;padding-bottom:18px;background:rgba(8,11,24,.78);backdrop-filter:blur(5px)}}
@media(max-width:560px){.closing-banner,.home .closing-banner{min-height:720px;background-size:auto 70%}.closing-banner .shell,.home .closing-banner .shell{min-height:635px}.closing-banner .closing-date b,.home .closing-banner .closing-date b{font-size:clamp(42px,15vw,64px)}}
@media(prefers-reduced-motion:reduce){.closing-banner *,.home .closing-banner *{scroll-behavior:auto}}

/* ==========================================================
   COMPOSIÇÃO HORIZONTAL: arte como fundo, conteúdo distribuído
   ========================================================== */
@media (min-width: 901px) {
  .closing-banner,
  .home .closing-banner {
    min-height: 430px;
    padding: 58px 0 42px;
    background:
      linear-gradient(90deg, rgba(8,11,24,.66), rgba(8,11,24,.38) 45%, rgba(8,11,24,.76)),
      #080b18 url('images/eafexp-closing-art-hd.jpg') center 58% / cover no-repeat;
  }

  .closing-banner::before,
  .home .closing-banner::before {
    background: linear-gradient(180deg, rgba(8,11,24,.12), transparent 30%, rgba(8,11,24,.3));
  }

  .closing-banner .shell,
  .home .closing-banner .shell {
    grid-template-columns: minmax(290px, 1.1fr) minmax(320px, .9fr) minmax(210px, .62fr);
    grid-template-rows: 1fr;
    column-gap: clamp(28px, 4.5vw, 72px);
    min-height: 320px;
    align-items: center;
  }

  .closing-banner .shell > img,
  .home .closing-banner .shell > img {
    grid-column: 1;
    grid-row: 1;
    width: min(390px, 100%);
    align-self: center;
  }

  .closing-banner .closing-date,
  .home .closing-banner .closing-date {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    padding: 20px 0 20px 26px;
    background: rgba(8,11,24,.42);
    backdrop-filter: blur(4px);
  }

  .closing-banner .closing-links,
  .home .closing-banner .closing-links {
    grid-column: 3;
    grid-row: 1;
    flex-direction: column;
    align-items: flex-start;
    align-self: center;
  }
}
.closing-banner .closing-date {
  display: block !important;
}
@media (min-width: 901px) {
  .closing-banner .closing-links {
    justify-self: end !important;
    align-items: flex-end;
    text-align: right;
  }
}