/* ============================================================
   Lineage Analytics — responsive.css
   ============================================================ */

@media (max-width: 1280px) {
    .visual-frame {
        transform: translateX(1%) scale(0.86);
        animation-name: floatYMedium;
    }

    @keyframes floatYMedium {
        0%, 100% { transform: translateX(1%) translateY(0)    scale(0.86); }
        50%      { transform: translateX(1%) translateY(-12px) scale(0.86); }
    }
}

@media (max-width: 1024px) {
    .chapter-text {
        max-width: 480px;
        padding: 36px 38px;
    }
    .chapter-text-center { padding: 50px 54px; }

    .visual-frame {
        max-width: 520px;
        width: 82%;
    }
}

@media (max-width: 768px) {
    /* Mobile: full-width card, sem split halves */
    .chapter-half,
    .chapter-half-left,
    .chapter-half-right {
        width: 100%;
        padding: 0 18px;
        justify-content: center;
    }

    .chapter-text {
        max-width: 100%;
        padding: 30px 28px;
        gap: 14px;
    }

    .chapter-title { font-size: clamp(28px, 8vw, 46px); }
    .chapter-lede { font-size: 16px; }

    .btn-download {
        padding: 18px 38px;
        font-size: 11.5px;
    }

    .footer { bottom: 12px; font-size: 9px; }

    /* Em mobile o painel fica centralizado e sem "puxar para fora" */
    .chapter-visual {
        justify-content: center;
        padding-right: 0;
    }

    .visual-frame {
        transform: scale(0.95);
        animation: floatYMobile 5s ease-in-out infinite;
        width: 100%;
    }

    @keyframes floatYMobile {
        0%, 100% { transform: scale(0.95) translateY(0); }
        50%      { transform: scale(0.95) translateY(-8px); }
    }

    [data-visual] {
        transform: translate3d(0, 12px, 0) scale(0.96) !important;
    }

    [data-visual].is-visible {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    [data-visual].is-exiting {
        transform: translate3d(0, -10px, 0) scale(0.96) !important;
    }
}

@media (max-width: 480px) {
    .chapter-text { padding: 24px 22px; }
    .chapter-title { font-size: clamp(26px, 8vw, 36px); }
    .eyebrow { font-size: 10px; padding: 6px 10px; letter-spacing: 0.24em; }
    .btn-download { padding: 16px 30px; font-size: 11px; width: 100%; letter-spacing: 0.16em; }
    .chapter-text-center { padding: 36px 28px; }
}

@media (hover: none) {
    .btn-download:hover { transform: none; }
}

@supports (padding: max(0px)) {
    .chapter-half, .chapter-center {
        padding-left: max(env(safe-area-inset-left), 18px);
        padding-right: max(env(safe-area-inset-right), 18px);
    }

    .footer {
        bottom: max(16px, env(safe-area-inset-bottom));
    }
}