/* Estilos responsivos para o JAC Público */

.public-jac-card {
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.header-logo {
    transition: all 0.3s ease;
}

.institution-info {
    transition: all 0.3s ease;
    text-align: center;
}

/* Mobile pequeno (xs) - < 576px */
@media (max-width: 575.98px) {
    .public-jac-card {
        margin-bottom: 12px;
        padding: 12px;
    }
    
    .institution-info div {
        font-size: 12px !important;
        line-height: 1.3;
    }
    
    .header-logo {
        max-width: 80px !important;
    }
    
    .ant-descriptions-item-label {
        font-size: 12px;
        padding: 8px 12px;
    }
    
    .ant-descriptions-item-content {
        font-size: 12px;
        padding: 8px 12px;
    }
    
    .ant-card-head-title {
        font-size: 14px;
    }
}

/* Mobile grande/Tablet pequeno (sm) - ≥ 576px */
@media (min-width: 576px) and (max-width: 767.98px) {
    .institution-info div {
        font-size: 13px !important;
    }
    
    .header-logo {
        max-width: 90px !important;
    }
}

/* Tablet (md) - ≥ 768px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .institution-info div {
        font-size: 14px !important;
    }
    
    .header-logo {
        max-width: 100px !important;
    }
}

/* Desktop (lg) - ≥ 992px */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .institution-info div {
        font-size: 15px !important;
    }
}

/* Desktop grande (xl) - ≥ 1400px */
@media (min-width: 1400px) {
    .institution-info div {
        font-size: 16px !important;
    }
    
    .public-jac-card {
        margin-bottom: 20px;
        padding: 20px;
    }
}

/* Impressão */
@media print {
    .public-jac-card {
        box-shadow: none;
        border: 1px solid #d9d9d9;
        margin-bottom: 20px;
        page-break-inside: avoid;
    }
    
    .institution-info div {
        font-size: 14px !important;
    }
    
    .header-logo {
        max-width: 100px !important;
    }
    
    .ant-descriptions-item-label {
        font-weight: bold;
    }
    
    .ant-card-head-title {
        font-size: 16px;
        font-weight: bold;
    }
}

/* Melhorias para telas muito pequenas */
@media (max-width: 375px) {
    .public-jac-card {
        padding: 8px;
    }
    
    .institution-info div {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
    
    .ant-descriptions-item-label,
    .ant-descriptions-item-content {
        font-size: 11px;
        padding: 6px 8px;
    }
}

/* Melhorias para telas muito grandes */
@media (min-width: 1600px) {
    .public-jac-card {
        margin-bottom: 24px;
        padding: 24px;
    }
    
    .institution-info div {
        font-size: 17px !important;
    }
    
    .ant-descriptions-item-label,
    .ant-descriptions-item-content {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    .ant-card-head-title {
        font-size: 18px;
    }
}