.elementor-22862 .elementor-element.elementor-element-8c2e261{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--padding-top:40px;--padding-bottom:24px;--padding-left:40px;--padding-right:40px;}.elementor-22862 .elementor-element.elementor-element-8c2e261:not(.elementor-motion-effects-element-type-background), .elementor-22862 .elementor-element.elementor-element-8c2e261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://campagne.dynamicaretail.it/wp-content/uploads/2026/02/immagine-hero.webp");background-position:72% 35%;background-repeat:no-repeat;background-size:cover;}.elementor-22862 .elementor-element.elementor-element-8c2e261.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22862 .elementor-element.elementor-element-7233b2c{--display:flex;}.elementor-22862 .elementor-element.elementor-element-7063751{--display:flex;--padding-top:014px;--padding-bottom:014px;--padding-left:16px;--padding-right:016px;}.elementor-22862 .elementor-element.elementor-element-7063751:not(.elementor-motion-effects-element-type-background), .elementor-22862 .elementor-element.elementor-element-7063751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22862 .elementor-element.elementor-element-68542ce > .elementor-widget-container{margin:0px 0px 0px -424px;}.elementor-22862 .elementor-element.elementor-element-68542ce img{width:253px;max-width:35%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22862 .elementor-element.elementor-element-02ccaa4 > .elementor-widget-container{margin:0px 0px 0px 0100px;}.elementor-22862 .elementor-element.elementor-element-02ccaa4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:64px;font-weight:500;line-height:1.1em;color:#DD2225;}.elementor-22862 .elementor-element.elementor-element-07879a2 > .elementor-widget-container{margin:0px 0px 0px 100px;}.elementor-22862 .elementor-element.elementor-element-07879a2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22862 .elementor-element.elementor-element-34f1e3a > .elementor-widget-container{margin:0px 0px 0px 100px;padding:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22862 .elementor-element.elementor-element-34f1e3a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-text{transition:color 0.3s;}.elementor-22862 .elementor-element.elementor-element-78c1a89{--display:flex;}.elementor-22862 .elementor-element.elementor-element-30b67be{--display:flex;}.elementor-22862 .elementor-element.elementor-element-f102225{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;grid-column:span 12;}.elementor-22862 .elementor-element.elementor-element-f102225 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:22px 026px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-f102225.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22862 .elementor-element.elementor-element-02ce1dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-22862 .elementor-element.elementor-element-8c2e261{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:024px 022px;--row-gap:024px;--column-gap:022px;--padding-top:28px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-22862 .elementor-element.elementor-element-8c2e261:not(.elementor-motion-effects-element-type-background), .elementor-22862 .elementor-element.elementor-element-8c2e261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:65% 0%;}.elementor-22862 .elementor-element.elementor-element-7063751{--padding-top:12px;--padding-bottom:12px;--padding-left:14px;--padding-right:014px;}.elementor-22862 .elementor-element.elementor-element-f102225 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 84px;}.elementor-22862 .elementor-element.elementor-element-f102225{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-22862 .elementor-element.elementor-element-f102225.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-22862 .elementor-element.elementor-element-8c2e261:not(.elementor-motion-effects-element-type-background), .elementor-22862 .elementor-element.elementor-element-8c2e261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://campagne.dynamicaretail.it/wp-content/uploads/2026/02/immagine-hero.webp");background-position:initial;background-repeat:no-repeat;background-size:cover;}.elementor-22862 .elementor-element.elementor-element-8c2e261{--padding-top:18px;--padding-bottom:16px;--padding-left:16px;--padding-right:016px;}.elementor-22862 .elementor-element.elementor-element-7233b2c{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-22862 .elementor-element.elementor-element-7063751{--padding-top:010px;--padding-bottom:010px;--padding-left:012px;--padding-right:012px;}.elementor-22862 .elementor-element.elementor-element-68542ce > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-68542ce img{max-width:46%;}.elementor-22862 .elementor-element.elementor-element-02ccaa4{width:var( --container-widget-width, 30px );max-width:30px;--container-widget-width:30px;--container-widget-flex-grow:0;}.elementor-22862 .elementor-element.elementor-element-02ccaa4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-02ccaa4 .elementor-heading-title{letter-spacing:1px;}.elementor-22862 .elementor-element.elementor-element-07879a2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-07879a2{text-align:start;}.elementor-22862 .elementor-element.elementor-element-34f1e3a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-34f1e3a.elementor-element{--align-self:flex-start;}.elementor-22862 .elementor-element.elementor-element-78c1a89{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-22862 .elementor-element.elementor-element-f102225 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22862 .elementor-element.elementor-element-f102225{--container-widget-width:256px;--container-widget-flex-grow:0;width:var( --container-widget-width, 256px );max-width:256px;}}@media(min-width:768px){.elementor-22862 .elementor-element.elementor-element-7233b2c{--content-width:55%;}.elementor-22862 .elementor-element.elementor-element-78c1a89{--content-width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22862 .elementor-element.elementor-element-7063751{--width:100%;}.elementor-22862 .elementor-element.elementor-element-78c1a89{--content-width:100%;}}/* Start custom CSS for heading, class: .elementor-element-02ccaa4 *//* IMPORTANTE: nel testo del widget Titolo scrivi così:
   BATTI IL <span class="is-italic">QUINTO!</span>
   (serve lo span per applicare il corsivo solo a "QUINTO!") [web:107]
