/* Logo responsiva para OJS 3.0 */

/* Desktop - Logo com altura de 200px */
.navbar-brand img,
.site-logo img {
    height: 200px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Container da logo */
.navbar-brand,
.site-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile - Tablet (até 768px) */
@media (max-width: 768px) {
    .navbar-brand img,
    .site-logo img {
        height: 100px;
        width: auto;
        max-fit: contain;
    }
}

/* Mobile pequeno (até 480px) */
@media (max-width: 480px) {
    .navbar-brand img,
    .site-logo img {
        height: 60px;
        width: auto;
        object-fit: contain;
    }
}

/* Mínimo garantido de 30px */
@media (max-width: 320px) {
    .navbar-brand img,
    .site-logo img {
        height: 30px;
        width: auto;
        object-fit: contain;
    }
}

/* Cartão responsivo com logo */
.logo-card {
    padding: 20px;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.logo-card img {
    height: auto;
    max-height: 200px;
    width: auto;
    object-fit: contain;
}

/* Mobile - Cartão responsivo */
@media (max-width: 768px) {
    .logo-card {
        padding: 15px;
    }
    
    .logo-card img {
        max-height: 100px;
    }
}

@media (max-width: 480px) {
    .logo-card {
        padding: 10px;
    }
    
    .logo-card img {
        max-height: 60px;
    }
}

@media (max-width: 320px) {
    .logo-card {
        padding: 8px;
    }
    
    .logo-card img {
        max-height: 30px;
    }
}