/* Link Card — logo (símbolo C + check) e wordmark unificado */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{height:54px;width:auto;flex:none;display:block;filter:drop-shadow(0 6px 14px rgba(204,9,47,.28));transition:transform .4s cubic-bezier(.22,1,.36,1)}
.brand:hover .brand-logo{transform:rotate(-2deg) scale(1.03)}
.brand.on-dark .brand-logo{background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 0 10px rgba(255,255,255,.45)) drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.brand-word{font-family:'Inter',sans-serif;font-weight:900;font-size:22px;letter-spacing:-.055em;line-height:1;color:var(--fg-1,#0b2418)}
.brand-word.light{color:#fff}
/* bandeira Visa Platinum no cartão */
.visa{font-family:'Inter',Arial,sans-serif;font-weight:900;font-style:italic;font-size:24px;letter-spacing:-.02em;line-height:1;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.visa-tier{font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.22em;color:#e9f0f4;background:linear-gradient(90deg,#f4f7f9,#b9c4cc 50%,#f4f7f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.visa-r{display:flex;align-items:flex-end;gap:12px}
.brand.sm .brand-logo{height:42px;width:auto}
.foot .brand.sm .brand-logo{height:86px;width:auto;filter:none}
.brand.sm .brand-word{font-size:19px}

/* ===== Responsividade global ===== */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}
@media (max-width:420px){
 .btn{white-space:normal;text-align:center}
 .code-row{flex-wrap:wrap;gap:8px}
 h1{overflow-wrap:break-word}
}
@media (max-width:360px){
 .btn{padding-left:16px;padding-right:16px}
}
@media (max-width:440px){
 .nav-actions [data-app-pick]{display:none}
 .nav-actions{gap:6px}
 .nav-actions .btn-sm{padding:0 12px}
}
@media (max-width:340px){.nav-actions .js-go{display:none}}