/* [IRIDIAN AI LAYER] CSS extern imatgegrandaltv1. Fase G.
 * Variables: --bg-color, --title-color, --subtitle-color, --cta-bg, --cta-color, --text-align
 */
.iaLayer-imatgegrandaltv1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--bg-color, #ffffff);
    border-radius: var(--ial-r-xl);
    overflow: hidden;
    font-family: var(--ial-font-base);
    max-width: 480px;
    width: 100%;
}
.iaLayer-imatgegrandaltv1 .igalt-img-wrap {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}
.iaLayer-imatgegrandaltv1 .igalt-img-wrap img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.iaLayer-imatgegrandaltv1:hover .igalt-img-wrap img { transform: scale(1.04); }
.iaLayer-imatgegrandaltv1 .igalt-body {
    padding: 28px 32px 32px;
    display: flex;
    flex-direction: column;
    align-items: var(--text-align, center);
    width: 100%;
    box-sizing: border-box;
}
.iaLayer-imatgegrandaltv1 .igalt-title {
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--title-color, #1d1d1f);
    margin: 0 0 10px;
    line-height: 1.15;
    text-align: var(--text-align, center);
}
.iaLayer-imatgegrandaltv1 .igalt-subtitle {
    font-size: clamp(0.9rem, 1.8vw, 1.1rem);
    font-weight: 400;
    color: var(--subtitle-color, #6e6e73);
    margin: 0 0 24px;
    line-height: 1.5;
    text-align: var(--text-align, center);
}
.iaLayer-imatgegrandaltv1 .igalt-cta {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 980px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: opacity var(--ial-t-base), transform var(--ial-t-base);
    background-color: var(--cta-bg, #0071e3);
    color: var(--cta-color, #ffffff);
    border: none;
}
.iaLayer-imatgegrandaltv1 .igalt-cta:hover { opacity: 0.82; transform: scale(1.03); }
.iaLayer-imatgegrandaltv1 .igalt-cta:active { transform: scale(0.97); }
@media (max-width: 600px) {
    .iaLayer-imatgegrandaltv1 .igalt-body { padding: 20px 20px 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .iaLayer-imatgegrandaltv1 .igalt-img-wrap img,
    .iaLayer-imatgegrandaltv1 .igalt-cta { transition: none; }
}