@media(max-width: 780px) {
    body { font-size: 14px; }
    h1 { font-size: 28px; }
    h2 { font-size: 20px; }
    h3 { font-size: 16px; }
    h4 { font-size: 14px; }

    .firstView {
        padding: 100px 20px 60px;
    }
    .firstView .superior-home { width: 100%; }
    .firstView h2.font-generic { font-size: 32px; }
    .firstView h4.font-generic { font-size: 16px; }

    #sidebar { display: none; }
    .cuerpo { padding: var(--space-4) var(--space-3); }
    .contenedor { margin-left: 0 !important; }

    .card { padding: var(--space-3); }

    .kpi-card .kpi-value { font-size: 28px; }

    .profile-header {
        flex-direction: column;
        text-align: center;
    }

    .section-header {
        flex-direction: column;
        gap: var(--space-2);
        align-items: flex-start;
    }

    .rdt_TableHeadRow { font-size: 12px; }
    .rdt_TableRow { font-size: 12px; }
}

@media(max-width: 1440px) {
    .market { padding: 50px 20px !important; }
    .marketplace { padding: 0 20px; }
    .market-border {
        border-left: none;
        border-right: none;
        padding: 50px 20px !important;
    }
}