/*
 * Logomarca do canil — proporção livre, slots alinhados ao design system.
 */

/* Detalhes / perfil público — slot centralizado, marca em destaque */
.canil-logomarca-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    min-height: 120px;
    max-height: 200px;
    padding: 10px 12px;
    background: var(--bg-surface-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 10px);
}

.canil-logomarca-img {
    display: block;
    max-width: 100%;
    max-height: 176px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform var(--transition, 0.22s ease);
}

.canil-logomarca-slot-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    color: var(--text-muted);
    font-size: 2.5rem;
}

/* Listagem /canis/ — card estreito + área da logo quadrada (não faixa paisagem) */
.canil-list-card-inner {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.canil-logomarca-slot-card,
.canil-logomarca-slot-card--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 12px;
    background: var(--bg-surface-2);
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    box-sizing: border-box;
}

.canil-logomarca-slot-card--empty {
    color: var(--text-muted);
    font-size: 2.75rem;
}

.canil-logomarca-slot-card img,
.canil-logomarca-slot-card .canil-logomarca-img {
    max-width: 92%;
    max-height: 92%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform var(--transition, 0.22s ease);
}

a:hover .canil-logomarca-slot-card img,
.canil-logomarca-slot-card:hover img {
    transform: scale(1.03);
}