<div class="o-container u-size-full-view u-flex u-column u-justify-between">
    <header id="c-header" class="c-header u-py-medium u-py-medium@md c-header--vanilla c-header--inverse u-z-high u-relative  u-relative u-flex u-justify-center u-size-full">
        <a class="u-flex u-justify-center" href="/">

            <svg class="c-brand 
  c-brand--resize-small 
   
   
  " viewBox="0 0 500 50" xmlns="http://www.w3.org/2000/svg">

                <path d="M22.5 40.6l1.5 8.5h10.5L24.5.9H10L0 49.1h10.2l1.4-8.5h10.9zM278.3 0c11 0 17.7 6.6 17.7 25 0 18.3-6.6 25-17.7 25-11 0-17.7-6.5-17.7-25 0-18.3 6.6-25 17.7-25zM53.2 0c9.7 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.4-6.8-4.6 0-6.8 4-6.8 14.5 0 11.9 2.5 16.3 7.8 16.3 4 0 5.8-2.2 6.3-4.3v-4.8h-7v-9.5h16.4V49h-9.2v-3h-.2a11 11 0 01-8.6 3.6c-8.3 0-15.9-5.7-15.9-25C35.6 6.2 42.6 0 53.2 0zm86.7 0c9.8 0 14.3 5.5 15.6 13.8l-9.6 2.6c-.7-3.7-2.2-6.8-6.3-6.8-4.7 0-7 4-7 14.5 0 11.9 2.6 16.3 8 16.3 3.9 0 5.7-2.2 6.3-4.3v-4.8h-7v-9.5h16.3V49h-9.1v-3h-.2a11 11 0 01-8.6 3.6c-8.4 0-16-5.7-16-25 0-18.6 7-24.7 17.6-24.7zM89.1.9c9.5 0 14.4 6.5 14.4 15.9 0 5.9-2.2 10.5-6.5 12.7l7.6 19.6H93.3l-6-17.4-1.4.1h-1.4v17.3h-10V.9zm29.1 0v48.2h-10V.9h10zm69.3 0v9.6h-16.3v9.3h12.2V29h-12.2v10.4H188V49h-26.7V.9h26.3zm15.2 0l12.9 28h.2V.9h9.6v48.2h-10.2l-12.9-27h-.2v27h-9.6V.9h10.2zm56.2 0v9.6h-9.8V49h-10V10.5h-9.8V.9h29.6zm19.4 8.7c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5zm-261.1.8l1.5 9 2.1 12h-7.5l2.1-12.1 1.5-8.9h.3zm71.2 0h-4v13h4.2c2.9 0 4.8-2 4.8-6.5 0-4-1.7-6.5-5-6.5z" class="c-brand__edition"></path>
                <path d="M356.8 0c11 0 17.8 6.6 17.8 25 0 18.3-6.6 25-17.8 25-11 0-17.8-6.5-17.8-25 0-18.3 6.7-25 17.8-25zm-44.6.9l13 28h.1V.9h9.6v48.2h-10.2l-12.9-27h-.2v27H302V.9h10.2zm93.8 0v9.6h-10V49h-10V10.5h-9.9V.9H406zm14 0v48.2h-10.1V.9h10zm33 0V11l-13.4 22.2-3.7 6 .1.3h17.2v9.6h-28.7v-9.7L438.8 16l3.3-5.4-.1-.2h-17V.9h28zm14.9 0v48.2h-10.1V.9h10zm31.8 0v9.6h-16.4v9.3h12.2V29h-12.2v10.4H500V49h-26.8V.9h26.5zM356.8 9.6c-5 0-7.4 3.6-7.4 15.3 0 11.9 2.4 15.5 7.4 15.5s7.4-3.5 7.4-15.3c0-12-2.5-15.5-7.4-15.5z" class="c-brand__network"></path>

            </svg>

        </a>
    </header>

    <div class="u-mt-medium u-px-none">
        <div class="u-m-auto u-px-base u-px-none@md">
            <div class="u-mb-large">
                <h2 class="u-text-center u-heading-09 u-mb-base">Tutta l’informazione che vuoi, senza limiti!</h2>
                <span class="u-body-03 u-text-center u-block">Attiva la formula di abbonamento che preferisci e accedi a tutte le notizie in assoluta libertà</span>
            </div>
        </div>
        <div class="u-px-none">

            <div class="c-switcher">

                <input id="other" class="u-none" type="radio" name="switcher" value="other">

                <input id="month" class="u-none" type="radio" name="switcher" value="month" checked="checked">

                <input id="year" class="u-none" type="radio" name="switcher" value="year">

                <div class="c-switcher__options u-p-small u-size-fit u-flex u-justify-between u-gap-small u-relative u-m-auto">

                    <div class="c-switcher__label u-label-02 u-uppercase u-color-inverse u-px-xsmall u-py-xxsmall u-radius-small u-absolute">Maggior risparmio</div>

                    <label for="other" data-option-value="other" class="c-switcher__option u-cursor-pointer u-py-small u-px-base u-block u-relative u-z-base u-overflow-hidden">
                        Altro
                    </label>

                    <label for="month" data-option-value="month" class="c-switcher__option u-cursor-pointer u-py-small u-px-base u-block u-relative u-z-base u-overflow-hidden">
                        Mensile
                    </label>

                    <label for="year" data-option-value="year" class="c-switcher__option u-cursor-pointer u-py-small u-px-base u-block u-relative u-z-base u-overflow-hidden">
                        Annuale
                    </label>

                </div>

                <div class="c-switcher__panel u-py-large" data-time="other">
                    <div class="u-flex  u-overflow-x-auto u-justify-center@lg">
                        <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


