/* Keep the supplied municipal logo intact and legible in both themes. */
img.logo-cabrero {
    width: 200px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
}
.brand-logo img.logo-cabrero,
.topbar img.logo-cabrero {
    width: 160px;
    max-height: 64px;
}
.preloader img.logo-cabrero {
    width: 120px;
    max-height: none;
}
.brand-logo .logo-img {
    min-width: 0;
    flex-shrink: 1;
}
@media (max-width: 575px) {
    .topbar img.logo-cabrero { width: 125px; max-height: 56px; }
}

/* Municipal portal: blue-to-teal gradient with a custom civic illustration. */
.breadcrumb-cabrero {
    background: linear-gradient(115deg, #164578 0%, #2469aa 58%, #238b96 100%);
    isolation: isolate;
}
.breadcrumb-cabrero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(ellipse at 30% 0%, #ffffff14, transparent 65%);
    pointer-events: none;
}
.breadcrumb-cabrero .card-body { min-height: 128px; display: flex; align-items: center; }
.breadcrumb-cabrero .card-body > .row { width: 100%; }
.breadcrumb-cabrero h4,
.breadcrumb-cabrero .breadcrumb-item.active { color: #fff; }
.breadcrumb-cabrero .breadcrumb-item,
.breadcrumb-cabrero .breadcrumb-item a,
.breadcrumb-cabrero .breadcrumb-item + .breadcrumb-item::before { color: #e0f1ff; }
.breadcrumb-cabrero .breadcrumb-item a:hover { color: #fff; text-decoration: underline !important; }
.breadcrumb-cabrero .breadcrumb-item a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 2px; }
.breadcrumb-cabrero-copy { position: relative; z-index: 1; overflow-wrap: anywhere; }
.breadcrumb-cabrero-art { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 230px; height: 124px; pointer-events: none; }
@media (min-width: 768px) {
    .breadcrumb-cabrero-copy { padding-right: 48px; }
}
@media (max-width: 767px) {
    .breadcrumb-cabrero .card-body { min-height: 112px; }
    .breadcrumb-cabrero-art { right: -95px; opacity: .16; }
}
[data-bs-theme="dark"] .breadcrumb-cabrero {
    background: linear-gradient(115deg, #123353 0%, #1b4e7b 58%, #1a656e 100%);
}