/* Catalogo Utilità: schede compatte, pulsante circolare e superfici in rilievo. */
.utilities-page{padding-top:28px!important}.utilities-page .utility-nav{margin-bottom:65px}.utilities-sections{display:flex;flex-direction:column;gap:100px}.utility-section{min-width:0;scroll-margin-top:185px}.utility-section-heading{display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:start;margin-bottom:38px;padding-bottom:30px;border-bottom:1px solid #c8ad8047}.utility-section-number{font:italic 32px/1.3 Georgia,serif;color:#dfc18c;padding-top:4px}.utility-section-heading .kicker{font-size:10px;letter-spacing:1.8px;color:#dfc18c}.utility-section-heading h2{font-size:45px!important;margin:8px 0 16px!important}.utility-section-heading p{max-width:750px;color:#c4d0da;font-size:15px;line-height:1.8;margin:0}
.utility-app-list{display:flex;flex-direction:column;gap:76px}.utility-app{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;align-items:center;padding:22px 32px;background:#202b38;border:1px solid #c3a35f;border-radius:16px;box-shadow:inset 0 2px 1px #ffffff12,inset 0 -2px 0 #0c131d,0 5px 0 #0d1520,0 22px 30px -17px #000b;min-width:0}.app-launch-column{display:flex;align-items:center;justify-content:center;min-width:0}.app-launch{display:grid;place-items:center;isolation:isolate;width:190px;aspect-ratio:1;background:#d8b45f;border:1px solid #f4d890;border-radius:50%;padding:28px;color:#f2ece3;text-decoration:none!important;position:relative;box-shadow:inset 1px 2px 0 #ffeab3,inset -1px -2px 0 #a58033,0 3px 0 #896723,0 16px 22px -10px #000c;transition:transform .18s ease,box-shadow .18s ease;box-sizing:border-box}.app-launch-core{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:15px 8px;border-radius:50%;background:#18222e;border:1px solid #344151;box-shadow:inset 0 2px 1px #ffffff12,0 5px 0 #0c131e,-11px 17px 13px #000a;box-sizing:border-box}.app-launch-icon{display:block;height:36px;color:#e5c376}.app-launch-icon svg{height:36px;width:36px}.app-launch-action{display:flex;flex-direction:column;align-items:center;gap:5px;color:#f4ede2;font:400 18px/1.3 Georgia,serif}.app-launch-action .arrow{width:19px;height:19px;color:#e5c376}.app-launch:hover{transform:translateY(-3px);box-shadow:inset 1px 2px 0 #ffeab3,inset -1px -2px 0 #a58033,0 6px 0 #896723,0 22px 26px -10px #000c}.app-launch:active{transform:translateY(2px);box-shadow:inset 1px 2px 0 #ffeab3,inset -1px -2px 0 #a58033,0 1px 0 #896723,0 10px 16px -10px #000c}.app-launch:focus-visible{outline:3px solid #fff1cf;outline-offset:8px}.app-copy{min-width:0}.app-area{display:block;font:600 9px/1.7 Arial,sans-serif;color:#dec18b;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 6px}.app-copy h3{font:400 34px/1.15 Georgia,serif!important;color:#f4ede2!important;margin:0 0 8px!important;text-wrap:balance}.app-launch-caption{font:400 15px/1.65 Arial,sans-serif;color:#d5dce3;margin:0 0 15px}.app-browser-note{display:block;font:400 10px/1.7 Arial,sans-serif;color:#aebdca;margin-top:11px}.app-details{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-width:0}.app-detail{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:12px 13px!important;background:#16212d;border:1px solid #d5b66c57;border-top-color:#c6a55f;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff0b,inset 0 -1px 0 #080f18,0 3px 0 #0b131d,0 10px 16px -6px #0007;min-width:0;align-items:start;margin:0!important}.app-detail-icon{display:grid;place-items:center;width:26px;height:30px;color:#ddbd75}.app-detail-icon svg{width:25px;height:28px}.app-detail h4{font:400 18px/1.3 Georgia,serif!important;color:#f1e9de!important;margin:0 0 8px!important}.app-detail p{font:400 11px/1.7 Arial,sans-serif;color:#c4cdd7;margin:0!important}
.utility-empty-state{display:grid;grid-template-columns:74px minmax(0,1fr);gap:28px;align-items:center;padding:38px 42px;background:#202b38;border:1px solid #b79a6266;border-radius:14px;box-shadow:inset 0 2px 1px #ffffff0a,0 4px 0 #0d1520,0 20px 28px -20px #000b}.utility-empty-symbol{width:70px;height:70px;border-radius:16px;border:1px solid #b79a6255;display:grid;place-items:center;color:#ddbd75;background:#151e29}.utility-empty-symbol svg{width:34px;height:36px}.utility-empty-state h3{font:400 27px/1.3 Georgia,serif!important;margin:0 0 10px!important;color:#f1e9de}.utility-empty-state p{font-size:14px;color:#bdcbd5;line-height:1.8;max-width:700px;margin:0}.utilities-page .utility-resources{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.utilities-page .utility-resource{margin:0;padding:30px;background:#202b38;border:1px solid #b79a6266;border-radius:14px;box-shadow:inset 0 2px 1px #ffffff0a,0 4px 0 #0d1520,0 20px 28px -20px #000b}
@media(max-width:1050px){.utility-app{grid-template-columns:160px minmax(0,1fr);gap:28px;padding:22px 28px}.app-launch{width:160px;padding:24px}.app-launch-core{gap:9px;padding:10px 5px}.app-launch-icon,.app-launch-icon svg{width:30px;height:30px}.app-launch-action{font-size:16px}.app-copy h3{font-size:30px!important}.app-details{gap:13px}.app-detail{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:12px!important}.app-detail p{font-size:12px}.app-launch-caption{font-size:14px}}
@media(max-width:760px){.utility-app{grid-template-columns:124px minmax(0,1fr);gap:24px;padding:22px 26px}.app-launch{width:124px;padding:19px}.app-launch-icon,.app-launch-icon svg{width:25px;height:25px}.app-launch-action{font-size:14px;gap:3px}.app-launch-core{gap:6px;padding:8px 3px}.app-launch-action .arrow{width:16px;height:16px}.app-details{grid-template-columns:1fr;gap:15px}.app-detail{grid-template-columns:27px minmax(0,1fr);gap:12px;padding:12px!important}.app-copy h3{font-size:29px!important}.app-area{font-size:8px;letter-spacing:1.2px}.utility-section-heading{grid-template-columns:42px minmax(0,1fr);gap:16px}.utility-section-heading h2{font-size:38px!important}.utility-section-number{font-size:28px}.utilities-sections{gap:80px}.utility-app-list{gap:64px}.utility-section{scroll-margin-top:155px}.utility-empty-state{padding:28px;gap:20px}.utilities-page .utility-resources{grid-template-columns:1fr}}
@media(max-width:560px){.utilities-page .utility-nav{gap:14px;margin-bottom:45px}.utility-app{grid-template-columns:82px minmax(0,1fr);gap:15px;padding:20px 16px;align-items:start;border-radius:13px}.app-launch-column{padding-top:8px;position:sticky;top:150px}.app-launch{width:82px;padding:12px}.app-launch-core{gap:4px;padding:7px 2px;box-shadow:inset 0 1px 1px #ffffff12,0 3px 0 #0c131e,-6px 9px 8px #000a}.app-launch-icon,.app-launch-icon svg{height:17px;width:17px}.app-launch-action{font:600 9px/1.2 Arial,sans-serif;gap:2px}.app-launch-action .arrow{width:12px;height:12px}.app-area{font-size:8px;letter-spacing:.8px;line-height:1.8}.app-copy h3{font-size:26px!important}.app-launch-caption{font-size:13px;line-height:1.7;margin-bottom:20px}.app-detail{grid-template-columns:1fr;gap:6px;padding:11px 12px!important}.app-detail-icon{display:none}.app-detail h4{font-size:18px!important;margin-bottom:5px!important}.app-detail p{font-size:12px;line-height:1.75}.app-browser-note{font-size:9px}.utility-section-heading h2{font-size:34px!important}.utility-section-heading p{font-size:14px}.utility-section-heading .kicker{font-size:9px;line-height:1.7}.utility-empty-state{grid-template-columns:1fr;padding:26px}.utility-empty-state h3{font-size:26px!important}.utility-empty-state p{font-size:13px}.utility-empty-symbol{width:58px;height:58px}.utility-app-list{gap:60px}}
@media(prefers-reduced-motion:reduce){.app-launch{transition:none}.app-launch:hover,.app-launch:active{transform:none}}

.app-private-access{margin-top:20px;padding-top:18px;border-top:1px solid #c3a35f55}.app-private-access .button{width:fit-content;max-width:100%;min-width:0;white-space:normal;box-sizing:border-box;font-size:13px;padding:13px 20px}.app-private-access p{font:400 11px/1.65 Arial,sans-serif;color:#bdc9d4;margin:11px 0 0}.app-private-access .arrow{flex-shrink:0}

/* Template: stessa struttura delle app, pulsante blu acciaio a tinta unita. */
.utility-template .app-launch{background:#7295b7;border-color:#b5cfe8;box-shadow:inset 1px 2px 0 #d5e7f7,inset -1px -2px 0 #456483,0 3px 0 #38506c,0 16px 22px -10px #000c}
.utility-template .app-launch:hover{box-shadow:inset 1px 2px 0 #d5e7f7,inset -1px -2px 0 #456483,0 6px 0 #38506c,0 22px 26px -10px #000c}
.utility-template .app-launch:active{box-shadow:inset 1px 2px 0 #d5e7f7,inset -1px -2px 0 #456483,0 1px 0 #38506c,0 10px 16px -10px #000c}
.utility-template .app-launch:focus-visible{outline-color:#d5e7f7}
.utility-template .app-launch-icon,.utility-template .app-launch-action .arrow{color:#b5cfe8}