/* AUTO-GENERATED — php scripts/build-style-split.php — modul: parte */
/* ── Parte ── */

.parte-page {
    width: 595px;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.parte-inner {
    position: relative;
    background: #fff;
    padding: 0;
    aspect-ratio: 210 / 297;
    overflow: hidden;
    border: var(--frame-border);
    box-shadow: var(--frame-ring), 0 2px 16px rgba(0,0,0,0.10);
    display: flex;
    flex-direction: column;
}

.parte-border {
    flex: 1;
    min-height: 0;
    box-sizing: border-box;
    border: 3px double #333;
    padding: 12mm 14mm;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.parte-text-panel {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    transform-origin: center center;
}

.parte-text-panel > * {
    flex-shrink: 0;
}

.parte-cross {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #333;
}

.parte-announcement {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    font-family: var(--font-serif);
    max-width: 100%;
    overflow-wrap: anywhere;
    word-wrap: break-word;
}

.parte-name {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: var(--font-serif);
}

.parte-dates {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 24px;
    letter-spacing: 1px;
    font-family: var(--font-serif);
}

.parte-message {
    font-family: var(--font-serif);
    font-style: normal;
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.65;
    color: #1a1a1a;
    margin-bottom: 28px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
}

.parte-age {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    font-family: var(--font-serif);
}

.parte-mourners {
    font-size: 1.3rem;
    font-weight: 700;
    font-style: normal;
    color: #1a1a1a;
    margin-bottom: 16px;
    line-height: 1.6;
    font-family: var(--font-serif);
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.parte-ceremony {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    line-height: 1.6;
    padding: 0;
    border: none;
    font-family: var(--font-serif);
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.parte-qr {
    margin-bottom: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.parte-qr img {
    width: 120px;
    height: 120px;
    margin-bottom: 0;
    display: block;
}

.parte-qr p,
.parte-qr small {
    display: none !important;
}

.parte-footer-text {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a1a;
    font-style: normal;
    font-family: var(--font-serif);
}

@media print {
    .header, .footer, .cookie-bar { display: none !important; }
    html {
        color-scheme: light !important;
        forced-color-adjust: none !important;
    }
    .parte-page { margin: 0; padding: 0; max-width: 100%; }
    .parte-inner {
        box-shadow: none;
        border: none;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        filter: none !important;
    }
    .parte-page img,
    .parte-inner img {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        filter: none !important;
    }
}

/* ── Parte photo ── */

.parte-photo {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.parte-photo img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #333;
}