c-subscription--recomended">

                            <div class="c-subscription__recomended u-size-full u-py-small u-px-xsmall u-text-center u label-05 u">La più scelta da voi</div>

                            <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
                                <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">AgrigentoNotizie Plus</h2>
                                <ul class="c-subscription__features u-body-04 u-list-none">

                                    <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>

                                </ul>

                                <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">

                                    <div class="c-subscription__promo u-label-02 u-uppercase u-color-inverse u-px-xsmall u-py-xxsmall u-radius-small u-absolute u-top">Risparmi il 20%</div>

                                    <div class="u-flex u-column u-items-center ">
                                        <h3 class="u-heading-09 u-m-none">1€<span class="u-caption-01">/mese</span></h3>

                                        <span class="u-block u-caption-01">per i primi 3 mesi poi 3,99 mese</span>

                                    </div>

                                    <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " true>

                                        Attiva subito

                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="c-switcher__panel u-py-large" data-time="month">
                    <div class="u-flex  u-overflow-x-auto u-justify-center@lg">
                        <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base

c-subscription--selected 
">

                            <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
                                <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">Basic</h2>
                                <ul class="c-subscription__features u-body-04 u-list-none">

                                    <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Sintesi della settimana via e-mail</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Dossier: Tutti gli approfondimenti della tua città</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>

                                </ul>

                                <div class="u-p-base u-flex u-column u-items-center u-border-divider u-border-1 u-border-solid u-relative u-size-full u-radius-base">
                                    <div class="c-subscription__promo u-label-02 u-uppercase u-color-negative u-px-xsmall u-py-xxsmall u-radius-small u-absolute u-whitespace u-top">Il tuo piano</div>
                                    <div class="u-py-base">
                                        <h3 class="u-title-05 u-m-none">1€<span class="u-caption-01">/mese</span></h3>
                                    </div>
                                    <div class="u-px-base l-list-border u-size-full">
                                        <div class="u-flex u-justify-between u-caption-02 u-gap-small">
                                            <span>Data di attivazione </span>
                                            <strong>24/05/2024</strong>
                                        </div>
                                        <div class="u-flex u-justify-between u-caption-02 u-gap-small">
                                            <span>Prossimo rinnovo</span>
                                            <strong>24/05/2024</strong>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


