.sdgs-modal-overlay[data-v-667974d3]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sdgs-modal-overlay.active[data-v-667974d3]{opacity:1;visibility:visible}.sdgs-modal-content[data-v-667974d3]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 15px #0003;transform:translateY(-20px);transition:transform .3s ease}.sdgs-modal-overlay.active .sdgs-modal-content[data-v-667974d3]{transform:translateY(0)}.sdgs-modal-header[data-v-667974d3]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.sdgs-modal-header h4[data-v-667974d3]{margin:0;font-size:1.25rem;color:var(--primary-color,#0b2e59)}.sdgs-modal-close[data-v-667974d3]{background:none;border:none;font-size:1.5rem;line-height:1;color:#888;cursor:pointer;padding:0;transition:color .2s ease}.sdgs-modal-close[data-v-667974d3]:hover{color:#333}.sdgs-modal-body[data-v-667974d3]{padding:20px}.sdgs-modal-grid[data-v-667974d3]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sdgs-modal-item[data-v-667974d3]{display:block;text-decoration:none;transition:transform .2s ease}.sdgs-modal-item[data-v-667974d3]:hover{transform:scale(1.1)}.sdgs-modal-item img[data-v-667974d3]{-o-object-fit:cover;object-fit:cover}.sdg-number-badge[data-v-667974d3],.sdgs-modal-item img[data-v-667974d3]{width:60px;height:60px;border-radius:6px}.sdg-number-badge[data-v-667974d3]{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 2px 4px #0000001a}