@media print {
    /* Oculta tudo que não deve ser impresso */
    body * {
        visibility: hidden;
    }
    
    .border-l {
        border-left: none !important;
    }

    h1 {
        font-size: 1.6rem;
        margin: 0 0 1.25rem;
        padding-top: 2rem;
        padding-right: 120px;
        background: url(https://agenciazzip.com/wp-content/uploads/2024/09/logo-seca-cinza.png) top 20px right no-repeat;
        background-size: 120px;
    }
    
    /* Mostra apenas o conteúdo do #imprimir */
    #imprimir,
    #imprimir * {
        visibility: visible;
    }
    
    /* Remove margens e padding do body */
    body {
        margin: 0;
        padding: 0;
        background: white !important;
    }
    
    /* Posiciona o #imprimir no canto superior esquerdo */
    #imprimir {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 10mm;
        background: white !important;
        overflow: visible !important;
    }
    
    /* Configura o layout flexível para quebra automática */
    #previewRow {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        align-items: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    
    /* Garante que #currentPreview também quebre */
    #currentPreview {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    /* Mantém as dimensões originais dos cards */
    .preview-card {
        page-break-inside: avoid;
        break-inside: avoid;
        flex-shrink: 0;
        overflow: hidden !important;
    }

    .preview-card.is-empty {
        display: none !important;
    }
    
    /* Força dimensões específicas para cada tipo de card */
    .preview-card:has(#storyImagePreview) {
        width: 260px !important;
        max-width: 260px !important;
    }
    
    .preview-card:has(#waImagePreview) {
        width: 360px !important;
        max-width: 360px !important;
    }
    
    .preview-card:has(#imagePreview),
    .preview-card:has(#igImagePreview) {
        width: 320px !important;
        max-width: 320px !important;
    }
    
    /* Garante que imagens respeitem os containers */
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        break-inside: avoid;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
        object-fit: cover !important;
    }
    
    /* Dimensões específicas para containers de imagens */
    .preview-card [class*="w-[260px]"] {
        width: 260px !important;
        max-width: 260px !important;
    }
    
    .preview-card [class*="h-[460px]"] {
        height: 460px !important;
        max-height: 460px !important;
    }
    
    .preview-card [class*="w-[360px]"] {
        width: 360px !important;
        max-width: 360px !important;
    }
    
    .preview-card [class*="h-[188px]"] {
        height: 188px !important;
        max-height: 188px !important;
    }
    
    .preview-card [class*="w-[320px]"] {
        width: 320px !important;
        max-width: 320px !important;
    }
    
    .preview-card .aspect-square {
        aspect-ratio: 1 / 1 !important;
        width: 320px !important;
        height: 320px !important;
        max-width: 320px !important;
        max-height: 320px !important;
    }
    
    /* Remove elementos que não devem aparecer na impressão */
    .no-print {
        display: none !important;
    }
    
    /* Força impressão de backgrounds e cores */
    * {
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
    }
    
    /* Ajusta título para não ocupar muito espaço */
    #imprimir h2 {
        margin-bottom: 10px;
        font-size: 14pt;
    }
}

/* Configurações adicionais de página */
@page {
    size: A4 portrait;
    margin: 10mm;
}