/* ==========================================================================
   Fonte Da Vida - Index Page Tablet Styles
   ========================================================================== */
@media (max-width: 900px) {
    html,
    body {
        overflow-x: hidden;
    }

    .hero.hero-centered {
        height: auto;
        min-height: 100svh;
        padding: 140px 20px 80px;
    }

    .hero-centered .hero-content {
        max-width: 100%;
    }

    .hero-centered .hero-cta {
        width: 100%;
        max-width: 360px;
    }

    .hero-centered .hero-cta .btn {
        width: 100%;
        justify-content: center;
    }

    .masonry-item.large img {
        transform: scale(1.04);
    }

    .masonry-item.large:hover img {
        transform: scale(1.06);
    }
}

@media (max-width: 900px) {
    .masonry-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }

    .masonry-item.large {
        grid-column: span 1;
        grid-row: span 1;
    }
}

@media (max-width: 900px) {
    .health-split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .dash-content-split, .dash-content-split.reverse {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dash-content-split.reverse .dash-info {
        order: 1;
    }
    .dash-content-split.reverse .dash-visual {
        order: 2;
    }

    .dash-card {
        padding: 24px;
    }

    .dash-glow-bg {
        display: none;
    }

    .hud-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .hud-stats-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .hiw-interactive-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .hiw-image-display {
        width: 100%;
        height: 300px;
        order: -1;
    }
    
    .hiw-tabs-list {
        padding-left: 16px;
    }
}