/* Opportunita' */
.op{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;margin-bottom:12px;padding:16px 18px}
.op.on{outline:2px solid var(--acc)}
.op-pt{width:60px;height:60px}.op-n{font-size:17px;font-weight:800;fill:var(--tx)}
.op-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.op h3{font-size:var(--t3);font-weight:700;line-height:1.25;margin:6px 0 4px}
.op-why{margin:0;color:var(--mu)}.op-why b{color:var(--tx);font-weight:var(--w3)}
.op-m{margin-top:8px}
.op-mappa{position:sticky;top:12px;align-self:start}
.op-mp{width:100%;aspect-ratio:1/1;border-radius:14px;margin-top:8px;border:1px solid var(--g-line)}
.op-mt{font-size:3.4px;fill:var(--mu)}.op-pn{font-size:3px;font-weight:700;fill:var(--on-acc)}
.op-pin{cursor:pointer}.op-pin:focus-visible{outline:none}.op-pin:focus-visible circle{stroke:var(--acc);stroke-width:1.6}
@media (max-width:560px){.op{grid-template-columns:1fr}}

@media (max-width:560px){.op-c{min-width:0}.op .btn,.op .chips a{white-space:normal;text-align:left}.op .chips{flex-wrap:wrap}.op h3{overflow-wrap:anywhere}}

@media (max-width:560px){.op-c{min-width:0}.op .btn,.op .chips a{white-space:normal;text-align:left}.op .chips{flex-wrap:wrap}.op h3{overflow-wrap:anywhere}}