/* ==========================================================================
   3. TEMPLATE A4 - MODO RETRATO EDITORIAL (SUPORTE TEMA ESCURO & TEMA CLARO)
   ========================================================================== */

/* Visualização na Tela quando o Modo A4 está Ativado */
body.mode-a4-active .main-viewport {
    background: #080b12;
    padding: 40px 10px 100px 10px;
}

/* Cleanup visual durante a captura do PDF (remove sombra/borda que extrapolam a página) */
.pdf-export-clean {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

body.theme-light-active.mode-a4-active .main-viewport {
    background: #e2e8f0;
}

body.mode-a4-active .slides-wrapper {
    gap: 0;
    align-items: center;
}

/* Folha A4 Retrato Rígida (210mm x 297mm) */
body.mode-a4-active .slide-item {
    width: 210mm;
    height: 297mm;
    background-color: var(--bg-slide-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    margin: 0 auto;
    page-break-after: always;
    break-after: page;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 22mm 18mm 18mm 18mm;
}

body.theme-light-active.mode-a4-active .slide-item {
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.08);
}

/* BADGE PADRONIZADA DE PRAZO DE DIAS ÚTEIS EM A4 */
body.mode-a4-active .stage-badge-mono {
    background: rgba(197, 168, 128, 0.12) !important;
    border: 1px solid var(--accent-gold-line) !important;
    padding: 4px 10px !important;
    font-family: var(--font-mono) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: var(--accent-gold) !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
}

body.theme-light-active.mode-a4-active .stage-badge-mono {
    background: rgba(155, 123, 72, 0.12) !important;
}

/* --------------------------------------------------------------------------
   SISTEMA DE CABEÇALHO & RODAPÉ EDITORIAL A4
   -------------------------------------------------------------------------- */
body.mode-a4-active .a4-page-header {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 10mm;
    left: 18mm;
    right: 18mm;
    font-family: var(--font-mono);
    font-size: 9.5px;
    color: var(--accent-gold);
    letter-spacing: 2px;
    border-bottom: 1px solid var(--accent-gold-line);
    padding-bottom: 5px;
    z-index: 100;
}

body.mode-a4-active .a4-page-footer {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 10mm;
    left: 18mm;
    right: 18mm;
    font-family: var(--font-mono);
    font-size: 9.5px;
    color: var(--text-muted);
    letter-spacing: 1.5px;
    border-top: 1px solid var(--accent-gold-line);
    padding-top: 5px;
    z-index: 100;
}

body.mode-a4-active .a4-page-footer .a4-ftr-num {
    color: var(--accent-gold);
}

/* Ocultar barra de rodapé 16:9 redundante no modo A4 na página 8 */
body.mode-a4-active .slide-final-render .final-footer-bar {
    display: none !important;
}

/* SVG decorativo em plano de fundo absoluto sem alterar o flex */
body.mode-a4-active .tech-vector-svg {
    position: absolute !important;
    top: 20mm !important;
    bottom: 18mm !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* --------------------------------------------------------------------------
   ESTILOS EXCLUSIVOS DO MODO RETRATO A4 POR PÁGINA
   -------------------------------------------------------------------------- */

/* Títulos Padronizados no Modo A4 no Topo */
body.mode-a4-active .slide-title-unified {
    font-family: var(--font-display) !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    line-height: 1.1 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    position: relative;
    z-index: 10;
}

body.theme-light-active.mode-a4-active .slide-title-unified {
    color: #0f172a !important;
}

/* PÁGINA 1: CAPA A4 EDITORIAL MINIMALISTA DE ALTO LUXO */
body.mode-a4-active .slide-cover-render {
    padding: 35mm 20mm 25mm 20mm;
    background: #0b0f19 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

body.theme-light-active.mode-a4-active .slide-cover-render {
    background: #ffffff !important;
}

body.mode-a4-active .slide-cover-render .cover-brand-logo {
    width: 220px !important;
    height: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    margin-bottom: 35px;
    filter: invert(1) brightness(1.8);
    display: block;
    position: relative;
    z-index: 10;
}

body.theme-light-active.mode-a4-active .slide-cover-render .cover-brand-logo {
    filter: none !important;
}

body.mode-a4-active .slide-cover-render .cover-kicker {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--accent-gold);
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-cover-render .cover-main-title {
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    z-index: 10;
}

body.theme-light-active.mode-a4-active .slide-cover-render .cover-main-title {
    color: #0f172a !important;
}

body.mode-a4-active .slide-cover-render .cover-divider-line {
    width: 70px;
    height: 2px;
    background: var(--accent-gold);
    margin: 25px 0;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-cover-render .cover-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    border-top: 1px solid var(--accent-gold-line);
    padding-top: 25px;
    margin-top: 20px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-cover-render .cover-meta-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.mode-a4-active .slide-cover-render .cover-meta-block .meta-label {
    font-family: var(--font-mono);
    font-size: 10.5px;
    font-weight: 700;
    color: var(--accent-gold);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

body.mode-a4-active .slide-cover-render .cover-meta-block strong {
    font-family: var(--font-sans);
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
}

body.theme-light-active.mode-a4-active .slide-cover-render .cover-meta-block strong {
    color: #0f172a !important;
}

body.mode-a4-active .slide-cover-render .cover-meta-block .meta-sub {
    font-family: var(--font-sans);
    font-size: 11.5px;
    color: var(--text-secondary);
}

/* PÁGINA 2: QUEM SOMOS A4 EDITORIAL */
body.mode-a4-active .mode-169-only-title {
    display: none !important;
}

body.mode-a4-active .slide-about-render {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 22mm 18mm 18mm 18mm;
    gap: 10px;
}

body.mode-a4-active .slide-about-render .about-photo-col {
    width: 100% !important;
    height: 320px !important;
    margin-bottom: 12px !important;
    border: 1px solid var(--accent-gold-line);
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-about-render .about-text-col {
    padding: 0;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-about-render .about-subheading {
    font-size: 14.5px;
    color: var(--accent-gold);
    margin-bottom: 4px;
}

body.mode-a4-active .slide-about-render .about-body-text {
    font-size: 13px;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.mode-a4-active .slide-about-render .about-highlight-gold {
    font-size: 13.5px;
    margin-top: 2px;
}

body.theme-light-active.mode-a4-active .slide-about-render .about-highlight-gold {
    color: #0f172a !important;
}

body.mode-a4-active .slide-about-render .locations-footer {
    border-top: 1px solid var(--accent-gold-line);
    padding-top: 8px;
    margin-top: 4px;
    position: relative;
    z-index: 10;
}

/* PÁGINA 3: O QUE FAZEMOS A4 EDITORIAL */
body.mode-a4-active .slide-services-render {
    padding: 22mm 18mm 18mm 18mm;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 14px;
}

body.mode-a4-active .services-grid-render {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 5px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .service-card-render {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--accent-gold-line);
    border-top: 3px solid var(--accent-gold);
    padding: 18px 22px;
    border-radius: 2px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
}

body.theme-light-active.mode-a4-active .service-card-render {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-top-color: var(--accent-gold) !important;
}

body.mode-a4-active .service-card-render .service-tag-mono {
    font-size: 12px;
    margin-bottom: 2px;
}

body.mode-a4-active .service-card-render h4 {
    font-size: 18px;
    margin-bottom: 4px;
}

body.theme-light-active.mode-a4-active .service-card-render h4 {
    color: #0f172a !important;
}

body.mode-a4-active .service-card-render p {
    font-size: 13.5px;
    line-height: 1.6;
}

/* PÁGINA 4: PORTFÓLIO DE RENDERS A4 EDITORIAL */
body.mode-a4-active .slide-portfolio-render {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 4px;
    background: var(--accent-gold-line);
    padding: 22mm 18mm 18mm 18mm;
}

/* PÁGINAS 5 & 6: ETAPAS DO PROJETO EM A4 */
body.mode-a4-active .slide-stages-render {
    padding: 22mm 18mm 18mm 18mm;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
}

body.mode-a4-active .stages-cards-grid-3col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 5px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .stage-architectural-card {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--accent-gold-line);
    border-top: 3px solid var(--accent-gold);
    padding: 14px 18px;
    border-radius: 2px;
    height: auto !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.theme-light-active.mode-a4-active .stage-architectural-card {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-top-color: var(--accent-gold) !important;
}

body.mode-a4-active .stage-architectural-card .stage-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.mode-a4-active .stage-architectural-card .stage-mono-tag {
    font-family: var(--font-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--accent-gold) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

body.mode-a4-active .stage-architectural-card h4 {
    font-size: 16px;
    margin-bottom: 2px;
}

body.theme-light-active.mode-a4-active .stage-architectural-card h4 {
    color: #0f172a !important;
}

body.mode-a4-active .stage-architectural-card ul li {
    font-size: 12.5px;
    line-height: 1.5;
}

/* Cartão de Metodologia em A4 - Tipografia Dourada Monospaçada */
body.mode-a4-active .a4-methodology-card {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--accent-gold-line);
    border-left: 3px solid var(--accent-gold);
    padding: 12px 18px;
    border-radius: 2px;
    margin-top: 8px;
    position: relative;
    z-index: 10;
}

body.theme-light-active.mode-a4-active .a4-methodology-card {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-left-color: var(--accent-gold) !important;
}

body.mode-a4-active .a4-methodology-card .method-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Divisor dourado entre os blocos de Metodologia e Compatibilização */
body.mode-a4-active .a4-methodology-card .method-block + .method-block {
    padding-top: 10px;
    border-top: 1px dashed var(--accent-gold-line);
}

body.mode-a4-active .a4-methodology-card .method-mono-tag {
    font-family: var(--font-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--accent-gold) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

body.mode-a4-active .a4-methodology-card p {
    font-family: var(--font-sans) !important;
    font-size: 12.5px !important;
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
}

/* PÁGINA 6: ETAPA 04 - PROJETO EXECUTIVO EM A4 COM MOLDURA DE IMAGEM */
body.mode-a4-active .exec-header-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .exec-architectural-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 2px;
    position: relative;
    z-index: 10;
    width: 100%;
}

body.mode-a4-active .exec-architectural-grid.exec-count-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

body.mode-a4-active .exec-architectural-grid.exec-count-1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
}

body.mode-a4-active .exec-cards-subrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
}

body.mode-a4-active .exec-card-render {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--accent-gold-line);
    border-top: 3px solid var(--accent-gold);
    padding: 14px 18px;
    border-radius: 2px;
    height: auto !important;
    box-sizing: border-box;
}

body.theme-light-active.mode-a4-active .exec-card-render {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-top-color: var(--accent-gold) !important;
}

body.mode-a4-active .exec-card-render.card-exec-a {
    width: 100%;
}

body.mode-a4-active .exec-card-render .exec-mono-tag {
    font-family: var(--font-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--accent-gold) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

body.mode-a4-active .exec-card-render h5 {
    font-size: 15px;
    margin-bottom: 6px;
    padding-bottom: 4px;
}

body.theme-light-active.mode-a4-active .exec-card-render h5 {
    color: #0f172a !important;
}

body.mode-a4-active .exec-card-render ul li {
    font-size: 12.5px;
    line-height: 1.5;
}

/* Moldura da Imagem de Destaque Executivo na Página 6 - A4 */
body.mode-a4-active .exec-photo-box {
    width: 100%;
    height: 420px;
    margin-top: 10px;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
}

body.mode-a4-active .exec-photo-box .image-placeholder-box {
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* PÁGINA 7: INVESTIMENTO & AMBIENTES A4 EDITORIAL (EXPANSÃO DINÂMICA E PREENCHIMENTO) */
body.mode-a4-active .slide-investment-render {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 22mm 18mm 18mm 18mm;
    gap: 14px;
    background: #0f141f !important;
}

body.theme-light-active.mode-a4-active .slide-investment-render {
    background: #ffffff !important;
}

body.mode-a4-active .slide-investment-render .inv-photo-side {
    height: 240px;
    width: 100%;
    border-right: none;
    border: 1px solid var(--accent-gold-line);
    margin-bottom: 4px;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
}

body.mode-a4-active .slide-investment-render .inv-details-side {
    padding: 0;
    height: auto;
    overflow: visible;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-investment-render .inv-intro {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 6px;
}

body.mode-a4-active .environments-highlight-card {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--accent-gold-line);
    border-left: 4px solid var(--accent-gold);
    padding: 20px 24px !important;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 8px;
    height: auto !important;
    min-height: 220px !important;
    max-height: 300px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

body.theme-light-active.mode-a4-active .environments-highlight-card {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-left-color: var(--accent-gold) !important;
}

body.mode-a4-active .environments-highlight-card .env-card-header {
    font-family: var(--font-mono) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--accent-gold) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}

body.mode-a4-active .slide-investment-render .environments-grid-3col {
    font-size: 13.5px !important;
    gap: 8px 16px !important;
    line-height: 1.6 !important;
}

body.theme-light-active.mode-a4-active .slide-investment-render .environments-grid-3col {
    color: #0f172a !important;
}

body.mode-a4-active .inv-summary-card {
    padding: 20px 24px !important;
    margin-top: 4px;
}

body.theme-light-active.mode-a4-active .inv-summary-card {
    background: #f8fafc !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
    border-top-color: var(--accent-gold) !important;
}

body.mode-a4-active .inv-summary-row {
    font-size: 14px;
}

body.mode-a4-active .inv-summary-row.total {
    font-size: 16px;
}

body.theme-light-active.mode-a4-active .inv-summary-row.total {
    color: #0f172a !important;
}

body.mode-a4-active .inv-terms-footer {
    font-size: 12px;
    line-height: 1.55;
}

/* PÁGINA 8: ENCERRAMENTO & CONTATOS A4 EDITORIAL */
body.mode-a4-active .slide-final-render {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 22mm 18mm 18mm 18mm;
    gap: 20px;
    background: radial-gradient(circle at 50% 40%, #151d30 0%, #0b0f19 100%) !important;
}

body.theme-light-active.mode-a4-active .slide-final-render {
    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f1f5f9 100%) !important;
}

body.mode-a4-active .slide-final-render .final-brand-row {
    padding-bottom: 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-final-render .final-logo-img {
    height: 38px;
}

body.theme-light-active.mode-a4-active .slide-final-render .final-logo-img {
    filter: none !important;
}

body.mode-a4-active .slide-final-render .final-headline-title {
    font-size: 34px;
    position: relative;
    z-index: 10;
}

body.theme-light-active.mode-a4-active .slide-final-render .final-headline-title {
    color: #0f172a !important;
}

body.mode-a4-active .slide-final-render .final-subtitle {
    font-size: 14px;
    line-height: 1.6;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-final-render .contacts-grid-4col {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

body.mode-a4-active .slide-final-render .contact-card-box {
    padding: 20px 18px;
}

body.theme-light-active.mode-a4-active .slide-final-render .contact-card-box {
    background: #ffffff !important;
    border-color: rgba(155, 123, 72, 0.3) !important;
}

body.mode-a4-active .slide-final-render .contact-card-box .card-main-val {
    font-size: 14px;
}

body.theme-light-active.mode-a4-active .slide-final-render .contact-card-box .card-main-val {
    color: #0f172a !important;
}

/* ==========================================================================
   REGRAS DE IMPRESSÃO DIRETA NO NAVEGADOR E EXPORTAÇÃO PDF (@media print)
   ========================================================================== */
@media print {
    @page {
        size: 210mm 297mm;
        margin: 0;
    }

    html, body {
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        background: #0b0f19 !important;
        color: #ffffff !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.theme-light-active {
        background: #ffffff !important;
        color: #0f172a !important;
    }

    /* Ocultar Interface de Controle */
    .sidebar,
    .btn-toggle-sidebar-trigger,
    .floating-toolbar,
    .zoom-floating-panel,
    .zoom-indicator-badge,
    .notification,
    .start-overlay,
    ::-webkit-scrollbar {
        display: none !important;
    }

    .app-container {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-viewport {
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        background: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        display: block !important;
    }

    .slides-wrapper {
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: block !important;
    }

    .slide-item {
        width: 210mm !important;
        min-width: 210mm !important;
        max-width: 210mm !important;
        height: 297mm !important;
        min-height: 297mm !important;
        max-height: 297mm !important;
        box-shadow: none !important;
        border: none !important;
        transform: none !important;
        margin: 0 auto !important;
        margin-bottom: 0 !important;
        page-break-before: always !important;
        page-break-after: always !important;
        break-after: page !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background-color: #0b0f19 !important;
        color: #ffffff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    body.theme-light-active .slide-item {
        background-color: #ffffff !important;
        color: #0f172a !important;
    }

    .slide-item:first-child {
        page-break-before: avoid !important;
    }

    /* Forçar títulos e cabeçalhos editoriais A4 */
    .mode-169-only-title {
        display: none !important;
    }
    .a4-only-title {
        display: block !important;
    }
    .a4-page-header,
    .a4-page-footer {
        display: flex !important;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

/* ==========================================================================
   RESPONSIVIDADE PARA DISPOSITIVOS MÓVEIS (CELULARES & TABLETS)
   ========================================================================== */
@media (max-width: 900px) {
    body.mode-a4-active .main-viewport {
        padding: 15px 5px 60px 5px;
    }

    body.mode-a4-active .slide-item {
        width: 100%;
        max-width: 480px;
        height: auto;
        min-height: 680px;
    }
}