/**
 * Page Default — plantilla page.php
 * Reaprofita `.post-single__content` (blog.css) per als estils prose
 * del contingut renderitzat per `the_content()`.
 */

.page-default__header {
    background: var(--color-primary);
    padding: calc(81px + var(--spacing-5xl)) var(--spacing-2xl) var(--spacing-5xl);
    text-align: center;
}

.page-default__header-container {
    max-width: 800px;
    margin: 0 auto;
}

.page-default__title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-5xl);
    line-height: 56px;
    color: var(--color-white);
}

.page-default__featured {
    max-width: 960px;
    margin: calc(-1 * var(--spacing-3xl)) auto var(--spacing-3xl);
    padding: 0 var(--spacing-2xl);
}

.page-default__featured-img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-xl);
}

.page-default__body {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--spacing-5xl) var(--spacing-2xl);
}

@media (max-width: 768px) {
    .page-default__header {
        padding: calc(81px + var(--spacing-3xl)) var(--spacing-lg) var(--spacing-3xl);
    }

    .page-default__title {
        font-size: var(--font-size-3xl);
        line-height: 38px;
    }

    .page-default__body {
        padding: var(--spacing-3xl) var(--spacing-lg);
    }
}