.home-page .levels-showcase .category-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home-page .level-card {
    min-height: 250px;
}

.home-page .level-card .level-card__visual {
    flex: 0 0 98px;
    height: 98px;
    min-height: 98px;
    font-family: "Archivo", sans-serif;
    text-shadow: none;
}

.home-page .level-card__visual--yellow {
    background: var(--yellow);
}

.home-page .level-card__visual--sage {
    background: #dfe7d4;
}

.home-page .level-card__badge {
    display: grid;
    width: 66px;
    height: 66px;
    color: var(--white);
    background: var(--green-800);
    border: 2px solid var(--ink);
    border-radius: 50%;
    place-items: center;
    box-shadow: 3px 3px 0 var(--ink);
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.home-page .level-card__access {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    margin: 1px 0 8px;
    color: var(--green-800);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-page .level-card > small {
    padding-right: 34px;
}

@media (max-width: 1025px) {
    .home-page .level-card {
        width: min(74vw, 300px);
        min-width: min(74vw, 300px);
    }
}

.home-page .whatsapp-float {
    position: fixed;
    z-index: 90;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    border: 2px solid var(--ink);
    border-radius: 999px;
    color: var(--white);
    background: #25d366;
    box-shadow: 5px 5px 0 var(--ink);
    font-size: 13px;
    font-weight: 900;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.home-page .whatsapp-float i { font-size: 27px; }
.home-page .whatsapp-float:hover { box-shadow: 2px 2px 0 var(--ink); transform: translate(3px, 3px); }

@media (max-width: 560px) {
    .home-page .whatsapp-float { width: 56px; height: 56px; justify-content: center; padding: 0; }
    .home-page .whatsapp-float span { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}