/* Revista Topicos - Single Page A4 Print Styles */

.revista-topicos-wrapper {
    position: relative;
}

.revista-topicos-wrapper .a4-page {
    width: 210mm;
    height: 297mm;
    background: white;
    position: relative;
    overflow: hidden;
}

@media screen {
    .revista-topicos-wrapper {
        background: #f1f5f9;
        min-height: 100vh;
        padding: 20px;
    }

    .revista-topicos-wrapper .a4-page {
        margin: 0 auto;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .revista-topicos-wrapper .topicos-loading-overlay {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
}

@media print {
    .revista-topicos-wrapper {
        background: none !important;
        padding: 0 !important;
        min-height: auto !important;
    }

    .revista-topicos-wrapper #topicos-toolbar-fixed,
    .revista-topicos-wrapper .topicos-loading-overlay {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
    }

    .revista-topicos-wrapper .a4-page {
        margin: 0 !important;
        box-shadow: none !important;
        border: none !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
        overflow: hidden !important;
        width: 210mm !important;
        height: 297mm !important;
    }

    .revista-topicos-wrapper html,
    .revista-topicos-wrapper body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}