c-subscription--recomended">

                            <div class="c-subscription__recomended u-size-full u-py-small u-px-xsmall u-text-center u label-05 u">La più scelta da voi</div>

                            <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
                                <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">AgrigentoNotizie Plus</h2>
                                <ul class="c-subscription__features u-body-04 u-list-none">

                                    <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>

                                </ul>

                                <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">

                                    <div class="c-subscription__promo u-label-02 u-uppercase u-color-inverse u-px-xsmall u-py-xxsmall u-radius-small u-absolute u-top">Risparmi il 20%</div>

                                    <div class="u-flex u-column u-items-center ">
                                        <h3 class="u-heading-09 u-m-none">1€<span class="u-caption-01">/mese</span></h3>

                                        <span class="u-block u-caption-01">per i primi 3 mesi poi 3,99 mese</span>

                                    </div>

                                    <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " true>

                                        Attiva subito

                                    </button>
                                </div>

                            </div>
                        </div>
                        <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


">

                            <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
                                <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">Full</h2>
                                <ul class="c-subscription__features u-body-04 u-list-none">

                                    <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>

                                </ul>

                                <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">

                                    <div class="u-flex u-column u-items-center ">
                                        <h3 class="u-title-05 u-m-none">36€<span class="u-caption-01">/mese</span></h3>

                                    </div>

                                    <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " true>

                                        Attiva subito

                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="c-switcher__panel u-py-base" data-time="year">
                    <div class="u-flex  u-overflow-x-auto u-justify-center@lg">
                        <div class="o-bg-gray u-p-base u-flex u-column u-gap-small u-items-center u-justify-center u-radius-base u-flex-one u-shadow-bottom u-mb-base" style="min-width: 320px;">
                            <span class="u-heading-08 u-text-center u-block">
                                Ci dispiace, non sono disponibili nuovi abbonamenti per il tuo account
                            </span>

                            <button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

  
    u-label-04
   

  " true>

                                Vedi i tuoi abbonamenti

                            </button>
                        </div>
                        <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base

c-subscription--selected 
">

                            <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
                                <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">AgrigentoNotizie Plus</h2>
                                <ul class="c-subscription__features u-body-04 u-list-none">

                                    <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>

                                    <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>

                                    <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>

                                </ul>

                                <div class="u-p-base u-flex u-column u-items-center u-border-divider u-border-1 u-border-solid u-relative u-size-full u-radius-base">
                                    <div class="c-subscription__promo u-label-02 u-uppercase u-color-negative u-px-xsmall u-py-xxsmall u-radius-small u-absolute u-whitespace u-top">Il tuo piano</div>
                                    <div class="u-py-base">
                                        <h3 class="u-title-05 u-m-none">36€<span class="u-caption-01">/mese</span></h3>
                                    </div>
                                    <div class="u-px-base l-list-border u-size-full">
                                        <div class="u-flex u-justify-between u-caption-02 u-gap-small">
                                            <span>Data di attivazione </span>
                                            <strong>24/05/2024</strong>
                                        </div>
                                        <div class="u-flex u-justify-between u-caption-02 u-gap-small">
                                            <span>Prossimo rinnovo</span>
                                            <strong>24/05/2024</strong>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <!-- 
      <div class="u-flex  u-overflow-x-auto u-justify-center@lg">
        
          <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


">
  
  <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
    <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">Basic</h2>
    <ul class="c-subscription__features u-body-04 u-list-none">
      
        <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>
      
        <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Sintesi della settimana via e-mail</li>
      
        <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Dossier: Tutti gli approfondimenti della tua città</li>
      
        <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>
        
    </ul>
    
    <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">
      
      <div class="u-flex u-column u-items-center ">
        <h3 class="u-title-05 u-m-none">10€<span class="u-caption-01">/mese</span></h3>
        
      </div>
      
<button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " 
   
  
   true 
  >

  

  Attiva subito 
  
</button>
    </div>
    
  </div>
</div>
          <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


