.elementor-22172 .elementor-element.elementor-element-5f36c4c0 > .elementor-container{max-width:1280px;}.elementor-22172 .elementor-element.elementor-element-5f36c4c0:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-5f36c4c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-22172 .elementor-element.elementor-element-5f36c4c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-22172 .elementor-element.elementor-element-5f36c4c0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22172 .elementor-element.elementor-element-714274d8:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-714274d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22172 .elementor-element.elementor-element-714274d8, .elementor-22172 .elementor-element.elementor-element-714274d8 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-22172 .elementor-element.elementor-element-714274d8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14px 0px 14px 0px;}.elementor-22172 .elementor-element.elementor-element-714274d8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22172 .elementor-element.elementor-element-bfb44d6 > .elementor-element-populated{margin:0px 34px 0px 34px;--e-column-margin-right:34px;--e-column-margin-left:34px;}.elementor-22172 .elementor-element.elementor-element-41406d99 img{border-radius:10px 10px 10px 10px;}.elementor-22172 .elementor-element.elementor-element-41406d99:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.assoverde.it/wp/wp-content/uploads/2026/01/square-rounded.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-22172 .elementor-element.elementor-element-41406d99.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.assoverde.it/wp/wp-content/uploads/2026/01/square-rounded.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-bc-flex-widget .elementor-22172 .elementor-element.elementor-element-5f2e034.elementor-column .elementor-column-wrap{align-items:center;}.elementor-22172 .elementor-element.elementor-element-5f2e034.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-22172 .elementor-element.elementor-element-5f2e034 > .elementor-element-populated > .elementor-widget-wrap{padding:20px 34px 20px 34px;}.elementor-22172 .elementor-element.elementor-element-45fd71e4{text-align:left;}.elementor-22172 .elementor-element.elementor-element-45fd71e4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-22172 .elementor-element.elementor-element-45fd71e4 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-22172 .elementor-element.elementor-element-75700769 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-22172 .elementor-element.elementor-element-75700769 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22172 .elementor-element.elementor-element-1db1aaf .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-22172 .elementor-element.elementor-element-1db1aaf > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-22172 .elementor-element.elementor-element-0a51c78:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-0a51c78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22172 .elementor-element.elementor-element-0a51c78, .elementor-22172 .elementor-element.elementor-element-0a51c78 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-22172 .elementor-element.elementor-element-0a51c78{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;padding:14px 0px 14px 0px;}.elementor-22172 .elementor-element.elementor-element-0a51c78 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22172 .elementor-element.elementor-element-f334c65 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-22172 .elementor-element.elementor-element-f334c65 > .elementor-element-populated > .elementor-widget-wrap{padding:0px 34px 0px 34px;}.elementor-22172 .elementor-element.elementor-element-9479d70:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-9479d70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22172 .elementor-element.elementor-element-9479d70, .elementor-22172 .elementor-element.elementor-element-9479d70 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-22172 .elementor-element.elementor-element-9479d70{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;padding:14px 0px 14px 0px;}.elementor-22172 .elementor-element.elementor-element-9479d70 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22172 .elementor-element.elementor-element-762097cc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-22172 .elementor-element.elementor-element-762097cc > .elementor-element-populated > .elementor-widget-wrap{padding:0px 34px 0px 34px;}.elementor-22172 .elementor-element.elementor-element-415a5a32 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-22172 .elementor-element.elementor-element-42799865:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-42799865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22172 .elementor-element.elementor-element-42799865, .elementor-22172 .elementor-element.elementor-element-42799865 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-22172 .elementor-element.elementor-element-42799865{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;padding:14px 0px 14px 0px;}.elementor-22172 .elementor-element.elementor-element-42799865 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22172 .elementor-element.elementor-element-d90580b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-22172 .elementor-element.elementor-element-d90580b > .elementor-element-populated > .elementor-widget-wrap{padding:0px 34px 0px 34px;}.elementor-22172 .elementor-element.elementor-element-20e84bad .elementor-heading-title{color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-22172 .elementor-element.elementor-element-5f36c4c0{padding:0px 0px 0px 0px;}}/* Start custom CSS for column, class: .elementor-element-bfb44d6 *//* Wrapper: riferimento per l'assoluto */
.badge-wrap{
  position: relative;
}

