/* ===========================================================
   Espressimo — Category SEO Text + CTA
   =========================================================== */

.esp-cseo {
    background: #f6ede3;
    border-top: 1px solid #e6dad4;
    padding: 64px 48px;
    font-family: 'Dialect PM', sans-serif;
}
.esp-cseo__inner {
    max-width: 920px;
}
.esp-cseo__title {
    margin: 0 0 20px;
    color: #522c25;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.esp-cseo__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.esp-cseo__text {
    margin: 0;
    color: #522c25;
    font-size: 20px;
    line-height: 1.7;
    opacity: 0.7;
}

/* ── CTA ── */
.esp-cseo__cta {
    display: inline-block;
    margin-top: 32px;
    background: #8B3A00;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.05em;
    padding: 12px 28px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
.esp-cseo__cta:hover {
    background: #a34500;
    color: #fff;
}
.esp-cseo__cta-arrow {
    display: inline-block;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .esp-cseo { padding: 48px 24px; }
    .esp-cseo__title { font-size: 32px; }
    .esp-cseo__text { font-size: 18px; }
}