.tim-griglia {
width: 100%;
font-family: 'Roboto', sans-serif;
color: #161616;
} .tim-filtri {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 2vw;
}
.tim-filtri__campo {
position: relative;
}
.tim-filtri__campo input,
.tim-filtri__campo select {
padding: 8px 14px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
background: #fff;
color: #161616;
outline: none;
transition: border-color 0.2s;
}
.tim-filtri__campo input:focus,
.tim-filtri__campo select:focus {
border-color: #ED6C06;
}
.tim-filtri__territorio input {
min-width: 220px;
}
.tim-filtri__ricerca input {
min-width: 180px;
}
.tim-territorio__dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 10px 10px;
max-height: 200px;
overflow-y: auto;
z-index: 100;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.tim-territorio__item {
padding: 10px 14px;
cursor: pointer;
font-size: 14px;
}
.tim-territorio__item:hover {
background: #FFF3E6;
}
.tim-territorio__item small {
color: #5C5C5C;
margin-left: 5px;
} .tim-filtri__settori-wrapper {
position: relative;
}
.tim-filtri__settori-toggle {
padding: 8px 32px 8px 14px;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff 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='%235C5C5C' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;
background-size: 10px;
cursor: pointer;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #161616;
font-weight: 400;
white-space: nowrap;
appearance: none;
-webkit-appearance: none;
transition: border-color 0.2s;
line-height: 1.4;
}
.tim-filtri__settori-toggle:hover {
border-color: #bbb;
}
.tim-filtri__settori-toggle.active {
border-color: #ED6C06;
outline: none;
}
.tim-settori__panel {
display: none;
position: absolute;
top: calc(100% + 2px);
left: 0;
min-width: 200px;
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px 14px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
z-index: 50;
}
.tim-settori__panel.open {
display: block;
}
.tim-settori__grid {
display: flex;
flex-direction: column;
gap: 8px;
}
.tim-settori__grid label {
font-size: 13px;
font-weight: 400;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
color: #5C5C5C;
white-space: nowrap;
}
.tim-settori__grid label:has(input:checked) {
color: #ED6C06;
font-weight: 600;
} .tim-filtri__reset {
padding: 8px 14px;
border: 1px solid #ccc;
border-radius: 10px;
background: #F5F5F5;
cursor: pointer;
font-size: 13px;
color: #888;
font-family: 'Roboto', sans-serif;
}
.tim-filtri__reset:hover {
background: #e0e0e0;
color: #555;
} .tim-filtri__active-tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
background: #FFF3E6;
border: 1px solid #ED6C06;
border-radius: 20px;
font-size: 13px;
color: #ED6C06;
}
.tim-filtri__active-tag button {
border: none;
background: none;
color: #ED6C06;
cursor: pointer;
font-size: 16px;
line-height: 1;
padding: 0;
} .tim-risultati__contatore {
margin-bottom: 1.5vw;
font-size: 14px;
color: #5C5C5C;
}
.tim-count {
font-weight: 700;
color: #161616;
} .tim-griglia__risultati {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
width: 100%;
} .tim-card {
background: #fff;
border: 1px solid #EEEEEE;
border-radius: 10px;
padding: 20px;
transition: box-shadow 0.3s, transform 0.2s;
cursor: default;
}
.tim-card:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.tim-card__header {
margin-bottom: 10px;
}
.tim-card__badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tim-card__badge--corso { background: #FFF3E6; color: #ED6C06; }
.tim-card__badge--apertura { background: #E8F5E9; color: #227B5F; }
.tim-card__badge--concluso { background: #FDECEA; color: #C62828; }
.tim-card__badge--attesa { background: #E3F2FD; color: #326E8C; }
.tim-card__badge--voucher-tipo      { background: #E3F2FD; color: #1565C0; }
.tim-card__badge--transizione-tipo  { background: #E8F5E9; color: #1B5E20; }
.tim-card__titolo {
margin: 0 0 10px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
.tim-card__titolo a {
color: #161616;
text-decoration: none;
transition: color 0.2s;
}
.tim-card__titolo a:hover {
color: #ED6C06;
}
.tim-card__meta {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 5px;
font-size: 13px;
color: #5C5C5C;
margin-bottom: 8px;
}
.tim-card__importo {
font-size: 14px;
margin-bottom: 10px;
color: #161616;
}
.tim-card__settori {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 14px;
}
.tim-card__settore {
display: inline-block;
padding: 2px 10px;
background: #EEEEEE;
border-radius: 20px;
font-size: 11px;
color: #5C5C5C;
}
.tim-card__actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding-top: 14px;
border-top: 1px solid #EEEEEE;
}
.tim-card__link {
padding: 8px 20px;
background: #ED6C06;
color: #fff !important;
border-radius: 10px;
text-decoration: none;
font-size: 13px;
font-weight: 600;
transition: background 0.2s;
}
.tim-card__link:hover {
background: #D35F05;
}
.tim-card__notifica {
padding: 8px 14px;
background: transparent;
border: 1px solid #5C5C5C;
color: #5C5C5C;
border-radius: 10px;
cursor: pointer;
font-size: 13px;
transition: all 0.2s;
}
.tim-card__notifica:hover {
border-color: #ED6C06;
color: #ED6C06;
} .tim-griglia__gruppi {
display: flex;
flex-direction: column;
gap: 40px;
}
.tim-gruppo__header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #EEEEEE;
}
.tim-gruppo--locale .tim-gruppo__header  { border-bottom-color: #ED6C06; }
.tim-gruppo--regionale .tim-gruppo__header { border-bottom-color: #326E8C; }
.tim-gruppo--nazionale .tim-gruppo__header { border-bottom-color: #888; }
.tim-gruppo__titolo {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 700;
color: #161616;
}
.tim-gruppo__titolo em {
font-style: normal;
}
.tim-gruppo--locale    .tim-gruppo__titolo em { color: #ED6C06; }
.tim-gruppo--regionale .tim-gruppo__titolo em { color: #326E8C; }
.tim-gruppo__count {
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 26px;
height: 26px;
padding: 0 8px;
border-radius: 13px;
font-size: 12px;
font-weight: 700;
flex-shrink: 0;
}
.tim-gruppo--locale    .tim-gruppo__count { background: #FFF3E6; color: #ED6C06; }
.tim-gruppo--regionale .tim-gruppo__count { background: #E3F2FD; color: #326E8C; }
.tim-gruppo--nazionale .tim-gruppo__count { background: #EEEEEE; color: #5C5C5C; }
.tim-gruppo__vuoto {
color: #999;
font-size: 13px;
font-style: italic;
padding: 10px 0;
} .tim-griglia__paginazione {
display: flex;
justify-content: center;
gap: 5px;
margin-top: 2vw;
}
.tim-griglia__paginazione button {
padding: 8px 14px;
border: 1px solid #ddd;
background: #fff;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #161616;
transition: all 0.2s;
}
.tim-griglia__paginazione button:hover {
border-color: #ED6C06;
color: #ED6C06;
}
.tim-griglia__paginazione button.active {
background: #ED6C06;
color: #fff !important;
border-color: #ED6C06;
} .tim-griglia__vedi-tutti {
text-align: center;
margin-top: 2vw;
}
.tim-griglia__vedi-tutti a {
display: inline-block;
padding: 12px 30px;
background: #ED6C06;
color: #fff !important;
border-radius: 10px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 15px;
transition: background 0.2s;
}
.tim-griglia__vedi-tutti a:hover {
background: #D35F05;
} .tim-modal-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.tim-modal {
background: #fff;
padding: 30px;
border-radius: 10px;
max-width: 420px;
width: 90%;
position: relative;
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.tim-modal__close {
position: absolute;
top: 12px; right: 16px;
border: none;
background: none;
font-size: 22px;
cursor: pointer;
color: #5C5C5C;
}
.tim-modal h3 {
margin: 0 0 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
}
.tim-notifica-form input[type="email"],
.tim-contatto-form input,
.tim-contatto-form textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
outline: none;
box-sizing: border-box;
}
.tim-notifica-form input:focus,
.tim-contatto-form input:focus,
.tim-contatto-form textarea:focus {
border-color: #ED6C06;
}
.tim-notifica-opzioni {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 15px;
}
.tim-notifica-opzioni label {
font-size: 14px;
cursor: pointer;
color: #5C5C5C;
}
.tim-notifica-form button[type="submit"],
.tim-contatto-form button[type="submit"] {
padding: 12px 24px;
background: #ED6C06;
color: #fff;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
width: 100%;
transition: background 0.2s;
}
.tim-notifica-form button:hover,
.tim-contatto-form button:hover {
background: #D35F05;
}
.tim-notifica-feedback,
.tim-contatto-feedback {
margin-top: 10px;
font-size: 14px;
text-align: center;
} .tim-noresults {
background: #FFF3E6;
padding: 30px;
border-radius: 10px;
margin-top: 2vw;
text-align: center;
border: 1px solid #FDDCB5;
}
.tim-noresults h3 {
margin: 0 0 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
color: #161616;
}
.tim-noresults > p {
color: #5C5C5C;
font-size: 15px;
margin-bottom: 20px;
}
.tim-contatto-form {
max-width: 550px;
margin: 0 auto;
text-align: left;
}
.tim-form__row {
display: flex;
gap: 10px;
margin-bottom: 0;
}
.tim-form__row input {
flex: 1;
} .tim-loading {
text-align: center;
padding: 40px;
color: #5C5C5C;
font-size: 15px;
} @media (max-width: 1023px) {
.tim-griglia__risultati {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 640px) {
.tim-griglia__risultati {
grid-template-columns: 1fr;
gap: 16px;
}
.tim-filtri {
flex-direction: column;
align-items: stretch;
}
.tim-filtri__campo input,
.tim-filtri__campo select,
.tim-filtri__settori-toggle {
width: 100%;
box-sizing: border-box;
}
.tim-filtri__territorio input,
.tim-filtri__ricerca input {
min-width: 100%;
}
.tim-form__row {
flex-direction: column;
}
.tim-card__meta {
flex-direction: column;
}
.tim-card__actions {
flex-direction: column;
}
.tim-card__link,
.tim-card__notifica {
width: 100%;
text-align: center;
}
}.elementor-counter{align-items:stretch;display:flex;flex-direction:column-reverse;justify-content:center}.elementor-counter .elementor-counter-number{flex-grow:var(--counter-number-grow,0)}.elementor-counter .elementor-counter-number-wrapper{display:flex;flex:1;font-size:69px;font-weight:600;line-height:1;text-align:center}.elementor-counter .elementor-counter-number-prefix{flex-grow:var(--counter-prefix-grow,1);text-align:end;white-space:pre-wrap}.elementor-counter .elementor-counter-number-suffix{flex-grow:var(--counter-suffix-grow,1);text-align:start;white-space:pre-wrap}.elementor-counter .elementor-counter-title{align-items:center;display:flex;flex:1;font-size:19px;font-weight:400;justify-content:center;line-height:2.5;margin:0;padding:0}