/* Banners da página inicial (modelos e imagens). Usado pelo site e pela prévia do painel. */
.banners{margin-top:26px;position:relative}
.bn{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 10px 26px rgba(58,33,69,.12)}
.bn-template{background:linear-gradient(100deg,var(--bg1) 0%,var(--bg2) 100%);color:var(--fg);min-height:230px;padding:32px clamp(22px,5vw,56px);font-family:'Nunito',sans-serif}
.bn-copy{max-width:560px}
.bn-template h2{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.05;margin:0 0 10px;color:var(--fg)}
.bn-template p{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin:0 0 20px;opacity:.95;color:var(--fg)}
.bn-btn{display:inline-block;background:var(--btn);color:var(--btnfg);font-family:'Baloo 2',sans-serif;font-weight:700;padding:12px 26px;border-radius:100px;box-shadow:0 6px 0 rgba(0,0,0,.14)}
.bn-emoji{font-size:clamp(4.5rem,12vw,9rem);line-height:1;filter:drop-shadow(0 10px 14px rgba(0,0,0,.2));flex:0 0 auto}
a.bn:focus-visible{outline:3px solid #17B8C4;outline-offset:3px}
.bn-image{display:block}.bn-image img{display:block;width:100%;height:auto}
.bn-dots{display:flex;justify-content:center;gap:10px;margin-top:14px}
.bn-dots button{width:12px;height:12px;border-radius:100px;border:0;padding:0;background:#d9c6e6;cursor:pointer;transition:width .2s}
.bn-dots button[aria-current="true"]{background:#FF3D8E;width:30px}
.bn-dots button:focus-visible{outline:3px solid #17B8C4;outline-offset:2px}
@media(max-width:640px){.bn-template{min-height:190px}.bn-emoji{display:none}}