Landing

<div class="c-toolbar u-none u-block@md o-bg-base" data-toolbar>
    <div class="o-container u-flex">
        <div class="u-mr-auto u-flex u-items-center u-justify-center u-py-xsmall ">
            <span class="u-label-06 ">
                Lunedì, 11 maggio 2020
            </span>

        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-pl-xsmall u-pr-medium u-size-100 u-py-xsmall">
            <a href="#" target="_blank" rel="noopener noreferrer">
                <svg class="c-brand-cn" width="91" height="24">
                    <use xlink:href="#brand-citynews"></use>
                </svg>
            </a>
        </div>
        <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
            <div class="c-modetoggle u-inline-flex">

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
                    <input type="radio" value="-1" class="u-none" data-color-scheme="-1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema">
                    <input type="radio" value="0" class="u-none" data-color-scheme="0">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
                    </svg>
                </label>

                <label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark">
                    <input type="radio" value="1" class="u-none" data-color-scheme="1">
                    <svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
                    </svg>
                </label>

            </div>
        </div>
        <!-- <div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
		
<button class="c-btn c-btn--primary 
  
    c-btn--rounded
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center" 
  
>
  Abbonati 
  
</button>
		</div> -->
        <div class="c-toolbar__item u-flex u-items-center u-justify-center u-label-05 u-pl-medium u-cursor-pointer u-py-xsmall">

            <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--user u-cursor-pointer u-relative u-flex u-items-center u-justify-center u-label-05">
                <img style=" width:2rem; height:2rem;" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="avatar avatar-md u-radius-circle" src="//citynews.stgy.ovh/~shared/avatars/49015311842645/avatar_1.img" alt="Foto Profilo Utente" title="remat">

                <div class="c-dropdown__panel u-absolute u-right u-overflow-hidden u-p-medium o-bg-light u-shadow u-z-upside">
                    <ul class="u-list-none u-m-none u-p-none">
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="user--view2021">Il mio profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/contents/">I miei contenuti</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/basic/">Modifica profilo</a></li>
                        <li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/privacy/">Privacy</a></li>
                        <li class="u-mb-small">
                            <form onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' ); return confirm( 'Sei sicuro di voler uscire dal sito?' );" action="/user/logout/" method="post">
                                <!--<?php echo input_hidden_tag( 'nonce', securityUtils::encodeVariable($sf_user->getNonce(), array('~sso', 'nonce', SF_GROUP, SF_DOMAIN, SF_APP, SF_TYPE, SF_DEBUG)) ); ?>-->
                                <button type="submit" class="c-btn c-btn--primary  u-label-04  u-cursor-pointer u-flex u-items-center u-label-04" value="Esci">
                                    Esci
                                </button>
                            </form>

                        </li>
                    </ul>
                </div>
            </div>

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

<header class="c-header c-header--slim c-header--inverse  u-zindex-5 u-py-base">
    <div class="o-container u-flex u-items-center u-height-full">

        <div class="u-none u-block@md" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon  o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-flex u-items-center u-ml-base@md">
            <a href="/">

                <style>
                    @font-face {
                        font-family: 'NovecentoNarrow';
                        src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                            url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                        font-style: normal;
                        font-display: swap;
                    }
                </style>

                <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--resize-small  c-brand--alternate">
                    <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                </div>

            </a>

        </div>

        <div class="u-ml-auto c-navbar__search u-none u-block@md" data-search onclick="this.classList && 
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.toggle('is-hidden');}),
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.remove('is-open');})">

            <svg class="o-icon  o-icon--md u-cursor-pointer" data-search-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
            </svg>
            <svg class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-search-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

        <div class="u-none@md u-ml-auto" data-toggle-menu onclick="this.classList && 
			document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
			document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
			document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
			document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
			document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
			document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">

            <svg class="o-icon  o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
            </svg>
            <svg class="o-icon  o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
            </svg>
        </div>

    </div>
    <div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large  is-hidden " data-search-bar>
        <div class="o-container u-px-small@md">

            <div class="u-relative">
                <input class="u-size-full   " type="text" placeholder="Cerca nel sito">
                <button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">

                    <svg class="c-form-icon o-icon o-icon--md">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
                    </svg>

                </button>
            </div>

        </div>
    </div>
