/* EAU v6 - responsive de posts, paginas y archivos */

@media (max-width: 1024px) {
    .site-content { grid-template-columns: 1fr var(--sidebar-width); }

    .archive-grid { grid-template-columns: repeat(2, 1fr); }
    .news-list-item { grid-template-columns: 150px minmax(0, 1fr); }
    .news-list-image { width: 150px; }
}

@media (max-width: 768px) {
    .archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-md);
    }
    .news-list-item {
        grid-template-columns: 128px minmax(0, 1fr);
        gap: var(--space-sm);
    }
    .news-list-image { width: 128px; }
    .news-list-title { font-size: 1rem; }
    .news-list-excerpt { -webkit-line-clamp: 2; }
    .archive-card .card-image img { height: 145px; }
    .archive-card .card-body { padding: var(--space-sm); }

    .site-content {
        display: grid;
        grid-template-columns: 1fr;
        padding-top: var(--space-lg);
    }
    .site-sidebar {
        display: block !important;
        grid-column: 1 / -1;
        width: 100%;
        position: static;
        max-height: none;
        overflow: visible;
        border-top: 2px solid var(--clr-border);
        padding-top: var(--space-xl);
    }
    .site-sidebar .widget-area {
        display: grid;
        gap: var(--space-lg);
    }
    body.search .site-sidebar {
        display: none !important;
    }

    .single-article,
    .page-article {
        padding: var(--space-lg);
        border-radius: 0;
        box-shadow: none;
    }
    .single-article .entry-header {
        margin: calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) 0;
        padding: var(--space-lg) var(--space-lg) 0;
    }
    .single-article .entry-header::before {
        content: none;
    }
    .page-article .entry-header {
        margin: calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) var(--space-lg);
        padding: calc(var(--space-lg) + .35rem) var(--space-lg) .75rem;
    }
    .entry-thumbnail {
        margin: 0 0 var(--space-lg);
        max-width: 100%;
        overflow: hidden;
    }
    .entry-thumbnail img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
    .entry-title { font-size: 1.5rem; }

    .comment-list .children { padding-left: var(--space-lg); }

    .post-navigation {
        grid-template-columns: 1fr;
        text-align: left;
    }
    .nav-next { text-align: left; }

    .search-section-nav {
        gap: .4rem;
        margin-bottom: var(--space-lg);
    }
    .search-section-nav a {
        min-height: 1.9rem;
        padding: .24rem .55rem;
        font-size: .8rem;
    }
    .search-section-list {
        gap: var(--space-md);
    }
    .search-section {
        margin-bottom: var(--space-md);
        padding: var(--space-md);
        border-radius: var(--radius-sm);
    }
    .search-section-header {
        align-items: flex-start;
        gap: .35rem;
        margin-bottom: var(--space-sm);
    }
    .search-section-header h2 {
        font-size: 1.22rem;
    }
    .search-results-list {
        gap: var(--space-sm);
    }
    .search-result-list-item {
        padding-bottom: var(--space-sm);
    }
    .search-result-list-title {
        font-size: 1rem;
    }
    .search-result-list-meta {
        gap: .35rem;
        font-size: .76rem;
    }

    .error-title { font-size: 4rem; }
}

@media (max-width: 480px) {
    .news-list-item {
        grid-template-columns: 96px minmax(0, 1fr);
        padding: var(--space-sm) 0;
    }
    .news-list-image { width: 96px; }
    .news-list-meta { font-size: .72rem; }
    .news-list-title { font-size: .92rem; }
    .news-list-excerpt { display: none; }

    .archive-card .card-image img { height: 130px; }

    .search-header {
        margin-bottom: var(--space-lg);
    }
    .search-header .search-title {
        font-size: 1.12rem;
    }
    .search-header .search-form {
        display: block;
    }
    .search-header .search-field,
    .search-header .search-submit {
        width: 100%;
    }
    .search-header .search-submit {
        margin-top: 8px;
    }
    .search-section-nav {
        display: grid;
        grid-template-columns: 1fr;
    }
    .search-section-nav a {
        justify-content: space-between;
        width: 100%;
    }
    .search-section-header {
        display: grid;
        grid-template-columns: 1fr;
    }
    .search-section-header h2 {
        font-size: 1.18rem;
    }
    .search-section-header p,
    .search-section-header a {
        font-size: .8rem;
    }
    .search-result-list-meta .card-post-type {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}