@media screen and (max-width: 1300px) {
    .wrap {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1100px) {
    .page__archiveGalerias-lst {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media screen and (max-width: 950px) {
    .blog__cols {
        grid-template-columns: 1fr;
    }

    .blog__body,
    .blog__sidebar {
        grid-column: auto;
    }
}

@media screen and (max-width: 768px) {
    .page__header {
        padding: 20px 0 20px;
    }

    .page__content {
        margin: 20px 0;
    }

    .related-posts-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .related-post-card {
        margin-bottom: 1rem;
    }

    .page__content-cols {
        grid-template-columns: 1fr;
    }

    .page__content-col-la,
    .page__content-col-lb {
        grid-column: auto;
    }

    .page__archiveGalerias-lst {
        grid-template-columns: repeat(2, 1fr);
    }

    .singleGalerias-lst {
        grid-template-columns: repeat(2, 1fr);
    }

    .page__archiveNucleos-lst {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .page__singleNucleo-l2 {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media screen and (max-width: 600px) {
    .page__category-item-date {
        position: absolute;
        top: 228px;
        right: 10px;
    }

    .page__category-item-img {
        height: 300px;
        max-width: none;
    }

    .pagination a,
    .pagination span {
        padding: 8px 12px;
        font-size: 14px;
    }

    .page__archiveGalerias-lst {
        grid-template-columns: 1fr;
    }

    .singleGalerias-lst {
        grid-template-columns: 1fr;
    }

    .page__archiveNucleos-lst {
        grid-template-columns: 1fr;
    }

    .slider__galeria-img {
        max-height: 400px;
    }

    .pageOinstituto-logo .alignLeft {
        float: none !important;
        margin: 10px auto !important;
    }
}