.elementor-3466 .elementor-element.elementor-element-70906b1:not(.elementor-motion-effects-element-type-background), .elementor-3466 .elementor-element.elementor-element-70906b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.veloxservizi.it/wp-content/uploads/2023/08/staff-velox.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3466 .elementor-element.elementor-element-70906b1 > .elementor-background-overlay{background-color:#004289;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3466 .elementor-element.elementor-element-70906b1 > .elementor-container{max-width:1170px;min-height:0vh;}.elementor-3466 .elementor-element.elementor-element-70906b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 0px 200px 0px;}.elementor-3466 .elementor-element.elementor-element-94e7f52 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-3466 .elementor-element.elementor-element-94e7f52 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3466 .elementor-element.elementor-element-90a12ed > .elementor-container{text-align:start;}.elementor-3466 .elementor-element.elementor-element-90a12ed{padding:0px 0px 0px 0px;}.elementor-3466 .elementor-element.elementor-element-81bf4f4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-3466 .elementor-element.elementor-element-888d895 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-3466 .elementor-element.elementor-element-888d895{text-align:center;}.elementor-3466 .elementor-element.elementor-element-888d895 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:100px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#FFFFFF;}.elementor-3466 .elementor-element.elementor-element-1e72404{margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-3466 .elementor-element.elementor-element-de01f5e{margin-top:0px;margin-bottom:40px;}.elementor-3466 .elementor-element.elementor-element-105bf31 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-3466 .elementor-element.elementor-element-105bf31{text-align:center;}.elementor-3466 .elementor-element.elementor-element-105bf31 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:80px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#004289;}.elementor-3466 .elementor-element.elementor-element-7506dd4{text-align:center;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:1.7em;color:#707A8C;}.elementor-3466 .elementor-element.elementor-element-8d71bf3:not(.elementor-motion-effects-element-type-background), .elementor-3466 .elementor-element.elementor-element-8d71bf3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FF;}.elementor-3466 .elementor-element.elementor-element-8d71bf3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3466 .elementor-element.elementor-element-8d71bf3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3466 .elementor-element.elementor-element-65e522a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3466 .elementor-element.elementor-element-65e522a{text-align:center;}.elementor-3466 .elementor-element.elementor-element-65e522a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:50px;font-weight:700;line-height:1em;letter-spacing:-2px;color:#004289;}.elementor-3466 .elementor-element.elementor-element-eb7c517{text-align:center;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:1.7em;color:#707A8C;}.elementor-3466 .elementor-element.elementor-element-cf8eb1e{--spacer-size:200px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3466 .elementor-element.elementor-element-94e7f52{width:100%;}}@media(max-width:1024px){.elementor-3466 .elementor-element.elementor-element-70906b1{padding:100px 20px 100px 20px;}.elementor-3466 .elementor-element.elementor-element-888d895 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-3466 .elementor-element.elementor-element-888d895 .elementor-heading-title{font-size:60px;}.elementor-3466 .elementor-element.elementor-element-de01f5e{margin-top:0px;margin-bottom:20px;}.elementor-3466 .elementor-element.elementor-element-105bf31 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-3466 .elementor-element.elementor-element-105bf31 .elementor-heading-title{font-size:50px;}.elementor-3466 .elementor-element.elementor-element-7506dd4{font-size:16px;}.elementor-3466 .elementor-element.elementor-element-65e522a > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-3466 .elementor-element.elementor-element-65e522a .elementor-heading-title{font-size:50px;}.elementor-3466 .elementor-element.elementor-element-eb7c517{font-size:16px;}}@media(max-width:767px){.elementor-3466 .elementor-element.elementor-element-70906b1{padding:100px 20px 100px 20px;}.elementor-3466 .elementor-element.elementor-element-888d895{text-align:center;}.elementor-3466 .elementor-element.elementor-element-888d895 .elementor-heading-title{font-size:33px;line-height:1.1em;}.elementor-3466 .elementor-element.elementor-element-105bf31 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-3466 .elementor-element.elementor-element-105bf31 .elementor-heading-title{font-size:40px;}.elementor-3466 .elementor-element.elementor-element-7506dd4{font-size:14px;line-height:1.5em;}.elementor-3466 .elementor-element.elementor-element-65e522a > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-3466 .elementor-element.elementor-element-65e522a .elementor-heading-title{font-size:40px;}.elementor-3466 .elementor-element.elementor-element-eb7c517{font-size:14px;line-height:1.5em;}}/* Start custom CSS */.filtro-btn.is-active, .filtro-tipo-btn.is-active, .filtro-btn:hover, .filtro-tipo-btn:hover {
    background: #004084!important;
    color: #fff!important;
    border-color: var(--e-global-color-primary, #004187)!important;
}

/* ============================================
   FILTRO POSIZIONI - STILE VELOX SERVIZI
   ============================================ */

.filtro-posizioni {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 3rem 2rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  max-width: 100%;
}

/* Contenitori dei gruppi di filtri */
.filtro-posizioni__categorie,
.filtro-posizioni__tipo {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  flex: 1;
  min-width: 300px;
}

/* ============================================
   STILE BASE DEI BOTTONI
   ============================================ */

.filtro-btn,
.filtro-tipo-btn {
  padding: 0.75rem 1.5rem;
  border: 2px solid #e0e4e9;
  background-color: #ffffff;
  color: #003d82;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
}

/* Pseudo-elemento per effetto hover */
.filtro-btn::before,
.filtro-tipo-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: rgba(0, 61, 130, 0.08);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
  z-index: 0;
}