c-subscription--recomended">
  
  <div class="c-subscription__recomended u-size-full u-py-small u-px-xsmall u-text-center u label-05 u">La più scelta da voi</div>
  
  <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
    <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">AgrigentoNotizie Plus</h2>
    <ul class="c-subscription__features u-body-04 u-list-none">
      
        <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>
      
        <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>
      
        <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>
      
        <li class="c-subscription__feature c-subscription__feature--disabled u-color-off u-mb-small u-relative u-line-through">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>
        
    </ul>
    
    <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">
      
      <div class="c-subscription__promo u-label-02 u-uppercase u-color-inverse u-px-xsmall u-py-xxsmall u-radius-small u-absolute u-top">Risparmi il  20%</div>
      
      <div class="u-flex u-column u-items-center ">
        <h3 class="u-heading-09 u-m-none">70€<span class="u-caption-01">/mese</span></h3>
        
        <span class="u-block u-caption-01">per i primi 3 mesi poi 3,99 mese</span>
        
      </div>
      
<button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " 
   
  
   true 
  >

  

  Attiva subito 
  
</button>
    </div>
    
  </div>
</div>
          <div class="c-subscription u-radius-base u-self-center u-mx-xsmall u-flex-one u-shadow-bottom u-mb-base


">
  
  <div class=" u-p-base u-p-large@lg u-flex u-column u-gap-small u-items-center u-justify-between">
    <h2 class="u-title-05 u-m-none u-size-full u-text-center u-border-divider u-border-1 u-border-bottom-solid u-pb-base">Full</h2>
    <ul class="c-subscription__features u-body-04 u-list-none">
      
        <li class="c-subscription__feature u-mb-small u-relative">Zero pubblicità su Siti e App del Network</li>
      
        <li class="c-subscription__feature u-mb-small u-relative">Sintesi della settimana via e-mail</li>
      
        <li class="c-subscription__feature u-mb-small u-relative">Dossier: Tutti gli approfondimenti della tua città</li>
      
        <li class="c-subscription__feature u-mb-small u-relative">Gli approfondimenti e inchieste Premium di tutte le città e nazionali</li>
        
    </ul>
    
    <div class="c-subscription__price o-bg-base u-p-base u-radius-base u-flex u-column u-items-center u-gap-medium u-size-full u-relative u-justify-center">
      
      <div class="u-flex u-column u-items-center ">
        <h3 class="u-title-05 u-m-none">36€<span class="u-caption-01">/mese</span></h3>
        
      </div>
      
<button class="c-btn c-btn--primary u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
   
 
  
    u-size-full u-justify-center c-btn--large u-label-04
  

  
    u-label-04
   

  " 
   
  
   true 
  >

  

  Attiva subito 
  
</button>
    </div>
    
  </div>
</div>
        
      </div> 
      -->
        </div>
        <div class="u-mb-large">
            <span class="u-block  u-text-center u-label-02 u-mt-small">Disdici quando vuoi</span>
        </div>
        <div class="u-size-full u-flex u-column u-row@md u-justify-between u-gap-medium">

            <div class="u-flex u-column u-justify-between u-border-1 u-border-divider u-border-solid u-py-large u-px-base u-items-center u-size-full">
                <h2 class="u-m-none u-title-05">Già abbonato?</h2>
                <p class="u-body-03 u-color-light">Sei già abbonato e vuoi cambiare piano?</p>

                <button class="c-btn c-btn--default u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap
  
    c-btn--rounded
   
 
  

  
    c-btn--large u-label-04
   

  ">

                    Accedi

                </button>
            </div>

            <div class="u-flex u-column u-justify-between u-border-1 u-border-divider u-border-solid u-py-large u-px-base u-items-center u-size-full">
                <h2 class="u-m-none u-title-05">Hai bisogno di aiuto?</h2>
                <p class="u-body-03 u-color-light">Leggi le domande frequenti dei nostri utenti </p>
                <a href="https://support.citynews.it/help/it-it/2-abbonamenti-dossier" target="_blank" class="c-btn c-btn--default u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap c-btn--rounded c-btn--large u-label-04 o-link-text">
                    Vai alle FAQ
                </a>
            </div>

        </div>
    </div>
    <footer class="c-footer c-footer--vanilla u-py-small u-py-medium@md u-mt-auto">
        <div class="u-gap-medium o-divider u-flex u-column u-items-center">
            <div class="u-flex u-column u-row@md u-gap-small u-text-center u-label-08 u-color-light">
                <span> © 2024 Citynews SpA - P.IVA 10786801000 </span>
                <span> <a href=https://citynews.it/termini-servizio#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Termini e Condizioni</a> </span>
                <span> <a href=https://citynews.it/condizioni-particolari#_ga=2.5143347.1498799164.1669298142-1368784910.1664177783>Condizioni particolari </a></span>
                <span> <a href=https://citynews.it/privacy#_ga=2.195002985.558624410.1646066405-2053839960.1623412359>Privacy Policy</a> </span>
                <span> <a href=https://www.citynews.it/gruppo/compliance />Modello 231 e Codice Etico</a></span>
            </div>
            <a class="u-mr-base" href="">
                <svg class="c-brand-cn" width="176" height="46">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </div>
    </footer>

