{"id":4409,"date":"2026-04-07T03:16:45","date_gmt":"2026-04-07T03:16:45","guid":{"rendered":"https:\/\/toucandiscovery.com\/?page_id=4409"},"modified":"2026-04-29T04:36:37","modified_gmt":"2026-04-29T04:36:37","slug":"panama","status":"publish","type":"page","link":"https:\/\/toucandiscovery.com\/en\/panama\/","title":{"rendered":"Panama"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nQuel v\u00e9hicule louer au Panama ? | Quiz Toucan Discovery<\/title>\r\n<meta name=\"description\" content=\"Trouvez le v\u00e9hicule id\u00e9al pour votre road trip au Panama. Quiz gratuit par Toucan Discovery, agence locale francophone sp\u00e9cialiste de l'Am\u00e9rique Centrale.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOUCAN DISCOVERY \u2014 QUIZ V\u00c9HICULE PANAMA\r\n Brand: #7DC242 \/ #1B2A5A \/ #F7941D \/ #3A7D34\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --navy: #1B2A5A;\r\n --green: #7DC242;\r\n --orange: #F7941D;\r\n --dark-green: #3A7D34;\r\n --yellow: #FFC107;\r\n --cream: #FDFAF5;\r\n --warm-white: #F9F6F1;\r\n --light-gray: #E8E8E8;\r\n --dark: #0B0F1A;\r\n --text-body: #2C3E50;\r\n --shadow-sm: 0 2px 8px rgba(27,42,90,0.08);\r\n --shadow-md: 0 4px 20px rgba(27,42,90,0.12);\r\n --shadow-lg: 0 12px 40px rgba(27,42,90,0.15);\r\n --radius: 16px;\r\n --radius-sm: 10px;\r\n}\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; font-size: 16px; }\r\nbody {\r\n font-family: 'Montserrat', 'Century Gothic', sans-serif;\r\n color: var(--navy);\r\n background: var(--cream);\r\n overflow-x: hidden;\r\n line-height: 1.7;\r\n}\r\nh1, h2, h3 {\r\n font-family: 'Playfair Display', Georgia, serif;\r\n line-height: 1.2;\r\n}\r\n.container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 5vw, 60px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n position: relative; min-height: 85vh; display: flex; align-items: center;\r\n justify-content: center; text-align: center; overflow: hidden;\r\n background: linear-gradient(165deg, var(--navy) 0%, #0f1a3a 50%, #0a1025 100%);\r\n}\r\n.hero::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: url('https:\/\/images.pexels.com\/photos\/3408354\/pexels-photo-3408354.jpeg?auto=compress&cs=tinysrgb&w=1400') center\/cover;\r\n opacity: 0.18;\r\n}\r\n.hero::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 120px;\r\n background: linear-gradient(to top, var(--cream), transparent);\r\n}\r\n.hero__content { position: relative; z-index: 2; max-width: 700px; padding: 100px 20px 80px; }\r\n.hero__badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(125,194,66,0.15); border: 1px solid rgba(125,194,66,0.3);\r\n padding: 8px 20px; border-radius: 50px; font-size: 0.8rem;\r\n color: var(--green); font-weight: 600; margin-bottom: 28px;\r\n letter-spacing: 0.5px; text-transform: uppercase;\r\n}\r\n.hero h1 {\r\n font-size: clamp(2.2rem, 5vw, 3.4rem); color: #fff; margin-bottom: 20px;\r\n font-weight: 700;\r\n}\r\n.hero h1 em { color: var(--green); font-style: normal; }\r\n.hero__sub {\r\n font-size: clamp(1rem, 2.5vw, 1.2rem); color: rgba(255,255,255,0.75);\r\n line-height: 1.7; margin-bottom: 36px; font-weight: 300;\r\n}\r\n.hero__start {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 16px 40px; background: var(--orange); color: #fff;\r\n border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700;\r\n cursor: pointer; transition: all 0.3s; font-family: inherit;\r\n box-shadow: 0 8px 30px rgba(247,148,29,0.35);\r\n}\r\n.hero__start:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(247,148,29,0.45); }\r\n.hero__note {\r\n margin-top: 16px; font-size: 0.78rem; color: rgba(255,255,255,0.45); font-weight: 400;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.intro {\r\n padding: 80px 0 60px; text-align: center;\r\n}\r\n.intro h2 { font-size: clamp(1.6rem, 3.5vw, 2.2rem); margin-bottom: 20px; }\r\n.intro h2 em { color: var(--green); font-style: normal; }\r\n.intro p { max-width: 650px; margin: 0 auto; color: var(--text-body); font-size: 1.02rem; }\r\n.intro__cards {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px; margin-top: 40px;\r\n}\r\n.intro__card {\r\n background: #fff; border-radius: var(--radius-sm); padding: 28px 20px;\r\n box-shadow: var(--shadow-sm); text-align: center; transition: transform 0.3s;\r\n}\r\n.intro__card:hover { transform: translateY(-3px); }\r\n.intro__card-icon { font-size: 2rem; margin-bottom: 12px; }\r\n.intro__card-title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.95rem; margin-bottom: 6px; }\r\n.intro__card-text { font-size: 0.82rem; color: var(--text-body); line-height: 1.5; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUIZ SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.quiz-section {\r\n padding: 40px 0 80px;\r\n}\r\n.quiz-wrapper {\r\n background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-lg);\r\n overflow: hidden; position: relative;\r\n}\r\n.quiz-progress {\r\n height: 5px; background: var(--light-gray);\r\n}\r\n.quiz-progress__bar {\r\n height: 100%; background: linear-gradient(90deg, var(--green), var(--dark-green));\r\n transition: width 0.5s ease; width: 0%;\r\n border-radius: 0 3px 3px 0;\r\n}\r\n.quiz-step {\r\n display: none; padding: 50px clamp(24px, 5vw, 60px);\r\n animation: fadeIn 0.4s ease;\r\n}\r\n.quiz-step.active { display: block; }\r\n@keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n.quiz-step__number {\r\n font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px;\r\n color: var(--green); font-weight: 700; margin-bottom: 8px;\r\n}\r\n.quiz-step h2 {\r\n font-size: clamp(1.4rem, 3vw, 1.9rem); margin-bottom: 8px;\r\n}\r\n.quiz-step__hint {\r\n font-size: 0.85rem; color: #888; margin-bottom: 30px; font-style: italic;\r\n}\r\n\r\n\/* Options grille *\/\r\n.options-grid {\r\n display: grid; gap: 12px;\r\n}\r\n.options-grid.cols-3 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }\r\n.options-grid.cols-2 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\r\n\r\n.option-card {\r\n border: 2px solid var(--light-gray); border-radius: var(--radius-sm);\r\n padding: 20px 16px; cursor: pointer; transition: all 0.25s;\r\n text-align: center; position: relative; background: #fff;\r\n}\r\n.option-card:hover { border-color: var(--green); background: rgba(125,194,66,0.03); }\r\n.option-card.selected {\r\n border-color: var(--green); background: rgba(125,194,66,0.08);\r\n box-shadow: 0 0 0 3px rgba(125,194,66,0.15);\r\n}\r\n.option-card.selected::after {\r\n content: '\u2713'; position: absolute; top: 8px; right: 10px;\r\n background: var(--green); color: #fff; width: 22px; height: 22px;\r\n border-radius: 50%; font-size: 0.7rem; display: flex;\r\n align-items: center; justify-content: center; font-weight: 700;\r\n}\r\n.option-card__icon { font-size: 1.8rem; margin-bottom: 8px; }\r\n.option-card__title { font-weight: 700; font-size: 0.92rem; margin-bottom: 4px; }\r\n.option-card__desc { font-size: 0.78rem; color: #777; line-height: 1.4; }\r\n\r\n\/* R\u00e9gions \u2014 multi-select grid *\/\r\n.regions-grid {\r\n display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));\r\n gap: 10px;\r\n}\r\n.region-chip {\r\n display: flex; align-items: center; gap: 10px;\r\n border: 2px solid var(--light-gray); border-radius: var(--radius-sm);\r\n padding: 14px 14px; cursor: pointer; transition: all 0.25s;\r\n background: #fff; font-size: 0.85rem;\r\n}\r\n.region-chip:hover { border-color: var(--green); }\r\n.region-chip.selected {\r\n border-color: var(--green); background: rgba(125,194,66,0.08);\r\n box-shadow: 0 0 0 2px rgba(125,194,66,0.12);\r\n}\r\n.region-chip__icon { font-size: 1.3rem; flex-shrink: 0; }\r\n.region-chip__name { font-weight: 600; line-height: 1.3; }\r\n.region-chip__check {\r\n margin-left: auto; width: 20px; height: 20px; border: 2px solid var(--light-gray);\r\n border-radius: 4px; flex-shrink: 0; display: flex; align-items: center;\r\n justify-content: center; transition: all 0.2s; font-size: 0.65rem; color: #fff;\r\n}\r\n.region-chip.selected .region-chip__check {\r\n background: var(--green); border-color: var(--green);\r\n}\r\n\/* Info-only regions (Bocas, San Blas) \u2014 distinct style *\/\r\n.region-chip.info-only {\r\n border-style: dashed; border-color: var(--orange); background: rgba(247,148,29,0.04);\r\n}\r\n.region-chip.info-only:hover { border-color: var(--orange); background: rgba(247,148,29,0.08); }\r\n.region-chip.info-only.selected {\r\n border-color: var(--orange); background: rgba(247,148,29,0.1);\r\n box-shadow: 0 0 0 2px rgba(247,148,29,0.15);\r\n}\r\n.region-chip.info-only.selected .region-chip__check {\r\n background: var(--orange); border-color: var(--orange);\r\n}\r\n.region-chip__warning {\r\n font-size: 0.68rem; color: var(--orange); font-weight: 600; font-style: italic;\r\n}\r\n\r\n\/* Navigation quiz *\/\r\n.quiz-nav {\r\n display: flex; justify-content: space-between; align-items: center;\r\n margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--light-gray);\r\n}\r\n.quiz-btn {\r\n padding: 12px 32px; border-radius: 50px; font-size: 0.9rem; font-weight: 700;\r\n cursor: pointer; transition: all 0.3s; font-family: inherit; border: none;\r\n}\r\n.quiz-btn--back {\r\n background: transparent; color: var(--navy); border: 2px solid var(--light-gray);\r\n}\r\n.quiz-btn--back:hover { border-color: var(--navy); }\r\n.quiz-btn--next {\r\n background: var(--navy); color: #fff;\r\n}\r\n.quiz-btn--next:hover { background: #243a7a; transform: translateY(-1px); }\r\n.quiz-btn--next:disabled { background: #ccc; cursor: not-allowed; transform: none; }\r\n.quiz-btn--result {\r\n background: var(--orange); color: #fff;\r\n box-shadow: 0 6px 20px rgba(247,148,29,0.3);\r\n}\r\n.quiz-btn--result:hover { transform: translateY(-1px); box-shadow: 0 8px 30px rgba(247,148,29,0.4); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESULT SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.result-section {\r\n display: none; padding: 40px 0 80px;\r\n animation: fadeIn 0.6s ease;\r\n}\r\n.result-section.active { display: block; }\r\n\r\n.result-card {\r\n background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-lg);\r\n overflow: hidden;\r\n}\r\n.result-header {\r\n background: linear-gradient(135deg, var(--navy) 0%, #162248 100%);\r\n padding: 44px clamp(24px, 5vw, 50px) 40px; color: #fff; position: relative;\r\n overflow: hidden;\r\n}\r\n.result-header::before {\r\n content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px;\r\n background: radial-gradient(circle, rgba(125,194,66,0.15), transparent 70%);\r\n border-radius: 50%;\r\n}\r\n.result-header__profile-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(125,194,66,0.2); border: 1px solid rgba(125,194,66,0.4);\r\n padding: 6px 16px; border-radius: 50px; font-size: 0.75rem;\r\n color: var(--green); font-weight: 700; margin-bottom: 16px;\r\n letter-spacing: 0.5px; text-transform: uppercase;\r\n}\r\n.result-header h2 {\r\n font-size: clamp(1.6rem, 3.5vw, 2.3rem); margin-bottom: 12px; position: relative;\r\n}\r\n.result-header h2 em { color: var(--green); font-style: normal; }\r\n.result-header__type {\r\n font-size: 1.05rem; color: rgba(255,255,255,0.7); font-weight: 400;\r\n}\r\n\r\n.result-body { padding: clamp(28px, 5vw, 50px); }\r\n\r\n.result-why {\r\n margin-bottom: 36px;\r\n}\r\n.result-why h3 {\r\n font-size: 1.25rem; margin-bottom: 14px; display: flex; align-items: center; gap: 10px;\r\n}\r\n.result-why p { color: var(--text-body); font-size: 0.95rem; line-height: 1.8; }\r\n\r\n.result-models {\r\n background: var(--warm-white); border-radius: var(--radius-sm);\r\n padding: 24px 28px; margin-bottom: 30px;\r\n}\r\n.result-models h4 {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.9rem;\r\n margin-bottom: 8px; color: var(--navy);\r\n}\r\n.result-models p { font-size: 0.88rem; color: var(--text-body); }\r\n.result-models__note {\r\n font-size: 0.78rem; color: #999; margin-top: 8px; font-style: italic;\r\n}\r\n\r\n.result-included {\r\n display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 30px;\r\n}\r\n.result-included__item {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(125,194,66,0.08); border: 1px solid rgba(125,194,66,0.2);\r\n padding: 10px 18px; border-radius: 50px; font-size: 0.82rem; font-weight: 600;\r\n color: var(--dark-green);\r\n}\r\n\r\n.result-tip {\r\n background: linear-gradient(135deg, rgba(247,148,29,0.06), rgba(247,148,29,0.02));\r\n border-left: 4px solid var(--orange); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n padding: 20px 24px; margin-bottom: 30px;\r\n}\r\n.result-tip__title {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.88rem;\r\n color: var(--orange); margin-bottom: 6px;\r\n}\r\n.result-tip p { font-size: 0.88rem; color: var(--text-body); line-height: 1.6; }\r\n\r\n\/* Info note for Bocas\/San Blas in result *\/\r\n.result-info-note {\r\n background: rgba(247,148,29,0.06); border: 1px solid rgba(247,148,29,0.2);\r\n border-radius: var(--radius-sm); padding: 18px 22px; margin-bottom: 30px;\r\n display: flex; align-items: flex-start; gap: 14px;\r\n}\r\n.result-info-note__icon { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }\r\n.result-info-note p { font-size: 0.84rem; color: var(--text-body); line-height: 1.6; }\r\n.result-info-note strong { color: var(--orange); }\r\n\r\n.result-child-seat {\r\n background: rgba(27,42,90,0.04); border: 1px solid rgba(27,42,90,0.1);\r\n border-radius: var(--radius-sm); padding: 18px 22px; margin-bottom: 30px;\r\n display: flex; align-items: flex-start; gap: 14px;\r\n}\r\n.result-child-seat__icon { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }\r\n.result-child-seat p { font-size: 0.84rem; color: var(--text-body); line-height: 1.6; }\r\n.result-child-seat strong { color: var(--navy); }\r\n\r\n\/* Alternative suggestion *\/\r\n.result-alt {\r\n background: var(--warm-white); border-radius: var(--radius-sm);\r\n padding: 22px 26px; margin-bottom: 30px; border: 1px dashed rgba(27,42,90,0.15);\r\n}\r\n.result-alt h4 {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.88rem;\r\n margin-bottom: 8px; color: var(--navy);\r\n}\r\n.result-alt p { font-size: 0.85rem; color: var(--text-body); line-height: 1.6; }\r\n\r\n.result-ctas {\r\n display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px;\r\n padding-top: 30px; border-top: 1px solid var(--light-gray);\r\n}\r\n.result-cta {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 32px; border-radius: 50px; font-size: 0.95rem;\r\n font-weight: 700; text-decoration: none; transition: all 0.3s;\r\n}\r\n.result-cta--primary {\r\n background: var(--orange); color: #fff;\r\n box-shadow: 0 6px 24px rgba(247,148,29,0.3);\r\n}\r\n.result-cta--primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(247,148,29,0.4); }\r\n.result-cta--whatsapp {\r\n background: #25D366; color: #fff;\r\n}\r\n.result-cta--whatsapp:hover { background: #20bd5a; transform: translateY(-2px); }\r\n.result-cta--restart {\r\n background: transparent; color: var(--navy); border: 2px solid var(--light-gray);\r\n font-size: 0.85rem; padding: 12px 24px;\r\n}\r\n.result-cta--restart:hover { border-color: var(--navy); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer {\r\n background: var(--navy); color: rgba(255,255,255,0.5); text-align: center;\r\n padding: 40px 20px; font-size: 0.78rem;\r\n}\r\n.footer a { color: var(--green); text-decoration: none; }\r\n.footer__brand { color: #fff; font-weight: 700; font-size: 0.9rem; margin-bottom: 8px; }\r\n.footer__brand span:first-child { color: var(--green); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.fade-up { opacity: 0; transform: translateY(30px); transition: all 0.7s ease; }\r\n.fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n .hero { min-height: 75vh; }\r\n .regions-grid { grid-template-columns: 1fr; }\r\n .options-grid.cols-3 { grid-template-columns: 1fr; }\r\n .result-ctas { flex-direction: column; }\r\n .result-cta { justify-content: center; }\r\n .quiz-step { padding: 32px 20px; }\r\n .intro__cards { grid-template-columns: 1fr 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__content\">\r\n <div class=\"hero__badge\">\ud83d\ude97 Quiz gratuit \u2014 1 minute<\/div>\r\n <h1>Quel v\u00e9hicule louer<br>pour <em>votre<\/em> voyage<br>au Panama ?<\/h1>\r\n <p class=\"hero__sub\">\r\n SUV compact, 4x4, minivan\u2026 Le bon choix d\u00e9pend de votre itin\u00e9raire, pas d'un argument commercial.<br>R\u00e9pondez \u00e0 5 questions, on vous guide vers le v\u00e9hicule <strong style=\"color:#fff\">vraiment adapt\u00e9<\/strong> \u2014 et le plus \u00e9conomique possible.\r\n <\/p>\r\n <button class=\"hero__start\" onclick=\"startQuiz()\">\r\n Trouver mon v\u00e9hicule \u2192\r\n <\/button>\r\n <p class=\"hero__note\">Par Toucan Discovery \u2014 agence francophone sp\u00e9cialiste de l'Am\u00e9rique Centrale<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"intro container fade-up\" id=\"intro\">\r\n <h2>Pourquoi le choix du v\u00e9hicule <em>compte<\/em><\/h2>\r\n <p>Au Panama, les autoroutes modernes c\u00f4toient des pistes de montagne. Le bon v\u00e9hicule fait la diff\u00e9rence entre un road trip fluide et des gal\u00e8res \u00e9vitables \u2014 mais inutile de surpayer un 4x4 si votre itin\u00e9raire ne l'exige pas.<\/p>\r\n <div class=\"intro__cards\">\r\n <div class=\"intro__card\">\r\n <div class=\"intro__card-icon\">\ud83d\udee3\ufe0f<\/div>\r\n <div class=\"intro__card-title\">Les routes varient<\/div>\r\n <div class=\"intro__card-text\">Autoroutes modernes autour de Panama City, pistes non pav\u00e9es vers Santa Catalina ou les hauts plateaux<\/div>\r\n <\/div>\r\n <div class=\"intro__card\">\r\n <div class=\"intro__card-icon\">\ud83d\udc65<\/div>\r\n <div class=\"intro__card-title\">Votre groupe compte<\/div>\r\n <div class=\"intro__card-text\">\u00c0 2 ou \u00e0 6, l'espace passagers et le coffre changent tout<\/div>\r\n <\/div>\r\n <div class=\"intro__card\">\r\n <div class=\"intro__card-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"intro__card-title\">Le juste prix<\/div>\r\n <div class=\"intro__card-text\">Le v\u00e9hicule adapt\u00e9, c'est celui qui couvre vos besoins sans surco\u00fbt inutile<\/div>\r\n <\/div>\r\n <div class=\"intro__card\">\r\n <div class=\"intro__card-icon\">\ud83d\uddfa\ufe0f<\/div>\r\n <div class=\"intro__card-title\">L'itin\u00e9raire d\u00e9cide<\/div>\r\n <div class=\"intro__card-text\">C'est la r\u00e9gion la plus exigeante de votre circuit qui d\u00e9termine le type de v\u00e9hicule<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUIZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"quiz-section container\" id=\"quiz-section\">\r\n <div class=\"quiz-wrapper\">\r\n <div class=\"quiz-progress\"><div class=\"quiz-progress__bar\" id=\"progressBar\"><\/div><\/div>\r\n\r\n <!-- Q1: Passagers -->\r\n <div class=\"quiz-step active\" id=\"step1\">\r\n <div class=\"quiz-step__number\">Question 1 sur 5<\/div>\r\n <h2>Combien de voyageurs serez-vous ?<\/h2>\r\n <p class=\"quiz-step__hint\">Conducteur inclus<\/p>\r\n <div class=\"options-grid cols-3\">\r\n <div class=\"option-card\" data-question=\"pax\" data-value=\"1-2\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/div>\r\n <div class=\"option-card__title\">1 \u00e0 2<\/div>\r\n <div class=\"option-card__desc\">Couple ou solo<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"pax\" data-value=\"3-4\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66<\/div>\r\n <div class=\"option-card__title\">3 \u00e0 4<\/div>\r\n <div class=\"option-card__desc\">Famille ou amis<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"pax\" data-value=\"5-7\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\r\n <div class=\"option-card__title\">5 \u00e0 7<\/div>\r\n <div class=\"option-card__desc\">Grande famille ou groupe<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-nav\">\r\n <div><\/div>\r\n <button class=\"quiz-btn quiz-btn--next\" onclick=\"nextStep(2)\" id=\"btn-next-1\" disabled>Suivant \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Q2: R\u00e9gions -->\r\n <div class=\"quiz-step\" id=\"step2\">\r\n <div class=\"quiz-step__number\">Question 2 sur 5<\/div>\r\n <h2>Quelles r\u00e9gions allez-vous visiter ?<\/h2>\r\n <p class=\"quiz-step__hint\">S\u00e9lectionnez toutes les r\u00e9gions de votre itin\u00e9raire \u2014 la plupart des voyageurs en visitent 2 \u00e0 4<\/p>\r\n <div class=\"regions-grid\">\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"ciudad\" data-level=\"0\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd9\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Panama City & Canal<br><small style=\"font-weight:400;color:#888\">Casco Viejo, Miraflores<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"riviera\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd6\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Riviera Pacifique<br><small style=\"font-weight:400;color:#888\">Coronado, Playa Blanca<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"valle\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udf3f<\/span>\r\n <span class=\"region-chip__name\">El Valle de Ant\u00f3n<br><small style=\"font-weight:400;color:#888\">Crat\u00e8re, cascades<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"azuero\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfad<\/span>\r\n <span class=\"region-chip__name\">P\u00e9ninsule d'Azuero<br><small style=\"font-weight:400;color:#888\">Pedas\u00ed, Playa Venao<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"chiriqui\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd4\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Boquete & Chiriqu\u00ed<br><small style=\"font-weight:400;color:#888\">Hauts plateaux, caf\u00e9<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"catalina\" data-level=\"3\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfc4<\/span>\r\n <span class=\"region-chip__name\">Santa Catalina<br><small style=\"font-weight:400;color:#888\">Surf, \u00eele de Coiba<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <!-- Info-only: Bocas del Toro -->\r\n <div class=\"region-chip info-only\" data-question=\"region\" data-value=\"bocas\" data-level=\"-1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfdd\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Bocas del Toro<br><span class=\"region-chip__warning\">\u26a0\ufe0f Vol ou route longue + bateau<\/span><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <!-- Info-only: San Blas -->\r\n <div class=\"region-chip info-only\" data-question=\"region\" data-value=\"sanblas\" data-level=\"-1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83d\udc1a<\/span>\r\n <span class=\"region-chip__name\">San Blas \/ Guna Yala<br><span class=\"region-chip__warning\">\u26a0\ufe0f 4x4 requis + permis Guna<\/span><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <div class=\"region-chip\" data-question=\"region\" data-value=\"unknown\" data-level=\"0\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\u2753<\/span>\r\n <span class=\"region-chip__name\">Je ne sais pas encore<br><small style=\"font-weight:400;color:#888\">Itin\u00e9raire non d\u00e9fini<\/small><\/span>\r\n <span class=\"region-chip__check\">\u2713<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-nav\">\r\n <button class=\"quiz-btn quiz-btn--back\" onclick=\"prevStep(1)\">\u2190 Retour<\/button>\r\n <button class=\"quiz-btn quiz-btn--next\" onclick=\"nextStep(3)\" id=\"btn-next-2\" disabled>Suivant \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Q3: Saison -->\r\n <div class=\"quiz-step\" id=\"step3\">\r\n <div class=\"quiz-step__number\">Question 3 sur 5<\/div>\r\n <h2>\u00c0 quelle p\u00e9riode voyagez-vous ?<\/h2>\r\n <p class=\"quiz-step__hint\">Cela ne change pas le type de v\u00e9hicule recommand\u00e9, mais nous adaptons nos conseils<\/p>\r\n <div class=\"options-grid cols-3\">\r\n <div class=\"option-card\" data-question=\"season\" data-value=\"dry\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\u2600\ufe0f<\/div>\r\n <div class=\"option-card__title\">Saison s\u00e8che<\/div>\r\n <div class=\"option-card__desc\">D\u00e9cembre \u2192 Avril<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"season\" data-value=\"green\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83c\udf27\ufe0f<\/div>\r\n <div class=\"option-card__title\">Saison verte<\/div>\r\n <div class=\"option-card__desc\">Mai \u2192 Novembre<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"season\" data-value=\"unknown\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udcc5<\/div>\r\n <div class=\"option-card__title\">Pas encore d\u00e9cid\u00e9<\/div>\r\n <div class=\"option-card__desc\">Je verrai plus tard<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-nav\">\r\n <button class=\"quiz-btn quiz-btn--back\" onclick=\"prevStep(2)\">\u2190 Retour<\/button>\r\n <button class=\"quiz-btn quiz-btn--next\" onclick=\"nextStep(4)\" id=\"btn-next-3\" disabled>Suivant \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Q4: Bagages -->\r\n <div class=\"quiz-step\" id=\"step4\">\r\n <div class=\"quiz-step__number\">Question 4 sur 5<\/div>\r\n <h2>Quel volume de bagages pr\u00e9voyez-vous ?<\/h2>\r\n <p class=\"quiz-step__hint\">Par personne, en moyenne<\/p>\r\n <div class=\"options-grid cols-3\">\r\n <div class=\"option-card\" data-question=\"luggage\" data-value=\"light\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83c\udf92<\/div>\r\n <div class=\"option-card__title\">L\u00e9ger<\/div>\r\n <div class=\"option-card__desc\">Sacs \u00e0 dos, bagages cabine<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"luggage\" data-value=\"standard\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83e\uddf3<\/div>\r\n <div class=\"option-card__title\">Standard<\/div>\r\n <div class=\"option-card__desc\">1 valise soute par personne<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"luggage\" data-value=\"heavy\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udcbc<\/div>\r\n <div class=\"option-card__title\">Important<\/div>\r\n <div class=\"option-card__desc\">1 grande valise + 1 cabine par personne, ou mat\u00e9riel sport<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-nav\">\r\n <button class=\"quiz-btn quiz-btn--back\" onclick=\"prevStep(3)\">\u2190 Retour<\/button>\r\n <button class=\"quiz-btn quiz-btn--next\" onclick=\"nextStep(5)\" id=\"btn-next-4\" disabled>Suivant \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Q5: Priorit\u00e9 -->\r\n <div class=\"quiz-step\" id=\"step5\">\r\n <div class=\"quiz-step__number\">Question 5 sur 5<\/div>\r\n <h2>Quelle est votre priorit\u00e9 ?<\/h2>\r\n <p class=\"quiz-step__hint\">Choisissez ce qui compte le plus pour vous<\/p>\r\n <div class=\"options-grid cols-3\">\r\n <div class=\"option-card\" data-question=\"priority\" data-value=\"budget\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udcb0<\/div>\r\n <div class=\"option-card__title\">Optimiser mon budget<\/div>\r\n <div class=\"option-card__desc\">Le v\u00e9hicule adapt\u00e9 au meilleur prix<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"priority\" data-value=\"comfort\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\udee1\ufe0f<\/div>\r\n <div class=\"option-card__title\">Confort & tranquillit\u00e9<\/div>\r\n <div class=\"option-card__desc\">Rouler sereinement, sans se poser de questions<\/div>\r\n <\/div>\r\n <div class=\"option-card\" data-question=\"priority\" data-value=\"freedom\" onclick=\"selectSingle(this)\">\r\n <div class=\"option-card__icon\">\ud83d\uddfa\ufe0f<\/div>\r\n <div class=\"option-card__title\">Libert\u00e9 totale<\/div>\r\n <div class=\"option-card__desc\">Pouvoir changer d'itin\u00e9raire \u00e0 tout moment<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-nav\">\r\n <button class=\"quiz-btn quiz-btn--back\" onclick=\"prevStep(4)\">\u2190 Retour<\/button>\r\n <button class=\"quiz-btn quiz-btn--result\" onclick=\"showResult()\" id=\"btn-result\" disabled>Voir mon r\u00e9sultat \ud83d\ude97<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESULT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"result-section container\" id=\"result-section\">\r\n <div class=\"result-card\">\r\n <div class=\"result-header\">\r\n <div class=\"result-header__profile-badge\" id=\"result-badge\"><\/div>\r\n <h2 id=\"result-title\"><\/h2>\r\n <p class=\"result-header__type\" id=\"result-type\"><\/p>\r\n <\/div>\r\n <div class=\"result-body\">\r\n <div class=\"result-why\">\r\n <h3>\ud83d\udccb Pourquoi ce v\u00e9hicule pour vous<\/h3>\r\n <p id=\"result-why-text\"><\/p>\r\n <\/div>\r\n <div class=\"result-models\" id=\"result-models-box\">\r\n <h4>\ud83d\ude99 Exemples de mod\u00e8les dans cette cat\u00e9gorie<\/h4>\r\n <p id=\"result-models-text\"><\/p>\r\n <p class=\"result-models__note\">Les mod\u00e8les disponibles varient selon la p\u00e9riode et le loueur. Toucan Discovery vous proposera le meilleur v\u00e9hicule disponible dans cette cat\u00e9gorie.<\/p>\r\n <\/div>\r\n <div class=\"result-included\">\r\n <span class=\"result-included__item\">\u2705 Assurances obligatoires (TPL + CDW) incluses<\/span>\r\n <span class=\"result-included__item\">\u2705 Kilom\u00e9trage illimit\u00e9<\/span>\r\n <\/div>\r\n <div class=\"result-tip\" id=\"result-tip-box\">\r\n <div class=\"result-tip__title\">\ud83d\udca1 Conseil terrain Toucan Discovery<\/div>\r\n <p id=\"result-tip-text\"><\/p>\r\n <\/div>\r\n <div class=\"result-info-note\" id=\"result-info-note\" style=\"display:none\">\r\n <span class=\"result-info-note__icon\">\u2708\ufe0f<\/span>\r\n <p id=\"result-info-note-text\"><\/p>\r\n <\/div>\r\n <div class=\"result-alt\" id=\"result-alt-box\" style=\"display:none\">\r\n <h4 id=\"result-alt-title\"><\/h4>\r\n <p id=\"result-alt-text\"><\/p>\r\n <\/div>\r\n <div class=\"result-child-seat\" id=\"result-child-seat\" style=\"display:none\">\r\n <span class=\"result-child-seat__icon\">\ud83d\udc76<\/span>\r\n <p><strong>Voyagez avec des enfants ?<\/strong> Au Panama, le port de la ceinture est obligatoire et les enfants de moins de 5 ans doivent voyager dans un si\u00e8ge homologu\u00e9. Pensez \u00e0 le r\u00e9server aupr\u00e8s du loueur ou \u00e0 apporter le v\u00f4tre.<\/p>\r\n <\/div>\r\n <div class=\"result-ctas\">\r\n <a href=\"https:\/\/dynamics.toucandiscovery.com\/?tripType=ONLY_CAR\" target=\"_blank\" class=\"result-cta result-cta--primary\">\r\n \ud83d\ude97 Voir les v\u00e9hicules disponibles\r\n <\/a>\r\n <a id=\"result-wa-link\" href=\"#\" target=\"_blank\" class=\"result-cta result-cta--whatsapp\">\r\n \ud83d\udcac Conseil personnalis\u00e9 WhatsApp\r\n <\/a>\r\n <button class=\"result-cta result-cta--restart\" onclick=\"restartQuiz()\">\r\n \u21bb Refaire le quiz\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer class=\"footer\">\r\n <div class=\"footer__brand\"><span>TOUCAN<\/span> DISCOVERY<\/div>\r\n <p>Agence r\u00e9ceptive francophone \u2014 Sp\u00e9cialiste Am\u00e9rique Centrale<\/p>\r\n <p style=\"margin-top:6px\">\r\n <a href=\"https:\/\/www.toucandiscovery.com\">www.toucandiscovery.com<\/a> \u00b7\r\n <a href=\"mailto:info@toucandiscovery.com\">info@toucandiscovery.com<\/a>\r\n <\/p>\r\n <p style=\"margin-top:12px;font-size:0.7rem\">\u00a9 2023 Toucan Discovery<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n QUIZ LOGIC \u2014 PANAMA\r\n Profils: B (SUV Compact), C (SUV 4x4 Polyvalent),\r\n D (4x4 Robuste), E (Minivan\/Familial)\r\n R\u00e9gions info-only (Bocas, San Blas) = NON scor\u00e9es\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\nconst answers = { pax: null, regions: [], season: null, luggage: null, priority: null };\r\n\r\n\/\/ Info-only regions: selected for display but never affect scoring\r\nconst INFO_REGIONS = ['bocas', 'sanblas'];\r\n\r\n\r\n\/\/ \u2500\u2500 Scroll animations \u2500\u2500\r\nconst observer = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.15 });\r\ndocument.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n\/\/ \u2500\u2500 Start quiz \u2500\u2500\r\nfunction startQuiz() {\r\n document.getElementById('quiz-section').scrollIntoView({ behavior: 'smooth' });\r\n}\r\n\r\n\/\/ \u2500\u2500 Single select \u2500\u2500\r\nfunction selectSingle(card) {\r\n const q = card.dataset.question;\r\n const v = card.dataset.value;\r\n card.closest('.options-grid').querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n answers[q] = v;\r\n updateNextButton(q);\r\n}\r\n\r\n\/\/ \u2500\u2500 Region multi-select \u2500\u2500\r\nfunction toggleRegion(chip) {\r\n const val = chip.dataset.value;\r\n if (val === 'unknown') {\r\n document.querySelectorAll('.region-chip').forEach(c => c.classList.remove('selected'));\r\n chip.classList.add('selected');\r\n answers.regions = ['unknown'];\r\n } else {\r\n document.querySelector('.region-chip[data-value=\"unknown\"]')?.classList.remove('selected');\r\n chip.classList.toggle('selected');\r\n answers.regions = [...document.querySelectorAll('.region-chip.selected')].map(c => c.dataset.value).filter(v => v !== 'unknown');\r\n }\r\n updateNextButton('region');\r\n}\r\n\r\nfunction updateNextButton(q) {\r\n const stepMap = { pax: 1, region: 2, season: 3, luggage: 4, priority: 5 };\r\n const step = stepMap[q];\r\n const btnId = step === 5 ? 'btn-result' : `btn-next-${step}`;\r\n const btn = document.getElementById(btnId);\r\n if (q === 'region') {\r\n btn.disabled = answers.regions.length === 0;\r\n } else {\r\n btn.disabled = !answers[q];\r\n }\r\n}\r\n\r\n\/\/ \u2500\u2500 Navigation \u2500\u2500\r\nfunction nextStep(n) {\r\n document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById(`step${n}`).classList.add('active');\r\n document.getElementById('progressBar').style.width = `${((n - 1) \/ 5) * 100}%`;\r\n document.querySelector('.quiz-wrapper').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\nfunction prevStep(n) {\r\n document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById(`step${n}`).classList.add('active');\r\n document.getElementById('progressBar').style.width = `${((n - 1) \/ 5) * 100}%`;\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ SCORING ENGINE \u2014 PANAMA\r\n\/\/ Approche \u00e9conomique : on ne sur-recommande jamais\r\n\/\/ Bocas & San Blas = info-only, jamais scor\u00e9s\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction getScoredRegions() {\r\n \/\/ Returns only regions that affect vehicle scoring (excludes info-only)\r\n return answers.regions.filter(r => !INFO_REGIONS.includes(r));\r\n}\r\n\r\nfunction getMaxRegionLevel() {\r\n const scored = document.querySelectorAll('.region-chip.selected');\r\n const levels = [...scored]\r\n .filter(c => !INFO_REGIONS.includes(c.dataset.value))\r\n .map(c => parseInt(c.dataset.level))\r\n .filter(l => l > 0);\r\n return levels.length > 0 ? Math.max(...levels) : 0;\r\n}\r\n\r\nfunction getRegionCountByLevel(lvl) {\r\n return [...document.querySelectorAll('.region-chip.selected')]\r\n .filter(c => !INFO_REGIONS.includes(c.dataset.value) && parseInt(c.dataset.level) === lvl)\r\n .length;\r\n}\r\n\r\nfunction getSelectedRegionNames() {\r\n return [...document.querySelectorAll('.region-chip.selected')].map(c => {\r\n return c.querySelector('.region-chip__name').textContent.split('\\n')[0].trim();\r\n });\r\n}\r\n\r\nfunction getScoredRegionNames() {\r\n return [...document.querySelectorAll('.region-chip.selected')]\r\n .filter(c => !INFO_REGIONS.includes(c.dataset.value))\r\n .map(c => c.querySelector('.region-chip__name').textContent.split('\\n')[0].trim());\r\n}\r\n\r\nfunction hasInfoRegion(name) {\r\n return answers.regions.includes(name);\r\n}\r\n\r\nfunction calculateProfile() {\r\n const { pax, regions, season, luggage, priority } = answers;\r\n const scoredRegions = getScoredRegions();\r\n\r\n \/\/ Step 0: 5-7 pax \u2192 E (minivan)\r\n if (pax === '5-7') {\r\n const maxLevel = getMaxRegionLevel();\r\n return { profile: 'E', need4x4: maxLevel >= 3, hasBocas: regions.includes('bocas'), hasSanBlas: regions.includes('sanblas') };\r\n }\r\n\r\n \/\/ Step 1: Start at B (most economical)\r\n let level = 2; \/\/ B=2, C=3, D=4\r\n\r\n \/\/ Step 2: Regions (only scored regions)\r\n const maxLevel = getMaxRegionLevel();\r\n const moderateCount = getRegionCountByLevel(2);\r\n\r\n if (maxLevel === 3) {\r\n \/\/ Santa Catalina: pistes non pav\u00e9es \u2192 C minimum\r\n level = Math.max(level, 3);\r\n } else if (moderateCount >= 3) {\r\n \/\/ 3+ regions mod\u00e9r\u00e9es (Azuero + Chiriqu\u00ed + other) \u2192 C\r\n level = Math.max(level, 3);\r\n }\r\n \/\/ 1-2 moderate regions: stay at B \u2014 Panama's moderate roads are fine for SUV compact\r\n\r\n \/\/ \"unknown\" with no other scored region \u2192 default C (safe choice)\r\n if (scoredRegions.includes('unknown') && scoredRegions.length === 1) {\r\n level = Math.max(level, 3);\r\n }\r\n\r\n \/\/ Step 3: Luggage\r\n if (luggage === 'heavy') {\r\n if (pax === '3-4') {\r\n level = Math.max(level, 3);\r\n }\r\n }\r\n\r\n \/\/ Step 4: Priority\r\n if (priority === 'freedom' && moderateCount >= 2) {\r\n level = Math.max(level, 3);\r\n }\r\n\r\n \/\/ Budget priority never upgrades\r\n \/\/ D (4x4 robuste) only if Santa Catalina + freedom\/comfort + heavy luggage\r\n if (maxLevel === 3 && priority === 'freedom' && luggage === 'heavy') {\r\n level = Math.max(level, 4);\r\n }\r\n\r\n const profileMap = { 2: 'B', 3: 'C', 4: 'D' };\r\n return {\r\n profile: profileMap[level] || 'C',\r\n maxRegionLevel: maxLevel,\r\n moderateCount: moderateCount,\r\n hasCatalina: regions.includes('catalina'),\r\n hasBocas: regions.includes('bocas'),\r\n hasSanBlas: regions.includes('sanblas'),\r\n borderline: (priority === 'comfort' && level === 2 && moderateCount >= 1)\r\n };\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ RESULT DISPLAY\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction showResult() {\r\n const result = calculateProfile();\r\n const { pax, regions, season, luggage, priority } = answers;\r\n const allRegionNames = getSelectedRegionNames();\r\n const scoredRegionNames = getScoredRegionNames();\r\n const regionText = allRegionNames.join(', ');\r\n const scoredText = scoredRegionNames.join(', ');\r\n const isBudget = priority === 'budget';\r\n const isComfort = priority === 'comfort';\r\n const isFreedom = priority === 'freedom';\r\n const isGreen = season === 'green';\r\n\r\n \/\/ Profile data\r\n const profiles = {\r\n B: {\r\n badge: 'Meilleur choix qualit\u00e9\/prix',\r\n title: 'Un <em>SUV compact<\/em> \u2014 le choix malin',\r\n type: 'Type Hyundai Tucson, Kia Sportage, Toyota RAV4 ou \u00e9quivalent',\r\n models: 'Hyundai Tucson, Kia Sportage, Toyota RAV4, Suzuki S-Cross ou mod\u00e8le \u00e9quivalent selon disponibilit\u00e9.',\r\n icon: '\ud83d\ude99'\r\n },\r\n C: {\r\n badge: 'Recommandation Toucan Discovery',\r\n title: 'Un <em>SUV 4x4 polyvalent<\/em> \u2014 le passe-partout',\r\n type: 'Type Toyota RAV4 4x4, Hyundai Tucson 4x4, Mitsubishi Outlander ou \u00e9quivalent',\r\n models: 'Toyota RAV4 4x4, Hyundai Tucson 4x4, Mitsubishi Outlander, Hyundai Santa Fe ou mod\u00e8le \u00e9quivalent selon disponibilit\u00e9.',\r\n icon: '\ud83d\ude97'\r\n },\r\n D: {\r\n badge: 'Profil aventure',\r\n title: 'Un <em>4x4 robuste<\/em> \u2014 z\u00e9ro limite',\r\n type: 'Type Toyota Hilux, Ford Ranger, Mitsubishi L200 ou \u00e9quivalent',\r\n models: 'Toyota Hilux, Ford Ranger, Mitsubishi L200 ou mod\u00e8le \u00e9quivalent selon disponibilit\u00e9.',\r\n icon: '\ud83d\udefb'\r\n },\r\n E: {\r\n badge: 'Profil familial \/ groupe',\r\n title: 'Une <em>minivan<\/em> \u2014 tout le monde \u00e0 bord',\r\n type: result.need4x4\r\n ? 'Type Hyundai Staria 4x4 ou \u00e9quivalent'\r\n : 'Type Toyota Hiace, Hyundai Staria ou \u00e9quivalent',\r\n models: result.need4x4\r\n ? 'Hyundai Staria 4x4 ou mod\u00e8le \u00e9quivalent 4x4 selon disponibilit\u00e9.'\r\n : 'Toyota Hiace, Hyundai Staria ou mod\u00e8le \u00e9quivalent selon disponibilit\u00e9.',\r\n icon: '\ud83d\ude90'\r\n }\r\n };\r\n\r\n const p = profiles[result.profile];\r\n document.getElementById('result-badge').textContent = `${p.icon} ${p.badge}`;\r\n document.getElementById('result-title').innerHTML = p.title;\r\n document.getElementById('result-type').textContent = p.type;\r\n document.getElementById('result-models-text').textContent = p.models;\r\n\r\n \/\/ \u2500\u2500 Build WHY text (always explains the choice) \u2500\u2500\r\n let why = '';\r\n if (result.profile === 'B') {\r\n why = buildWhyB(pax, scoredRegionNames, scoredText, allRegionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'C') {\r\n why = buildWhyC(pax, scoredRegionNames, scoredText, allRegionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'D') {\r\n why = buildWhyD(pax, scoredRegionNames, scoredText, allRegionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'E') {\r\n why = buildWhyE(pax, scoredRegionNames, scoredText, allRegionNames, regionText, luggage, priority, result);\r\n }\r\n document.getElementById('result-why-text').innerHTML = why;\r\n\r\n \/\/ \u2500\u2500 Tip \u2500\u2500\r\n let tip = '';\r\n if (isGreen) {\r\n tip = 'En saison verte, les pluies tropicales peuvent rendre certaines pistes boueuses, notamment vers Santa Catalina et dans la p\u00e9ninsule d\\'Azuero. Rien de dramatique pour la majorit\u00e9 des itin\u00e9raires, mais pr\u00e9voyez un peu plus de temps. Et pensez \u00e0 l\\'assurance totale (z\u00e9ro franchise) pour rouler l\\'esprit libre.';\r\n } else if (season === 'dry') {\r\n tip = 'En saison s\u00e8che, les routes panam\u00e9ennes sont dans leur meilleur \u00e9tat. C\\'est la p\u00e9riode id\u00e9ale pour un road trip \u2014 les conditions de conduite sont optimales sur l\\'ensemble du pays.';\r\n } else {\r\n tip = 'Quelle que soit la p\u00e9riode, les routes principales du Panama sont tr\u00e8s bien entretenues. Pensez \u00e0 utiliser Waze \u2014 il conna\u00eet parfaitement le r\u00e9seau routier panam\u00e9en et vous \u00e9vitera les embouteillages de Panama City.';\r\n }\r\n tip += ' Bon \u00e0 savoir : le syst\u00e8me de p\u00e9age au Panama fonctionne avec des bornes automatiques. Demandez un badge \"Panapass\" \u00e0 votre loueur pour \u00e9viter les arr\u00eats \u2014 c\\'est pratique et gratuit dans la plupart des agences.';\r\n document.getElementById('result-tip-text').textContent = tip;\r\n\r\n \/\/ \u2500\u2500 Info note for Bocas \/ San Blas \u2500\u2500\r\n const infoNote = document.getElementById('result-info-note');\r\n if (result.hasBocas || result.hasSanBlas) {\r\n infoNote.style.display = 'flex';\r\n let noteText = '';\r\n if (result.hasBocas && result.hasSanBlas) {\r\n noteText = '<strong>\u00c0 noter :<\/strong> Bocas del Toro et San Blas ne sont pas des destinations accessibles en road trip classique. <strong>Bocas del Toro<\/strong> se rejoint en vol int\u00e9rieur (Air Panama, ~1h) ou par une longue route jusqu\\'\u00e0 Almirante puis bateau. <strong>San Blas<\/strong> n\u00e9cessite un 4x4 sur la piste de Llano Cart\u00ed (d\u00e9part t\u00f4t le matin obligatoire) + un permis d\\'entr\u00e9e Guna Yala. Ces r\u00e9gions n\\'ont pas influenc\u00e9 notre recommandation v\u00e9hicule \u2014 contactez-nous pour organiser ces \u00e9tapes s\u00e9par\u00e9ment.';\r\n } else if (result.hasBocas) {\r\n noteText = '<strong>\u00c0 noter :<\/strong> Bocas del Toro ne se visite pas en voiture de location. L\\'acc\u00e8s se fait en vol int\u00e9rieur (Air Panama, ~1h depuis Panama City) ou par la route jusqu\\'\u00e0 Almirante (7-8h) puis bateau-taxi vers les \u00eeles. Cette destination n\\'a pas influenc\u00e9 notre recommandation v\u00e9hicule \u2014 contactez-nous pour int\u00e9grer cette \u00e9tape \u00e0 votre circuit.';\r\n } else {\r\n noteText = '<strong>\u00c0 noter :<\/strong> San Blas \/ Guna Yala n\u00e9cessite un 4x4 sur la piste de Llano Cart\u00ed (environ 2h30, d\u00e9part avant 6h recommand\u00e9) + un permis d\\'entr\u00e9e Guna Yala \u00e0 obtenir \u00e0 l\\'avance. La plupart des voyageurs pr\u00e9f\u00e8rent un transfert organis\u00e9. Cette destination n\\'a pas influenc\u00e9 notre recommandation v\u00e9hicule \u2014 contactez-nous pour organiser cette \u00e9tape.';\r\n }\r\n document.getElementById('result-info-note-text').innerHTML = noteText;\r\n } else {\r\n infoNote.style.display = 'none';\r\n }\r\n\r\n \/\/ \u2500\u2500 Alternative suggestion \u2500\u2500\r\n const altBox = document.getElementById('result-alt-box');\r\n if (result.profile === 'B' && result.borderline) {\r\n altBox.style.display = 'block';\r\n document.getElementById('result-alt-title').textContent = '\u2197\ufe0f Envie d\\'un peu plus de confort ?';\r\n document.getElementById('result-alt-text').textContent = 'Un SUV 4x4 polyvalent (type RAV4 4x4 ou Tucson 4x4) vous apporterait un confort suppl\u00e9mentaire sur les sections de piste, pour quelques dollars de plus par jour. Mais votre profil de voyage ne l\\'exige pas \u2014 c\\'est un choix de confort, pas une n\u00e9cessit\u00e9.';\r\n } else if (result.profile === 'C' && result.hasCatalina) {\r\n altBox.style.display = 'block';\r\n document.getElementById('result-alt-title').textContent = '\u2197\ufe0f Pour encore plus de s\u00e9r\u00e9nit\u00e9 vers Santa Catalina';\r\n document.getElementById('result-alt-text').textContent = 'Un 4x4 robuste (type Hilux ou Ranger) vous donnerait une marge de s\u00e9curit\u00e9 suppl\u00e9mentaire sur la piste de Santa Catalina, surtout en saison verte. Le SUV 4x4 polyvalent y passe bien, mais si votre budget le permet, le robuste sera plus confortable sur les derniers kilom\u00e8tres.';\r\n } else if (result.profile === 'B' && isFreedom && result.moderateCount >= 1) {\r\n altBox.style.display = 'block';\r\n document.getElementById('result-alt-title').textContent = '\ud83d\uddfa\ufe0f Vous aimez improviser ?';\r\n document.getElementById('result-alt-text').textContent = 'Un SUV 4x4 polyvalent vous laisserait la libert\u00e9 de d\u00e9vier de votre itin\u00e9raire sans vous demander si la route passe. Si vous \u00eates du genre \u00e0 changer de plan en cours de route, \u00e7a peut valoir les quelques dollars suppl\u00e9mentaires.';\r\n } else {\r\n altBox.style.display = 'none';\r\n }\r\n\r\n \/\/ \u2500\u2500 Child seat \u2500\u2500\r\n document.getElementById('result-child-seat').style.display =\r\n (pax === '5-7' || pax === '3-4') ? 'flex' : 'none';\r\n\r\n \/\/ \u2500\u2500 WhatsApp link \u2500\u2500\r\n const profileLabel = { B: 'SUV compact', C: 'SUV 4x4 polyvalent', D: '4x4 robuste', E: 'minivan' };\r\n const waMsg = encodeURIComponent(`Bonjour Toucan Discovery ! Le quiz v\u00e9hicule Panama m'a recommand\u00e9 un ${profileLabel[result.profile]}. Mon itin\u00e9raire : ${regionText}. ${pax === '5-7' ? 'Nous serons ' + pax + ' voyageurs.' : 'Nous serons ' + pax + '.'} Pouvez-vous me faire un devis ?`);\r\n document.getElementById('result-wa-link').href = `https:\/\/wa.me\/33677713276?text=${waMsg}`;\r\n\r\n \/\/ \u2500\u2500 Show result \u2500\u2500\r\n document.getElementById('progressBar').style.width = '100%';\r\n document.getElementById('quiz-section').style.display = 'none';\r\n document.getElementById('result-section').classList.add('active');\r\n document.getElementById('result-section').scrollIntoView({ behavior: 'smooth' });\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ WHY Builders \u2014 Panama\r\n\/\/ Toujours expliquer le choix clairement\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction buildWhyB(pax, scoredNames, scoredText, allNames, allText, luggage, priority, result) {\r\n let text = '';\r\n\r\n \/\/ Explain who it's for\r\n if (pax === '1-2') {\r\n text += `<strong>Pourquoi un SUV compact ?<\/strong> \u00c0 deux, c'est le v\u00e9hicule qui offre le meilleur rapport qualit\u00e9\/prix pour votre voyage. `;\r\n } else {\r\n text += `<strong>Pourquoi un SUV compact ?<\/strong> \u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs avec des bagages ${luggage === 'light' ? 'l\u00e9gers' : 'standards'}, il offre tout l'espace n\u00e9cessaire au meilleur co\u00fbt. `;\r\n }\r\n\r\n \/\/ Explain the road reasoning\r\n text += `Votre itin\u00e9raire (${scoredText}) emprunte des routes o\u00f9 ce type de v\u00e9hicule passe sans aucune difficult\u00e9. `;\r\n\r\n if (result.moderateCount > 0) {\r\n const modRegions = scoredNames.filter((_, i) => {\r\n const chips = [...document.querySelectorAll('.region-chip.selected')].filter(c => !INFO_REGIONS.includes(c.dataset.value));\r\n return chips[i] && parseInt(chips[i].dataset.level) === 2;\r\n });\r\n if (modRegions.length > 0) {\r\n text += `Les routes vers ${modRegions.join(' et ')} comportent quelques sections de montagne, mais elles restent tout \u00e0 fait praticables en SUV compact. Inutile de payer plus pour un 4x4 ici. `;\r\n }\r\n }\r\n\r\n \/\/ Explain the economic logic\r\n if (priority === 'budget') {\r\n text += `<strong>C'est le choix le plus \u00e9conomique<\/strong> adapt\u00e9 \u00e0 votre voyage : vous gardez votre budget pour les exp\u00e9riences sur place plut\u00f4t que dans un v\u00e9hicule surdimensionn\u00e9.`;\r\n } else {\r\n text += `La garde au sol sur\u00e9lev\u00e9e et la transmission automatique vous assurent un road trip fluide et agr\u00e9able sur tout le r\u00e9seau routier panam\u00e9en.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyC(pax, scoredNames, scoredText, allNames, allText, luggage, priority, result) {\r\n let text = '';\r\n\r\n if (pax === '1-2') {\r\n text += `<strong>Pourquoi un SUV 4x4 polyvalent ?<\/strong> \u00c0 deux, `;\r\n } else {\r\n text += `<strong>Pourquoi un SUV 4x4 polyvalent ?<\/strong> \u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs, `;\r\n }\r\n\r\n if (result.hasCatalina) {\r\n text += `votre itin\u00e9raire inclut Santa Catalina \u2014 dont les derniers kilom\u00e8tres se font sur piste non pav\u00e9e. Un SUV 4x4 est le choix adapt\u00e9 pour y acc\u00e9der confortablement. `;\r\n const otherRegions = scoredNames.filter(r => r !== 'Santa Catalina');\r\n if (otherRegions.length > 0) {\r\n text += `Pour le reste de votre circuit (${otherRegions.join(', ')}), ce v\u00e9hicule sera largement \u00e0 l'aise. `;\r\n }\r\n } else if (result.moderateCount >= 3) {\r\n text += `votre itin\u00e9raire traverse plusieurs r\u00e9gions avec des routes de montagne ou des pistes secondaires (${scoredText}). Chaque tron\u00e7on serait praticable en SUV compact, mais cumul\u00e9s sur l'ensemble du voyage, un SUV 4x4 vous offrira nettement plus de confort et de s\u00e9r\u00e9nit\u00e9. `;\r\n } else if (getScoredRegions().includes('unknown')) {\r\n text += `comme votre itin\u00e9raire n'est pas encore d\u00e9fini, un SUV 4x4 polyvalent est le choix le plus s\u00fbr. Il vous laisse la libert\u00e9 de vous adapter une fois sur place, quelle que soit la destination. `;\r\n } else {\r\n text += `un SUV 4x4 polyvalent est le v\u00e9hicule le mieux adapt\u00e9 \u00e0 votre combinaison itin\u00e9raire\/bagages. `;\r\n }\r\n\r\n if (luggage === 'heavy') {\r\n text += `Avec des bagages importants, le coffre plus spacieux fait toute la diff\u00e9rence au quotidien. `;\r\n }\r\n\r\n \/\/ Economic reasoning\r\n if (priority === 'budget') {\r\n text += `<strong>C'est un investissement malin :<\/strong> ce v\u00e9hicule vous \u00e9vite de renoncer \u00e0 une \u00e9tape \u00e0 cause de la route, et optimise chaque jour de votre voyage. On ne vous recommande pas un 4x4 robuste \u2014 ce serait du surco\u00fbt inutile pour votre programme.`;\r\n } else if (priority === 'freedom') {\r\n text += `Avec un 4x4, vous pouvez improviser sans vous demander si la prochaine route passe. C'est exactement le niveau de libert\u00e9 qu'il vous faut \u2014 sans le surco\u00fbt d'un 4x4 robuste qui ne se justifie pas pour votre itin\u00e9raire.`;\r\n } else {\r\n text += `La transmission int\u00e9grale et la garde au sol \u00e9lev\u00e9e vous assurent confort et s\u00e9r\u00e9nit\u00e9, sans le surco\u00fbt d'un v\u00e9hicule plus lourd qui ne se justifie pas ici.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyD(pax, scoredNames, scoredText, allNames, allText, luggage, priority, result) {\r\n let text = `<strong>Pourquoi un 4x4 robuste ?<\/strong> \u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs avec un itin\u00e9raire qui inclut ${scoredText}, un 4x4 robuste est votre meilleur alli\u00e9. `;\r\n text += `Ce type de v\u00e9hicule offre une garde au sol maximale, une puissance de franchissement sup\u00e9rieure et un coffre g\u00e9n\u00e9reux pour vos bagages${luggage === 'heavy' ? ' importants' : ''}. `;\r\n\r\n if (result.hasCatalina) {\r\n text += `La piste de Santa Catalina, surtout en saison des pluies, sera bien plus confortable avec ce type de v\u00e9hicule. `;\r\n }\r\n\r\n if (priority === 'budget') {\r\n text += `<strong>C\u00f4t\u00e9 budget,<\/strong> ce v\u00e9hicule vous permet d'acc\u00e9der par vous-m\u00eame \u00e0 des zones isol\u00e9es \u2014 sans payer de transferts priv\u00e9s qui co\u00fbtent souvent bien plus cher que la diff\u00e9rence de tarif de location. C'est le niveau minimum que nous recommandons pour votre programme \u2014 on ne vous aurait pas orient\u00e9 vers ce profil si un v\u00e9hicule moins cher suffisait.`;\r\n } else {\r\n text += `Vous aurez z\u00e9ro limite : chaque route du Panama vous sera accessible, des autoroutes aux pistes les plus isol\u00e9es. C'est le bon choix pour votre combinaison itin\u00e9raire + bagages + priorit\u00e9 \u2014 on ne vous l'aurait pas recommand\u00e9 si un v\u00e9hicule plus l\u00e9ger suffisait.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyE(pax, scoredNames, scoredText, allNames, allText, luggage, priority, result) {\r\n let text = `<strong>Pourquoi une minivan ?<\/strong> \u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs, c'est de loin la solution la plus pratique et la plus \u00e9conomique. Un seul v\u00e9hicule, un seul plein d'essence, un seul parking \u2014 le co\u00fbt par personne est imbattable par rapport \u00e0 deux voitures ou des transferts multiples. `;\r\n text += `Tout le monde voyage ensemble, avec de la place pour les bagages${luggage === 'heavy' ? ' m\u00eame importants' : ''} et le confort de ne pas \u00eatre serr\u00e9s. `;\r\n\r\n if (result.need4x4) {\r\n text += `Votre itin\u00e9raire inclut des zones o\u00f9 la transmission 4x4 est recommand\u00e9e \u2014 optez pour un mod\u00e8le 4x4 (type Hyundai Staria 4x4) pour combiner capacit\u00e9 passagers et franchissement. `;\r\n } else {\r\n text += `Sur votre itin\u00e9raire (${scoredText || 'non encore d\u00e9fini'}), une version 4x2 est parfaitement suffisante \u2014 pas besoin de surpayer un 4x4. `;\r\n }\r\n\r\n if (priority === 'budget') {\r\n text += `<strong>C'est le choix budget intelligent pour les groupes :<\/strong> divis\u00e9 par ${pax === '5-7' ? '5, 6 ou 7' : 'tous les voyageurs'}, le co\u00fbt journalier par personne est d\u00e9risoire.`;\r\n } else {\r\n text += `Et le confort d'avoir de l'espace, surtout pour les longs trajets, \u00e7a n'a pas de prix.`;\r\n }\r\n return text;\r\n}\r\n\r\n\/\/ \u2500\u2500 Restart \u2500\u2500\r\nfunction restartQuiz() {\r\n answers.pax = null;\r\n answers.regions = [];\r\n answers.season = null;\r\n answers.luggage = null;\r\n answers.priority = null;\r\n document.querySelectorAll('.option-card, .region-chip').forEach(c => c.classList.remove('selected'));\r\n document.querySelectorAll('.quiz-btn--next, #btn-result').forEach(b => b.disabled = true);\r\n document.getElementById('result-section').classList.remove('active');\r\n document.getElementById('result-section').style.display = '';\r\n document.getElementById('quiz-section').style.display = '';\r\n document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById('step1').classList.add('active');\r\n document.getElementById('progressBar').style.width = '0%';\r\n document.getElementById('result-alt-box').style.display = 'none';\r\n document.getElementById('result-info-note').style.display = 'none';\r\n document.getElementById('quiz-section').scrollIntoView({ behavior: 'smooth' });\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quel v\u00e9hicule louer au Panama ? | Quiz Toucan Discovery \ud83d\ude97 Quiz gratuit \u2014 1 minute Quel v\u00e9hicule louerpour votre voyageau Panama ? SUV compact, 4×4, minivan\u2026 Le bon choix d\u00e9pend de votre itin\u00e9raire, pas d’un argument commercial.R\u00e9pondez \u00e0 5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-4409","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/comments?post=4409"}],"version-history":[{"count":10,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4409\/revisions"}],"predecessor-version":[{"id":4759,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4409\/revisions\/4759"}],"wp:attachment":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/media?parent=4409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}