.element-group[data-v-ede2e5f3]{background:linear-gradient(135deg,#e8f4f8,#d0e8f0);background-image:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.1) 0,transparent 50%);position:relative}.element-group[data-v-ede2e5f3]:after{background-image:var(--bg-image);background-position:top;background-repeat:no-repeat;background-size:100% 100%;height:50%;z-index:0}.element-group[data-v-ede2e5f3]:after,.element-group[data-v-ede2e5f3]:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.element-group[data-v-ede2e5f3]:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="1" fill="rgba(0,0,0,0.05)"/></svg>');bottom:0;opacity:.3;z-index:1}.container[data-v-ede2e5f3]{padding-top:clamp(0rem,2vw,5rem);position:relative;z-index:1}.section-title[data-v-ede2e5f3]{color:var(--color-primary);margin-bottom:clamp(0 2vw,2.5rem);text-align:center}.section-subtitle[data-v-ede2e5f3]{margin-bottom:clamp(1rem,2vw,3rem);text-align:center}.cards-grid[data-v-ede2e5f3]{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:clamp(0,2vw,3rem)}.group-card[data-v-ede2e5f3]{background:#fff;border-top-left-radius:2.5rem;box-shadow:0 4px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.group-card[data-v-ede2e5f3]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-1.5rem)}.group-card.active[data-v-ede2e5f3]{box-shadow:0 8px 24px #0003}.card-image[data-v-ede2e5f3]{height:clamp(15rem,4vw,10rem);overflow:hidden;position:relative;width:100%}.card-image img[data-v-ede2e5f3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.group-card:hover .card-image img[data-v-ede2e5f3]{transform:scale(1.05)}.card-overlay[data-v-ede2e5f3]{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));inset:0;position:absolute}.group-card.active .card-overlay[data-v-ede2e5f3]{background:linear-gradient(180deg,transparent 0,rgba(0,100,200,.5))}.card-content[data-v-ede2e5f3]{padding:2rem;position:relative}.card-title[data-v-ede2e5f3]{color:var(--color-text-primary);display:-webkit-box;margin-bottom:clamp(.75rem,1vw,1rem);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1;overflow:hidden;text-overflow:ellipsis}.group-card.active .card-title[data-v-ede2e5f3]{color:var(--color-primary)}.title-sub[data-v-ede2e5f3]{color:#4b5563;font-size:.875rem;margin-bottom:1rem}.card-description[data-v-ede2e5f3]{color:var(--color-text-secondary);display:-webkit-box;font-size:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.card-detail[data-v-ede2e5f3]{align-items:flex-start;background:var(--color-primary);border-top-left-radius:2.5rem;display:flex;flex-direction:column;justify-content:flex-start;inset:0;opacity:0;overflow:hidden;padding:1.5rem 1.25rem;position:absolute;transform:scale(.95);transition:opacity .4s ease,transform .4s ease;z-index:10}.group-card:hover .card-detail[data-v-ede2e5f3]{opacity:1;transform:scale(1)}.detail-text[data-v-ede2e5f3]{color:#fff;display:-webkit-box;flex:1;font-size:.95rem;line-height:1.7;margin:0;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;text-overflow:ellipsis}@media(max-width:1440px){.cards-grid[data-v-ede2e5f3]{gap:1.5rem;grid-template-columns:repeat(1,1fr)}}@media(max-width:1024px){.section-subtitle[data-v-ede2e5f3]{font-size:1rem}}@media(max-width:768px){.element-group[data-v-ede2e5f3]:after{background-position:top;background-size:100% auto}}