.banks-section{padding:54px 0 38px;background:#fff;border-bottom:1px solid var(--line)}
.banks-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:27px}
.banks-heading .eyebrow{margin-bottom:13px;font-size:10px;color:var(--orange-dark)}
.banks-heading h2{font-size:clamp(27px,2.7vw,36px);margin-bottom:12px}
.banks-heading p:last-child{margin-bottom:0;color:var(--muted);font-size:14px}
.banks-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}
.banks-controls[hidden]{display:none}
.banks-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;font-size:21px;transition:background .2s,border-color .2s}
.banks-controls button:hover{background:var(--cream);border-color:#d6b59e}
.banks-controls .banks-pause{border:0;border-radius:6px;font-size:12px;padding:0 12px;color:var(--muted);margin-right:5px}
.banks-pause>span:first-child{font-size:16px}
.banks-track{--bank-gap:16px;display:flex;gap:var(--bank-gap);list-style:none;margin:0;padding:0 0 5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d9d0c5 transparent;outline-offset:5px}
.banks-track:focus-visible{outline:3px solid var(--orange-dark)}
.banks-track::-webkit-scrollbar{height:4px}.banks-track::-webkit-scrollbar-thumb{background:#d9d0c5;border-radius:4px}
.bank-card{flex:0 0 calc((100% - 3 * var(--bank-gap))/4);min-width:0;min-height:146px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:24px 20px 19px;scroll-snap-align:start}
.bank-card img{width:160px;height:56px;object-fit:contain;max-width:100%}
.bank-mercantil img{background:#003da5;padding:12px;border-radius:7px}
.bank-nbc img{background:#0c182d;padding:10px;border-radius:7px}
.bank-brb img{background:#006eb9;padding:8px 14px;border-radius:7px;object-fit:cover}
.bank-c6 img{object-fit:cover;border-radius:7px;background:#282929}
.bank-erbank-logo{position:relative;display:block;width:160px;aspect-ratio:160/56;max-width:100%;overflow:hidden;border-radius:7px;background:#f2f2f2}
.bank-card .bank-erbank-logo img{position:absolute;max-width:none;width:234%;height:auto;left:-30%;top:-54%}
.bank-card>span{font-size:12px;color:var(--muted);letter-spacing:.01em}
.banks-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;color:var(--muted);font-size:11px}
.banks-hint{display:none}.banks-hint span{color:var(--orange-dark);padding-left:6px}
@media(max-width:800px){.banks-section{padding:40px 0 30px}.banks-heading{align-items:flex-start;gap:20px}.banks-heading h2{font-size:29px}.banks-heading p:last-child{font-size:13px}.banks-track{--bank-gap:12px}.bank-card{flex-basis:calc((100% - 2 * var(--bank-gap))/3);padding-inline:20px}.banks-pause-label{display:none}.banks-controls .banks-pause{padding:0;margin:0;min-width:36px}.banks-controls{gap:5px}}
@media(max-width:600px){.banks-section{padding:35px 0 27px}.banks-heading{display:block;margin-bottom:22px}.banks-heading h2{font-size:29px}.banks-heading .eyebrow{font-size:9px}.banks-heading p:last-child{font-size:14px;max-width:330px}.banks-controls{margin-top:18px;justify-content:flex-end}.banks-controls .banks-pause{margin-right:auto;padding:0 4px}.banks-pause-label{display:inline}.bank-card{flex-basis:calc((100% - var(--bank-gap))/2);min-height:133px;padding:22px 16px 17px;gap:16px}.bank-card img{height:48px}.banks-footer{font-size:10px;gap:12px}.banks-count{max-width:135px;line-height:1.6}.banks-hint{display:inline;text-align:right;max-width:150px;line-height:1.6}}