*/

/* Stile base (tutto NON corsivo) */
.elementor-22862 .elementor-element.elementor-element-02ccaa4 .elementor-heading-title{
  font-family: Impact, "Arial Black", system-ui, sans-serif !important;
  font-weight: 100 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  color: #DD2225 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.02em !important;
  text-shadow:
    1px 1px 0 #111,
    2px 2px 0 #111,
    3px 3px 0 #111,
    4px 4px 0 #111,
    5px 5px 0 #111 !important;
}

/* Solo "QUINTO!" in corsivo (lo span) */
.elementor-22862 .elementor-element.elementor-element-02ccaa4 .elementor-heading-title .is-italic{
  font-style: italic !important;
  font-weight: inherit !important;
}

/* Mobile */
@media (max-width: 767px){
  .elementor-22862 .elementor-element.elementor-element-02ccaa4 .elementor-heading-title{
    font-size: clamp(36px, 10vw, 54px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07879a2 */.elementor-22862 .elementor-element.elementor-element-07879a2 .elementor-heading-title {
    font-family: "Montserrat", system-ui, sans-serif !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
    line-height: 1.1 !important;
}

@media (max-width: 767px) {
    .elementor-22862 .elementor-element.elementor-element-07879a2 .elementor-heading-title {
        font-size: clamp(14px, 4vw, 18px) !important;
    }
}
/* Desktop: 1 riga */
@media (min-width: 1024px){
  .elementor-22862 .elementor-element.elementor-element-07879a2 .elementor-heading-title{
    white-space: nowrap;
  }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-34f1e3a *//* Testo blu navy, bold, dimensione coerente */
.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-items {
    padding: 0 !important;
}

.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-item {
    margin-bottom: 8px !important;
}

.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-text {
    font-family: "Montserrat", system-ui, sans-serif !important;
    font-size: clamp(14px, 1.3vw, 16px) !important;
    font-weight: 700 !important;
    color: #103060 !important;
    line-height: 1.3 !important;
}

/* Colore bullet (icona/marker) */
.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-icon i,
.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-icon svg {
    color: #103060 !important;
    fill: #103060 !important;
}

/* Italic su "24h", "Prestito Online", "Zero spese" — aggiungili come HTML in Elementor */
.elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-text em {
    font-style: italic !important;
    font-weight: 800 !important;
}

@media (max-width: 767px) {
    .elementor-22862 .elementor-element.elementor-element-34f1e3a .elementor-icon-list-text {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c2e261 */.elementor-22862 .elementor-element.elementor-element-8c2e261{
  position: relative;
  overflow: hidden;
}

/* Barra rossa attaccata sotto */
.elementor-22862 .elementor-element.elementor-element-8c2e261:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:14px;
  background:#bd1f30;
  z-index:5;
}
@media (max-width:767px){
  .elementor-22862 .elementor-element.elementor-element-8c2e261:after{ height:8px; }
}

/* Card form: limita altezza su schermi bassi, senza rompere desktop */
.elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-form-card{
  width:100%;
  max-width:460px;
  box-sizing:border-box;
  max-height: calc(100svh - 140px);
  overflow:auto;
}
@media (max-width:1024px){
  .elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-form-card{ max-width:520px; }
}
@media (max-width:767px){
  .elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-form-card{
    max-width:100%;
    max-height:none;
    overflow:visible;
  }
}

/* Trustpilot in basso a destra (desktop/tablet) */
.elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-trustpilot{
  position:absolute;
  right:24px;
  bottom:22px;
  z-index:6;
  max-width:220px;
}
@media (max-width:1024px){
  .elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-trustpilot{
    right:16px;
    bottom:18px;
    max-width:180px;
  }
}
/* Su mobile: lo mettiamo sotto, per non coprire */
@media (max-width:767px){
  .elementor-22862 .elementor-element.elementor-element-8c2e261 .hero-trustpilot{
    position:static;
    margin-top:14px;
    max-width:180px;
  }
}/* End custom CSS */
/* Start custom CSS */2. CARD GRIGIA DEL FORM (ID 101)
   ====================================================== */
#gform_wrapper_101 {
  width: 100% !important;
  max-width: 420px !important; 
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 24px 24px 25px !important; 
  background: #ECECEC !important; 
  border-radius: 6px !important; 
  box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; 
  font-family: 'Montserrat', sans-serif !important;
}

/* Nascondiamo elementi standard di Gravity (Titolo, Label, Descrizioni) */
#gform_wrapper_101 .gform_title,
#gform_wrapper_101 .gfield_label,
#gform_wrapper_101 .gfield_description {
  display: none !important; 
}

/* ======================================================
   3. TITOLO PERSONALIZZATO (CAMPO HTML)
   ====================================================== */
#gform_wrapper_101 .custom-form-title {
    color: #143e74 !important; /* COLORE BLU FORZATO */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    display: block !important;
    
    /* PADDING RICHIESTO */
    padding-top: 5px !important;     /* Aria sopra */
    padding-bottom: 15px !important; /* Aria sotto (stacca dai campi) */
    margin-bottom: 5px !important;
}

/* Parte in grassetto ("esito in 1 giorno!") */
#gform_wrapper_101 .custom-form-title strong {
    font-weight: 800 !important; 
    color: #143e74 !important; /* Blu anche qui */
}

/* Rimuove margini extra dal contenitore HTML */
#gform_wrapper_101 .gfield--type-html {
    margin-bottom: 0 !important;
}

