.iaLayer-solaracreditaciones { background-color: var(--sa-bg, #f8faf8); padding: var(--sa-section-padding, 60px) 0; width: 100%; box-sizing: border-box; } .iaLayer-solaracreditaciones .sa-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .iaLayer-solaracreditaciones .sa-heading-wrap { text-align: center; margin-bottom: 40px; position: relative; } .iaLayer-solaracreditaciones .sa-heading-wrap::after { content: ''; display: block; width: 60px; height: 3px; background-color: var(--sa-divider-color, #3a8f3a); margin: 16px auto 0; border-radius: 2px; } .iaLayer-solaracreditaciones .sa-title { font-size: var(--sa-title-size, 22px); font-weight: 700; color: var(--sa-title-color, #1a2e1a); line-height: 1.4; margin: 0; letter-spacing: -0.01em; } .iaLayer-solaracreditaciones .sa-logos-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } .iaLayer-solaracreditaciones .sa-logo-item { display: flex; align-items: center; justify-content: center; background-color: var(--sa-logo-bg, #ffffff); border: 1px solid rgba(0,0,0,0.07); border-radius: 10px; padding: 18px 28px; min-width: 140px; flex: 0 0 auto; transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } .iaLayer-solaracreditaciones .sa-logo-item:hover { background-color: var(--sa-logo-bg-hover, #eef6ee); box-shadow: 0 4px 18px rgba(0,0,0,0.09); transform: translateY(-2px); } .iaLayer-solaracreditaciones .sa-logo-img { display: block; max-width: 140px; max-height: 52px; width: auto; height: auto; object-fit: contain; filter: grayscale(1) opacity(0.7); transition: filter 0.25s ease; } .iaLayer-solaracreditaciones .sa-logo-item:hover .sa-logo-img { filter: grayscale(0) opacity(1); } @media (max-width: 1024px) { .iaLayer-solaracreditaciones .sa-logos-row { gap: 12px; } .iaLayer-solaracreditaciones .sa-logo-item { padding: 14px 20px; min-width: 120px; } } @media (max-width: 640px) { .iaLayer-solaracreditaciones .sa-title { font-size: clamp(16px, 4vw, 20px); } .iaLayer-solaracreditaciones .sa-logos-row { gap: 10px; } .iaLayer-solaracreditaciones .sa-logo-item { padding: 12px 16px; min-width: 100px; flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); } .iaLayer-solaracreditaciones .sa-logo-img { max-width: 110px; max-height: 40px; } }