/* Badge: responsive e sempre leggibile */
.badge-webinar{
  position: absolute;
  z-index: 10;

  /* Spaziature responsive: min 10px, ideal 2vw, max 18px */
 /* top: clamp(10px, 2vw, 18px);
  left: clamp(10px, 2vw, 18px);*/
  
  top: 34px;
left: 14px;

  background: #449944; /* poi lo cambi */
  color: #fff;

  /* Padding responsive */
  padding: clamp(5px, 0.9vw, 8px) clamp(10px, 1.4vw, 14px);

  /* Testo responsive */
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;

  /* Forma */
  border-radius: 999px;

  /* Migliora resa */
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;

  /* (opzionale) stacco sullo sfondo */
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

/* Extra: su schermi molto piccoli, lo “rientriamo” leggermente */
@media (max-width: 480px){
  .badge-webinar{
    top: 10px;
    left: 10px;
  }
}

.badge-wrap { position: relative; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a560351 *//* =========================
   EVENT STATS (final)
   - box senza ombra
   - badge puliti (no bordo)
   - CFP arancio moderno
   ========================= */

/* Wrapper */
.event-datetime .event-stats{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;

  padding: 16px 18px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #ffffff;

  /* niente ombra */
  box-shadow: none;

  /* tipografia */
  font-size: 16px;
  line-height: 1.25;
}

/* Badge base (più premium: niente bordo) */
.event-datetime .stat-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(0,0,0,.04);
  border: none;

  font-weight: 600;
  color: rgba(0,0,0,.78);

  white-space: nowrap;
}

/* Evidenziazione "Livelli" (verde soft) */
.event-datetime .stat-level{
  background: rgba(23, 154, 60, .12);
  color: rgba(13, 110, 42, .95);
}

/* Evidenziazione CFP (arancio soft, elegante) */
.event-datetime .stat-cfp{
  background: rgba(230, 120, 20, 0.12);
  color: #A84E00;
}

/* Mobile */
@media (max-width: 480px){
  .event-datetime .event-stats{
    padding: 12px 12px;
    gap: 8px;
  }
  .event-datetime .stat-pill{
    white-space: normal;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ef48777 *//* =========================================
   HERO CTA – Clean UI 2026
   Coerente con Event Stats
   ========================================= */

.hero-cta-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 22px;
}

/* Base button */
.cta-button{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;

  transition: transform .18s ease,
              border-color .18s ease,
              background .18s ease;
}

/* Micro-hover moderno */
.cta-button:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.14);
}

/* Focus accessibile */
.cta-button:focus-visible{
  outline: 3px solid rgba(23,154,60,.35);
  outline-offset: 2px;
}

/* Icon container */
.cta-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex-shrink: 0;

  font-size: 20px;
  line-height: 1;

  background: rgba(0,0,0,.04);
}

/* Text block */
.cta-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cta-title{
  font-size: 18px;
  line-height: 1.15;
  color: rgba(0,0,0,.88);
}

.cta-subtitle{
  font-size: 14px;
  line-height: 1.25;
  color: rgba(0,0,0,.58);
}

/* Arrow */
.cta-arrow{
  font-size: 18px;
  font-weight: 700;
  color: rgba(0,0,0,.55);
  transition: transform .18s ease,
              color .18s ease;
  flex-shrink: 0;
}

.cta-button:hover .cta-arrow{
  transform: translateX(3px);
  color: rgba(0,0,0,.75);
}

/* =========================
   Varianti
   ========================= */

/* CTA primaria – verde soft premium */
.cta-primary{
  background: rgba(23,154,60,.10);
  border-color: rgba(23,154,60,.18);
}

.cta-primary .cta-icon{
  background: rgba(23,154,60,.14);
}

.cta-primary .cta-title{
  color: rgba(13,110,42,.95);
}

.cta-primary .cta-arrow{
  color: rgba(13,110,42,.75);
}