</header>
<div class="c-subheader   u-relative">
    <div class="o-container  u-flex u-column u-row@md u-items-center@md  ">

        <div class="c-subheader__head u-flex  u-column u-row@md   u-my-base">

            <a href="#" class="u-no-underline c-subheader__title u-size-fit">

                <svg viewBox="0 0 146 25" class="c-dossier-logo" xmlns="http://www.w3.org/2000/svg" width="0%" height="auto" fill="none">
                    <g clip-path="url(#a)">
                        <path fill="currentColor" d="M43.3 3.7c4.7 0 7.3 3.8 7.3 9.6 0 5.5-2.3 9-5.7 9h-.3c-1.4 0-2-.4-2-2.2V3.7h.7Zm1.8 20c7 0 11.7-4 11.7-11 0-5.9-4-10.4-12.4-10.4h-10v1.3c2 .2 2.2.5 2.2 2v14.8c0 1.6-.2 1.8-2.3 2v1.3h10.8Zm22-1c-2 0-2.6-3.2-2.6-8.2 0-3.9.5-6.2 2.4-6.2 2 0 2.6 3.2 2.6 8.2 0 3.9-.5 6.2-2.4 6.2ZM67 24c5 0 8.5-3.7 8.5-8.8 0-5-3.5-8.2-8.5-8.2s-8.5 3.7-8.5 8.8c0 5 3.5 8.2 8.5 8.2Zm16.2 0c4.1 0 6.8-2 6.8-5.6 0-3.3-2-4.5-5.7-5.8-2-.7-2.9-1.2-2.9-2.5 0-1.1.9-1.8 2.2-1.8 2.1 0 3.5 1.7 3.8 3.7h1.3V8.4A9.7 9.7 0 0 0 83.5 7c-3.6 0-6.3 1.9-6.3 5.3 0 3.1 1.9 4.5 5.3 5.6 2.1.7 3.3 1.2 3.3 2.7 0 1.4-1.2 2.1-2.6 2.1-2.4 0-4-1.9-4.6-4.4h-1.4l.2 4.1c1.3 1 3.3 1.6 5.8 1.6Zm14.5 0c4.1 0 6.8-2 6.8-5.6 0-3.3-2-4.5-5.7-5.8-2-.7-2.9-1.2-2.9-2.5 0-1.1.9-1.8 2.2-1.8 2.1 0 3.5 1.7 3.9 3.7h1.3V8.4A9.7 9.7 0 0 0 98 7c-3.6 0-6.3 1.9-6.3 5.3 0 3.1 2 4.5 5.3 5.6 2.1.7 3.3 1.2 3.3 2.7 0 1.4-1.2 2.1-2.6 2.1-2.4 0-4-1.9-4.6-4.4h-1.4l.2 4.1c1.3 1 3.3 1.6 5.8 1.6Zm15.6-17h-1L106 8.7v.9l1.7 1v10.7c0 1-.5 1.1-1.7 1.2v1.2h9v-1.2c-1.2 0-1.7-.2-1.7-1.2V7Zm-2.7-1.4c1.8 0 3-1.3 3-2.8 0-1.5-1.2-2.8-3-2.8-2 0-3 1.3-3 2.8 0 1.5 1 2.8 3 2.8ZM124.3 7c-4.4 0-8.2 3.4-8.2 8.9 0 5 3.4 8.1 8 8.1 3.8 0 6.1-2.2 7-5.6l-.6-.3a5.3 5.3 0 0 1-4.6 2.2c-2.7 0-4.7-2.3-4.7-5.9h9.7v-.8c0-3.8-2.2-6.6-6.6-6.6Zm-.4 1.3c1.6 0 2.2 1.8 2.2 4.7h-4.9c.2-2.8 1-4.7 2.7-4.7Zm15.6 4.5c1.4-1 3.1-1 5-1h.8V7.4c-.3-.3-.9-.5-1.6-.5-1.9 0-3 1.1-4.2 4.7l.1-4.7h-1l-6.4 1.7v.9l1.7 1v10.7c0 1-.5 1.1-1.7 1.2v1.2h9.7v-1.2c-1.7-.2-2.4-.3-2.4-1.6v-8Z"></path>
                        <path fill="#C84A04" d="m29.8 11.6-6.2-6a12 12 0 0 0-17 0l-6 6a2 2 0 0 0 0 2.8l5 5L7 18c.2-.2.4-.3.7-.3l.5.1 1-1A7.4 7.4 0 0 1 8 10.6 7.5 7.5 0 0 1 20.7 7a7.5 7.5 0 0 1-5.5 12.6c-1.6 0-3.2-.6-4.4-1.5l-1 1a1 1 0 0 1-.2 1.1L8 21.7a12 12 0 0 0 15.6-1.2l6-6a2 2 0 0 0 0-2.9Z"></path>
                        <path fill="#C84A04" d="M20.5 10a5.7 5.7 0 0 0-5.2-3.6 5.7 5.7 0 0 0-2.2 11c.7.3 1.5.4 2.2.4a5.7 5.7 0 0 0 5.2-7.9Zm-1.9 3a.7.7 0 0 1-.5.6H18c-.2 0-.4 0-.5-.2a.7.7 0 0 1-.1-.5V12a3.2 3.2 0 0 0-2-2.7h-.1a.7.7 0 0 1-.4-.5.6.6 0 0 1 .2-.5.7.7 0 0 1 .5-.2h.4l.1.1.9.5c.8.6 1.3 1.5 1.6 2.4.2.7.2 1.3.1 2Z"></path>
                    </g>

                </svg>

            </a>

        </div>

        <div class="u-ml-auto u-px-xlarge">

            <button class="c-btn c-btn--approfondimento 
   
  
    u-flex
  
   
    c-btn--small 
    u-label-05
   
   
  u-cursor-pointer  u-items-center">
                Abbonati

            </button>
        </div>

    </div>

