.services{padding-block:72px}.servicesCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,auto));gap:40px}.card{position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;justify-content:center;max-width:440px;height:200px;padding:0 16px;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-hover)}.card img{width:32px;height:32px;margin-bottom:var(--space-sm)}.card h2{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-900);margin-bottom:var(--space-sm)}.card p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary-800)}.btnDetails{align-self:flex-start;margin-top:12px;padding:8px 12px;border:none;cursor:pointer;background:var(--color-primary-900);color:#fff;border-radius:var(--border-radius-base);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background .3s,color .3s}.btnDetails:hover{background:var(--color-primary-800);color:var(--color-primary-900)}.cardOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-primary-900);color:#fff;padding:20px;border-radius:var(--border-radius-md);opacity:0;pointer-events:none;transition:opacity .3s ease}.cardOverlay.active{opacity:1;pointer-events:all}.cardOverlay p{font-size:var(--font-size-md)}.btnClose{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:32px;color:#fff;cursor:pointer}.btnClose:hover{color:var(--color-primary-300)}@media (width < 1440px){.servicesCards{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(280px,380px))}.card{max-width:380px}}@media (width < 1080px){.services{padding-block:40px}.card{padding:4px 12px}}@media (width < 840px){.servicesCards{grid-template-columns:1fr}.card{margin:0 auto;max-width:500px}}@media (width < 400px){.servicesCards{gap:2rem}.card{padding:1rem}.card h2{font-size:var(--font-size-base)}.card p{font-size:var(--font-size-sm)}.cardOverlay{padding:1rem;max-height:90vh;overflow-y:auto}}