.ance-documenti,
.ance-documento {
--ance-navy: #003a79;
--ance-blue: #0070c4;
--ance-text: #161922;
--ance-muted: #4b5563;
--ance-border: #e5e7eb;
--ance-surface: #f4f6f8;
--ance-white: #ffffff;
--ance-font: "Work Sans", Helvetica, Arial, sans-serif;
font-family: var(--ance-font);
color: var(--ance-text);
box-sizing: border-box;
}
.ance-documenti *,
.ance-documenti *::before,
.ance-documenti *::after,
.ance-documento *,
.ance-documento *::before,
.ance-documento *::after {
box-sizing: border-box;
} .ance-documenti {
display: grid;
grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
gap: 2rem 2.5rem;
align-items: start;
}
.ance-documenti__sidebar {
background: var(--ance-surface);
padding: 1.25rem 1.15rem 1.4rem;
border: 1px solid var(--ance-border);
position: sticky;
top: 1rem;
}
.ance-documenti .ance-documenti__sidebar-title {
margin: 0 0 1rem !important;
padding: 0 !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--ance-navy) !important;
}
.ance-documenti__filters {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.ance-documenti__filter {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
margin: 0;
padding: 0.55rem 0.7rem;
border: 1px solid transparent;
background: transparent;
color: var(--ance-text);
font: inherit;
font-size: 0.92rem;
font-weight: 500;
text-align: left;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ance-documenti__filter:hover,
.ance-documenti__filter:focus-visible {
background: var(--ance-white);
color: var(--ance-navy);
border-color: var(--ance-border);
outline: none;
}
.ance-documenti__filter:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documenti__filter.is-active {
background: var(--ance-navy);
color: var(--ance-white);
border-color: var(--ance-navy);
}
.ance-documenti__filter-count {
flex-shrink: 0;
min-width: 1.5rem;
padding: 0.1rem 0.35rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
font-size: 0.75rem;
font-weight: 600;
text-align: center;
opacity: 0.9;
}
.ance-documenti__filter:not(.is-active) .ance-documenti__filter-count {
background: #e8edf3;
color: var(--ance-muted);
}
.ance-documenti__main {
min-width: 0;
}
.ance-documenti__toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1.25rem;
margin-bottom: 1.25rem;
}
.ance-documenti__count {
margin: 0;
font-size: 0.9rem;
color: var(--ance-muted);
}
.ance-documenti__sort {
display: flex;
align-items: center;
gap: 0.55rem;
margin-left: auto;
}
.ance-documenti__sort-label {
font-size: 0.85rem;
font-weight: 600;
color: var(--ance-navy);
white-space: nowrap;
}
.ance-documenti__sort-select {
appearance: none;
-webkit-appearance: none;
min-height: 42px;
min-width: 9.5rem;
padding: 0.45rem 2.25rem 0.45rem 0.75rem;
border: 1px solid var(--ance-border);
background-color: var(--ance-white);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23003a79' d='M2.1 4.2 6 8.1l3.9-3.9 1.1 1.1L6 10.3 1 5.3z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 12px;
color: var(--ance-text);
font: inherit;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
}
.ance-documenti__sort-select:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
border-color: var(--ance-blue);
}
.ance-documenti__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.15rem;
position: relative;
min-height: 4rem;
}
.ance-documenti__grid.is-loading {
opacity: 0.55;
pointer-events: none;
}
.ance-documenti__grid.is-loading::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.45),
transparent
);
animation: ance-doc-shimmer 1.2s linear infinite;
pointer-events: none;
}
@keyframes ance-doc-shimmer {
from {
transform: translateX(-40%);
}
to {
transform: translateX(40%);
}
}
.ance-documenti .ance-documenti__card {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.75rem;
min-height: 100%;
margin: 0;
padding: 0.75rem 0.9rem 0.9rem;
background: var(--ance-white);
border: 1px solid var(--ance-border);
box-shadow: 0 1px 2px rgba(0, 58, 121, 0.04);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ance-documenti .ance-documenti__card:hover {
border-color: #c9d5e4;
box-shadow: 0 4px 14px rgba(0, 58, 121, 0.08);
}
.ance-documenti__card-body {
flex: 1 1 auto;
margin: 0;
padding: 0;
} .ance-documenti .ance-documenti__card-title,
.ance-documenti h3.ance-documenti__card-title {
margin: 0 0 0.3rem !important;
padding: 0 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--ance-navy) !important;
text-transform: uppercase;
letter-spacing: 0.01em;
}
.ance-documenti .ance-documenti__card-category {
margin: 0 !important;
padding: 0 !important;
font-size: 0.75rem !important;
line-height: 1.35 !important;
color: var(--ance-muted) !important;
}
.ance-documenti__card-actions {
margin-top: auto;
}
.ance-documenti__card-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0.45rem 0.85rem;
background: var(--ance-navy);
color: var(--ance-white) !important;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none !important;
border: 0;
transition: background 0.15s ease;
}
.ance-documenti__card-btn:hover,
.ance-documenti__card-btn:focus-visible {
background: var(--ance-blue);
color: var(--ance-white) !important;
}
.ance-documenti__card-btn:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documenti__card-locked {
display: inline-flex;
align-items: flex-start;
gap: 0.4rem;
max-width: 100%;
padding: 0.35rem 0;
font-size: 0.72rem;
line-height: 1.35;
font-weight: 600;
color: var(--ance-muted);
}
.ance-documenti__card-locked-icon {
flex-shrink: 0;
margin-top: 0.1rem;
color: var(--ance-navy);
opacity: 0.75;
}
.ance-documenti__empty {
grid-column: 1 / -1;
margin: 0;
padding: 2rem 1rem;
text-align: center;
color: var(--ance-muted);
background: var(--ance-surface);
border: 1px dashed var(--ance-border);
}
.ance-documenti__footer {
display: flex;
justify-content: center;
margin-top: 1.75rem;
}
.ance-documenti__load-more {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0.7rem 1.6rem;
border: 2px solid var(--ance-navy);
background: transparent;
color: var(--ance-navy);
font: inherit;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease;
}
.ance-documenti__load-more:hover,
.ance-documenti__load-more:focus-visible {
background: var(--ance-navy);
color: var(--ance-white);
}
.ance-documenti__load-more:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documenti__load-more.is-hidden,
.ance-documenti__load-more[hidden] {
display: none !important;
}
.ance-documenti__load-more.is-loading {
opacity: 0.65;
cursor: wait;
}
.ance-documenti .screen-reader-text,
.ance-documento .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} .ance-documento {
width: 100%;
max-width: none;
}
.ance-documento__back {
margin: 0 0 0.35rem;
}
.ance-documento__back-link {
color: var(--ance-navy);
font-size: 0.95rem;
font-weight: 600;
text-decoration: none;
}
.ance-documento__back-link:hover,
.ance-documento__back-link:focus-visible {
color: var(--ance-blue);
text-decoration: underline;
}
.ance-documento__back-link:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documento .ance-documento__title,
.ance-documento h1.ance-documento__title {
margin: 0 0 0.75rem !important;
padding: 0 !important;
font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--ance-navy) !important;
text-transform: none;
letter-spacing: 0;
}
.ance-documento__reserved {
margin: 0 0 1rem;
padding: 0.85rem 1rem;
background: var(--ance-surface);
border: 1px solid var(--ance-border);
color: var(--ance-muted);
font-size: 0.95rem;
line-height: 1.45;
font-weight: 600;
}
.ance-documento__category {
margin: 0 0 1rem;
font-size: 0.95rem;
color: var(--ance-muted);
}
.ance-documento__content {
margin: 0 0 2rem;
font-size: 1rem;
line-height: 1.6;
color: var(--ance-text);
}
.ance-documento__content > *:first-child {
margin-top: 0;
}
.ance-documento__content > *:last-child {
margin-bottom: 0;
}
.ance-documento__category-label {
font-weight: 600;
margin-right: 0.35rem;
}
.ance-documento__category-link {
color: var(--ance-navy) !important;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.ance-documento__category-link:hover,
.ance-documento__category-link:focus-visible {
color: var(--ance-blue) !important;
}
.ance-documento__category-link:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documento .ance-documento__allegati-title,
.ance-documento h2.ance-documento__allegati-title {
margin: 0 0 1rem !important;
padding: 0 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--ance-navy) !important;
}
.ance-documento__allegati-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.ance-documento__allegato {
margin: 0;
min-width: 0;
}
.ance-documento__allegato-link {
display: flex;
align-items: center;
gap: 0.65rem;
height: 100%;
padding: 0.75rem 0.9rem;
border: 1px solid var(--ance-border);
background: var(--ance-white);
color: var(--ance-navy) !important;
text-decoration: none !important;
font-weight: 600;
font-size: 0.92rem;
transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.ance-documento__allegato-name {
min-width: 0;
overflow-wrap: anywhere;
}
.ance-documento__allegato-link:hover,
.ance-documento__allegato-link:focus-visible {
border-color: var(--ance-navy);
background: var(--ance-surface);
color: var(--ance-navy) !important;
text-decoration: underline;
}
.ance-documento__allegato-link:focus-visible {
outline: 3px solid var(--ance-blue);
outline-offset: 2px;
}
.ance-documento__allegato-icon {
flex-shrink: 0;
color: var(--ance-navy);
}
.ance-documento__locked {
display: flex;
align-items: flex-start;
gap: 0.55rem;
margin: 0;
padding: 1rem 1.1rem;
background: var(--ance-surface);
border: 1px solid var(--ance-border);
color: var(--ance-muted);
font-size: 0.92rem;
line-height: 1.45;
font-weight: 500;
}
.ance-documento__locked-icon {
flex-shrink: 0;
margin-top: 0.15rem;
color: var(--ance-navy);
}
.ance-documento__empty {
margin: 0;
color: var(--ance-muted);
font-size: 0.95rem;
} @media (max-width: 1100px) {
.ance-documenti__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ance-documenti .ance-documenti__card-title,
.ance-documenti h3.ance-documenti__card-title {
font-size: 18px !important;
}
.ance-documento__allegati-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.ance-documenti {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.ance-documenti__sidebar {
position: static;
}
.ance-documenti__filters {
flex-direction: row;
flex-wrap: wrap;
}
.ance-documenti__filter {
width: auto;
}
}
@media (max-width: 640px) {
.ance-documenti__grid {
grid-template-columns: 1fr;
}
.ance-documento__allegati-list {
grid-template-columns: 1fr;
}
.ance-documenti__toolbar {
flex-direction: column;
align-items: stretch;
}
.ance-documenti__sort {
margin-left: 0;
justify-content: space-between;
}
.ance-documenti__sort-select {
flex: 1;
}
}.ance-footer-links {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ance-footer-links *,
.ance-footer-links *::before,
.ance-footer-links *::after {
box-sizing: border-box;
}
.ance-footer-links__list,
.ance-footer-links .ance-footer-links__list,
.ance-footer-links ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.35em;
}
.ance-footer-links .menu-item {
margin: 0;
padding: 0;
}
.ance-footer-links .sub-menu {
list-style: none;
margin: 0.25em 0 0;
padding: 0 0 0 0.75em;
display: flex;
flex-direction: column;
gap: 0.25em;
}
.ance-footer-links .menu-item > a {
display: inline;
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none; background: transparent;
border: 0;
border-radius: 0;
transition: text-decoration-color 0.15s ease;
}
.ance-footer-links .menu-item > a:hover {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.ance-footer-links .menu-item > a:focus-visible {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 0.15em;
outline: 2px solid #ffffff;
outline-offset: 3px;
}
.ance-footer-links .menu-item > a:focus:not(:focus-visible) {
outline: none;
}
@media (prefers-reduced-motion: reduce) {
.ance-footer-links .menu-item > a {
transition: none;
}
}