</div>

<main class="o-page">
    <section class="o-container o-container--inner u-mb-medium u-pb-large">

        <h1 class="u-pt-large u-text-center u-heading-02">Nuovo prodotto, Nuova esperienza</h1>
        <p class="u-my-large u-text-center u-body-02"><strong>Scoprilo, provalo gratuitamente</strong></p>
        <p class="u-my-large u-text-center u-body-02">Far conoscere la realtà e indagare sui problemi che ci circondano. Per questo abbiamo creato «approfondimento» una nuova sezione del sito dedicata agli articoli di approfondimento e alle inchieste sulla città. Abbonandoti potrai non solo accedere alle inchieste e gli approfondimenti di approfondimento, ma potrai navigare l’intero sito senza pubblicità e ricevere una newsletter dedicata. Una prova di fiducia reciproca: la tua sottoscrizione sarà la fonte per la sostenibilità di questo progetto. Vuoi saperne di più? Leggi l’editoriale di lancio</p>

        <div class="c-paywall c-paywall--V2" data-context="landing">

            <div class="c-paywall__body c-paywall__body_row u-p-none">
                <div class="c-paywall__promos">

                    <div class="c-paywall__infos-box">
                        <div class="c-paywall__promo">
                            <!-- -->

                            <div class="c-paywall__recommended">Consigliato</div>

                            <div class="c-paywall__offer">
                                <span>Offerta annuale</span>
                            </div>

                            <h2 class="c-paywall__price">
                                <strong>48</strong><span class="c-paywall__value"></span>

                                <div><span>Invece di</span> <span class="line-through">60€</span></div>
                                <div class="u-label-03">(<span>Risparmia il</span><span>20%</span>)</div>

                            </h2>

                            <div class="c-paywall__cta">

                                <button class="c-btn c-btn--approfondimento 
   
  
    u-flex
  
  
    u-label-04
   
   
  u-cursor-pointer  u-items-center">
                                    Abbonati

                                </button>
                            </div>

                            <!-- -->
                        </div>
                    </div>

                    <div class="c-paywall__infos-box">
                        <div class="c-paywall__promo">
                            <!-- -->

                            <div class="c-paywall__offer">
                                <span>Offerta mensile</span>
                            </div>

                            <h2 class="c-paywall__price">
                                <strong>4.8</strong><span class="c-paywall__value"></span>

                                <div><span>Invece di</span> <span class="line-through">6€</span></div>
                                <div class="u-label-03">(<span>Risparmia il</span><span>20%</span>)</div>

                            </h2>

                            <div class="c-paywall__cta">

                                <button class="c-btn c-btn--approfondimento 
   
  
    u-flex
  
  
    u-label-04
   
   
  u-cursor-pointer  u-items-center">
                                    Abbonati

                                </button>
                            </div>

                            <!-- -->
                        </div>
                    </div>

                    <span class="c-paywall__info">
                        Disattiva l&#39;abbonamento in qualsiasi momento
                    </span>
                </div>
                <div class="c-paywall__advantages">
                    <div class="c-paywall__details">
                        <div class="c-paywall__advantages-box">
                            <h6 class="c-paywall__advantages-title">Cosa include la tua sottoscrizione:</h6>
                            <ul class="c-paywall__advantages-list">

                                <li class="c-paywall__advantages-item">
                                    Accedi a tutti gli approfondimenti e le inchieste di approfondimento
                                </li>

                                <li class="c-paywall__advantages-item">
                                    Ricevi settimanalmente una Newsletter dedicata
                                </li>

                                <li class="c-paywall__advantages-item">
                                    Naviga il sito senza pubblicità
                                </li>

                                <li class="c-paywall__advantages-item">
                                    Usa il tuo abbonamento sia da web che da app
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="c-paywall__container-img">
                        <!-- end svg -->
                        <svg class="c-paywall__img" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 250 174" fill="none">
                            <g fill="currentColor" clip-path="url(#a)">
                                <path d="M250 35c0-7.3-5.3-12.6-12.6-12.6h-15.7V12.1c0-1.4 0-2.8-.2-4.1-1-5-5.2-8-10.7-8H38.3a10 10 0 0 0-9.4 6.4c-.5 1.6-.7 3.4-.7 5v132H0v10.8c0 .6.1 1 .3 1.6 1.1 3.6 4 5.7 8.2 5.7h104.3v.6a12 12 0 0 0 12.3 11.5h34c4 0 7.3-1.6 9.7-4.8.7-1 1.4-1.2 2.6-1.2h66.1c7.2 0 12.5-5.3 12.5-12.4V34.9Zm-12.3-8.5c4 0 7.3 2.5 8 6.5.4 1.8.1 3.6.1 5.5H145c.2-2 0-4 .4-6 .8-3.6 4-6 7.7-6h84.6ZM38.3 4.1H211c3 0 5.1 1 6.3 3.7.3.6.4 1.4.6 2.3H32.3c0-3.5 2.6-6 6-6Zm74.5 153.4H8.9c-3.5 0-5-1.5-5-5v-5h108.9v10Zm.1-76.5v62.3H32.3v-129h185.3v8.1h-63.9c-7.4 0-12.6 5.3-12.6 12.7v39.7H119a6 6 0 0 0-6.1 6.2Zm54.1 82.3c-.3 3.5-3.8 6.2-7.3 6.3h-35.3c-3.5 0-7-3-7.3-6.4-.3-3.8 0-7.7 0-11.7h50c0 4 .3 8 0 11.8Zm.2-16-1.3.1h-47.6c-1.1 0-1.5-.2-1.5-1.4V91h50.5v56.2Zm.1-60.4H117v-6.4c.2-1.2 1.2-1.6 2.4-1.6h45.3c2 0 2.7.6 2.7 2.8v5.2Zm4-5c0-4.6-3-7.2-7.1-7.1-5.8.1-11.6 0-17.4 0h-1.6V42.7h100.6v96.6h-74.5V81.9Zm74.6 69.9c0 1.9 0 3.9-.3 5.7-.7 3.6-4 6-7.6 6h-66.7v-20H246v8.3Z" />
                                <path d="M195.6 145.5a7 7 0 0 0-.3 14c4 0 7.2-3 7.3-6.8 0-4-3-7.2-7-7.2Zm0 10a3.1 3.1 0 0 1-3.1-3 3 3 0 1 1 6 0 3.1 3.1 0 0 1-3 3Zm0-127a4 4 0 0 0-4.1 4 4 4 0 0 0 4 4 4 4 0 0 0 3-6.8 4 4 0 0 0-2.9-1.2Zm-53.6 126a6 6 0 0 0-6 6.1 6 6 0 0 0 6.2 6 6 6 0 0 0 5.9-6 6 6 0 0 0-6-6Zm0 8a2 2 0 0 1-2-1.9c0-1 1-2 2-2 1-.1 2.1.9 2.1 2a2.1 2.1 0 0 1-2 2Zm7-81.5h-13.8c-1.4 0-2.2.8-2.2 2s.9 1.9 2.3 1.9h13.6c1.4 0 2.2-.8 2.2-2 0-1.1-.7-2-2.1-2Z" />
                            </g>
                            <defs>
                                <clipPath>
                                    <path fill="currentColor" d="M0 0h250v173.7H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                        <!-- end svg -->
                    </div>
                </div>
            </div>

            <div class="c-paywall__footer">
                Sei già abbonato?
                <a href="">Accedi</a>
            </div>
        </div>

        <h2 class="u-mb_large">Domande frequenti</h2>
        <div class="faq">

            <details>
                <summary>Cosa comprende l’abbonamento al sito today?</summary>
                <div class="faq-accordion">L&#39;abbonamento comprende l&#39;accesso illimitato a tutti i contenuti del sito Today al quale ti sei sottoscritto, in particolare le inchieste e gli approfondimenti contenuti nella sezione Dossier. Navigherai il sito senza visualizzare pubblicità e in più settimanalmente riceverai la Newsletter dedicata.</div>
            </details>

            <details>
                <summary>Dove posso trovare tutti i contenuti compresi nel mio abbonamento?</summary>
                <div class="faq-accordion">Accedendo alla sezione Dossier potrai scoprire e leggere tutti i contenuti riservati agli abbonati e averli a portata di click.</div>
            </details>

            <details>
                <summary>Come posso abbonarmi alla testata?</summary>
                <div class="faq-accordion">Abbonarsi è semplice, se hai già un profilo con una username e password, scegli il tuo abbonamento, loggati e seleziona la modalità di pagamento tra quelle indicate. Se non hai ancora un profilo utente registrati e prosegui scegliendo la modalità di pagamento tra quelle proposte nel flusso.</div>
            </details>

            <details>
                <summary>Ho creato un profilo ma la mia username corrisponde ad un numero di cellulare, posso abbonarmi?</summary>
                <div class="faq-accordion">Puoi abbonarti inserendo il tuo numero di cellulare. Post attivazione dell’abbonamento, se non sarà presente una email associata al tuo profilo, ti verrà chiesto di inserirla . Se invece sei già registrato unicamente con il numero di cellulare, potrai inserire la tua mail all’interno della tua pagina profilo cliccando su Gestione Abbonamento. All’indirizzo inserito ti verrà inviata la Newsletter settimanale.</div>
            </details>

            <details>
                <summary>Non ho ricevuto la mail di conferma sottoscrizione abbonamento, cosa posso fare?</summary>
                <div class="faq-accordion">Prima cosa controlla nella tua casella mail, potrebbe essere stata recapitata nello Spam. Se non la trovi, compila questo modulo indicando la tua username, il tuo nome e cognome e il numero di ordine. In ogni caso, se hai completato il processo di sottoscrizione il tuo abbonamento è stato attivato</div>
            </details>

            <details>
                <summary>Posso accedere al mio abbonamento anche da app?</summary>
                <div class="faq-accordion">Si, inserendo le credenziali che utilizzi per accedere al tuo abbonamento sul sito web.</div>
            </details>

            <details>
                <summary>Posso accedere al mio abbonamento sul sito anche se ho pagato tramite app?</summary>
                <div class="faq-accordion">Si, puoi usare il tuo abbonamento anche da web accedendo con le stesse credenziali che usi in app. Se hai acquistato l&#39;abbonamento senza un account, prima di accedere da web registrati sul dispositivo</div>
            </details>

            <details>
                <summary>Sottoscrivendo un abbonamento a Today posso accedere anche ad altri abbonamenti di altre testate today?</summary>
                <div class="faq-accordion">No, dovrai sottoscrivere un abbonamento per ogni testata Today.</div>
            </details>

            <details>
                <summary>Mi é scaduta la carta di credito, cosa posso fare per continuare ad utilizzare il mio abbonamento?</summary>
                <div class="faq-accordion">Puoi sostituire in ogni momento la tua carta di credito o la modalità di pagamento che hai scelto inizialmente andando nella sezione Impostazioni Utente, cliccando su abbonamento.</div>
            </details>

            <details>
                <summary>Posso richiedere la fattura?</summary>
                <div class="faq-accordion">Si, puoi richiederla sia in fase di attivazione direttamente dal flusso, che successivamente nella sezione Impostazioni Utente cliccando su Abbonamenti. La fattura potrà essere intestata ad una persona fisica o ad una società, compilando gli appositi campi.</div>
            </details>

            <details>
                <summary>Dove posso trovare le mie ricevute/fatture?</summary>
                <div class="faq-accordion">Nella tua sezione Impostazioni Utente cliccando su Abbonamenti, troverai l’archivio delle ricevute o delle fatture, se richieste.</div>
            </details>

            <details>
                <summary>Come posso disdire l’abbonamento?</summary>
                <div class="faq-accordion">Puoi disattivare l’abbonamento in qualunque momento e potrai continuare ad accedere fino alla fine del periodo pagato. Per disattivarlo vai nella sezione Impostazioni Utente e clicca su abbonamento.</div>
            </details>

            <details>
                <summary>Ho un codice regalo/sconto dove posso redimerlo?</summary>
                <div class="faq-accordion">Nel flusso abbonamento, nella pagina seleziona la modalità di pagamento, troverai la possibilità di inserire il tuo codice.</div>
            </details>

            <details>
                <summary>Hai bisogno di supporto?</summary>
                <div class="faq-accordion">Se non hai trovato la soluzione &lt;a href=&quot;mailto:abbonamenti@citynews.it&quot; &gt;sctivi al supporto&lt;/a&gt;</div>
            </details>

        </div>

        <p class="u-py-large u-text-center u-m-none">
            Leggi le <a class="o-link-text" href="#"><strong>condizioni generali</strong></a> e <a class="o-link-text" href="#"><strong>termini del servizio</strong></a>
        </p>
    </section>
    <footer class="c-footer o-bg-dark u-z-sky">
        <div class="o-container">

            <div class="c-footer__head u-py-base u-flex u-items-center u-justify-between">
                <a href="/">

                    <style>
                        @font-face {
                            font-family: 'NovecentoNarrow';
                            src: url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff2"),
                                url("/~shared/files/webfonts/NovecentoSansNarrow.woff") format("woff");
                            font-style: normal;
                            font-display: swap;
                        }
                    </style>

                    <div class="c-brand c-brand__text u-uppercase u-no-underline c-brand--small  ">
                        <span class="c-brand__edition">agrigento</span><span class="c-brand__network">notizie</span>
                    </div>

                </a>
                <a href="#c-header" class="o-link-text u-label-05 u-flex u-column u-items-center">
                    <svg class="o-icon o-icon--animated o-icon--md">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-up-circle"></use>
                    </svg>
                    <span class="u-label-08">Torna su</span>
                </a>
            </div>

            <div class="c-footer__section u-pt-base u-mb-medium u-mb-large@lg u-flex u-wrap">
                <div class="u-mb-medium u-pr-large u-size-1-2@md u-size-1-3@lg">
                    <div class="u-flex u-mb-base">
                        <a href="http://" target="_blank" rel="noopener noreferrer">
                            <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                                <path d="M16 0a16 16 0 00-2.7 31.8V19.4H9.5v-4.5h3.8v-3.3c0-3.8 2.3-5.9 5.7-5.9l3.5.2v4H20c-1.8 0-2.2.9-2.2 2.2v2.8h4.4l-.5 4.5h-3.9v12.5A16 16 0 0016 0z" />
                            </svg>
                        </a>
                        <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                            <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                                <path d="M16 0a16 16 0 100 32 16 16 0 000-32zm7.3 12.5v.4a10.4 10.4 0 01-16 8.8 7.5 7.5 0 005.4-1.5 3.7 3.7 0 01-3.5-2.5 3.7 3.7 0 001.7 0 3.7 3.7 0 01-3-3.7c.6.2 1.1.4 1.7.4a3.7 3.7 0 01-1.6-3c0-.7.2-1.3.5-1.9a10.4 10.4 0 007.6 3.9 3.7 3.7 0 016.2-3.4 7.4 7.4 0 002.3-.9 3.7 3.7 0 01-1.6 2 7.3 7.3 0 002.1-.5 7.5 7.5 0 01-1.8 1.9z" />
                            </svg>
                        </a>
                        <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                            <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                                <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm1 7h-4.7c-1 0-1.6.2-2.2.5a4.4 4.4 0 00-1.6 1c-.4.5-.8 1-1 1.6-.2.6-.4 1.2-.4 2.2v7.4c0 1 .2 1.6.4 2.2a4.4 4.4 0 001 1.6c.5.4 1 .8 1.6 1 .6.2 1.2.4 2.2.4h7.4c1 0 1.6-.2 2.2-.4a4.6 4.6 0 002.6-2.6c.2-.6.4-1.3.4-2.2V19a66.3 66.3 0 000-2.3v-2-2.5c0-1-.2-1.6-.4-2.2a4.4 4.4 0 00-1-1.6 4.4 4.4 0 00-1.6-1c-.6-.2-1.2-.4-2.2-.4L17 7zm0 1.6h2.6a5 5 0 011.7.4c.4.1.7.4 1 .7.3.3.6.6.7 1 .1.3.3.8.3 1.7V17a60.6 60.6 0 010 2v.6a5 5 0 01-.3 1.7 3 3 0 01-1.7 1.7 48.3 48.3 0 01-4.3.4h-2a49 49 0 01-4.3-.4 2.8 2.8 0 01-1-.7 2.8 2.8 0 01-.7-1 5 5 0 01-.3-1.7V19a61.5 61.5 0 010-2V15v-2.6c0-1 .2-1.4.3-1.7a2.7 2.7 0 01.7-1 2.8 2.8 0 011-.7 5 5 0 011.7-.3h2.8zm-1 2.8a4.6 4.6 0 000 9.2 4.6 4.6 0 000-9.2zm0 1.6a3 3 0 110 6 3 3 0 010-6zm4.8-2.9a1 1 0 100 2.2 1 1 0 000-2.2z" fill-rule="evenodd" />
                            </svg>
                        </a>
                        <a href="http://" target="_blank" rel="noopener noreferrer" class="u-ml-small u-ml-base@md">
                            <svg class="c-footer__badge" xmlns="http://www.w3.org/2000/svg" width="0%" height="0%" viewBox="0 0 32 32">
                                <path d="M16 0a16 16 0 110 32 16 16 0 010-32zm6.6 7H9.4v4.4l-2.4.4 1.8 9.3V24h14.3v-2.8l1.9-9.3-2.4-.4V7zm-.5 7.6v8.2H9.9v-8.2h12.2zm-8 1a3 3 0 00-3.1 3.1 3 3 0 003 3 3 3 0 003-3v-.5h-3v1h2v.2a2 2 0 01-2 1.3 2 2 0 01-2-2 2 2 0 013.4-1.4l.7-.8-.1-.1a3 3 0 00-2-.7zm7 4.7h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-2.1h-3v1h3v-1zm0-4l2.6.6-.6 3v-2.2h-1.7l-.3-1.4zm-1.4-1.7l.6 3.1H8.8v2.2l-.6-3 11.5-2.3zM21.5 8v3H21l-.4-2-10 2v-3h11z" fill-rule="evenodd" />
                            </svg>
                        </a>
                    </div>

                    <span class="u-label-08 u-color-light">Today plurisettimanale telematico reg. tribunale di Roma n. 93/2010 P.iva 10786801000. Testata iscritta all’<a href="#" class="u-label-08 o-link-inverse">USPI</a></span>
                </div>
                <div class="u-size-full u-size-1-2@md u-size-1-3@lg u-flex">

                    <div class="u-size-1-2">
                        <h4 class="u-nav-05 u-color-light u-mb-small">Canali</h4>
                        <ul class="u-list-none u-m-none u-p-none">

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Notizie</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Ultime notizie</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Lifestyle</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Cultura</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Opinioni</a>
                            </li>

                        </ul>
                    </div>

                    <div class="u-size-1-2">
                        <h4 class="u-nav-05 u-color-light u-mb-small">Link utili</h4>
                        <ul class="u-list-none u-m-none u-p-none">

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Presentazione</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Registrati</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Codice di condotta</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Condizioni generali</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Privacy</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Invia contenuti</a>
                            </li>

                            <li class="u-mb-small">
                                <a class="u-nav-03 o-link-text" href="#">Help</a>
                            </li>

                        </ul>
                    </div>

                </div>
                <div class="c-footer__claim u-size-full u-size-1-3@lg u-flex u-column u-justify-center u-items-center u-p-xlarge">
                    <span class="u-title-05 u-color-inverse u-text-center u-mb-base">Il tuo brand sulle nostre testate</span>

                    <button class="c-btn c-btn--primary 
  
    c-btn--rounded
   
  
    u-flex
  
  
    u-label-04
   
   
  u-cursor-pointer  u-items-center">
                        Richiedi info

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

            <div class="c-footer__section o-divider o-divider--top u-py-base u-flex u-column u-row@md u-items-center u-justify-between">
                <div class="u-flex u-items-center u-mb-base u-mb-none@lg u-justify-between">
                    <a class="u-mr-base" href="">
                        <svg class="c-brand-cn" width="91" height="24">
                            <use xlink:href="#brand-citynews"></use>
                        </svg>
                    </a>
                    <div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--network u-cursor-pointer u-flex u-items-center u-justify-center u-label-05 u-p-small" data-dd-controller>
                        Edizioni locali
                        <svg class="o-icon o-icon--animated o-icon--md" data-dd-icon>
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                        </svg>
                        <div class="c-dropdown__panel u-fixed u-bottom u-size-full" data-dd-panel>
                            <div class="u-flex u-p-medium u-overflow-auto u-size-full">
                                <div class="u-flex">

                                    <a href="http://www.romatoday.it" title="romatoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="milanotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="torinotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="firenzetoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="padovaoggi">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="chietitoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="palermotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="arezzonotizie">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="baritoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="lecceprima">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="ilpiacenza">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="veneziatoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="trevisotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="trentotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                    </a>
                                </div>
                                <div class="u-flex">

                                    <a href="http://www.romatoday.it" title="romatoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-romatoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="milanotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-milanotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="torinotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-torinotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="firenzetoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-firenzetoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="padovaoggi">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-padovaoggi.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="chietitoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-chietitoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="palermotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-palermotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="arezzonotizie">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-arezzonotizie.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="baritoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-baritoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="lecceprima">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-lecceprima.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="ilpiacenza">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-ilpiacenza.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="veneziatoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-veneziatoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="trevisotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trevisotoday.png" alt="">
                                    </a>
                                    <a href="http://www.romatoday.it" title="trentotoday">
                                        <img loading="lazy" preload="none" decoding="async" referrerpolicy="no-referrer" class="c-dropdown__brand u-mr-medium" src="https://citynews.stgy.ovh/~shared/images/v2015/brands/citynews-trentotoday.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span class="u-label-08 u-color-light u-self-center">© Copyright 2009-2020</span>
            </div>

        </div>
    </footer>
