/* ==========================================================
   LAIREN AI
   CORE
   RESPONSIVE.CSS
========================================================== */

/* Tablet */

@media (max-width:1024px){

    .hero-grid,
    .meta-grid,
    .news-grid{

        grid-template-columns:1fr 1fr;

    }

}

/* Móvil */

@media (max-width:768px){

    .hero-grid,
    .meta-grid,
    .news-grid,
    .activity-carousel{

        grid-template-columns:1fr;

    }

    .section-header{

        flex-direction:column;

        align-items:flex-start;

        gap:16px;

    }

    .ranking-header{

        display:none;

    }

    .ranking-row{

        grid-template-columns:1fr;

        gap:12px;

    }

    .footer-grid{

        flex-direction:column;

        text-align:center;

    }

}