/* ==========================================================================
   Widget: Info Cards
   Diseño tipo tarjeta horizontal editorial
   ========================================================================== */

.fc-info-cards {
    position: relative;
    padding: clamp(44px, 6vw, 82px) 20px;
    background: transparent;
    color: var(--fc-text, #0f172a);
    font-family: inherit;
}

.fc-info-cards__container {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.fc-info-cards__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(26px, 4vw, 44px);
}

.fc-info-card {
    position: relative;
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: start;
    gap: 20px;

    padding: clamp(24px, 2.4vw, 32px) clamp(28px, 3vw, 42px) clamp(24px, 2.5vw, 34px);

    border-radius: 0 92px 28px 28px;

    /*
     * Borde degradado:
     * - naranja/acento fuerte arriba y derecha
     * - blanco/suave abajo e izquierda
     */
    border: 2px solid transparent;
    background:
        linear-gradient(var(--fc-card-bg, #eef3f8), var(--fc-card-bg, #eef3f8)) padding-box,
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.95) 0%,
            rgba(255, 255, 255, 0.95) 22%,
            color-mix(in srgb, var(--fc-accent, #ff9f00) 72%, #ffffff) 54%,
            var(--fc-accent, #ff9f00) 100%
        ) border-box;

    box-shadow:
        0 22px 40px rgba(15, 23, 42, 0.10),
        0 8px 18px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);

    overflow: hidden;
    isolation: isolate;

    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease;
}

.fc-info-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 28px 52px rgba(15, 23, 42, 0.13),
        0 10px 22px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.fc-info-card__icon {
    width: 76px;
    min-width: 76px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 4px;
}

.fc-info-card__icon img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    display: block;
}

.fc-info-card__content {
    min-width: 0;
}

.fc-info-card__title {
    margin: 0 0 10px;
    color: var(--fc-accent, #ff9f00);
    font-family: inherit;
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    line-height: 1;
    letter-spacing: -0.025em;
    font-weight: 900;
    text-transform: uppercase;
}

.fc-info-card__description {
    margin: 0;
    max-width: 610px;
    color: var(--fc-primary, #0757a8);
    font-family: inherit;
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.28;
    font-weight: 500;
}

.fc-info-card__note {
    margin: 17px 0 0;
    color: var(--fc-primary, #0757a8);
    font-family: inherit;
    font-size: clamp(1.05rem, 1.35vw, 1.28rem);
    line-height: 1.25;
    font-style: italic;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 980px) {
    .fc-info-cards__list {
        grid-template-columns: 1fr;
    }

    .fc-info-card {
        max-width: 680px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .fc-info-cards {
        padding: 46px 16px;
    }

    .fc-info-card {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 15px;
        padding: 22px 20px 24px;
        border-radius: 0 52px 24px 24px;
    }

    .fc-info-card__icon {
        width: 58px;
        min-width: 58px;
    }

    .fc-info-card__icon img {
        width: 56px;
        height: 56px;
    }

    .fc-info-card__title {
    font-size: clamp(1.35rem, 7vw, 1.75rem);
}

    .fc-info-card__description {
        font-size: 0.92rem;
    }

    .fc-info-card__note {
        font-size: 1rem;
    }
}