{"id":4311,"date":"2026-04-06T18:33:00","date_gmt":"2026-04-06T18:33:00","guid":{"rendered":"https:\/\/toucandiscovery.com\/?page_id=4311"},"modified":"2026-04-29T04:39:17","modified_gmt":"2026-04-29T04:39:17","slug":"which-car-to-rent-for-your-trip-to-costa-rica","status":"publish","type":"page","link":"https:\/\/toucandiscovery.com\/en\/quel-vehicule-louer-pour-votre-voyage-au-costa-rica\/","title":{"rendered":"Which vehicle should you hire for your trip to Costa Rica?"},"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 Costa Rica ? | Quiz Toucan Discovery<\/title>\r\n<meta name=\"description\" content=\"Trouvez le v\u00e9hicule id\u00e9al pour votre road trip au Costa Rica. Quiz gratuit par Toucan Discovery, agence locale francophone bas\u00e9e \u00e0 San Jos\u00e9.\">\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 COSTA RICA\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.unsplash.com\/photo-1544620347-c4fd4a3d5957?w=1400&q=80') 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\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; color: #fff;\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.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 Costa Rica ?<\/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 locale francophone, bas\u00e9e \u00e0 San Jos\u00e9<\/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 Costa Rica, le bon v\u00e9hicule fait la diff\u00e9rence entre un road trip fluide et des gal\u00e8res \u00e9vitables. 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\">Routes goudronn\u00e9es en vall\u00e9e centrale, pistes en terre vers les plages isol\u00e9es<\/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=\"vallee\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd9\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Vall\u00e9e Centrale<br><small style=\"font-weight:400;color:#888\">San Jos\u00e9, Alajuela<\/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=\"pacifique\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd6\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Pacifique Central<br><small style=\"font-weight:400;color:#888\">Manuel Antonio, Jac\u00f3, Uvita<\/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=\"caraibe\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udf0a<\/span>\r\n <span class=\"region-chip__name\">Cara\u00efbes sud<br><small style=\"font-weight:400;color:#888\">Cahuita, Puerto Viejo<\/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=\"arenal\" data-level=\"1\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udf0b<\/span>\r\n <span class=\"region-chip__name\">Arenal \/ La Fortuna<br><small style=\"font-weight:400;color:#888\">Volcan, sources chaudes<\/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=\"monteverde\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udf3f<\/span>\r\n <span class=\"region-chip__name\">Monteverde<br><small style=\"font-weight:400;color:#888\">For\u00eat de nuages<\/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=\"guanacaste\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfc4<\/span>\r\n <span class=\"region-chip__name\">Guanacaste c\u00f4te<br><small style=\"font-weight:400;color:#888\">Tamarindo, Nosara, Samara<\/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=\"nicoya\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83d\udc12<\/span>\r\n <span class=\"region-chip__name\">Nicoya sud<br><small style=\"font-weight:400;color:#888\">Santa Teresa, Montezuma<\/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=\"rincon\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udf04<\/span>\r\n <span class=\"region-chip__name\">Rinc\u00f3n de la Vieja<br><small style=\"font-weight:400;color:#888\">Tenorio, Miravalles<\/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=\"turrialba\" data-level=\"2\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83c\udfd4\ufe0f<\/span>\r\n <span class=\"region-chip__name\">Turrialba \/ Orosi<br><small style=\"font-weight:400;color:#888\">Zones rurales<\/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=\"osa\" data-level=\"3\" onclick=\"toggleRegion(this)\">\r\n <span class=\"region-chip__icon\">\ud83e\udd9c<\/span>\r\n <span class=\"region-chip__name\">P\u00e9ninsule d'Osa<br><small style=\"font-weight:400;color:#888\">Drake Bay, Corcovado<\/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=\"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-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 Costa Rica, l'utilisation d'un si\u00e8ge enfant homologu\u00e9 est <strong>obligatoire<\/strong> et strictement contr\u00f4l\u00e9e par la police routi\u00e8re. L'amende en cas de non-respect d\u00e9passe <strong>220 USD<\/strong>.<\/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 San Jos\u00e9, Costa Rica<\/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:admin@toucandiscovery.com\">admin@toucandiscovery.com<\/a>\r\n <\/p>\r\n <p style=\"margin-top:12px;font-size:0.7rem\">D\u00e9claration ICT : PE-0912-2023 \u00b7 \u00a9 2026 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 V3\r\n Profils: B (SUV Compact 4x2), C (SUV 4x4 Polyvalent),\r\n D (4x4 Robuste), E (Minivan\/Familial)\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\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 \/\/ \"Je ne sais pas\" deselects all others and vice versa\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\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 calculateProfile() {\r\n const { pax, regions, season, luggage, priority } = answers;\r\n\r\n \/\/ Step 0: 5-7 pax \u2192 E (minivan)\r\n if (pax === '5-7') {\r\n \/\/ Check if 4x4 needed for minivan\r\n const maxLevel = getMaxRegionLevel();\r\n return { profile: 'E', need4x4: maxLevel >= 3 };\r\n }\r\n\r\n \/\/ Step 1: Start at B\r\n let level = 2; \/\/ B=2, C=3, D=4\r\n\r\n \/\/ Step 2: Regions\r\n const maxLevel = getMaxRegionLevel();\r\n const moderateCount = getRegionCountByLevel(2);\r\n\r\n if (maxLevel === 3) {\r\n \/\/ Osa\/Drake: C minimum, D recommand\u00e9\r\n level = Math.max(level, 3);\r\n } else if (moderateCount >= 3) {\r\n \/\/ 3+ moderate regions: recommend C\r\n level = Math.max(level, 3);\r\n }\r\n \/\/ 1-2 moderate regions: stay at B (a SUV compact handles them fine)\r\n \/\/ \"unknown\" with no other region \u2192 default C\r\n if (regions.includes('unknown') && regions.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); \/\/ 3-4 pax + heavy luggage \u2192 at least C\r\n }\r\n if (pax === '1-2' && level < 3) {\r\n \/\/ 1-2 pax + heavy (surf etc) \u2192 still B usually OK, but note it\r\n }\r\n }\r\n\r\n \/\/ Step 4: Priority\r\n if (priority === 'comfort' && level === 2 && moderateCount >= 1) {\r\n \/\/ Has some moderate regions and wants comfort \u2192 suggest C but show B as alt\r\n \/\/ Don't force upgrade, just note\r\n }\r\n if (priority === 'freedom' && moderateCount >= 2) {\r\n level = Math.max(level, 3);\r\n }\r\n\r\n \/\/ Budget priority never upgrades \u2014 stays at minimum\r\n \/\/ Comfort: soft upgrade only if already borderline (handled in result text)\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 hasOsa: regions.includes('osa'),\r\n borderline: (priority === 'comfort' && level === 2 && moderateCount >= 1)\r\n };\r\n}\r\n\r\nfunction getMaxRegionLevel() {\r\n if (answers.regions.length === 0 || (answers.regions.length === 1 && answers.regions[0] === 'unknown')) return 0;\r\n const levels = [...document.querySelectorAll('.region-chip.selected')].map(c => parseInt(c.dataset.level)).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')].filter(c => parseInt(c.dataset.level) === lvl).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\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 regionNames = getSelectedRegionNames();\r\n const regionText = regionNames.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 const isOsa = regions.includes('osa');\r\n\r\n \/\/ Profile data\r\n const profiles = {\r\n B: {\r\n badge: 'Profil recommand\u00e9',\r\n title: 'Un <em>SUV compact<\/em> \u2014 le choix malin',\r\n type: 'Type Yaris Cross, Corolla Cross, Rush ou \u00e9quivalent',\r\n models: 'Toyota Yaris Cross, Toyota Corolla Cross, Toyota Rush, 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 Suzuki Vitara, Toyota RAV4, Hyundai Tucson ou \u00e9quivalent',\r\n models: 'Suzuki Vitara, Toyota RAV4, Hyundai Tucson, Hyundai Creta 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 Fortuner, Toyota Hilux, Ford Everest, Ford Broncos ou \u00e9quivalent',\r\n models: 'Toyota Fortuner, Toyota Hilux, Ford Everest, Ford Broncos 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, Ford Expedition ou \u00e9quivalent'\r\n : 'Type Toyota Hiace, Hyundai Staria, Ford Expedition ou \u00e9quivalent',\r\n models: result.need4x4\r\n ? 'Hyundai Staria 4x4, Ford Expedition ou mod\u00e8le \u00e9quivalent 4x4 selon disponibilit\u00e9.'\r\n : 'Toyota Hiace, Hyundai Staria, Ford Expedition 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 \u2500\u2500\r\n let why = '';\r\n if (result.profile === 'B') {\r\n why = buildWhyB(pax, regionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'C') {\r\n why = buildWhyC(pax, regionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'D') {\r\n why = buildWhyD(pax, regionNames, regionText, luggage, priority, result);\r\n } else if (result.profile === 'E') {\r\n why = buildWhyE(pax, regionNames, 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, certaines pistes peuvent \u00eatre boueuses apr\u00e8s de fortes pluies. Rien d\\'inqui\u00e9tant pour la grande majorit\u00e9 des itin\u00e9raires, mais pr\u00e9voyez un peu plus de temps pour les trajets sur piste. 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 et pistes sont dans leur meilleur \u00e9tat. C\\'est la p\u00e9riode id\u00e9ale pour un road trip, 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 Costa Rica sont bien entretenues. Pensez \u00e0 utiliser Waze ou Google Maps \u2014 ils connaissent parfaitement les routes costaricaines et vous \u00e9viteront les mauvaises surprises.';\r\n }\r\n if (isOsa) {\r\n tip += ' Pour l\\'acc\u00e8s \u00e0 la p\u00e9ninsule d\\'Osa et Drake Bay, v\u00e9rifiez les conditions de route avant de partir \u2014 certaines travers\u00e9es de rivi\u00e8res peuvent \u00eatre d\u00e9licates apr\u00e8s de fortes pluies. N\\'h\u00e9sitez pas \u00e0 nous contacter pour un avis en temps r\u00e9el.';\r\n }\r\n document.getElementById('result-tip-text').textContent = tip;\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 ou Vitara) vous apporterait un confort suppl\u00e9mentaire sur les pistes de votre itin\u00e9raire, 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' && isOsa) {\r\n altBox.style.display = 'block';\r\n document.getElementById('result-alt-title').textContent = '\u2197\ufe0f Pour encore plus de s\u00e9r\u00e9nit\u00e9 sur l\\'Osa';\r\n document.getElementById('result-alt-text').textContent = 'Un 4x4 robuste (type Fortuner ou Hilux) vous donnerait une marge de s\u00e9curit\u00e9 suppl\u00e9mentaire sur les pistes de la p\u00e9ninsule d\\'Osa. Le SUV 4x4 polyvalent y passe bien, mais si votre budget le permet, le robuste sera plus confortable sur les passages les plus rugueux.';\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 4x2', C: 'SUV 4x4 polyvalent', D: '4x4 robuste', E: 'minivan' };\r\n const waMsg = encodeURIComponent(`Bonjour Toucan Discovery ! Le quiz v\u00e9hicule 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\/\/ \u2500\u2500 WHY Builders \u2500\u2500\r\nfunction buildWhyB(pax, regionNames, regionText, luggage, priority, result) {\r\n let text = '';\r\n if (pax === '1-2') {\r\n text += `\u00c0 deux, un SUV compact offre tout l'espace dont vous avez besoin \u2014 passagers et bagages \u2014 sans surco\u00fbt inutile. `;\r\n } else {\r\n text += `\u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs avec des bagages ${luggage === 'light' ? 'l\u00e9gers' : 'standards'}, un SUV compact offre un rapport espace\/prix imbattable. `;\r\n }\r\n text += `Votre itin\u00e9raire (${regionText}) emprunte des routes o\u00f9 ce type de v\u00e9hicule passe sans difficult\u00e9. `;\r\n\r\n if (result.moderateCount > 0) {\r\n const modRegions = regionNames.filter((_, i) => {\r\n const chip = document.querySelectorAll('.region-chip.selected')[i];\r\n return chip && parseInt(chip.dataset.level) === 2;\r\n });\r\n if (modRegions.length > 0) {\r\n text += `Les sections de piste vers ${modRegions.join(' et ')} sont tout \u00e0 fait praticables en SUV compact \u2014 des milliers de voyageurs les empruntent chaque ann\u00e9e avec ce type de v\u00e9hicule. `;\r\n }\r\n }\r\n\r\n if (priority === 'budget') {\r\n text += `C'est le choix le plus \u00e9conomique adapt\u00e9 \u00e0 votre voyage : vous gardez votre budget pour les exp\u00e9riences sur place.`;\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.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyC(pax, regionNames, regionText, luggage, priority, result) {\r\n let text = '';\r\n if (pax === '1-2') {\r\n text += `\u00c0 deux, `;\r\n } else {\r\n text += `\u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs, `;\r\n }\r\n\r\n if (result.hasOsa) {\r\n text += `votre itin\u00e9raire inclut la p\u00e9ninsule d'Osa \u2014 la r\u00e9gion la plus sauvage du Costa Rica. Un SUV 4x4 polyvalent est le minimum pour aborder ses pistes en toute s\u00e9curit\u00e9. `;\r\n text += `Pour le reste de votre circuit (${regionNames.filter(r => r !== 'P\u00e9ninsule d\\'Osa').join(', ')}), ce v\u00e9hicule sera largement \u00e0 l'aise. `;\r\n } else if (result.moderateCount >= 3) {\r\n text += `votre itin\u00e9raire traverse plusieurs r\u00e9gions avec des sections de piste (${regionText}). Chaque tron\u00e7on est praticable en SUV compact, mais cumul\u00e9s sur l'ensemble du voyage, un SUV 4x4 vous offrira nettement plus de confort de conduite et moins de fatigue. `;\r\n } else if (regions.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 plus 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 d'un SUV interm\u00e9diaire fait toute la diff\u00e9rence au quotidien. `;\r\n }\r\n\r\n if (priority === 'budget') {\r\n text += `C'est un investissement malin : ce v\u00e9hicule vous \u00e9vite de renoncer \u00e0 une \u00e9tape \u00e0 cause de la route, et optimise chaque jour de votre voyage.`;\r\n } else if (priority === 'freedom') {\r\n text += `Avec un 4x4, vous pouvez improviser sans vous demander si la prochaine route passe. La libert\u00e9 de changer de plan, c'est le luxe d'un road trip r\u00e9ussi.`;\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 sur toutes les routes du pays.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyD(pax, regionNames, regionText, luggage, priority, result) {\r\n let text = `\u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs avec un itin\u00e9raire qui inclut ${regionText}, 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.hasOsa) {\r\n text += `Pour les pistes de l'Osa et les \u00e9ventuelles travers\u00e9es de rivi\u00e8re vers Drake Bay, c'est le v\u00e9hicule qui vous donne la meilleure marge de s\u00e9curit\u00e9. `;\r\n }\r\n\r\n if (priority === 'budget') {\r\n text += `C\u00f4t\u00e9 budget, 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.`;\r\n } else {\r\n text += `Vous aurez z\u00e9ro limite : chaque route du Costa Rica vous sera accessible, des autoroutes aux pistes les plus recul\u00e9es.`;\r\n }\r\n return text;\r\n}\r\n\r\nfunction buildWhyE(pax, regionNames, regionText, luggage, priority, result) {\r\n let text = `\u00c0 ${pax.replace('-',' \u00e0 ')} voyageurs, une minivan 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 (${regionText}), 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 += `C'est le choix budget intelligent pour les groupes : 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 avec des enfants, \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('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 Costa Rica ? | Quiz Toucan Discovery \ud83d\ude97 Quiz gratuit \u2014 1 minute Quel v\u00e9hicule louerpour votre voyageau Costa Rica ? SUV compact, 4×4, minivan\u2026 Le bon choix d\u00e9pend de votre itin\u00e9raire, pas d’un argument commercial.R\u00e9pondez […]<\/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-4311","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4311","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=4311"}],"version-history":[{"count":19,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4311\/revisions"}],"predecessor-version":[{"id":4768,"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/pages\/4311\/revisions\/4768"}],"wp:attachment":[{"href":"https:\/\/toucandiscovery.com\/en\/wp-json\/wp\/v2\/media?parent=4311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}