.iaLayer-iatest20260605beneficios { background: var(--section-bg, #f7f8fc); padding: 72px 20px; box-sizing: border-box; } .iaLayer-iatest20260605beneficios .ben-container { max-width: 1140px; margin: 0 auto; } .iaLayer-iatest20260605beneficios .ben-heading { text-align: center; margin-bottom: 52px; } .iaLayer-iatest20260605beneficios .ben-title { font-size: 2rem; font-weight: 700; color: var(--heading-color, #1a1a2e); margin: 0 0 16px; line-height: 1.25; } .iaLayer-iatest20260605beneficios .ben-desc { font-size: 1.1rem; color: var(--desc-color, #555577); max-width: 640px; margin: 0 auto; line-height: 1.6; } .iaLayer-iatest20260605beneficios .ben-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 48px; } .iaLayer-iatest20260605beneficios .ben-card { background: var(--card-bg, #ffffff); border-radius: 12px; padding: 32px 24px; text-align: center; box-shadow: 0 4px 18px rgba(0,0,0,0.07); transition: box-shadow 0.25s ease, transform 0.25s ease; } .iaLayer-iatest20260605beneficios .ben-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.12); transform: translateY(-4px); } .iaLayer-iatest20260605beneficios .ben-card-title { font-size: 1.2rem; font-weight: 700; color: var(--card-title-color, #1a1a2e); margin: 0 0 20px; line-height: 1.3; } .iaLayer-iatest20260605beneficios .ben-card-img { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; min-height: 140px; } .iaLayer-iatest20260605beneficios .ben-card-img .ben-img { width: 100%; height: 140px; object-fit: contain; display: block; border-radius: 8px; } .iaLayer-iatest20260605beneficios .ben-card-text { font-size: 0.97rem; color: var(--card-text-color, #555577); line-height: 1.65; } .iaLayer-iatest20260605beneficios .ben-card-text p { margin: 0; } .iaLayer-iatest20260605beneficios .ben-cta { text-align: center; } .iaLayer-iatest20260605beneficios .ben-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--btn-bg, #3b5bdb); color: var(--btn-text-color, #ffffff); font-size: 1.05rem; font-weight: 600; padding: 14px 36px; border-radius: 50px; text-decoration: none; transition: background 0.22s ease, transform 0.18s ease; } .iaLayer-iatest20260605beneficios .ben-btn:hover { background: var(--btn-hover-bg, #2f4ac4); transform: translateY(-2px); text-decoration: none; } .iaLayer-iatest20260605beneficios .ben-btn-ic { font-size: 1rem; display: flex; align-items: center; } @media (max-width: 900px) { .iaLayer-iatest20260605beneficios .ben-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .iaLayer-iatest20260605beneficios .ben-grid { grid-template-columns: 1fr; } .iaLayer-iatest20260605beneficios .ben-title { font-size: 1.5rem; } }