#localizador-tinteiros.ink-finder {
    --ink-blue: #0f5bd7;
    position: relative;
    isolation: isolate;
    padding-block: clamp(40px, 6vw, 80px);
    border: 0;
    background:
        radial-gradient(ellipse at 95% 10%, rgba(133,190,255,.22), transparent 48%),
        radial-gradient(ellipse at 0% 100%, rgba(205,230,255,.4), transparent 52%),
        linear-gradient(125deg, #f6f9fd, #fff 58%, #edf5ff);
}
#localizador-tinteiros .ink-finder__layout { gap: clamp(24px,5vw,72px); }
#localizador-tinteiros .ink-finder__eyebrow {
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ink-blue);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .15em;
}
#localizador-tinteiros .ink-finder__eyebrow svg {
    box-sizing: content-box;
    width: 22px;
    height: 22px;
    padding: 12px;
    border: 1px solid #d8e8fc;
    border-radius: 14px;
    background: #eaf3ff;
}
#localizador-tinteiros h2 {
    max-width: 15ch;
    font-size: clamp(30px,3.5vw,46px);
    line-height: 1.12;
    font-weight: 650;
    letter-spacing: -.04em;
    text-wrap: balance;
}
#localizador-tinteiros .ink-finder__intro {
    max-width: 36ch;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.75;
    color: #52657e;
}
#localizador-tinteiros .ink-finder__card {
    min-width: 0;
    padding: clamp(20px,3vw,36px);
    border: 1px solid #dce7f5;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 64px -28px rgba(30,76,135,.24), 0 2px 6px rgba(30,76,135,.03);
}
#localizador-tinteiros .ink-finder__step { margin-bottom: 20px; font-size: 14px; font-weight: 600; }
#localizador-tinteiros .ink-finder__step span { border-radius: 50%; background: #eff5ff; color: var(--ink-blue); }
#localizador-tinteiros .ink-finder__input {
    border-color: #cfdded;
    border-radius: 12px;
    background: #f8fafd;
    font-size: 16px;
    font-weight: 400;
    transition: border-color .2s, box-shadow .2s;
}
#localizador-tinteiros .ink-finder__input::placeholder { color: #65758b; opacity: 1; }
#localizador-tinteiros .ink-finder__submit {
    border-radius: 12px;
    background: var(--ink-blue);
    box-shadow: 0 6px 16px rgba(15,91,215,.16);
    font-size: 14px;
    font-weight: 600;
}
#localizador-tinteiros .ink-finder__submit:hover { background: #0b4fbd; }
#localizador-tinteiros .ink-finder__brand-label { margin: 26px 0 12px; font-size: 10px; font-weight: 600; letter-spacing: .14em; color: #52657e; }
#localizador-tinteiros .ink-finder__brands { gap: 10px; }
#localizador-tinteiros .ink-finder__brand {
    height: 80px;
    padding: 16px;
    border-color: #e1e8f2;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(30,76,135,.025);
}
#localizador-tinteiros .ink-finder__brand:hover { border-color: #8cb8ee; background: #f9fbff; }
#localizador-tinteiros .ink-finder__help { margin-top: 20px; padding-top: 16px; border-top: 1px solid #edf1f6; color: #586b83; font-size: 12px; line-height: 1.65; }
#localizador-tinteiros a:focus-visible, #localizador-tinteiros button:focus-visible {
    outline: 3px solid var(--ink-blue);
    outline-offset: 3px;
}
@media (max-width: 991px) {
    #localizador-tinteiros .ink-finder__intro { max-width: 52ch; }
    #localizador-tinteiros h2 { max-width: 24ch; }
}
@media (max-width: 575px) {
    #localizador-tinteiros .ink-finder__card { border-radius: 20px; }
    #localizador-tinteiros .ink-finder__eyebrow { margin-bottom: 14px; }
    #localizador-tinteiros .ink-finder__intro { margin-top: 12px; font-size: 15px; }
    #localizador-tinteiros .ink-finder__input { padding-right: 12px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    #localizador-tinteiros .ink-finder__brand, #localizador-tinteiros .ink-finder__input { transition: none; }
    #localizador-tinteiros .ink-finder__brand:hover { transform: none; }
}