.filtro-btn,
.filtro-tipo-btn {
  z-index: 1;
}

/* Hover - effetto ripple */
.filtro-btn:hover::before,
.filtro-tipo-btn:hover::before {
  width: 300px;
  height: 300px;
}

/* ============================================
   STATO HOVER - BOTTONI INATTIVI
   ============================================ */

.filtro-btn:hover:not(.is-active),
.filtro-tipo-btn:hover:not(.is-active) {
  border-color: #003d82;
  color: #003d82;
  background-color: rgba(0, 61, 130, 0.04);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 61, 130, 0.1);
}

/* ============================================
   STATO ATTIVO - BOTTONI SELECTED
   ============================================ */

.filtro-btn.is-active,
.filtro-tipo-btn.is-active {
  background: linear-gradient(135deg, #003d82 0%, #0052a3 100%);
  color: #ffffff;
  border-color: #003d82;
  font-weight: 600;
  box-shadow: 0 6px 20px rgba(0, 61, 130, 0.25);
  transform: translateY(-2px);
}

/* Effetto aggiuntivo per stato attivo */
.filtro-btn.is-active::after,
.filtro-tipo-btn.is-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  border-radius: 6px;
  pointer-events: none;
}

/* Focus state per accessibilità */
.filtro-btn:focus,
.filtro-tipo-btn:focus {
  outline: 2px solid #5a9fd4;
  outline-offset: 2px;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
  .filtro-posizioni {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 1.5rem;
  }

  .filtro-posizioni__categorie,
  .filtro-posizioni__tipo {
    flex-basis: 100%;
    min-width: 100%;
  }

  .filtro-btn,
  .filtro-tipo-btn {
    padding: 0.65rem 1.25rem;
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .filtro-posizioni {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }

  .filtro-btn,
  .filtro-tipo-btn {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
  }

  .filtro-posizioni__categorie,
  .filtro-posizioni__tipo {
    gap: 0.5rem;
  }
}

/* ============================================
   STATI DI DISABILITAZIONE
   ============================================ */

.filtro-btn:disabled,
.filtro-tipo-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f0f2f5;
}

.filtro-btn:disabled:hover,
.filtro-tipo-btn:disabled:hover {
  transform: none;
  box-shadow: none;
}

.filtro-posizioni {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
    justify-content: space-between;
    align-items: center;
}/* End custom CSS */