.cta-primary:hover{
  background: rgba(23,154,60,.13);
  border-color: rgba(23,154,60,.26);
}

/* CTA secondaria – surface neutra */
.cta-secondary{
  background: rgba(0,0,0,.02);
}

.cta-secondary:hover{
  background: rgba(0,0,0,.04);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 768px){
  .hero-cta-container{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cta-button{
    padding: 16px 16px;
  }

  .cta-title{
    font-size: 17px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .cta-button,
  .cta-arrow{
    transition: none !important;
  }
}

/* =========================================
   HERO CTA – Clean UI 2026
   Coerente con Event Stats
   ========================================= */

.hero-cta-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 22px;
}

/* Base button */
.cta-button{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;

  transition: transform .18s ease,
              border-color .18s ease,
              background .18s ease;
}

/* Micro-hover moderno */
.cta-button:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.14);
}

/* Focus accessibile */
.cta-button:focus-visible{
  outline: 3px solid rgba(23,154,60,.35);
  outline-offset: 2px;
}

/* Icon container */
.cta-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex-shrink: 0;

  font-size: 20px;
  line-height: 1;

  background: rgba(0,0,0,.04);
}

/* Text block */
.cta-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cta-title{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: rgba(0,0,0,.88);
}

.cta-subtitle{
  font-size: 14px;
  line-height: 1.25;
  color: rgba(0,0,0,.58);
}

/* Arrow */
.cta-arrow{
  font-size: 18px;
  font-weight: 700;
  color: rgba(0,0,0,.55);
  transition: transform .18s ease,
              color .18s ease;
  flex-shrink: 0;
}

.cta-button:hover .cta-arrow{
  transform: translateX(3px);
  color: rgba(0,0,0,.75);
}

/* =========================
   Varianti
   ========================= */

/* CTA primaria – verde soft premium */
.cta-primary{
  background: rgba(23,154,60,.10);
  border-color: rgba(23,154,60,.18);
}

.cta-primary .cta-icon{
  background: rgba(23,154,60,.14);
}

.cta-primary .cta-title{
  color: rgba(13,110,42,.95);
}

.cta-primary .cta-arrow{
  color: rgba(13,110,42,.75);
}

.cta-primary:hover{
  background: rgba(23,154,60,.13);
  border-color: rgba(23,154,60,.26);
}

/* CTA secondaria – surface neutra */
.cta-secondary{
  background: rgba(0,0,0,.02);
}