</main>
{% render "@toolbar" %}
{% render "@header--slim", {channel:false, alternate:true}, true %} 
{% render "@subheader--approfondimento", {cta:true,navigation:false } ,true %}

<main class="o-page">
  <section class="o-container o-container--inner u-mb-medium u-pb-large">
    {# <div class="u-my-large u-text-center"><strong>{{ contents.preTitle }}</strong></div> #}
    <h1 class="u-pt-large u-text-center u-heading-02">{{ contents.pageTitle }}</h1>
    <p class="u-my-large u-text-center u-body-02"><strong>{{ contents.pageSubtitle }}</strong></p>
    <p class="u-my-large u-text-center u-body-02">{{ contents.pageDescripttion }}</p>
    {# {% render "@paywall--gt", {page: page, extra: 'false'}, true %}  #}
    {% render "@paywall--ds20", {page: page, extra: 'false'}, true %} 

    {# <div class="c-accordion">
        <label>
            <input type="checkbox" class="u-none">
            <div class="u-size-full u-cursor-pointer  c-accordion__label u-label-04 u-p-base u-flex  u-justify-between">
                {{ contents.faqTitle }}
                <svg class="o-icon o-icon--md" data-dd-icon>
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
                </svg>
            </div>
            <div class="c-accordion__body o-bg-faq">
                {% for item in faq %}
                <div class="o-divider o-divider--top">
                <p><strong>{{item.question}}</strong><p>
                <p><span>{{item.answer}}</span><p>
                </div>    
                {% endfor %}
            </div>
        </label>
    </div> #}
    <h2 class="u-mb_large">Domande frequenti</h2>
    <div class="faq">
        {% for item in faq %} 
        <details>
            <summary>{{item.question}}</summary>
            <div class="faq-accordion">{{item.answer}}</div>
        </details>
        {% endfor %}
    </div>

    <p class="u-py-large u-text-center u-m-none">
        {{ contents.termsConditions | safe }}
    </p>
  </section>
  {% render "@footer" %}
</main>
{
  "page": "landing",
  "contents": {
    "pageTitle": "Nuovo prodotto, Nuova esperienza",
    "pageSubtitle": "Scoprilo, provalo gratuitamente",
    "pageDescripttion": "Far conoscere la realtà e indagare sui problemi che ci circondano. Per questo abbiamo creato «approfondimento» una nuova sezione del sito dedicata agli articoli di approfondimento e alle inchieste sulla città. Abbonandoti potrai non solo accedere alle inchieste e gli approfondimenti di approfondimento, ma potrai navigare l’intero sito senza pubblicità e ricevere una newsletter dedicata. Una prova di fiducia reciproca: la tua sottoscrizione sarà la fonte per la sostenibilità di questo progetto. Vuoi saperne di più? Leggi l’editoriale di lancio",
    "faqTitle": "Domande frequenti",
    "termsConditions": "Leggi le <a class=\"o-link-text\" href=\"#\"><strong>condizioni generali</strong></a> e <a class=\"o-link-text\" href=\"#\"><strong>termini del servizio</strong></a> "
  },
  "faq": [
    {
      "question": "Cosa comprende l’abbonamento al sito today?",
      "answer": "L'abbonamento comprende l'accesso illimitato a tutti i contenuti del sito Today al quale ti sei sottoscritto, in particolare le inchieste e gli approfondimenti contenuti nella sezione Dossier. Navigherai il sito senza visualizzare pubblicità e in più settimanalmente riceverai la Newsletter dedicata."
    },
    {
      "question": "Dove posso trovare tutti i contenuti compresi nel mio abbonamento?",
      "answer": "Accedendo alla sezione Dossier potrai scoprire e leggere tutti i contenuti riservati agli abbonati e averli a portata di click."
    },
    {
      "question": "Come posso abbonarmi alla testata?",
      "answer": "Abbonarsi è semplice, se hai già un profilo con una username  e password, scegli il tuo abbonamento, loggati e seleziona la modalità di pagamento tra quelle indicate. Se non hai ancora un profilo utente registrati e prosegui scegliendo la modalità di pagamento tra quelle proposte nel flusso."
    },
    {
      "question": "Ho creato un profilo ma la mia username corrisponde ad un numero di cellulare, posso abbonarmi?",
      "answer": "Puoi abbonarti inserendo il tuo numero di cellulare. Post attivazione dell’abbonamento, se non sarà presente una email associata al tuo profilo, ti  verrà chiesto di inserirla . Se invece sei già registrato unicamente con il numero di cellulare, potrai inserire la tua mail all’interno della tua pagina profilo cliccando su Gestione Abbonamento. All’indirizzo inserito ti verrà inviata la Newsletter settimanale."
    },
    {
      "question": "Non ho ricevuto la mail di conferma sottoscrizione abbonamento, cosa posso fare?",
      "answer": "Prima cosa controlla nella tua casella mail, potrebbe essere stata recapitata nello Spam. Se non la trovi, compila questo modulo indicando la tua username, il tuo nome e cognome e il numero di ordine. In ogni caso, se hai completato il processo di sottoscrizione il tuo abbonamento è stato attivato",
      "": "Link Modulo da inserire: https://form.asana.com/?k=__DPkzcj8xznY2cDi1RBNQ&d=23844772013161"
    },
    {
      "question": "Posso accedere al mio abbonamento anche da app?",
      "answer": "Si, inserendo le credenziali che utilizzi per accedere al tuo abbonamento sul sito web."
    },
    {
      "question": "Posso accedere al mio abbonamento sul sito anche se ho pagato tramite app?",
      "answer": "Si, puoi usare il tuo abbonamento anche da web accedendo con le stesse credenziali che usi in app. Se hai acquistato l'abbonamento senza un account, prima di accedere da web registrati sul dispositivo"
    },
    {
      "question": "Sottoscrivendo un abbonamento a Today posso accedere anche ad altri abbonamenti di altre testate today?",
      "answer": "No, dovrai sottoscrivere un abbonamento per ogni testata Today."
    },
    {
      "question": "Mi é scaduta la carta di credito, cosa posso fare per continuare ad utilizzare il mio abbonamento?",
      "answer": "Puoi sostituire in ogni momento la tua carta di credito o la modalità di pagamento che hai scelto inizialmente andando nella sezione Impostazioni Utente, cliccando su abbonamento."
    },
    {
      "question": "Posso richiedere la fattura?",
      "answer": "Si, puoi richiederla sia in fase di attivazione direttamente dal flusso, che successivamente nella sezione Impostazioni Utente cliccando su Abbonamenti. La fattura potrà essere intestata ad una persona fisica o ad una società, compilando gli appositi campi."
    },
    {
      "question": "Dove posso trovare le mie ricevute/fatture?",
      "answer": "Nella tua sezione Impostazioni Utente cliccando su Abbonamenti,  troverai l’archivio delle ricevute o delle fatture, se richieste."
    },
    {
      "question": "Come posso disdire l’abbonamento?",
      "answer": "Puoi disattivare l’abbonamento in qualunque momento e potrai continuare ad accedere fino alla fine del periodo pagato. Per disattivarlo vai nella sezione Impostazioni Utente e clicca su abbonamento."
    },
    {
      "question": "Ho un codice regalo/sconto dove posso redimerlo?",
      "answer": "Nel flusso abbonamento, nella pagina seleziona la modalità di pagamento, troverai la possibilità di inserire il tuo codice."
    },
    {
      "question": "Hai bisogno di supporto?",
      "answer": "Se non hai trovato la soluzione <a href=\"mailto:abbonamenti@citynews.it\" >sctivi al supporto</a>"
    }
  ]
}

No notes defined.