/* ======================================================
   4. CAMPI INPUT (TESTO, NUMERO, DATA, SELECT)
   ====================================================== */
#gform_wrapper_101 select,
#gform_wrapper_101 input[type="text"],
#gform_wrapper_101 input[type="number"],
#gform_wrapper_101 input[type="tel"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 50px !important; /* Altezza 50px */
  line-height: 1.3 !important;
  padding: 0 16px !important;
  margin-bottom: 0 !important;
  
  /* Stile Bordo e Sfondo */
  border: 1px solid #ffffff !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  
  /* Stile Testo */
  font-size: 15px !important;
  color: #143e74 !important; /* Testo Blu */
  font-weight: 500 !important;
  
  box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important;
  outline: none !important;
  -webkit-appearance: none;
}

/* Spaziatura verticale tra i campi */
#gform_wrapper_101 .gfield {
  margin-bottom: 12px !important;
  padding: 0 !important;
}

/* Effetto Focus */
#gform_wrapper_101 input:focus,
#gform_wrapper_101 select:focus {
  border: 1px solid #143e74 !important;
  box-shadow: 0 0 0 2px rgba(20, 62, 116, 0.1) !important;
}

/* Placeholder */
#gform_wrapper_101 input::placeholder {
  color: #143e74 !important;
  opacity: 1 !important;
}

