.under-footer{padding-top:72px;overflow:hidden}.blog-footer-grid{width:100%;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(145px,.7fr) minmax(145px,.7fr) minmax(225px,1fr);gap:clamp(34px,5vw,76px);align-items:start}.blog-footer-grid>div,.blog-footer-grid>nav{min-width:0}.footer-about{display:flex;flex-direction:column;align-items:flex-start}.footer-about img{display:block;width:158px;height:auto}.footer-edition{display:inline-flex;margin:17px 0 4px;padding:5px 9px;border:1px solid rgba(0,217,189,.35);border-radius:6px;color:#00d9bd;font-size:8px;font-weight:800;letter-spacing:.16em}.footer-about p{max-width:310px;margin:10px 0 22px;color:#a9c1e6;font-size:14px;line-height:1.72}.footer-platform-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:220px;padding:11px 12px 11px 15px;border:1px solid rgba(84,128,186,.35);border-radius:10px;color:#fff!important;font-size:11px!important;font-weight:700;transition:.2s}.footer-platform-link b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0874ef;font-size:13px}.footer-platform-link:hover{border-color:#00d9bd!important;background:rgba(0,217,189,.045)}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-column>strong{position:relative;margin-bottom:9px;padding-bottom:12px;color:#fff;font-size:12px;white-space:nowrap}.footer-column>strong:after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:#00d9bd;border-radius:2px}.footer-column>a{color:#a9c1e6;font-size:13px;line-height:1.4;transition:.2s}.footer-column>a:hover{color:#fff;transform:translateX(2px)}.footer-featured{gap:11px}.footer-featured>a{display:block;width:100%;padding:0 0 12px;border-bottom:1px solid rgba(124,160,205,.15);color:#d6e4fa;font-size:12px;line-height:1.42}.footer-featured>a:last-child{border-bottom:0}.footer-featured>a span{display:block;margin-bottom:3px;color:#4e91ed;font-size:7px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.blog-footer-bottom{width:100%;max-width:1180px!important;margin:58px auto 0!important;padding:20px 0 0!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:28px!important;border-top:1px solid rgba(157,187,226,.22)!important;text-align:left!important}.blog-footer-bottom>span,.blog-footer-bottom>div{white-space:nowrap!important}.blog-footer-bottom>span:nth-child(2){justify-self:center}.blog-footer-bottom>div{display:flex;justify-self:end;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
.under-footer{display:block!important;width:100%;grid-template-columns:none!important;gap:0!important}
@media(max-width:960px){.blog-footer-grid{grid-template-columns:1.25fr repeat(2,1fr)}.footer-about{grid-row:span 2}.footer-featured{grid-column:2/4}.blog-footer-bottom{grid-template-columns:1fr auto!important}.blog-footer-bottom>span:nth-child(2){display:none}}
@media(max-width:700px){.blog-footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1;grid-row:auto;padding-bottom:20px;border-bottom:1px solid rgba(124,160,205,.16)}.footer-featured{grid-column:1/-1}.blog-footer-bottom{grid-template-columns:1fr!important;text-align:center!important}.blog-footer-bottom>div{justify-self:center;justify-content:center;flex-wrap:wrap}.blog-footer-bottom>span{justify-self:center;white-space:normal!important}}
@media(max-width:480px){.blog-footer-grid{grid-template-columns:1fr}.footer-about,.footer-featured{grid-column:auto}.footer-column{padding-bottom:18px;border-bottom:1px solid rgba(124,160,205,.12)}.blog-footer-bottom a{padding:9px 11px!important}}

/* Recommended reading needs stronger hierarchy than the utility links. */
.footer-featured{gap:14px}
.footer-featured>strong{font-size:14px}
.footer-featured>a{padding-bottom:15px;font-size:14px;line-height:1.5}
.footer-featured>a span{margin-bottom:5px;font-size:9px;line-height:1.3}

/* Feedback de interação: todo link do rodapé responde ao mouse e ao teclado. */
.under-footer a{cursor:pointer}
.footer-column>a{position:relative;display:inline-flex;align-items:center;gap:7px;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}
.footer-column>a:after{content:'→';opacity:0;color:#00d9bd;font-size:12px;transform:translateX(-7px);transition:opacity .22s ease,transform .22s ease}
.footer-column>a:hover,.footer-column>a:focus-visible{color:#fff;transform:translateX(6px);text-shadow:0 0 18px rgba(0,217,189,.28);outline:0}
.footer-column>a:hover:after,.footer-column>a:focus-visible:after{opacity:1;transform:translateX(0)}
.footer-featured>a{transition:color .22s ease,padding-left .22s ease,border-color .22s ease,background .22s ease}
.footer-featured>a:hover,.footer-featured>a:focus-visible{padding-left:9px;border-color:rgba(0,217,189,.45);background:linear-gradient(90deg,rgba(0,217,189,.07),transparent);transform:none}
.footer-platform-link{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important}
.footer-platform-link b{transition:transform .22s ease,background .22s ease}
.footer-platform-link:hover,.footer-platform-link:focus-visible{transform:translateY(-3px);border-color:#00d9bd!important;background:rgba(0,217,189,.07);box-shadow:0 14px 34px rgba(0,0,0,.18);outline:0}
.footer-platform-link:hover b,.footer-platform-link:focus-visible b{background:#00bfa5;transform:translate(2px,-2px) rotate(-8deg)}
.blog-footer-bottom a{position:relative;overflow:hidden;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
.blog-footer-bottom a:before{position:absolute;inset:0;content:'';background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 76%);transform:translateX(-120%);transition:transform .45s ease}
.blog-footer-bottom a:hover,.blog-footer-bottom a:focus-visible{color:#fff;border-color:rgba(0,217,189,.7);background:rgba(0,217,189,.08);box-shadow:0 10px 26px rgba(0,0,0,.2);transform:translateY(-3px);outline:0}
.blog-footer-bottom a:hover:before,.blog-footer-bottom a:focus-visible:before{transform:translateX(120%)}
@media(prefers-reduced-motion:reduce){.under-footer a,.under-footer a:before,.under-footer a:after,.footer-platform-link b{transition:none!important}.under-footer a:hover,.under-footer a:focus-visible{transform:none!important}}
