.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6846 .elementor-element.elementor-element-70f4b71 .elementor-button{background-color:#DEB887;}.elementor-6846 .elementor-element.elementor-element-70f4b71 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6846 .elementor-element.elementor-element-4a15fbf .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS for html, class: .elementor-element-9a71524 *//* ==========================================================================
   AI-ARTICLE — Foglio di stile per articoli istituzionali/PA
   Incolla questo blocco in: Aspetto > Personalizza > CSS aggiuntivo
   (oppure in functions.php tramite wp_enqueue_style)
   ========================================================================== */

.ai-article {
  max-width: 780px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #22252a;
  line-height: 1.7;
}

/* ---------- HEADER ---------- */
.ai-header {
  margin-bottom: 28px;
}

.ai-category {
  display: inline-block;
  background: #0c447c;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 14px;
}

.ai-title {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  color: #14171a;
  margin: 0 0 14px;
}

.ai-meta {
  display: flex;
  gap: 18px;
  font-size: 14px;
  color: #6b7280;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 18px;
}

/* ---------- BODY ---------- */
.ai-body h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0c447c;
  margin: 38px 0 14px;
  padding-top: 6px;
  border-top: 3px solid #e6f1fb;
}

.ai-body p {
  font-size: 17px;
  margin: 0 0 18px;
  color: #2c2c2a;
}

.ai-lead {
  font-size: 19px;
  font-weight: 500;
  color: #14171a;
  border-left: 4px solid #0c447c;
  padding: 4px 0 4px 18px;
  margin: 0 0 28px;
}

.ai-body ul {
  margin: 0 0 22px;
  padding-left: 0;
  list-style: none;
}

.ai-body ul li {
  position: relative;
  padding: 8px 0 8px 30px;
  font-size: 16px;
  border-bottom: 1px dashed #e5e7eb;
}

.ai-body ul li:last-child {
  border-bottom: none;
}

.ai-body ul li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e6f1fb;
  color: #0c447c;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------- QUICK FACTS ---------- */
.ai-quick-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  background: #f7f8fa;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  margin: 0 0 30px;
}

.ai-quick-facts .fact-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ai-quick-facts .fact-item strong {
  font-size: 22px;
  font-weight: 800;
  color: #0c447c;
  margin-bottom: 6px;
}

.ai-quick-facts .fact-item span {
  font-size: 13px;
  color: #5f5e5a;
  line-height: 1.4;
}

/* ---------- QUOTE ---------- */
.ai-quote {
  position: relative;
  background: #fff8ec;
  border-left: 5px solid #ba7517;
  border-radius: 0 10px 10px 0;
  padding: 20px 24px 20px 50px;
  margin: 30px 0;
  font-size: 18px;
  font-style: italic;
  color: #412402;
}

.ai-quote::before {
  content: "\201C";
  position: absolute;
  left: 14px;
  top: 6px;
  font-size: 42px;
  font-style: normal;
  color: #ef9f27;
  line-height: 1;
  font-family: Georgia, serif;
}

/* ---------- CTA BANNER ---------- */
.ai-cta-banner {
  background: linear-gradient(135deg, #0c447c 0%, #185fa5 100%);
  color: #ffffff;
  border-radius: 14px;
  padding: 28px 30px;
  margin: 36px 0 10px;
  text-align: center;
}

.ai-cta-banner h3 {
  font-size: 21px;
  font-weight: 800;
  margin: 0 0 10px;
  color: #ffffff;
}

.ai-cta-banner p {
  font-size: 15px;
  color: #e6f1fb;
  margin: 0 0 20px;
}

.ai-btn {
  display: inline-block;
  background: #ff5c33;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}  
.ai-btns {
  display: inline-block;
  background: #00b300;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}  
.ai-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
  color: #0c447c;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 640px) {
  .ai-title { font-size: 24px; }
  .ai-quick-facts { grid-template-columns: 1fr; }
  .ai-meta { flex-wrap: wrap; gap: 10px; }
  .ai-cta-banner { padding: 22px 18px; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4a15fbf *//* --- PULSANTE DI INVIO (SUBMIT BUTTON) --- */
.elementor-6846 .elementor-element.elementor-element-4a15fbf .elementor-button {
  width: 100% !important;
  background-color: #009933 !important;
  color: #FFFFFF !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 16px 28px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
}

/* --- PULSANTE HOVER E FOCUS --- */
.elementor-6846 .elementor-element.elementor-element-4a15fbf .elementor-button:hover,
.elementor-6846 .elementor-element.elementor-element-4a15fbf .elementor-button:focus {
  background-color: #0F766E !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(13, 148, 136, 0.35) !important;
}/* End custom CSS */