/* Fix Freccia Select */
#gform_wrapper_101 select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23143e74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}

/* Fix Freccette Numeri (Netto Mensile) */
#gform_wrapper_101 input[type="number"]::-webkit-inner-spin-button, 
#gform_wrapper_101 input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: inner-spin-button !important;
  opacity: 1 !important;
  display: block !important;
  height: 30px !important; 
  cursor: pointer !important;
  margin-left: 8px !important;
}

/* Fix Datepicker (Rimuove icona calendario) */
#gform_wrapper_101 .ginput_container_date img.ui-datepicker-trigger { display: none !important; }
#gform_wrapper_101 input.datepicker { background-image: none !important; }

/* ======================================================
   5. BOTTONE INVIA
   ====================================================== */
#gform_wrapper_101 .gform_footer {
  margin-top: 15px !important;
  padding: 0 !important;
  position: relative !important;
}

#gform_wrapper_101 button.gform_button {
  width: 100% !important;
  height: 50px !important;
  background-color: #bd1f30 !important; /* Rosso */
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#gform_wrapper_101 button.gform_button:hover {
  background-color: #a11826 !important;
}

/* Freccetta bianca nel bottone */
#gform_wrapper_101 .gform_footer::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: white;
  font-size: 24px;
  font-weight: 300;
  pointer-events: none;
  line-height: 0;
}

/* ======================================================
   6. RESPONSIVE / MOBILE
   ====================================================== */
@media (max-width: 1024px) {
  /* Fix Sfondo su Tablet/Mobile: Sposta l'auto per vederla meglio */
  .hero-con-barra {
     background-position: 65% center !important;
     padding-bottom: 50px !important; /* Meno spazio sotto */
  }
}

@media (max-width: 767px) {
  /* Barra rossa più sottile su mobile */
  .hero-con-barra {
     box-shadow: inset 0px -8px 0px 0px var(--lp-red) !important;
  }
  
  /* Form con meno padding */
  #gform_wrapper_101 {
    padding: 20px 15px !important;
  }
  
  /* Input e bottoni altezza standard mobile */
  #gform_wrapper_101 input, 
  #gform_wrapper_101 select,
  #gform_wrapper_101 button.gform_button {
    height: 48px !important;
    font-size: 16px !important;
  }
  
  /* Titolo leggermente più piccolo */
  #gform_wrapper_101 .custom-form-title {
    font-size: 15px !important;
  }
}
/* ===== FIX iPad Pro + Surface Pro (range tablet large) ===== */
.tig-esempio-fin-item{ min-width: 0; }                /* evita overflow in grid */
.tig-esempio-fin-value .num{ min-width: 0; }          /* evita overflow testo */

@media (max-width: 1366px){
  .tig-esempio-fin-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 18px;
  }

  .tig-esempio-fin-label{
    font-size: 18px;
    margin-bottom: 12px;
  }

  .tig-esempio-fin-value{
    font-size: clamp(22px, 3.2vw, 36px);
    gap: 8px;
    white-space: nowrap; /* evita che "€" vada su una riga e numero su un’altra */
  }
}

/* Se vuoi: ancora più “safe” in portrait iPad Pro (1024px) */
@media (max-width: 1024px){
  .tig-esempio-fin-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tig-esempio-fin-value{
    font-size: clamp(22px, 4.2vw, 34px);
  }/* End custom CSS */