{"id":1684,"date":"2026-04-10T08:25:39","date_gmt":"2026-04-10T06:25:39","guid":{"rendered":"https:\/\/www.vitagroup.it\/test-tratta\/"},"modified":"2026-05-27T14:20:54","modified_gmt":"2026-05-27T12:20:54","slug":"test-de-trajet","status":"publish","type":"page","link":"https:\/\/www.vitagroup.it\/fr\/test-de-trajet\/","title":{"rendered":"Test de trajet"},"content":{"rendered":"<div>\n<style>\n\/* ============================================================\n   VITA GROUP \u2014 Form Calcolo Prezzo Tratta\n   Stesso stile del form Transfer.\n   Aggiungere in Aspetto > Personalizza > CSS aggiuntivo\n   ============================================================ *\/<\/p>\n<p>\/* --- Card centrata --- *\/\n.tb-ricerca {\n  background: #fff;\n  border: 1px solid #e8e8e8;\n  border-radius: 12px;\n  padding: 32px 40px;\n  max-width: 960px;\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);\n  box-sizing: border-box;\n  \/* Griglia 3 colonne *\/\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 0 24px;\n  align-items: end;\n}<\/p>\n<p>\/* Result e error occupano tutta la larghezza *\/\n.tb-result,\n.tb-error {\n  grid-column: 1 \/ -1;\n}<\/p>\n<p>\/* --- Field group: label sopra, select sotto --- *\/\n.tb-field {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 0;\n}\n.tb-field label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: #555;\n  margin-bottom: 6px;\n}<\/p>\n<p>\/* --- Select stilate --- *\/\n.tb-ricerca select {\n  width: 100%;\n  height: 42px;\n  padding: 0 36px 0 14px;\n  font-size: 14px;\n  color: #1a1a1a;\n  background: #fafafa;\n  border: 1.5px solid #ddd;\n  border-radius: 8px;\n  outline: none;\n  transition: border-color 0.18s, background 0.18s;\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 0h12z'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  cursor: pointer;\n}\n.tb-ricerca select:focus {\n  border-color: #cc0000;\n  background-color: #fff;\n  outline: none;\n}\n.tb-ricerca select:hover { border-color: #bbb; }<\/p>\n<p>\/* --- Box risultato prezzo --- *\/\n.tb-result {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: #fafafa;\n  border: 1.5px solid #ebebeb;\n  border-radius: 10px;\n  margin-top: 8px;\n  min-height: 58px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: #555;\n  transition: border-color 0.2s, background 0.2s;\n}\n\/* Quando il prezzo \u00e8 presente, box sfondo rosso tenue *\/\n.tb-result:not(:empty) {\n  border-color: #f5c0c0;\n  background: #fff5f5;\n}<\/p>\n<p>\/* --- Valore prezzo --- *\/\n.tb-result-price {\n  font-size: 28px;\n  font-weight: 700;\n  color: #cc0000;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: 0;\n}<\/p>\n<p>\/* --- Messaggio errore --- *\/\n.tb-error {\n  font-size: 13px;\n  color: #cc0000;\n  margin-top: 8px;\n  min-height: 0;\n}<\/p>\n<p>\/* --- Mobile --- *\/\n@media (max-width: 600px) {\n  .tb-ricerca {\n    padding: 20px 16px;\n    grid-template-columns: 1fr;\n    gap: 16px 0;\n  }\n  .tb-result {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6px;\n  }\n}<\/p>\n<\/style>\n<\/div>\n<h1>Calculez le prix de votre billet<\/h1>\n<div>S\u00e9lectionnez l&rsquo;arr\u00eat de d\u00e9part, l&rsquo;arr\u00eat d&rsquo;arriv\u00e9e et le type de billet pour d\u00e9couvrir imm\u00e9diatement le co\u00fbt de votre voyage sur les lignes V.I.T.A.<\/div>\n<div>\n    <div class=\"tb-ricerca\" id=\"tb-852\" data-tratta=\"852\">\n\n        <div class=\"tb-field\">\n            <label for=\"tb-852-da\">Fermata di partenza<\/label>\n            <select id=\"tb-852-da\" class=\"tb-select-da\">\n                <option value=\"\">\u2014 Seleziona \u2014<\/option>\n                                    <option value=\"pont-st-martin\">Pont-Saint-Martin<\/option>\n                                    <option value=\"tour-d-hereraz\">Tour d&#039;Hereraz<\/option>\n                                    <option value=\"lillianes\">Lillianes<\/option>\n                                    <option value=\"fontainemore\">Fontainemore<\/option>\n                                    <option value=\"issime\">Issime<\/option>\n                                    <option value=\"gaby\">Gaby<\/option>\n                                    <option value=\"pont-trenta\">Pont Trenta<\/option>\n                                    <option value=\"champsil\">Champsil<\/option>\n                                    <option value=\"weismatten\">Weismatten<\/option>\n                                    <option value=\"gressoney-st-jean\">Gressoney St Jean<\/option>\n                                    <option value=\"parletoa\">Parletoa<\/option>\n                                    <option value=\"gressoney-la-trinite\">Gressoney la Trinit\u00e9<\/option>\n                                    <option value=\"orsia\">Orsia<\/option>\n                                    <option value=\"staffal\">Staffal<\/option>\n                            <\/select>\n        <\/div>\n\n        <div class=\"tb-field\">\n            <label for=\"tb-852-a\">Fermata di arrivo<\/label>\n            <select id=\"tb-852-a\" class=\"tb-select-a\">\n                <option value=\"\">\u2014 Seleziona \u2014<\/option>\n                                    <option value=\"pont-st-martin\">Pont-Saint-Martin<\/option>\n                                    <option value=\"tour-d-hereraz\">Tour d&#039;Hereraz<\/option>\n                                    <option value=\"lillianes\">Lillianes<\/option>\n                                    <option value=\"fontainemore\">Fontainemore<\/option>\n                                    <option value=\"issime\">Issime<\/option>\n                                    <option value=\"gaby\">Gaby<\/option>\n                                    <option value=\"pont-trenta\">Pont Trenta<\/option>\n                                    <option value=\"champsil\">Champsil<\/option>\n                                    <option value=\"weismatten\">Weismatten<\/option>\n                                    <option value=\"gressoney-st-jean\">Gressoney St Jean<\/option>\n                                    <option value=\"parletoa\">Parletoa<\/option>\n                                    <option value=\"gressoney-la-trinite\">Gressoney la Trinit\u00e9<\/option>\n                                    <option value=\"orsia\">Orsia<\/option>\n                                    <option value=\"staffal\">Staffal<\/option>\n                            <\/select>\n        <\/div>\n\n        <div class=\"tb-field\">\n            <label for=\"tb-852-cat\">Tipo di biglietto<\/label>\n            <select id=\"tb-852-cat\" class=\"tb-select-cat\">\n                <option value=\"\">\u2014 Seleziona \u2014<\/option>\n                                    <option value=\"Base\">Base<\/option>\n                                    <option value=\"Credotp Trasporti PMT\">Credotp Trasporti PMT<\/option>\n                                    <option value=\"Mensile 7 giorni\">Mensile 7 giorni<\/option>\n                                    <option value=\"Mensile Ridotto Lun-Ven\">Mensile Ridotto Lun-Ven<\/option>\n                                    <option value=\"Settimanale Intero\">Settimanale Intero<\/option>\n                                    <option value=\"Settimanale Ridotto\">Settimanale Ridotto<\/option>\n                            <\/select>\n        <\/div>\n\n\n        <div class=\"tb-result\" style=\"display:none\">\n            Prezzo: <span class=\"tb-result-price\"><\/span>\n        <\/div>\n        <div class=\"tb-error\" style=\"display:none\"><\/div>\n\n    <\/div>\n\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n\/* ============================================================\\n   VITA GROUP \u2014 Form Calcolo Prezzo Tratta\\n   Stesso stile del form Transfer.\\n   Aggiungere in Aspetto > Personalizza > CSS aggiuntivo\\n   ============================================================ *\/\\n\\n\/* --- Card centrata --- *\/\\n.tb-ricerca {\\n  background: #fff;\\n  border: 1px solid #e8e8e8;\\n  border-radius: 12px;\\n  padding: 32px 40px;\\n  max-width: 960px;\\n  width: 100%;\\n  margin-left: auto;\\n  margin-right: auto;\\n  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);\\n  box-sizing: border-box;\\n  \/* Griglia 3 colonne *\/\\n  display: grid;\\n  grid-template-columns: 1fr 1fr 1fr;\\n  gap: 0 24px;\\n  align-items: end;\\n}\\n\\n\/* Result e error occupano tutta la larghezza *\/\\n.tb-result,\\n.tb-error {\\n  grid-column: 1 \/ -1;\\n}\\n\\n\/* --- Field group: label sopra, select sotto --- *\/\\n.tb-field {\\n  display: flex;\\n  flex-direction: column;\\n  margin-bottom: 0;\\n}\\n.tb-field label {\\n  display: block;\\n  font-size: 12px;\\n  font-weight: 600;\\n  text-transform: uppercase;\\n  letter-spacing: 0.06em;\\n  color: #555;\\n  margin-bottom: 6px;\\n}\\n\\n\/* --- Select stilate --- *\/\\n.tb-ricerca select {\\n  width: 100%;\\n  height: 42px;\\n  padding: 0 36px 0 14px;\\n  font-size: 14px;\\n  color: #1a1a1a;\\n  background: #fafafa;\\n  border: 1.5px solid #ddd;\\n  border-radius: 8px;\\n  outline: none;\\n  transition: border-color 0.18s, background 0.18s;\\n  appearance: none;\\n  -webkit-appearance: none;\\n  box-sizing: border-box;\\n  background-image: url(\\\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 0h12z'\/%3E%3C\/svg%3E\\\");\\n  background-repeat: no-repeat;\\n  background-position: right 14px center;\\n  cursor: pointer;\\n}\\n.tb-ricerca select:focus {\\n  border-color: #cc0000;\\n  background-color: #fff;\\n  outline: none;\\n}\\n.tb-ricerca select:hover { border-color: #bbb; }\\n\\n\/* --- Box risultato prezzo --- *\/\\n.tb-result {\\n  display: flex;\\n  align-items: center;\\n  gap: 12px;\\n  padding: 16px 20px;\\n  background: #fafafa;\\n  border: 1.5px solid #ebebeb;\\n  border-radius: 10px;\\n  margin-top: 8px;\\n  min-height: 58px;\\n  font-size: 13px;\\n  font-weight: 600;\\n  text-transform: uppercase;\\n  letter-spacing: 0.06em;\\n  color: #555;\\n  transition: border-color 0.2s, background 0.2s;\\n}\\n\/* Quando il prezzo \u00e8 presente, box sfondo rosso tenue *\/\\n.tb-result:not(:empty) {\\n  border-color: #f5c0c0;\\n  background: #fff5f5;\\n}\\n\\n\/* --- Valore prezzo --- *\/\\n.tb-result-price {\\n  font-size: 28px;\\n  font-weight: 700;\\n  color: #cc0000;\\n  line-height: 1;\\n  text-transform: none;\\n  letter-spacing: 0;\\n}\\n\\n\/* --- Messaggio errore --- *\/\\n.tb-error {\\n  font-size: 13px;\\n  color: #cc0000;\\n  margin-top: 8px;\\n  min-height: 0;\\n}\\n\\n\/* --- Mobile --- *\/\\n@media (max-width: 600px) {\\n  .tb-ricerca {\\n    padding: 20px 16px;\\n    grid-template-columns: 1fr;\\n    gap: 16px 0;\\n  }\\n  .tb-result {\\n    flex-direction: column;\\n    align-items: flex-start;\\n    gap: 6px;\\n  }\\n}\\n    \\n    <\/style>\n\n\"}},{\"type\":\"headline\",\"props\":{\"content\":\"Calculez le prix de votre billet\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_color\":\"primary\",\"title_element\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"S\u00e9lectionnez l'arr\u00eat de d\u00e9part, l'arr\u00eat d'arriv\u00e9e et le type de billet pour d\u00e9couvrir imm\u00e9diatement le co\u00fbt de votre voyage sur les lignes V.I.T.A.\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n[ricerca_biglietto tratta_id=\\\"852\\\"]\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]}]}]}],\"version\":\"5.0.23\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculez le prix de votre billet S\u00e9lectionnez l&rsquo;arr\u00eat de d\u00e9part, l&rsquo;arr\u00eat d&rsquo;arriv\u00e9e et le type de billet pour d\u00e9couvrir imm\u00e9diatement le co\u00fbt de votre voyage sur les lignes V.I.T.A.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-1684","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/pages\/1684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/comments?post=1684"}],"version-history":[{"count":2,"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/pages\/1684\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/pages\/1684\/revisions\/1689"}],"wp:attachment":[{"href":"https:\/\/www.vitagroup.it\/fr\/wp-json\/wp\/v2\/media?parent=1684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}