.cta-secondary:hover{
  background: rgba(0,0,0,.04);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 768px){
  .hero-cta-container{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cta-button{
    padding: 16px 16px;
  }

  .cta-title{
    font-size: 17px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .cta-button,
  .cta-arrow{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5f2e034 */.elementor-element-a2faff7>.elementor-column-wrap.elementor-element-populated {
    flex-direction: column !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-96d5009 */input#gform_submit_button_26 {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;

  background-color: rgb(68, 153, 68);
  border-radius: 12px;

  font-size: 18px;
  font-weight: 500;

  color: #ffffff;
  border: none;
  cursor: pointer;
}

input#gform_submit_button_26:hover {
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-787ccc12 */input#gform_submit_button_26 {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;

  background-color: rgb(68, 153, 68);
  border-radius: 12px;

  font-size: 18px;
  font-weight: 500;

  color: #ffffff;
  border: none;
  cursor: pointer;
}

input#gform_submit_button_26:hover {
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5a5e71 */.package-cards-section{
  width: 100%;
}

.package-cards-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.package-card{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.03);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.package-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.07);
  border-color: #cfd8cf;
}

.package-card-image-wrap{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  text-decoration: none;
}

.package-card-image{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.package-card-badge{
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(245, 232, 220, .95);
  border: 1px solid rgba(180, 120, 40, .18);
  color: #b76500;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.package-card-badge--primary{
  background: rgba(23,154,60,.12);
  border: 1px solid rgba(23,154,60,.18);
  color: #0d6e2a;
}

.package-card-content{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 18px;
}

.package-card-title{
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  color: #2f2f2f;
  text-transform: uppercase;
}

.package-card-subtitle{
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.4;
  color: #3b3b3b;
}

.package-card-prices{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 18px;
}

.package-card-price-old{
  font-size: 16px;
  color: #91b991;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.package-card-price-new{
  font-size: 18px;
  font-weight: 800;
  color: #0a7a1d;
}

.package-card-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 14px 18px;
  border-radius: 18px;
  background: #dce9de;
  border: 1px solid #c8dccb;
  color: #157a2d;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.package-card-button:hover{
  background: #d2e3d5;
  border-color: #bcd2c1;
  transform: translateY(-1px);
}

/* Card evidenziata: corso completo */
.package-card--featured{
  border: 2px solid #1a8737;
  box-shadow: 0 10px 24px rgba(13,110,42,.10);
}

.package-card--featured .package-card-button{
  background: #1a8737;
  border-color: #1a8737;
  color: #fff;
}

.package-card--featured .package-card-button:hover{
  background: #177b31;
  border-color: #177b31;
}

/* Tablet */
@media (max-width: 1024px){
  .package-cards-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 767px){
  .package-cards-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .package-card{
    padding: 16px;
    border-radius: 20px;
  }

  .package-card-image-wrap{
    border-radius: 16px;
  }

  .package-card-badge{
    top: 14px;
    right: 14px;
    min-height: 34px;
    padding: 7px 14px;
    font-size: 12px;
  }

  .package-card-title{
    font-size: 16px;
  }

  .package-card-subtitle{
    font-size: 14px;
  }

  .package-card-button{
    min-height: 48px;
    font-size: 14px;
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-52a444b6 */input#gform_submit_button_26 {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;

  background-color: rgb(68, 153, 68);
  border-radius: 12px;

  font-size: 18px;
  font-weight: 500;

  color: #ffffff;
  border: none;
  cursor: pointer;
}

input#gform_submit_button_26:hover {
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a2e3f8 */.package-cards-section{
  width: 100%;
}

.package-cards-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.package-card{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.03);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.package-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.07);
  border-color: #cfd8cf;
}

.package-card-image-wrap{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  text-decoration: none;
}

.package-card-image{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}



.package-card-content{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 18px;
}

.package-card-title{
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  color: #2f2f2f;
  text-transform: uppercase;
}

.package-card-subtitle{
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.4;
  color: #3b3b3b;
}

.package-card-prices{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 18px;
}

.package-card-price-old{
  font-size: 16px;
  color: #91b991;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.package-card-price-new{
  font-size: 18px;
  font-weight: 800;
  color: #0a7a1d;
}

.package-card-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 14px 18px;
  border-radius: 18px;
  background: #dce9de;
  border: 1px solid #c8dccb;
  color: #157a2d;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.package-card-button:hover{
  background: #d2e3d5;
  border-color: #bcd2c1;
  transform: translateY(-1px);
}

/* Card evidenziata: corso completo */
.package-card--featured{
  border: 2px solid #1a8737;
  box-shadow: 0 10px 24px rgba(13,110,42,.10);
}

.package-card--featured .package-card-button{
  background: #1a8737;
  border-color: #1a8737;
  color: #fff;
}

.package-card--featured .package-card-button:hover{
  background: #177b31;
  border-color: #177b31;
}

/* Tablet */
@media (max-width: 1024px){
  .package-cards-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 767px){
  .package-cards-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .package-card{
    padding: 16px;
    border-radius: 20px;
  }

  .package-card-image-wrap{
    border-radius: 16px;
  }

  .package-card-title{
    font-size: 16px;
  }

  .package-card-subtitle{
    font-size: 14px;
  }

  .package-card-button{
    min-height: 48px;
    font-size: 14px;
    border-radius: 16px;
  }
}

.package-card-vat {
    font-size: 0.7em;       /* Più piccolo rispetto al prezzo */
    font-weight: 400;      /* Meno grassetto */
    margin-left: 4px;      /* Piccolo stacco dal numero */
    opacity: 0.8;          /* Leggera trasparenza per non distrarre */
    vertical-align: middle; /* Allineamento armonioso */
}/* End custom CSS */