.info{margin:0 36px 19px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:19px;overflow:hidden;background:rgba(255,255,255,.66);box-shadow:0 8px 22px rgba(100,75,160,.06)}.infoitem{display:flex;align-items:center;gap:12px;padding:15px 16px;min-height:78px;border-right:1px solid var(--line);transition:.2s;background:transparent}.infoitem:last-child{border-right:0}.infoitem:hover{background:rgba(239,229,255,.45)}.infoicon{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eadcff,#f7d9ef);border:1px solid rgba(180,148,230,.22);box-shadow:0 5px 13px rgba(130,95,190,.08);transition:.2s}.infoitem:hover .infoicon{transform:translateY(-2px) scale(1.04)}.infoicon img{width:24px;height:24px}.infoitem:nth-child(2) .infoicon{background:linear-gradient(145deg,#e6ddff,#ddd4ff)}.infoitem:nth-child(3) .infoicon{background:linear-gradient(145deg,#f7d7ef,#ffe9f2)}.infoitem:nth-child(4) .infoicon{background:linear-gradient(145deg,#dcd8ff,#e9dfff)}.infoitem b{display:block;font-size:9px;color:var(--ink)}.infoitem span{display:block;margin-top:3px;font-size:9px;color:var(--soft);line-height:1.35}

.infoitem-cliccabile{cursor:pointer}.infoitem-cliccabile:focus-visible{outline:2px solid #8d68df;outline-offset:-3px}.infoarrow{margin-left:auto;flex:none;color:var(--accent);font-size:26px;font-weight:700;line-height:1;transition:.2s}.infoitem-cliccabile:hover .infoarrow{transform:translateX(3px)}