/* [XP V3 2026-08-26] xpfichacaso — ficha completa de un caso. */

.iaLayer-xpfichacaso {
    background: var(--xpfc-section-bg, transparent);
    padding: var(--xpfc-pad-top, 56px) 15px var(--xpfc-pad-bottom, 56px);
}

.iaLayer-xpfichacaso .xpfc-inner {
    max-width: var(--xpfc-max, 1400px);
    margin: 0 auto;
}

.iaLayer-xpfichacaso .xpfc-eyebrow {
    margin: 0;
    color: var(--xpfc-eyebrow, #1F7A52);
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    line-height: 1.2;
}

.iaLayer-xpfichacaso .xpfc-section-title {
    font-family: var(--xp-font-heading, "Outfit", sans-serif);
    font-size: 32px;
    font-weight: 600;
    color: var(--xpfc-section-title, #14372B);
    line-height: 1.18;
    margin: 8px 0 0;
    max-width: 620px;
    text-wrap: balance;
}

.iaLayer-xpfichacaso .xpfc-card {
    background: var(--xpfc-card-bg, #F1E9DA);
    border: 1px solid var(--xpfc-border, rgba(20, 55, 43, 0.06));
    border-radius: var(--xpfc-radius, 24px);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20, 55, 43, 0.04);
    margin-top: 26px;
}

.iaLayer-xpfichacaso .xpfc-inner > .xpfc-card:first-child { margin-top: 0; }

.iaLayer-xpfichacaso .xpfc-media {
    height: var(--xpfc-media-h, 190px);
    background: linear-gradient(168deg,
        var(--xpfc-media-1, #7CD8F2) 0%,
        var(--xpfc-media-2, #4FC3E8) 45%,
        var(--xpfc-media-3, #1F6E8C) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.iaLayer-xpfichacaso .xpfc-media .xp-ico {
    font-size: 34px;
    color: rgba(251, 247, 239, 0.6);
}

.iaLayer-xpfichacaso .xpfc-media img,
.iaLayer-xpfichacaso .xpfc-media-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.iaLayer-xpfichacaso .xpfc-body { padding: 32px 34px; }

.iaLayer-xpfichacaso .xpfc-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.iaLayer-xpfichacaso .xpfc-tag {
    background: var(--xpfc-tag-bg, #FBF7EF);
    border: 1px solid var(--xpfc-border, rgba(20, 55, 43, 0.06));
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    padding: 7px 14px;
    border-radius: 999px;
}

.iaLayer-xpfichacaso .xpfc-title {
    font-family: var(--xp-font-heading, "Outfit", sans-serif);
    font-size: var(--xpfc-title-size, 26px);
    font-weight: 600;
    color: var(--xpfc-title, #14372B);
    line-height: 1.25;
    margin: 14px 0 0;
    text-wrap: balance;
}

.iaLayer-xpfichacaso .xpfc-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    margin-top: 18px;
}

.iaLayer-xpfichacaso .xpfc-label {
    margin: 0;
    color: var(--xpfc-label, #8A9689);
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    line-height: 1.2;
}

.iaLayer-xpfichacaso .xpfc-coltext {
    margin-top: 6px;
    color: var(--xpfc-text, #5F6E62);
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 13.5px;
    line-height: 1.7;
    text-wrap: pretty;
}

/* El tema declara `main p { font-family; font-size; font-weight }`, asi que los
   parrafos que salen del texto enriquecido ignoran lo puesto en el contenedor. */
.iaLayer-xpfichacaso .xpfc-coltext > p {
    margin: 0;
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--xpfc-text, #5F6E62);
    letter-spacing: normal;
}
.iaLayer-xpfichacaso .xpfc-coltext > p + p { margin-top: 8px; }

.iaLayer-xpfichacaso .xpfc-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.iaLayer-xpfichacaso .xpfc-stat {
    border-radius: 16px;
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
}

.iaLayer-xpfichacaso .xpfc-stat-value {
    font-family: var(--xp-font-heading, "Outfit", sans-serif);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.iaLayer-xpfichacaso .xpfc-stat-label {
    font-family: var(--xp-font-body, "Work Sans", sans-serif);
    font-size: 12px;
    font-weight: 400;
    color: var(--xpfc-text, #5F6E62);
    line-height: 1.3;
}

@media (max-width: 767px) {
    .iaLayer-xpfichacaso {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .iaLayer-xpfichacaso .xpfc-section-title { font-size: 26px; }
    .iaLayer-xpfichacaso .xpfc-body { padding: 24px 22px; }
    .iaLayer-xpfichacaso .xpfc-cols { grid-template-columns: 1fr; gap: 18px; }
    .iaLayer-xpfichacaso .xpfc-stat { flex: 1 1 100%; }
}