/* /piututela/guide/ - le guide dello Sportello +Tutela (1.8). Colori e caratteri del sito (assets/cz). */
.gd-hero{position:relative;overflow:hidden}
.gd-scudo{position:absolute;right:-60px;bottom:-80px;width:360px;max-width:60%;opacity:.55;pointer-events:none}
.gd-hero .cz-hgrid{position:relative}
.gd-det{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start}
.gd-cop img,.gd-cop0{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;box-shadow:0 14px 34px rgba(35,54,70,.22);background:#233646}
.gd-cop0{display:flex;align-items:center;justify-content:center;color:#fff;font:700 28px/1 'Ubuntu',sans-serif;border-bottom:8px solid #FC4600}
.gd-desc{margin:0 0 20px;line-height:1.6}
.gd-form{margin-top:8px}
.gd-fac{font-weight:400;color:#5b6772}
.gd-e{display:block;color:#a32020;font-weight:700;font-size:.85rem}
.gd-nota{font-size:.92rem;color:#3b4853;margin:12px 0 0}
.gd-aree{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.gd-aree a{border:1px solid #c9d2da;border-radius:999px;padding:6px 14px;text-decoration:none;color:#233646;font-weight:700;font-size:.9rem}
.gd-aree a[aria-current="true"]{background:#233646;color:#fff;border-color:#233646}
.gd-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.gd-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #dde3e8;border-radius:12px;overflow:hidden;text-decoration:none;color:#1f2a33;transition:transform .15s,box-shadow .15s}
.gd-card a:hover,.gd-card a:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(35,54,70,.16)}
.gd-card img,.gd-card .gd-cop0{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0;box-shadow:none}
.gd-card-t{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.gd-card-t small{color:#C73800;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.gd-card-t b{font:700 1.05rem/1.3 'Ubuntu',sans-serif;color:#233646}
.gd-card-t span{font-size:.92rem;color:#3b4853}
.gd-card-t em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:700;color:#C73800}
@media (max-width:760px){.gd-det{grid-template-columns:1fr}.gd-cop{max-width:220px}.gd-scudo{width:220px;right:-40px;bottom:-50px}}