/* Franja de marca sobre la barra superior (Cobranza Full): texto + 3 logos. Compacta; no toca .topbar */
.cf-marca{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #e5e7eb;padding:5px 12px}
.cf-marca-txt{font-size:13px;font-weight:600;color:#0f4c81;white-space:nowrap}
.cf-marca-logos{display:flex;align-items:center;gap:10px}
.cf-marca-logos span{display:flex;align-items:center;height:38px;padding:3px 8px;border-radius:7px}
.cf-marca-logos span.oscuro{background:#0f4c81}
.cf-marca-logos img{height:32px;width:auto;display:block}
@media (max-width:700px){.cf-marca{flex-direction:column;gap:4px;padding:5px 8px}.cf-marca-logos{gap:6px}.cf-marca-logos span{height:30px;padding:2px 5px}.cf-marca-logos img{height:24px;max-width:28vw;object-fit:contain}}
/* Login: 3 logos + título + acceso a empresas */
.card.login{width:min(440px,92vw);box-sizing:border-box}
.login-logos{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #e5e7eb}
.login-logos span{display:flex;align-items:center;justify-content:center;height:40px;padding:4px 8px;border-radius:7px}
.login-logos span.oscuro{background:#0f4c81}
.login-logos img{height:32px;width:auto;max-width:110px;object-fit:contain;display:block}
.login-titulo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.login-empresas{background:#0f4c81;color:#fff!important;text-decoration:none;padding:7px 12px;border-radius:7px;font-weight:600;white-space:nowrap}
.login-empresas:hover{background:#1d6fb8}
@media (max-width:480px){.login-logos img{height:24px;max-width:26vw}.login-logos span{height:32px;padding:3px 5px}}
/* Login v2: logos arriba fuera de las tarjetas + dos tarjetas lado a lado */
.login-wrap.login2{flex-direction:column;gap:22px;padding:24px 12px;box-sizing:border-box}
.login2 .login-logos{background:#fff;border:0;border-radius:12px;padding:12px 18px;gap:14px;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.login2 .login-logos img{height:40px;max-width:170px}
.login2 .login-logos span{height:48px}
.login-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:stretch}
.login2 .card.login{width:340px;max-width:92vw}
@media (max-width:760px){.login-cards{flex-direction:column;align-items:center}.login2 .login-logos{padding:8px 10px;gap:6px}.login2 .login-logos img{height:24px;max-width:26vw}.login2 .login-logos span{height:32px;padding:3px 5px}}