/* [IRIDIAN AI LAYER] CSS extern del bloc FeaturedCardV1. Fase G + tokens 2026-05-19.
 * Variables per-usuari: --card-bg, --title-color, --subtitle-color, --cta-bg, --cta-color, --content-align
 * Tokens globals: _iailayer-base.css
 */
.iaLayer-featuredcardv1 {
    display: flex;
    flex-direction: column;
    border-radius: var(--ial-r-lg);
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    background: var(--card-bg, #faf7f4);
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    font-family: inherit;
}
.iaLayer-featuredcardv1 .fc-image-wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: var(--ial-c-border);
}
.iaLayer-featuredcardv1 .fc-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--ial-t-slow);
}
.iaLayer-featuredcardv1:hover .fc-image-wrap img { transform: scale(1.04); }
.iaLayer-featuredcardv1 .fc-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: var(--content-align, center);
    text-align: var(--content-align, center);
}
.iaLayer-featuredcardv1 .fc-title {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    color: var(--title-color, #1a1a2e);
}
.iaLayer-featuredcardv1 .fc-subtitle {
    font-size: 1rem;
    line-height: 1.55;
    margin: 0;
    color: var(--subtitle-color, #5a5a7a);
}
.iaLayer-featuredcardv1 .fc-cta {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.65rem 1.6rem;
    border-radius: var(--ial-r-sm);
    background: var(--cta-bg, #c8a96e);
    color: var(--cta-color, #ffffff);
    font-size: 0.97rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity var(--ial-t-base);
    cursor: pointer;
}
.iaLayer-featuredcardv1 .fc-cta:hover { opacity: 0.82; }
@media (max-width: 600px) {
    .iaLayer-featuredcardv1 { max-width: 100%; border-radius: var(--ial-r-md); }
    .iaLayer-featuredcardv1 .fc-body { padding: 1rem; }
    .iaLayer-featuredcardv1 .fc-title { font-size: 1.2rem; }
}