/* Componente: banner (carrossel + 2 banners menores) */
.banner{padding-block:24px 8px}
.banner__grade{display:grid;grid-template-columns:1fr 300px;gap:18px}

.slider{position:relative;border-radius:22px;overflow:hidden;min-width:0;box-shadow:var(--sombra)}
.slider__trilho{display:flex;transition:transform .55s cubic-bezier(.6,.05,.25,1)}
.slide{flex:0 0 100%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:12px;min-height:360px;padding:40px 56px;color:#fff;position:relative;overflow:hidden}
.slide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.6px);background-size:22px 22px;pointer-events:none}
.slide::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-80px;top:-60px;background:rgba(255,255,255,.1);pointer-events:none}
.slide--azul{background:linear-gradient(120deg,#1569d6 0%,#2fa8f5 100%)}
.slide--vermelho{background:linear-gradient(120deg,#b3080e 0%,#f0323a 100%)}
.slide--noite{background:linear-gradient(120deg,#062d6e 0%,#1569d6 100%)}
.slide__txt{position:relative;z-index:1;min-width:0}
.slide__tag{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:5px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.04em}
.slide h2{font-size:clamp(28px,3.6vw,46px);font-weight:900;margin:16px 0 12px;text-shadow:0 3px 0 rgba(0,0,0,.12)}
.slide mark{background:none;color:var(--amarelo)}
.slide p{font-size:17px;opacity:.92;max-width:28em}
.slide__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.slide__arte{position:relative;height:280px;z-index:1}
.arte{position:absolute;width:190px;height:190px;border-radius:24px;box-shadow:0 18px 30px -12px rgba(0,0,0,.35);border:5px solid #fff}
.a1{left:4%;top:52px;transform:rotate(-8deg)}
.a2{left:36%;top:0;transform:rotate(5deg);z-index:2}
.a3{left:58%;top:86px;transform:rotate(10deg)}

.slider__seta{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--azul-noite);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.2);z-index:3}
.slider__seta:hover{background:var(--amarelo)}
.slider__seta--ant{left:12px}
.slider__seta--prox{right:12px}
.slider__pontos{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.slider__pontos button{width:10px;height:10px;border-radius:5px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:width .2s,background .2s}
.slider__pontos button[aria-current="true"]{width:28px;background:#fff}

.mini{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.mini__card{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:22px;padding:20px 18px 20px 24px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:var(--sombra);transition:transform .2s}
.mini__card:hover{transform:translateY(-3px)}
.mini__card--vermelho{background:linear-gradient(135deg,#d90b12,#ff4d55)}
.mini__card--ceu{background:linear-gradient(135deg,#0b47a8,#2fa8f5)}
.mini__card small{display:block;font-weight:800;font-size:13px;opacity:.9;text-transform:uppercase;letter-spacing:.08em}
.mini__card b{font-family:var(--fonte-titulo);font-weight:800;font-size:16px;line-height:1.25}
.mini__card b span{font-size:26px;font-weight:900;color:var(--amarelo)}
.mini__card img{width:110px;height:110px;border-radius:18px;border:4px solid #fff;transform:rotate(6deg);flex:none}

@media (max-width:1060px){.banner__grade{grid-template-columns:1fr}.mini{grid-template-rows:none;grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .slide{grid-template-columns:1fr;padding:30px 24px 52px;min-height:0}
  .slide__arte{height:170px;order:-1}
  .arte{width:120px;height:120px;border-width:4px}
  .a1{left:2%;top:34px}.a2{left:32%;top:0}.a3{left:60%;top:44px}
  .slider__seta{display:none}
  .mini{grid-template-columns:1fr}
}