.iaLayer-solarservicios { display: block; box-sizing: border-box; font-family: sans-serif; background: var(--card-bg, #ffffff); border: 1px solid var(--border-color, #e5e7eb); border-radius: var(--border-radius, 16px); overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease; } .iaLayer-solarservicios:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.12); transform: translateY(-4px); } .iaLayer-solarservicios .ssc-inner { display: flex; flex-direction: column; height: 100%; } .iaLayer-solarservicios .ssc-top { padding: 28px 28px 20px; text-align: center; } .iaLayer-solarservicios .ssc-title { margin: 0 0 12px; font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: var(--title-color, #0f172a); } .iaLayer-solarservicios .ssc-desc { margin: 0; font-size: 0.95rem; line-height: 1.65; color: var(--desc-color, #64748b); } .iaLayer-solarservicios .ssc-media { width: 100%; overflow: hidden; flex-shrink: 0; } .iaLayer-solarservicios .ssc-media .ssc-img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.4s ease; } .iaLayer-solarservicios:hover .ssc-media .ssc-img { transform: scale(1.04); } .iaLayer-solarservicios .ssc-cta { padding: 20px 28px 24px; text-align: center; } .iaLayer-solarservicios .ssc-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.95rem; font-weight: 600; color: var(--accent-color, #16a34a); text-decoration: none; border-bottom: 2px solid transparent; transition: border-color 0.2s ease, gap 0.2s ease; } .iaLayer-solarservicios .ssc-link:hover { border-color: var(--accent-color, #16a34a); gap: 10px; } .iaLayer-solarservicios .ssc-arrow { font-size: 1rem; display: inline-flex; align-items: center; } @media (max-width: 480px) { .iaLayer-solarservicios .ssc-top { padding: 20px 18px 16px; } .iaLayer-solarservicios .ssc-title { font-size: 1.25rem; } .iaLayer-solarservicios .ssc-cta { padding: 16px 18px 20px; } }