</div>
<div class="o-container u-size-full-view u-flex u-column u-justify-between">
    {% render "@header--vanilla" %}	  

  <div class="u-mt-medium u-px-none">
    <div class="u-m-auto u-px-base u-px-none@md">      
      <div class="u-mb-large">
        <h2 class="u-text-center u-heading-09 u-mb-base">{{title}}</h2>
        <span class="u-body-03 u-text-center u-block">{{subtitle}}</span>
      </div>
    </div>
    <div class="u-px-none">
      {% render "@switcher" %}
      

      <!-- 
      <div class="u-flex  u-overflow-x-auto u-justify-center@lg">
        {% if time=='month' and subscription=='basic' %}
          
          {% render "@subscription--default", {selected: true}, true %}
          {% render "@subscription--plus" %}
          {% render "@subscription--full" %}
        {% elif time=='year' and subscription=='basic' %}
          {% render "@subscription--default",{ price: "10€"}, true %}
          {% render "@subscription--plus",{price: "70€"}, true %}
          {% render "@subscription--full",{price: "36€"}, true %}
        {% elif time=='month' and subscription=='plus' %}
          {% render "@subscription--plus",{selected: true, price: "3,99€"}, true %}
          {% render "@subscription--full",{price: "6,99€"}, true %} 
        {% elif time=='year' and subscription=='plus' %}
          {% render "@subscription--plus",{ selected: true, price: "36€"}, true %}
          {% render "@subscription--full",{price: "70€"}, true %}
        {% endif %}
      </div> 
      -->
    </div>
    <div class="u-mb-large">
      <span class="u-block  u-text-center u-label-02 u-mt-small">{{label}}</span>
    </div>
    <div class="u-size-full u-flex u-column u-row@md u-justify-between u-gap-medium">

      {% if not logged%}
      <div class="u-flex u-column u-justify-between u-border-1 u-border-divider u-border-solid u-py-large u-px-base u-items-center u-size-full">
        <h2 class="u-m-none u-title-05">Già abbonato?</h2>
        <p class="u-body-03 u-color-light">Sei già abbonato e vuoi cambiare piano?</p>
        {% render "@button--default", {label:'Accedi', size: 'large', rounded: true}, true %}
      </div>

      {% endif %}
      <div class="u-flex u-column u-justify-between u-border-1 u-border-divider u-border-solid u-py-large u-px-base u-items-center u-size-full">
        <h2 class="u-m-none u-title-05">Hai bisogno di aiuto?</h2>
        <p class="u-body-03 u-color-light">Leggi le domande frequenti dei nostri utenti </p>
        <a href="https://support.citynews.it/help/it-it/2-abbonamenti-dossier" target="_blank" class="c-btn c-btn--default u-relative  u-flex u-cursor-pointer  u-items-center u-nowrap c-btn--rounded c-btn--large u-label-04 o-link-text">
          Vai alle FAQ 
        </a>
      </div>

    </div> 
  </div>	
  {% render "@footer--vanilla" %}	

</div>
{
  "title": "Tutta l’informazione che vuoi, senza limiti!",
  "subtitle": "Attiva la formula di abbonamento che preferisci e accedi a tutte le notizie in assoluta libertà",
  "label": "Disdici quando vuoi",
  "subscription": "basic",
  "time": "year",
  "logged": false
}

No notes defined.