{"id":5299,"date":"2026-05-10T17:35:55","date_gmt":"2026-05-10T17:35:55","guid":{"rendered":"https:\/\/toucandiscovery.com\/destinations-costa-rica\/puerto-viejo\/"},"modified":"2026-05-11T20:49:12","modified_gmt":"2026-05-11T20:49:12","slug":"puerto-viejo","status":"publish","type":"page","link":"https:\/\/toucandiscovery.com\/es\/destinations-costa-rica\/puerto-viejo\/","title":{"rendered":"Puerto Viejo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5299\" class=\"elementor elementor-5299\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-puertoviejosec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"puertoviejosec\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;grandtour_ext_is_background_parallax&quot;:&quot;false&quot;,&quot;grandtour_ext_is_background_backdrop&quot;:&quot;false&quot;,&quot;grandtour_ext_is_background_on_scroll&quot;:&quot;false&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-puertoviejocol\" data-id=\"puertoviejocol\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;grandtour_ext_link_sidemenu&quot;:&quot;false&quot;,&quot;grandtour_ext_link_fullmenu&quot;:&quot;false&quot;,&quot;grandtour_ext_link_closed_fullmenu&quot;:&quot;false&quot;,&quot;grandtour_ext_is_sticky&quot;:&quot;false&quot;,&quot;grandtour_ext_is_scrollme&quot;:&quot;false&quot;,&quot;grandtour_ext_is_smoove&quot;:&quot;false&quot;,&quot;grandtour_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;grandtour_ext_is_infinite&quot;:&quot;false&quot;,&quot;grandtour_ext_is_fadeout_animation&quot;:&quot;false&quot;,&quot;grandtour_ext_mobile_static&quot;:&quot;false&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-puertoviejohtml elementor-widget elementor-widget-html\" data-id=\"puertoviejohtml\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;grandtour_ext_link_sidemenu&quot;:&quot;false&quot;,&quot;grandtour_ext_link_fullmenu&quot;:&quot;false&quot;,&quot;grandtour_ext_link_closed_fullmenu&quot;:&quot;false&quot;,&quot;grandtour_ext_is_sticky&quot;:&quot;false&quot;,&quot;grandtour_ext_is_scrollme&quot;:&quot;false&quot;,&quot;grandtour_ext_is_smoove&quot;:&quot;false&quot;,&quot;grandtour_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;grandtour_ext_is_infinite&quot;:&quot;false&quot;,&quot;grandtour_ext_is_fadeout_animation&quot;:&quot;false&quot;,&quot;grandtour_ext_mobile_static&quot;:&quot;false&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  TOUCAN DISCOVERY \u2014 FICHE R\u00c9GION PUERTO VIEJO (COSTA RICA) v1\n  ==========================================\n  \u2022 Couleurs 100% Toucan (vert #7DC242, bleu #1B2A5A, orange #F7941D, jaune #FFC107)\n  \u2022 Site web spectaculaire, ludique, inspirant \u2014 pas brochure A4\n  \u2022 Mine d'or d'informations + outil utile pour apprendre\n  \u2022 Tips Experts = vraie rubrique (pas bulle d\u00e9corative)\n  \u2022 Bouton t\u00e9l\u00e9chargement PDF + CTA Dynamics partout\n  \u2022 Pas de faune flottante qui cache du texte\n  \u2022 Animations spectaculaires : parallax, count-up, fade-in, hover\n  CSS scoped sur .td-fiche  +  break-out 100vw pour Elementor.\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;600;700&display=swap');\n\n\/* ================================================================\n   VARIABLES & RESET (couleurs Toucan strictes)\n   ================================================================ *\/\n.td-fiche {\n  --green:       #7DC242;\n  --green-dark:  #3A7D34;\n  --green-soft:  #e8f3d9;\n  --navy:        #1B2A5A;\n  --navy-soft:   #2D4275;\n  --orange:      #F7941D;\n  --orange-soft: #fdebd2;\n  --yellow:      #FFC107;\n  --yellow-soft: #fff4cd;\n  --white:       #ffffff;\n  --bg:          #f8faf5;\n  --bg-alt:      #eef5e3;\n  --text:        #243154;\n  --text-soft:   #5a6580;\n  --shadow-sm:   0 2px 12px rgba(27,42,90,.06);\n  --shadow:      0 8px 28px rgba(27,42,90,.10);\n  --shadow-lg:   0 16px 48px rgba(27,42,90,.16);\n  --radius:      18px;\n  --radius-lg:   28px;\n\n  \/* Break-out plein \u00e9cran dans widget HTML Elementor *\/\n  width: 100vw;\n  position: relative;\n  left: 50%; right: 50%;\n  margin-left: -50vw; margin-right: -50vw;\n  overflow-x: hidden;\n}\n\/* === KILL Twemoji WP (CSS-only, fonctionne sans JS) === *\/\n.td-fiche img.emoji,\n.td-fiche img.wp-smiley {\n  height: 1em !important;\n  width: 1em !important;\n  max-width: 1em !important;\n  max-height: 1em !important;\n  display: inline-block !important;\n  vertical-align: -.15em !important;\n  margin: 0 .07em !important;\n  padding: 0 !important;\n  border: 0 !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.td-fiche {\n\n  font-family: 'Montserrat', Arial, sans-serif;\n  color: var(--text);\n  background: var(--bg);\n  line-height: 1.6;\n}\n.td-fiche *, .td-fiche *::before, .td-fiche *::after { box-sizing: border-box; }\n.td-fiche img { max-width: 100%; height: auto; display: block; }\n.td-fiche h1, .td-fiche h2, .td-fiche h3, .td-fiche h4 { margin: 0; font-weight: 700; color: var(--navy); }\n.td-fiche a { color: var(--orange); text-decoration: none; }\n\n.td-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n.td-eyebrow {\n  display: inline-block;\n  font-size: .8rem;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: var(--green-dark);\n  font-weight: 700;\n  margin-bottom: 12px;\n}\n.td-eyebrow::before {\n  content: \"\";\n  display: inline-block;\n  width: 24px; height: 2px;\n  background: var(--orange);\n  vertical-align: middle;\n  margin-right: 10px;\n}\n.td-h2 {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n  font-weight: 700;\n  line-height: 1.2;\n  color: var(--navy);\n  margin-bottom: 14px;\n}\n.td-h2 em { font-style: italic; color: var(--orange); }\n.td-lead {\n  font-size: clamp(1rem, 1.6vw, 1.15rem);\n  color: var(--text-soft);\n  max-width: 720px;\n  margin-bottom: 36px;\n}\n\n\/* ================================================================\n   HERO PLEIN \u00c9CRAN (parallax-ready)\n   ================================================================ *\/\n.td-hero {\n  position: relative;\n  min-height: 92vh;\n  display: flex;\n  align-items: flex-end;\n  color: #fff;\n  overflow: hidden;\n}\n.td-hero__bg {\n  position: absolute; inset: 0; z-index: 0;\n  overflow: hidden;\n}\n.td-hero__bg img.td-hero__photo {\n  position: absolute; inset: 0; width: 100%; height: 100%;\n  object-fit: cover; z-index: 0;\n}\n.td-hero__bg__overlay {\n  position: absolute; inset: 0; z-index: 1;\n  background: linear-gradient(180deg, rgba(27,42,90,.25) 0%, rgba(27,42,90,.55) 60%, rgba(27,42,90,.85) 100%);\n}\n.td-hero__bg::after {\n  content: \"\";\n  position: absolute; inset: 0;\n  background: radial-gradient(circle at 30% 50%, transparent 0%, rgba(27,42,90,.3) 100%);\n}\n.td-hero__brand {\n  position: absolute;\n  top: 26px; left: 26px;\n  z-index: 3;\n  background: rgba(255,255,255,.95);\n  border-radius: 50%;\n  width: 72px; height: 72px;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 6px 20px rgba(0,0,0,.25);\n}\n.td-hero__brand svg { width: 50px; height: 50px; }\n.td-hero__content {\n  position: relative; z-index: 2;\n  width: 100%;\n  padding: 60px 32px 100px;\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n.td-hero__country {\n  display: inline-block;\n  background: var(--orange);\n  color: #fff;\n  font-weight: 700;\n  font-size: .8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  padding: 8px 18px;\n  border-radius: 50px;\n  margin-bottom: 18px;\n  box-shadow: 0 6px 20px rgba(247,148,29,.5);\n}\n.td-fiche .td-hero__title {\n  font-family: 'Playfair Display', Georgia, serif !important;\n  font-size: clamp(3.5rem, 9vw, 7rem) !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  color: #ffffff !important;\n  margin-bottom: 16px !important;\n  letter-spacing: -2px !important;\n  text-shadow: 0 4px 24px rgba(0,0,0,.65), 0 2px 8px rgba(0,0,0,.45) !important;\n}\n.td-fiche .td-hero__title em {\n  color: #FFC107 !important;\n  font-style: italic !important;\n  text-shadow: 0 4px 20px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35) !important;\n}\n.td-hero__tagline {\n  font-size: clamp(1.1rem, 2vw, 1.5rem);\n  font-weight: 300;\n  font-style: italic;\n  color: rgba(255,255,255,.95);\n  max-width: 720px;\n  margin: 0 auto 40px;\n  padding-top: 16px;\n  position: relative;\n}\n.td-hero__tagline::before {\n  content: \"\";\n  display: block;\n  width: 60px; height: 3px;\n  background: var(--green);\n  margin: 0 auto 16px;\n  border-radius: 2px;\n}\n.td-hero__stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 48px;\n  margin-bottom: 30px;\n  justify-content: center;\n}\n.td-hero__stat { color: #fff; }\n.td-hero__stat-num {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 700;\n  color: var(--yellow);\n  line-height: 1;\n  display: block;\n}\n.td-hero__stat-lab {\n  font-size: .8rem;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.85);\n  margin-top: 4px;\n}\n.td-hero__scroll {\n  position: absolute;\n  bottom: 24px;\n  left: 50%; transform: translateX(-50%);\n  z-index: 3;\n  color: #fff;\n  font-size: .75rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  text-align: center;\n  animation: tdBounce 2s infinite ease-in-out;\n}\n.td-hero__scroll::after {\n  content: \"\u2193\";\n  display: block;\n  font-size: 1.6rem;\n  margin-top: 6px;\n}\n@keyframes tdBounce {\n  0%, 100% { transform: translateX(-50%) translateY(0); }\n  50%      { transform: translateX(-50%) translateY(8px); }\n}\n\n\/* ================================================================\n   QUICK BAR (ancres rapides \u2014 pas une sidebar)\n   ================================================================ *\/\n.td-quick {\n  background: var(--navy);\n  color: #fff;\n  padding: 14px 0;\n  position: sticky; top: 0; z-index: 50;\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n.td-quick__row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 18px;\n  justify-content: center;\n  font-size: .82rem;\n}\n.td-quick a {\n  color: rgba(255,255,255,.8);\n  padding: 4px 10px;\n  border-radius: 6px;\n  transition: all .2s;\n  white-space: nowrap;\n}\n.td-quick a:hover { color: var(--yellow); background: rgba(255,255,255,.06); }\n\n\/* ================================================================\n   SECTION INTRO\n   ================================================================ *\/\n.td-section { padding: 90px 0; position: relative; }\n.td-section--alt { background: var(--bg-alt); }\n.td-section--green {\n  background: linear-gradient(135deg, var(--green-dark) 0%, var(--navy) 100%);\n  color: #fff;\n}\n.td-section--green .td-h2 { color: #fff; }\n.td-section--green .td-h2 em { color: var(--yellow); }\n.td-section--green .td-eyebrow { color: var(--yellow); }\n.td-section--green .td-lead { color: rgba(255,255,255,.85); }\n\n.td-intro__grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 50px;\n  align-items: center;\n}\n.td-intro__txt p { margin-bottom: 18px; font-size: 1.02rem; }\n.td-intro__txt strong { color: var(--green-dark); }\n.td-intro__photo {\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n  position: relative;\n  aspect-ratio: 4\/5;\n}\n.td-intro__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }\n.td-intro__photo:hover img { transform: scale(1.05); }\n.td-intro__badge {\n  position: absolute;\n  bottom: 24px; left: 24px;\n  background: rgba(255,255,255,.95);\n  padding: 12px 18px;\n  border-radius: 12px;\n  font-size: .82rem;\n  font-weight: 600;\n  color: var(--navy);\n  box-shadow: var(--shadow);\n  backdrop-filter: blur(10px);\n}\n@media (max-width: 880px) { .td-intro__grid { grid-template-columns: 1fr; } }\n\n\/* ================================================================\n   G\u00c9O & CLIMAT \u2014 2 cards visuelles\n   ================================================================ *\/\n.td-info-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 26px;\n}\n.td-info-card {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 30px 32px;\n  box-shadow: var(--shadow);\n  position: relative;\n  overflow: hidden;\n  border-top: 5px solid var(--green);\n}\n.td-info-card--orange { border-top-color: var(--orange); }\n.td-info-card__icon {\n  font-size: 2.4rem;\n  margin-bottom: 12px;\n  display: inline-block;\n}\n.td-info-card__h {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.5rem;\n  margin-bottom: 16px;\n  color: var(--navy);\n}\n.td-info-card ul { list-style: none; padding: 0; margin: 0; }\n.td-info-card li {\n  padding: 10px 0;\n  border-bottom: 1px dashed rgba(27,42,90,.1);\n  display: grid;\n  grid-template-columns: 30px 1fr;\n  gap: 12px;\n  align-items: start;\n  font-size: .94rem;\n}\n.td-info-card li:last-child { border-bottom: 0; }\n.td-info-card li strong { color: var(--navy); display: block; }\n@media (max-width: 720px) { .td-info-grid { grid-template-columns: 1fr; } }\n\n\/* ================================================================\n   CALENDRIER MENSUEL VISUEL\n   ================================================================ *\/\n.td-cal {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 6px;\n  margin-top: 30px;\n}\n.td-cal__m {\n  background: #fff;\n  border-radius: 12px;\n  padding: 14px 6px;\n  text-align: center;\n  border: 2px solid #e6ebd9;\n  cursor: pointer;\n  transition: all .25s;\n  position: relative;\n}\n.td-cal__m:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: var(--green); }\n.td-cal__m--top {  border-color: var(--green); background: var(--green-soft); }\n.td-cal__m--high { border-color: var(--orange); background: var(--orange-soft); }\n.td-cal__m--low  { border-color: var(--navy-soft); background: #f0f3fa; }\n.td-cal__name { font-weight: 700; font-size: .8rem; color: var(--navy); }\n.td-cal__icon { font-size: 1.3rem; margin: 4px 0; }\n.td-cal__dot {\n  position: absolute;\n  top: 6px; right: 6px;\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--orange);\n}\n.td-cal__m--top .td-cal__dot { background: var(--green); }\n.td-cal__m--low .td-cal__dot { background: var(--navy); }\n.td-cal__legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-top: 18px;\n  font-size: .8rem;\n}\n.td-cal__legend span { display: flex; align-items: center; gap: 6px; }\n.td-cal__legend i {\n  width: 12px; height: 12px;\n  border-radius: 50%;\n  display: inline-block;\n}\n@media (max-width: 720px) { .td-cal { grid-template-columns: repeat(4, 1fr); } }\n\n\/* ================================================================\n   EXP\u00c9RIENCES SIGNATURE (cards riches avec photo)\n   ================================================================ *\/\n.td-exps {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 28px;\n  margin-top: 20px;\n}\n.td-exp {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr;\n  gap: 30px;\n  background: #fff;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow);\n  transition: transform .35s, box-shadow .35s;\n}\n.td-exp:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }\n.td-exp:nth-child(even) { grid-template-columns: 1.5fr 1fr; }\n.td-exp:nth-child(even) .td-exp__media { order: 2; }\n.td-exp__media { position: relative; min-height: 280px; }\n.td-exp__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }\n.td-exp__num {\n  position: absolute;\n  top: 16px; left: 16px;\n  background: var(--orange);\n  color: #fff;\n  width: 50px; height: 50px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Playfair Display', serif;\n  font-size: 1.4rem;\n  font-weight: 700;\n  box-shadow: 0 6px 16px rgba(247,148,29,.5);\n  z-index: 2;\n}\n.td-exp__body { padding: 32px 30px; display: flex; flex-direction: column; justify-content: center; }\n.td-exp__cat {\n  font-size: .72rem;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--green-dark);\n  font-weight: 700;\n  margin-bottom: 8px;\n}\n.td-exp__title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.6rem;\n  margin-bottom: 12px;\n  color: var(--navy);\n}\n.td-exp__desc { font-size: .96rem; color: var(--text-soft); margin-bottom: 16px; }\n.td-exp__tips { display: flex; flex-direction: column; gap: 8px; }\n.td-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 8px 14px;\n  border-radius: 0 10px 10px 0;\n  font-size: .85rem;\n  line-height: 1.45;\n}\n.td-tip strong { font-weight: 700; }\n.td-tip--secret  { background: var(--green-soft);  border-left: 4px solid var(--green); }\n.td-tip--secret strong  { color: var(--green-dark); }\n.td-tip--vip     { background: var(--yellow-soft); border-left: 4px solid var(--yellow); }\n.td-tip--vip strong     { color: #b8860b; }\n.td-tip--astuce  { background: var(--orange-soft); border-left: 4px solid var(--orange); }\n.td-tip--astuce strong  { color: var(--orange); }\n@media (max-width: 880px) {\n  .td-exp, .td-exp:nth-child(even) { grid-template-columns: 1fr; }\n  .td-exp:nth-child(even) .td-exp__media { order: 0; }\n  .td-exp__media { min-height: 220px; }\n}\n\n\/* ================================================================\n   ZONES CL\u00c9S (Hotel Zone vs Environs)\n   ================================================================ *\/\n.td-zones {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n.td-zone {\n  background: #fff;\n  border-radius: var(--radius-lg);\n  padding: 36px 32px;\n  box-shadow: var(--shadow);\n  position: relative;\n  border-left: 6px solid var(--green);\n}\n.td-zone--alt { border-left-color: var(--orange); }\n.td-zone__h {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.6rem;\n  color: var(--navy);\n  margin-bottom: 6px;\n}\n.td-zone__for {\n  font-size: .78rem;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: var(--orange);\n  font-weight: 700;\n  margin-bottom: 18px;\n}\n.td-zone ul { list-style: none; padding: 0; margin: 0; }\n.td-zone li {\n  padding: 10px 0;\n  font-size: .94rem;\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  border-bottom: 1px dashed rgba(27,42,90,.1);\n}\n.td-zone li:last-child { border-bottom: 0; }\n@media (max-width: 720px) { .td-zones { grid-template-columns: 1fr; } }\n\n\/* ================================================================\n   FAUNE & NATURE \u2014 cards horizontales\n   ================================================================ *\/\n.td-fauna {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 18px;\n  margin-top: 30px;\n}\n.td-fauna__c {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 22px;\n  box-shadow: var(--shadow-sm);\n  text-align: center;\n  transition: transform .3s, box-shadow .3s;\n}\n.td-fauna__c:hover { transform: translateY(-5px); box-shadow: var(--shadow); }\n.td-fauna__icon { font-size: 2.5rem; margin-bottom: 10px; }\n.td-fauna__name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--navy); margin-bottom: 4px; }\n.td-fauna__sci { font-style: italic; font-size: .82rem; color: var(--text-soft); margin-bottom: 8px; }\n.td-fauna__when { font-size: .78rem; color: var(--green-dark); font-weight: 600; }\n\n\/* ================================================================\n   SAVEURS LOCALES\n   ================================================================ *\/\n.td-flavors {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 22px;\n  margin-top: 24px;\n}\n.td-flav {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 28px 26px;\n  box-shadow: var(--shadow-sm);\n  border-bottom: 4px solid var(--green);\n  transition: all .3s;\n}\n.td-flav:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-bottom-color: var(--orange); }\n.td-flav__name {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.2rem;\n  color: var(--navy);\n  margin-bottom: 6px;\n}\n.td-flav__price {\n  font-size: .85rem;\n  color: var(--orange);\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n.td-flav__desc { font-size: .9rem; color: var(--text-soft); }\n\n\/* ================================================================\n   H\u00d4TELS SIGNATURE\n   ================================================================ *\/\n.td-hotels {\n  display: grid;\n  gap: 18px;\n  margin-top: 24px;\n}\n.td-hotel {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 22px 26px;\n  box-shadow: var(--shadow-sm);\n  display: grid;\n  grid-template-columns: 60px 1fr auto;\n  gap: 22px;\n  align-items: center;\n  transition: all .3s;\n  border-left: 5px solid var(--green);\n}\n.td-hotel:hover { box-shadow: var(--shadow); transform: translateX(4px); }\n.td-hotel__stars {\n  background: var(--navy);\n  color: var(--yellow);\n  width: 60px; height: 60px;\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Playfair Display', serif;\n  font-weight: 700;\n  font-size: 1rem;\n}\n.td-hotel__name { font-family: 'Playfair Display', serif; font-size: 1.15rem; color: var(--navy); margin-bottom: 4px; }\n.td-hotel__style { font-size: .85rem; color: var(--text-soft); }\n.td-hotel__for {\n  font-size: .72rem;\n  background: var(--green-soft);\n  color: var(--green-dark);\n  padding: 4px 10px;\n  border-radius: 20px;\n  font-weight: 700;\n  display: inline-block;\n  margin-top: 4px;\n}\n.td-hotel__cta {\n  background: var(--orange);\n  color: #fff !important;\n  padding: 12px 22px;\n  border-radius: 30px;\n  font-weight: 700;\n  font-size: .9rem;\n  white-space: nowrap;\n  text-decoration: none;\n  box-shadow: 0 4px 14px rgba(247,148,29,.35);\n  display: inline-block;\n}\n.td-hotel__cta:hover { background: var(--navy); color: #fff; }\n@media (max-width: 720px) {\n  .td-hotel { grid-template-columns: 1fr; text-align: left; }\n  .td-hotel__stars { margin-bottom: 8px; }\n}\n\n\/* ================================================================\n   TIPS EXPERTS \u2014 RUBRIQUE COMPL\u00c8TE\n   ================================================================ *\/\n.td-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 22px;\n  margin-top: 30px;\n}\n.td-tipc {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 28px 28px;\n  box-shadow: var(--shadow-sm);\n  border-top: 5px solid var(--green);\n  transition: all .3s;\n  position: relative;\n}\n.td-tipc:hover { transform: translateY(-5px); box-shadow: var(--shadow); }\n.td-tipc__ico { font-size: 2rem; margin-bottom: 12px; display: inline-block; }\n.td-tipc__cat {\n  font-size: .68rem;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  font-weight: 700;\n  color: var(--green-dark);\n  margin-bottom: 6px;\n}\n.td-tipc__h { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--navy); margin-bottom: 8px; line-height: 1.3; }\n.td-tipc__txt { font-size: .92rem; color: var(--text-soft); }\n.td-tipc:nth-child(2n)   { border-top-color: var(--orange); }\n.td-tipc:nth-child(2n) .td-tipc__cat { color: var(--orange); }\n.td-tipc:nth-child(3n)   { border-top-color: var(--yellow); }\n.td-tipc:nth-child(3n) .td-tipc__cat { color: #b8860b; }\n\n\/* ================================================================\n   \u00c0 NE PAS FAIRE \u2014 bandeau attention\n   ================================================================ *\/\n.td-avoid {\n  background: linear-gradient(135deg, #fff8f0 0%, #ffe9d4 100%);\n  border-radius: var(--radius-lg);\n  padding: 36px 38px;\n  margin-top: 28px;\n  border-left: 6px solid var(--orange);\n}\n.td-avoid__h {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.5rem;\n  color: var(--navy);\n  margin-bottom: 18px;\n}\n.td-avoid ul { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 36px; }\n.td-avoid li {\n  padding: 8px 0;\n  font-size: .92rem;\n  display: flex; gap: 10px;\n  break-inside: avoid;\n}\n@media (max-width: 720px) { .td-avoid ul { columns: 1; } }\n\n\/* ================================================================\n   FAQ ACCORD\u00c9ON\n   ================================================================ *\/\n.td-faq { max-width: 900px; margin: 30px auto 0; }\n.td-faq details {\n  background: #fff;\n  border-radius: var(--radius);\n  margin-bottom: 12px;\n  box-shadow: var(--shadow-sm);\n  border-left: 4px solid transparent;\n  transition: all .3s;\n  overflow: hidden;\n}\n.td-faq details[open] { border-left-color: var(--green); box-shadow: var(--shadow); }\n.td-faq summary {\n  padding: 20px 26px;\n  cursor: pointer;\n  font-weight: 600;\n  color: var(--navy);\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n}\n.td-faq summary::-webkit-details-marker { display: none; }\n.td-faq summary::after {\n  content: \"+\";\n  font-size: 1.5rem;\n  color: var(--orange);\n  font-weight: 300;\n  transition: transform .25s;\n}\n.td-faq details[open] summary::after { transform: rotate(45deg); }\n.td-faq__answer { padding: 0 26px 22px; color: var(--text-soft); line-height: 1.65; font-size: .95rem; }\n\n\/* ================================================================\n   COMBINAISONS (avec quelles destinations associer)\n   ================================================================ *\/\n.td-combo {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 22px;\n  margin-top: 30px;\n}\n.td-combo__c {\n  background: #fff;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  transition: all .3s;\n  text-decoration: none;\n  color: var(--navy);\n  border-bottom: 4px solid var(--green);\n  display: flex;\n  flex-direction: column;\n}\n.td-combo__c:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-bottom-color: var(--orange); }\n.td-combo__media {\n  height: 170px;\n  background: linear-gradient(135deg, var(--green-soft) 0%, var(--orange-soft) 100%);\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n.td-combo__media img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform .6s ease;\n}\n.td-combo__c:hover .td-combo__media img { transform: scale(1.06); }\n.td-combo__body { padding: 18px 20px 20px; text-align: center; }\n.td-combo__name { font-family: 'Playfair Display', serif; font-size: 1.2rem; margin-bottom: 6px; color: var(--navy); }\n.td-combo__dist { font-size: .8rem; color: var(--orange); font-weight: 700; margin-bottom: 10px; letter-spacing: 1px; }\n.td-combo__why { font-size: .85rem; color: var(--text-soft); line-height: 1.5; }\n.td-combo__cta { display: inline-block; margin-top: 12px; font-size: .8rem; color: var(--green-dark); font-weight: 700; }\n\n\/* ================================================================\n   CTA BLOCS (Dynamics, PDF, Contact)\n   ================================================================ *\/\n.td-cta-band {\n  background: #fff;\n  border-radius: var(--radius-lg);\n  padding: 60px 40px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n  border: 2px solid var(--green-soft);\n}\n.td-cta-band::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; height: 6px;\n  background: linear-gradient(90deg, var(--green) 0%, var(--orange) 50%, var(--yellow) 100%);\n}\n.td-cta-band > * { position: relative; }\n.td-cta-band h2 { font-family: 'Playfair Display', serif; color: var(--navy); font-size: clamp(1.8rem, 3vw, 2.5rem); margin-bottom: 14px; }\n.td-cta-band p { color: var(--text-soft); margin-bottom: 32px; font-size: 1.05rem; max-width: 680px; margin-left: auto; margin-right: auto; line-height: 1.6; }\n\n.td-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 28px;\n  border-radius: 50px;\n  font-weight: 700;\n  text-decoration: none;\n  font-size: .92rem;\n  transition: all .25s;\n  border: 2px solid transparent;\n}\n.td-btn--main {\n  background: var(--navy);\n  color: #fff;\n  box-shadow: 0 6px 20px rgba(27,42,90,.3);\n}\n.td-btn--main:hover { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(58,125,52,.4); color: #fff; }\n.td-btn--ghost { background: transparent; border-color: var(--navy); color: var(--navy); }\n.td-btn--ghost:hover { background: var(--navy); color: #fff; }\n.td-btn--pdf {\n  background: var(--green);\n  color: #fff !important;\n  box-shadow: 0 6px 20px rgba(125,194,66,.4);\n  font-weight: 800;\n  letter-spacing: .3px;\n}\n.td-btn--pdf:hover { background: var(--green-dark); color: #fff !important; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(58,125,52,.5); }\n\n.td-cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  justify-content: center;\n}\n\n\/* CTA download PDF \u2014 section d\u00e9di\u00e9e *\/\n.td-pdf-band {\n  background: #fff;\n  border-radius: var(--radius-lg);\n  padding: 40px 36px;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  gap: 28px;\n  align-items: center;\n  box-shadow: var(--shadow);\n  border-left: 6px solid var(--green);\n}\n.td-pdf-band__icon { font-size: 3rem; }\n.td-pdf-band__h { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: var(--navy); margin-bottom: 4px; }\n.td-pdf-band__sub { color: var(--text-soft); font-size: .92rem; }\n@media (max-width: 720px) { .td-pdf-band { grid-template-columns: 1fr; text-align: center; } }\n\n\/* Mention discrete pros (BtoC en priorite) *\/\n.td-pro-discreet {\n  margin-top: 36px;\n  padding: 22px 28px;\n  background: var(--bg-alt);\n  border-radius: 12px;\n  border-left: 4px solid var(--navy);\n  text-align: center;\n}\n.td-pro-discreet p { font-size: .9rem; color: var(--text-soft); margin: 0; line-height: 1.6; }\n.td-pro-discreet a { color: var(--orange); font-weight: 700; }\n.td-pro-discreet strong { color: var(--navy); }\n\n\/* ================================================================\n   ANIMATIONS\n   ================================================================ *\/\n.td-anim {\n  opacity: 1;\n  transform: none;\n  animation: td-fade-in .8s ease both;\n}\n.td-anim.is-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n@keyframes td-fade-in {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ================================================================\n   RESPONSIVE FINETUNING\n   ================================================================ *\/\n@media (max-width: 720px) {\n  .td-section { padding: 60px 0; }\n  .td-hero__brand { width: 56px; height: 56px; top: 16px; left: 16px; }\n  .td-hero__brand svg { width: 38px; height: 38px; }\n}\n\n\/* ================================================================\n   PIED DE PAGE TOUCAN\n   ================================================================ *\/\n.td-foot {\n  background: linear-gradient(135deg, var(--navy) 0%, #14204a 100%);\n  color: #fff;\n  padding: 60px 0 30px;\n  margin-top: 0;\n}\n.td-foot__grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr 1fr 1fr;\n  gap: 40px;\n  padding-bottom: 36px;\n  border-bottom: 1px solid rgba(255,255,255,.1);\n}\n.td-foot__brand { padding-right: 20px; }\n.td-foot__logo {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.6rem;\n  font-weight: 700;\n  letter-spacing: 3px;\n  color: var(--green);\n  margin-bottom: 8px;\n}\n.td-foot__logo span { color: #fff; font-weight: 400; letter-spacing: 2px; }\n.td-foot__tagline {\n  font-style: italic;\n  color: rgba(255,255,255,.7);\n  font-size: .9rem;\n  margin-bottom: 16px;\n}\n.td-foot__legal {\n  font-size: .78rem;\n  color: rgba(255,255,255,.5);\n  line-height: 1.6;\n}\n.td-foot__h {\n  color: var(--yellow);\n  font-family: 'Playfair Display', serif;\n  font-size: 1.05rem;\n  margin-bottom: 14px;\n  letter-spacing: 1px;\n}\n.td-foot ul { list-style: none; padding: 0; margin: 0 0 18px; }\n.td-foot ul li { margin-bottom: 8px; }\n.td-foot ul a {\n  color: rgba(255,255,255,.8);\n  font-size: .88rem;\n  text-decoration: none;\n  transition: color .2s;\n}\n.td-foot ul a:hover { color: var(--green); }\n.td-foot__social { display: flex; gap: 10px; }\n.td-foot__social a {\n  width: 36px; height: 36px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.1);\n  color: #fff;\n  display: flex; align-items: center; justify-content: center;\n  font-weight: 700;\n  text-decoration: none;\n  transition: all .2s;\n}\n.td-foot__social a:hover { background: var(--green); transform: translateY(-2px); }\n.td-foot__bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 24px;\n  font-size: .8rem;\n  color: rgba(255,255,255,.5);\n}\n.td-foot__bottom a { color: rgba(255,255,255,.7); text-decoration: none; }\n.td-foot__bottom a:hover { color: var(--green); }\n@media (max-width: 880px) {\n  .td-foot__grid { grid-template-columns: 1fr 1fr; gap: 30px; }\n  .td-foot__brand { grid-column: 1 \/ -1; }\n}\n@media (max-width: 540px) {\n  .td-foot__grid { grid-template-columns: 1fr; }\n  .td-foot__bottom { flex-direction: column; align-items: center; text-align: center; }\n}\n<\/style>\n<script>\n(function(){\n  function killEmojis(){\n    var imgs = document.querySelectorAll('img.emoji, img[src*=\"s.w.org\/images\/core\/emoji\"]');\n    if (!imgs.length) return;\n    imgs.forEach(function(img){\n      var t = document.createTextNode(img.alt || '');\n      if (img.parentNode) img.parentNode.replaceChild(t, img);\n    });\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', killEmojis);\n  else killEmojis();\n  \/\/ 2 retries differes pour rattraper les emojis injectes apres load (SANS observer infini)\n  setTimeout(killEmojis, 1500);\n  setTimeout(killEmojis, 4000);\n})();\n<\/script>\n\n\n\n<section class=\"td-fiche\">\n\n  <!-- ===== HERO ===== -->\n  <header class=\"td-hero\">\n    <div class=\"td-hero__bg\" aria-hidden=\"true\"><img decoding=\"async\" class=\"td-hero__photo\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/24\/Beach_at_Puerto_Viejo_de_Talamanca.jpg\/1920px-Beach_at_Puerto_Viejo_de_Talamanca.jpg\" alt=\"Puerto Viejo de Talamanca Cara\u00efbe Costa Rica\" loading=\"eager\"><div class=\"td-hero__bg__overlay\"><\/div><\/div>\n\n    <div class=\"td-hero__content\">\n      <span class=\"td-hero__country\">Costa Rica \u00b7 Lim\u00f3n<\/span>\n      <h1 class=\"td-hero__title\">Puerto <em>V<\/em>iejo<\/h1>\n      <p class=\"td-hero__tagline\">\u00ab\u00a0Un volcan qui rugit, des sources chaudes qui murmurent\u00a0\u00bb \u2014 l'ic\u00f4ne absolue du Costa Rica, fusion volcan, jungle primaire, faune end\u00e9mique et bien-\u00eatre thermal.<\/p>\n      <div class=\"td-hero__stats\">\n        <div class=\"td-hero__stat\">\n          <span class=\"td-hero__stat-num\" data-count=\"5000\">5000<\/span>\n          <span class=\"td-hero__stat-lab\">habitants pueblo<\/span>\n        <\/div>\n        <div class=\"td-hero__stat\">\n          <span class=\"td-hero__stat-num\" data-count=\"30\">30<\/span>\n          <span class=\"td-hero__stat-lab\">km c\u00f4te cara\u00efbe sud<\/span>\n        <\/div>\n        <div class=\"td-hero__stat\">\n          <span class=\"td-hero__stat-num\" data-count=\"1985\">1985<\/span>\n          <span class=\"td-hero__stat-lab\">ann\u00e9e refuge Gandoca-Manzanillo<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"td-hero__scroll\">D\u00e9couvrir<\/div>\n  <\/header>\n\n  <!-- ===== QUICK BAR (ancres pour navigation, pas une sidebar) ===== -->\n  <nav class=\"td-quick\">\n    <div class=\"td-quick__row td-wrap\">\n      <a href=\"#intro\">Intro<\/a>\n      <a href=\"#geo\">G\u00e9ographie<\/a>\n      <a href=\"#climat\">Climat<\/a>\n      <a href=\"#exp\">Exp\u00e9riences<\/a>\n      <a href=\"#zones\">Zones<\/a>\n      <a href=\"#nature\">Nature<\/a>\n      <a href=\"#saveurs\">Saveurs<\/a>\n      <a href=\"#hotels\">H\u00f4tels<\/a>\n      <a href=\"#tips\">Tips Experts<\/a>\n      <a href=\"#faq\">FAQ<\/a>\n      <a href=\"#combo\">Combiner<\/a>\n      <a href=\"#pdf\">\ud83d\udcc4 PDF<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- ===== INTRO ===== -->\n  <section class=\"td-section\" id=\"intro\">\n    <div class=\"td-wrap\">\n      <div class=\"td-intro__grid td-anim\">\n        <div class=\"td-intro__txt\">\n          <span class=\"td-eyebrow\">Pura Vida \u00b7 \u00c0 propos de Puerto Viejo<\/span>\n          <h2 class=\"td-h2\">Le pueblo <em>afro-carib\u00e9en<\/em><\/h2>\n          <p>Puerto Viejo de Talamanca \u2014 <strong>\u00e9picentre culture afro-carib\u00e9enne du Costa Rica<\/strong>, \u00e0 30 min de Cahuita, 30 min de la fronti\u00e8re Panama. <strong>5 000 habitants<\/strong>, ambiance reggae chill, v\u00e9los partout, plages signature \u00e0 5-15 min en v\u00e9lo (Cocles, Punta Uva, Manzanillo).<\/p>\n          <p>L'exp\u00e9rience est <strong>multi-rythmes<\/strong> : <strong>plages cara\u00efbes<\/strong> aux eaux calmes turquoise, <strong>cuisine afro-carib\u00e9enne<\/strong> (rond\u00f3n, jerk chicken, rice & beans au lait de coco), <strong>communaut\u00e9 Bribri<\/strong> dans l'arri\u00e8re-pays (cacao tour), <strong>refuge Gandoca-Manzanillo<\/strong> (paresseux, oiseaux, tortues luth en saison). Reggae partout.<\/p>\n          <p style=\"font-style: italic; color: var(--green-dark); font-weight: 600;\">Notre conseil terrain (DMC sur place depuis 2018) : 3-4 nuits \u00e0 Puerto Viejo \u2014 1 jour plages Cocles\/Punta Uva, 1 jour Cahuita ou Manzanillo, 1 jour cacao Bribri ou d\u00e9tente. \u00c0 4h30 de SJO. Saisons invers\u00e9es (sec sept-oct + f\u00e9v-mars).<\/p>\n        <\/div>\n        <div class=\"td-intro__photo\">\n          <img decoding=\"async\" loading=\"eager\" alt=\"Punta Uva Cara\u00efbe Costa Rica\"\n               src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/cc\/Playa_de_Punta_Uva%2C_Costa_Rica.jpg\/1920px-Playa_de_Punta_Uva%2C_Costa_Rica.jpg\">\n          <div class=\"td-intro__badge\">\ud83d\udccd Lim\u00f3n, Costa Rica \u00b7 Cara\u00efbe sud<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== G\u00c9O & CLIMAT ===== -->\n  <section class=\"td-section td-section--alt\" id=\"geo\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Rep\u00e8res<\/span>\n      <h2 class=\"td-h2\">G\u00e9ographie & <em>climat<\/em><\/h2>\n      <p class=\"td-lead\">L'essentiel \u00e0 conna\u00eetre avant de s'envoler \u2014 situation, acc\u00e8s, temp\u00e9ratures et meilleure p\u00e9riode.<\/p>\n\n      <div class=\"td-info-grid td-anim\">\n        <div class=\"td-info-card\">\n          <span class=\"td-info-card__icon\">\ud83d\uddfa\ufe0f<\/span>\n          <h3 class=\"td-info-card__h\">Situation & Acc\u00e8s<\/h3>\n          <ul>\n            <li><span>\ud83d\udccd<\/span><span><strong>Localisation<\/strong>C\u00f4te Cara\u00efbe sud, province de Lim\u00f3n \u00b7 30 km c\u00f4te \u00b7 \u00e0 30 min fronti\u00e8re Panama<\/span><\/li>\n            <li><span>\u2708\ufe0f<\/span><span><strong>Pas de vol direct<\/strong>Route depuis SJO 4h30 via Lim\u00f3n \u00b7 shuttle partag\u00e9 $50 \u00b7 transfert priv\u00e9 $200<\/span><\/li>\n            <li><span>\ud83d\ude97<\/span><span><strong>Bourg principal<\/strong>Puerto Viejo de Talamanca \u00b7 5 000 habitants \u00b7 vie en v\u00e9lo, ambiance reggae<\/span><\/li>\n            <li><span>\ud83d\udeb2<\/span><span><strong>V\u00e9lo partout<\/strong>Location $5-10\/jour \u00b7 plages 5-15 min \u00b7 pas besoin de voiture pour Cocles\/Punta Uva<\/span><\/li>\n            <li><span>\ud83d\udc22<\/span><span><strong>Refuge Manzanillo<\/strong>\u00c0 15 km sud \u00b7 refuge faune sauvage \u00b7 plages Punta Uva, Manzanillo, Cocles<\/span><\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"td-info-card td-info-card--orange\">\n          <span class=\"td-info-card__icon\">\u2600\ufe0f<\/span>\n          <h3 class=\"td-info-card__h\">Climat & Saison<\/h3>\n          <ul>\n            <li><span>\ud83c\udf21\ufe0f<\/span><span><strong>Temp\u00e9rature<\/strong>28\u00b0C constant \u00b7 climat carib\u00e9en humide toute l'ann\u00e9e<\/span><\/li>\n            <li><span>\u2600\ufe0f<\/span><span><strong>Saison \"s\u00e8che\" Cara\u00efbe<\/strong>Septembre-Octobre + F\u00e9vrier-Mars \u00b7 INVERSE du Pacifique<\/span><\/li>\n            <li><span>\ud83c\udf27\ufe0f<\/span><span><strong>Pluies fr\u00e9quentes<\/strong>Reste de l'ann\u00e9e \u00b7 tropicales courtes mais r\u00e9guli\u00e8res<\/span><\/li>\n            <li><span>\ud83d\udc22<\/span><span><strong>Saison tortues luth<\/strong>Mars-juillet \u00b7 ponte \u00e0 Gandoca-Manzanillo<\/span><\/li>\n            <li><span>\ud83c\udf0a<\/span><span><strong>Surf Salsa Brava<\/strong>D\u00e9cembre-mars \u00b7 vagues consistantes (interm\u00e9diaire+)<\/span><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- CALENDRIER MENSUEL VISUEL -->\n      <div class=\"td-anim\" id=\"climat\" style=\"margin-top: 50px;\">\n        <h3 style=\"font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--navy); margin-bottom: 8px;\">Mois par mois \u2014 quand partir ?<\/h3>\n        <p style=\"color: var(--text-soft); margin-bottom: 0;\">Survolez les mois pour identifier les meilleures fen\u00eatres.<\/p>\n        <div class=\"td-cal\">\n          <div class=\"td-cal__m td-cal__m--high\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Jan<\/div><div class=\"td-cal__icon\">\u2600\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--high\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">F\u00e9v<\/div><div class=\"td-cal__icon\">\u2600\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--high\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Mar<\/div><div class=\"td-cal__icon\">\u2600\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--top\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Avr<\/div><div class=\"td-cal__icon\">\ud83c\udf24\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--low\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Mai<\/div><div class=\"td-cal__icon\">\ud83c\udf3f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--low\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Jun<\/div><div class=\"td-cal__icon\">\ud83c\udf3f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--low\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Jul<\/div><div class=\"td-cal__icon\">\ud83c\udf3f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--low\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Ao\u00fb<\/div><div class=\"td-cal__icon\">\ud83c\udf27\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Sep<\/div><div class=\"td-cal__icon\">\ud83c\udf2a\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Oct<\/div><div class=\"td-cal__icon\">\ud83c\udf27\ufe0f<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--top\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">Nov<\/div><div class=\"td-cal__icon\">\ud83d\udc8e<\/div><\/div>\n          <div class=\"td-cal__m td-cal__m--high\"><span class=\"td-cal__dot\"><\/span><div class=\"td-cal__name\">D\u00e9c<\/div><div class=\"td-cal__icon\">\u2600\ufe0f<\/div><\/div>\n        <\/div>\n        <div class=\"td-cal__legend\">\n          <span><i style=\"background: var(--green);\"><\/i>Sweet spot Toucan<\/span>\n          <span><i style=\"background: var(--orange);\"><\/i>Haute saison<\/span>\n          <span><i style=\"background: var(--navy);\"><\/i>Saison d\u00e9conseill\u00e9e<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== EXP\u00c9RIENCES SIGNATURE ===== -->\n  <section class=\"td-section\" id=\"exp\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">\u00c0 ne pas manquer<\/span>\n      <h2 class=\"td-h2\">Les 5 exp\u00e9riences <em>signature<\/em><\/h2>\n      <p class=\"td-lead\">Ce qu'on recommande syst\u00e9matiquement \u00e0 nos voyageurs. Avec, sous chaque exp\u00e9rience, le secret terrain qui fait la diff\u00e9rence.<\/p>\n\n                  <div class=\"td-exps\">\n        <article class=\"td-exp td-anim\">\n          <div class=\"td-exp__media\"><span class=\"td-exp__num\">1<\/span><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7f\/Puerto_Viejo_de_Talamanca%2C_Costa_Rica_2012.JPG\/1920px-Puerto_Viejo_de_Talamanca%2C_Costa_Rica_2012.JPG\" alt=\"Puerto Viejo de Talamanca Costa Rica\" loading=\"lazy\"><\/div>\n          <div class=\"td-exp__body\"><span class=\"td-exp__cat\">\ud83c\udfdd\ufe0f Pueblo afro-carib\u00e9en<\/span><h3 class=\"td-exp__title\">Centro Puerto Viejo &amp; vie reggae<\/h3><p class=\"td-exp__desc\">Le bourg de <strong>Puerto Viejo de Talamanca<\/strong> = \u00e9picentre culture afro-carib\u00e9enne du Costa Rica. Maisons en bois color\u00e9es, v\u00e9los partout, beach bars musique live, restos servant <strong>rond\u00f3n, jerk chicken, rice &amp; beans<\/strong> au lait de coco. Calle principale pi\u00e9tonne avec surf shops, caf\u00e9s branch\u00e9s, boutiques artisanat. Ambiance reggae chill 24\/7.<\/p><div class=\"td-exp__tips\"><span class=\"td-exp__tip\">\ud83c\udfb5 Live music chez Salsa Brava, Lazy Mon<\/span><span class=\"td-exp__tip\">\ud83d\udeb2 Tout en v\u00e9lo<\/span><\/div><\/div>\n        <\/article>\n        <article class=\"td-exp td-anim\">\n          <div class=\"td-exp__media\"><span class=\"td-exp__num\">2<\/span><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c2\/Punta_Uva_-_panoramio.jpg\" alt=\"Punta Uva Costa Rica plage palmiers\" loading=\"lazy\"><\/div>\n          <div class=\"td-exp__body\"><span class=\"td-exp__cat\">\ud83c\udfd6\ufe0f Plages signature<\/span><h3 class=\"td-exp__title\">Cocles, Punta Uva &amp; Manzanillo<\/h3><p class=\"td-exp__desc\">Trois plages embl\u00e9matiques entre Puerto Viejo et Manzanillo : <strong>Playa Cocles<\/strong> (longue, surf interm\u00e9diaire, beach bars), <strong>Punta Uva<\/strong> (sable ros\u00e9, eau turquoise, snorkel familial, baignade calme), <strong>Manzanillo<\/strong> (refuge sauvage Gandoca-Manzanillo, paresseux \u00e0 proximit\u00e9, plus recul\u00e9e). V\u00e9lo, taxi ou bus pour relier. Chacune m\u00e9rite sa journ\u00e9e.<\/p><div class=\"td-exp__tips\"><span class=\"td-exp__tip\">\ud83d\udc22 Punta Uva = top snorkel doux<\/span><span class=\"td-exp__tip\">\ud83e\udda5 Manzanillo refuge faune<\/span><\/div><\/div>\n        <\/article>\n        <article class=\"td-exp td-anim\">\n          <div class=\"td-exp__media\"><span class=\"td-exp__num\">3<\/span><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/65\/Two-toed_sloth_at_JRC%2C_Costa_Rica_01.jpg\/1920px-Two-toed_sloth_at_JRC%2C_Costa_Rica_01.jpg\" alt=\"Jaguar Rescue Center paresseux Costa Rica\" loading=\"lazy\"><\/div>\n          <div class=\"td-exp__body\"><span class=\"td-exp__cat\">\ud83e\udda5 Sanctuaire faune<\/span><h3 class=\"td-exp__title\">Jaguar Rescue Center &amp; Sloth Sanctuary<\/h3><p class=\"td-exp__desc\">Deux centres de r\u00e9habilitation animale uniques au Costa Rica : <strong>Jaguar Rescue Center<\/strong> (Puerto Viejo, malgr\u00e9 son nom = singes, paresseux, oiseaux, reptiles soign\u00e9s et rel\u00e2ch\u00e9s), <strong>Sloth Sanctuary<\/strong> (Penshurst, 30 min nord) \u2014 premier au monde d\u00e9di\u00e9 aux paresseux orphelins ou bless\u00e9s. Tours p\u00e9dagogiques 1h, ~$25\/pers. R\u00e9server \u00e0 l'avance.<\/p><div class=\"td-exp__tips\"><span class=\"td-exp__tip\">\ud83e\udda5 Sloth Sanctuary unique au monde<\/span><span class=\"td-exp__tip\">\ud83d\udcda Tours p\u00e9dagogiques<\/span><\/div><\/div>\n        <\/article>\n        <article class=\"td-exp td-anim\">\n          <div class=\"td-exp__media\"><span class=\"td-exp__num\">4<\/span><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d4\/Palenque_bribri._Costa_Rica.jpg\" alt=\"Cacao Bribri culture Costa Rica\" loading=\"lazy\"><\/div>\n          <div class=\"td-exp__body\"><span class=\"td-exp__cat\">\ud83c\udf6b Culture indig\u00e8ne<\/span><h3 class=\"td-exp__title\">Tour cacao &amp; communaut\u00e9 Bribri<\/h3><p class=\"td-exp__desc\">L'arri\u00e8re-pays Cara\u00efbe sud abrite la <strong>communaut\u00e9 indienne Bribri<\/strong> (15 000 personnes, langue propre). Tour d\u00e9couverte : visite finca cacao traditionnelle (de la f\u00e8ve \u00e0 la tablette), d\u00e9mo broyage sur metate, d\u00e9gustation, d\u00e9jeuner tipico Bribri. Half-day ~$60\/pers. Riche immersion culturelle. Yorkin Adventures, Tribu Caribe.<\/p><div class=\"td-exp__tips\"><span class=\"td-exp__tip\">\ud83c\udf33 Cacao = pilier culture Bribri<\/span><span class=\"td-exp__tip\">\ud83e\udd44 D\u00e9gustation compar\u00e9e<\/span><\/div><\/div>\n        <\/article>\n        <article class=\"td-exp td-anim\">\n          <div class=\"td-exp__media\"><span class=\"td-exp__num\">5<\/span><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/bc\/Enjoying_%2811975348083%29.jpg\" alt=\"Surf Salsa Brava Cara\u00efbe Costa Rica\" loading=\"lazy\"><\/div>\n          <div class=\"td-exp__body\"><span class=\"td-exp__cat\">\ud83c\udfc4 Surf l\u00e9gendaire<\/span><h3 class=\"td-exp__title\">Salsa Brava &amp; surf Cara\u00efbe<\/h3><p class=\"td-exp__desc\"><strong>Salsa Brava<\/strong> = la vague la plus puissante du Costa Rica, en plein centre Puerto Viejo, accessible uniquement aux <strong>surfeurs experts<\/strong>. Spot mythique. Pour d\u00e9butants\/interm\u00e9diaires : Playa Cocles. Saison d\u00e9cembre-mars = vagues consistantes. Cours surf disponibles \u00e0 Cocles ($40-60\/2h). Surf shops dans le centre.<\/p><div class=\"td-exp__tips\"><span class=\"td-exp__tip\">\ud83c\udf0a Salsa Brava = experts uniquement<\/span><span class=\"td-exp__tip\">\ud83c\udfd6\ufe0f Cocles pour d\u00e9butants<\/span><\/div><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== ZONES CL\u00c9S ===== -->\n  <section class=\"td-section td-section--alt\" id=\"zones\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Carte mentale<\/span>\n      <h2 class=\"td-h2\">Puerto Viejo &amp; ses <em>3 zones cl\u00e9s<\/em><\/h2>\n      <p class=\"td-lead\">La r\u00e9gion de Puerto Viejo s'articule autour de <strong>La Fortuna<\/strong> (le bourg, base de s\u00e9jour) et du <strong>Parc National Volc\u00e1n Arenal<\/strong> (volcan, sources thermales, jungle). Comprendre les 2 zones permet de bien doser ses journ\u00e9es.<\/p>\n\n                  <div class=\"td-zones td-anim\">\n        <div class=\"td-zone\"><h3 class=\"td-zone__h\">Centro Puerto Viejo<\/h3><p class=\"td-zone__for\">Pour : vie nocturne \u00b7 restos \u00b7 base nuit<\/p><ul>\n            <li>\ud83c\udf74 <span><strong>Restos signature<\/strong> Bread &amp; Chocolate, Tasty Waves, Soda Lidia<\/span><\/li>\n            <li>\ud83c\udf03 <span><strong>Vie nocturne<\/strong> Salsa Brava bar, Lazy Mon \u00b7 live music reggae<\/span><\/li>\n            <li>\ud83d\udeb2 <span><strong>V\u00e9lo partout<\/strong> location $5-10\/jour<\/span><\/li>\n            <li>\ud83c\udf0a <span><strong>Surf Salsa Brava<\/strong> vague experts en plein centre<\/span><\/li>\n            <li>\u2615 <span><strong>Caribeans Coffee<\/strong> torr\u00e9facteur cacao local<\/span><\/li>\n          <\/ul><\/div>\n        <div class=\"td-zone td-zone--alt\"><h3 class=\"td-zone__h\">Plages signature<\/h3><p class=\"td-zone__for\">Pour : plages \u00b7 faune \u00b7 snorkel<\/p><ul>\n            <li>\ud83c\udfd6\ufe0f <span><strong>Playa Cocles<\/strong> 5 min Sud \u00b7 surf interm\u00e9diaire<\/span><\/li>\n            <li>\ud83c\udfd6\ufe0f <span><strong>Punta Uva<\/strong> 10 min Sud \u00b7 sable ros\u00e9 \u00b7 snorkel doux<\/span><\/li>\n            <li>\ud83e\udda5 <span><strong>Refuge Gandoca-Manzanillo<\/strong> faune prot\u00e9g\u00e9e<\/span><\/li>\n            <li>\ud83d\udc22 <span><strong>Saison tortues luth<\/strong> mars-juillet<\/span><\/li>\n            <li>\ud83c\udf33 <span><strong>Sentiers refuge<\/strong> 5 km c\u00f4te sauvage<\/span><\/li>\n          <\/ul><\/div>\n        <div class=\"td-zone\"><h3 class=\"td-zone__h\">Arri\u00e8re-pays Bribri<\/h3><p class=\"td-zone__for\">Pour : culture \u00b7 cacao \u00b7 indig\u00e8ne<\/p><ul>\n            <li>\ud83c\udf33 <span><strong>Communaut\u00e9 Bribri<\/strong> 15 000 personnes \u00b7 langue propre<\/span><\/li>\n            <li>\ud83c\udf6b <span><strong>Tour cacao traditionnel<\/strong> de la f\u00e8ve au chocolat<\/span><\/li>\n            <li>\ud83c\udf0a <span><strong>Yorkin \/ Shiroles<\/strong> villages Bribri recul\u00e9s<\/span><\/li>\n            <li>\ud83c\udf3f <span><strong>R\u00e9serve Bribri<\/strong> for\u00eat primaire indig\u00e8ne<\/span><\/li>\n            <li>\ud83c\udf74 <span><strong>D\u00e9jeuner tipico Bribri<\/strong> chez l'habitant<\/span><\/li>\n          <\/ul><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== FAUNE & NATURE ===== -->\n  <section class=\"td-section\" id=\"nature\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Bestiaire<\/span>\n      <h2 class=\"td-h2\">La nature qui vous <em>attend<\/em><\/h2>\n                  <p class=\"td-lead\">La Cara\u00efbe sud combine <strong>r\u00e9cif corallien Cahuita<\/strong>, <strong>jungle primaire<\/strong> (refuge Gandoca-Manzanillo) et <strong>plages de ponte<\/strong>. Faune signature : paresseux \u00e0 proximit\u00e9, dauphins en mer, tortues luth en saison, raies aigles sur le r\u00e9cif.<\/p>\n\n      <div class=\"td-fauna td-anim\">\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83e\udda5<\/div><div class=\"td-fauna__name\">Paresseux 3 doigts<\/div><div class=\"td-fauna__sci\">Bradypus variegatus<\/div><div class=\"td-fauna__when\">Cahuita, Manzanillo \u00b7 toute l'ann\u00e9e<\/div><\/div>\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83d\udc20<\/div><div class=\"td-fauna__name\">Poisson papillon<\/div><div class=\"td-fauna__sci\">Chaetodontidae<\/div><div class=\"td-fauna__when\">R\u00e9cif Cahuita \u00b7 saison s\u00e8che<\/div><\/div>\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83d\udc12<\/div><div class=\"td-fauna__name\">Singe-\u00e9cureuil<\/div><div class=\"td-fauna__sci\">Saimiri oerstedii<\/div><div class=\"td-fauna__when\">Manzanillo \u00b7 journ\u00e9e<\/div><\/div>\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83d\udc22<\/div><div class=\"td-fauna__name\">Tortue luth<\/div><div class=\"td-fauna__sci\">Dermochelys coriacea<\/div><div class=\"td-fauna__when\">Gandoca-Manzanillo \u00b7 mars-juillet<\/div><\/div>\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83e\udd9c<\/div><div class=\"td-fauna__name\">Toucan \u00e0 car\u00e8ne<\/div><div class=\"td-fauna__sci\">Ramphastos sulfuratus<\/div><div class=\"td-fauna__when\">Canop\u00e9e \u00b7 matin<\/div><\/div>\n        <div class=\"td-fauna__c\"><div class=\"td-fauna__icon\">\ud83d\udc2c<\/div><div class=\"td-fauna__name\">Dauphin tursiops<\/div><div class=\"td-fauna__sci\">Tursiops truncatus<\/div><div class=\"td-fauna__when\">C\u00f4te Cara\u00efbe \u00b7 sortie bateau<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== SAVEURS ===== -->\n  <section class=\"td-section td-section--alt\" id=\"saveurs\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Gastronomie<\/span>\n      <h2 class=\"td-h2\">Saveurs <em>afro-carib\u00e9ennes<\/em><\/h2>\n      <p class=\"td-lead\">La cuisine afro-carib\u00e9enne du Costa Rica = <strong>autre univers<\/strong> de la cuisine tica continentale. Influences jama\u00efcaines, africaines, cr\u00e9oles. <strong>Lait de coco<\/strong> en base, jerk chicken, rond\u00f3n, pan bon. Restos du village et chez les Bribri pour le tipico indig\u00e8ne.<\/p>\n\n            <div class=\"td-flavors td-anim\">\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83c\udf5b Rice &amp; Beans cara\u00efbe<\/div><div class=\"td-flav__price\">~$8 \u2014 plat<\/div><div class=\"td-flav__desc\">Riz et haricots rouges cuits dans <strong>lait de coco<\/strong>, sauce piquante, thym, habanero. Servi avec poulet, poisson grill\u00e9. Diff\u00e9rent du gallo pinto. Soda Cool &amp; Calm, Miss Junie.<\/div><\/div>\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83d\udc14 Jerk Chicken<\/div><div class=\"td-flav__price\">~$10 \u2014 plat<\/div><div class=\"td-flav__desc\">Poulet marin\u00e9 \u00e9pices jama\u00efcaines (scotch bonnet, thym, ail, gingembre, cannelle), grill\u00e9 charbon. Influence afro-jama\u00efcaine. Servi avec rice &amp; beans. Saveur signature.<\/div><\/div>\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83d\udc1f Rond\u00f3n<\/div><div class=\"td-flav__price\">~$15 \u2014 plat<\/div><div class=\"td-flav__desc\">Rago\u00fbt cara\u00efbe : poisson, fruits de mer, l\u00e9gumes (yuca, pl\u00e1tano, \u00f1ampi), mijot\u00e9 lait de coco et \u00e9pices. Plat dimanche traditionnel. Long \u00e0 pr\u00e9parer (4h).<\/div><\/div>\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83e\udd65 Pati<\/div><div class=\"td-flav__price\">~$3 \u2014 snack<\/div><div class=\"td-flav__desc\">Chausson \u00e9pic\u00e9 farci au b\u0153uf et piments. Snack de rue cara\u00efbe par excellence. Vendeurs ambulants du village. Influence directe Jama\u00efque.<\/div><\/div>\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83c\udf6b Chocolat Bribri<\/div><div class=\"td-flav__price\">~$30 \u2014 tour<\/div><div class=\"td-flav__desc\">Tour cacao traditionnel chez les Bribri : f\u00e8ve \u00e0 tablette, broyage sur metate, d\u00e9gustation. Souvenir parfait. Yorkin Adventures.<\/div><\/div>\n        <div class=\"td-flav\"><div class=\"td-flav__name\">\ud83c\udf5e Pan Bon<\/div><div class=\"td-flav__price\">~$3 \u2014 boulangerie<\/div><div class=\"td-flav__desc\">Pain sucr\u00e9 aux fruits confits, cuisson lente, parfum\u00e9 \u00e9pices. Tradition cara\u00efbe ancienne, recettes transmises de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== H\u00d4TELS SIGNATURE ===== -->\n  <section class=\"td-section\" id=\"hotels\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Notre s\u00e9lection terrain<\/span>\n      <h2 class=\"td-h2\">O\u00f9 <em>dormir<\/em> \u00e0 Puerto Viejo ?<\/h2>\n      <p class=\"td-lead\">Puerto Viejo = <strong>boutique-h\u00f4tels intimes<\/strong> et <strong>\u00e9co-lodges jungle<\/strong>. Pas de grand resort. Notre s\u00e9lection terrain (DMC sur place depuis 2018) couvre boutique design Cocles, lodge sauvage Manzanillo, cabanes dans les arbres Punta Uva.<\/p>\n\n            <div class=\"td-hotels td-anim\">\n        <div class=\"td-hotel\"><div class=\"td-hotel__stars\">5\u2605<\/div><div><div class=\"td-hotel__name\">Le Cam\u00e9l\u00e9on Boutique Hotel<\/div><div class=\"td-hotel__style\">Boutique design \u00b7 Playa Cocles \u00b7 23 chambres \u00b7 plage priv\u00e9e \u00b7 spa \u00b7 ambiance white<\/div><span class=\"td-hotel__for\">Couples premium \u00b7 Design lovers<\/span><\/div><a class=\"td-hotel__cta\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo&amp;hotel=le-cameleon\" target=\"_blank\" rel=\"noopener\">\u26a1 R\u00e9server Dynamics<\/a><\/div>\n        <div class=\"td-hotel\"><div class=\"td-hotel__stars\">5\u2605<\/div><div><div class=\"td-hotel__name\">Tree House Lodge<\/div><div class=\"td-hotel__style\">Boutique \u00e9co unique \u00b7 Punta Uva \u00b7 cabanes dans les arbres \u00b7 plage priv\u00e9e \u00b7 6 villas<\/div><span class=\"td-hotel__for\">Lune de miel \u00b7 Voyageurs originaux<\/span><\/div><a class=\"td-hotel__cta\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo&amp;hotel=tree-house-lodge\" target=\"_blank\" rel=\"noopener\">\u26a1 R\u00e9server Dynamics<\/a><\/div>\n        <div class=\"td-hotel\"><div class=\"td-hotel__stars\">4\u2605<\/div><div><div class=\"td-hotel__name\">Almonds &amp; Corals Lodge<\/div><div class=\"td-hotel__style\">Eco-lodge tente luxe \u00b7 Manzanillo \u00b7 refuge sauvage \u00b7 24 cabanes \u00b7 jungle<\/div><span class=\"td-hotel__for\">Naturalistes \u00b7 Couples cr\u00e9atifs<\/span><\/div><a class=\"td-hotel__cta\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo&amp;hotel=almonds-corals\" target=\"_blank\" rel=\"noopener\">\u26a1 R\u00e9server Dynamics<\/a><\/div>\n        <div class=\"td-hotel\"><div class=\"td-hotel__stars\">3\u2605<\/div><div><div class=\"td-hotel__name\">Hotel Banana Azul<\/div><div class=\"td-hotel__style\">Boutique surf \u00b7 Playa Negra \u00b7 18 chambres \u00b7 ambiance boh\u00e8me \u00b7 adults-only<\/div><span class=\"td-hotel__for\">Couples \u00b7 Surfeurs \u00b7 Curieux<\/span><\/div><a class=\"td-hotel__cta\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo&amp;hotel=banana-azul\" target=\"_blank\" rel=\"noopener\">\u26a1 R\u00e9server Dynamics<\/a><\/div>\n        <div class=\"td-hotel\"><div class=\"td-hotel__stars\">3\u2605<\/div><div><div class=\"td-hotel__name\">Cariblue Beach Resort<\/div><div class=\"td-hotel__style\">Resort jungle \u00b7 Playa Cocles \u00b7 30 cabines \u00b7 piscine \u00b7 \u00e0 5 min plage<\/div><span class=\"td-hotel__for\">Familles \u00b7 Voyageurs autonomes<\/span><\/div><a class=\"td-hotel__cta\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo&amp;hotel=cariblue\" target=\"_blank\" rel=\"noopener\">\u26a1 R\u00e9server Dynamics<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== TIPS EXPERTS \u2014 RUBRIQUE ===== -->\n  <section class=\"td-section td-section--alt\" id=\"tips\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">L'expertise terrain<\/span>\n      <h2 class=\"td-h2\">Tips <em>Experts<\/em> Toucan<\/h2>\n      <p class=\"td-lead\">Les vrais conseils que les guides ne vous donnent pas. 8 raccourcis terrain pour \u00e9conomiser temps, argent et frustration.<\/p>\n\n                        <div class=\"td-tips-grid td-anim\">\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83d\udeb2<\/span><div class=\"td-tipc__cat\">TRANSPORT<\/div><h3 class=\"td-tipc__h\">Tout en v\u00e9lo<\/h3><p class=\"td-tipc__txt\">Puerto Viejo et villages cara\u00efbes = pi\u00e9ton\/v\u00e9lo. Location $5-10\/jour partout. Plages 5-15 min. Voiture utile uniquement pour Cahuita ou cacao tour Bribri.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83c\udf27\ufe0f<\/span><div class=\"td-tipc__cat\">CLIMAT<\/div><h3 class=\"td-tipc__h\">Saison \"s\u00e8che\" invers\u00e9e<\/h3><p class=\"td-tipc__txt\">Sec en Cara\u00efbe : <strong>septembre-octobre + f\u00e9vrier-mars<\/strong> (inverse du Pacifique). Reste de l'ann\u00e9e = pluies fr\u00e9quentes. Climat humide toute l'ann\u00e9e (28\u00b0C constant).<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83d\udc20<\/span><div class=\"td-tipc__cat\">SNORKEL<\/div><h3 class=\"td-tipc__h\">Punta Uva ou Cahuita<\/h3><p class=\"td-tipc__txt\">Punta Uva = baignade calme + snorkel doux. Cahuita r\u00e9cif corallien (visibilit\u00e9 variable). Saison s\u00e8che locale = visibilit\u00e9 maximale.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83e\udda5<\/span><div class=\"td-tipc__cat\">FAUNE<\/div><h3 class=\"td-tipc__h\">Sloth Sanctuary \u00e0 voir<\/h3><p class=\"td-tipc__txt\">Premier sanctuaire au monde d\u00e9di\u00e9 aux paresseux. Penshurst, 30 min nord. Tour p\u00e9dagogique 1h, ~$25\/pers. R\u00e9server \u00e0 l'avance.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83c\udf6b<\/span><div class=\"td-tipc__cat\">CULTURE<\/div><h3 class=\"td-tipc__h\">Tour cacao Bribri<\/h3><p class=\"td-tipc__txt\">Immersion communaut\u00e9 indig\u00e8ne. Yorkin Adventures, Tribu Caribe. Half-day $60\/pers. Cacao + d\u00e9jeuner tipico Bribri.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83d\ude97<\/span><div class=\"td-tipc__cat\">ACC\u00c8S<\/div><h3 class=\"td-tipc__h\">SJO 4h30 par route<\/h3><p class=\"td-tipc__txt\">Pas de vol direct. 4h30 SJO \u2192 Puerto Viejo via Lim\u00f3n. Shuttle partag\u00e9 Caribe Shuttle $50, transfert priv\u00e9 $200.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83e\udd9f<\/span><div class=\"td-tipc__cat\">SANT\u00c9<\/div><h3 class=\"td-tipc__h\">Anti-moustiques fort<\/h3><p class=\"td-tipc__txt\">Climat humide tropical = moustiques actifs. DEET 30%+ obligatoire. Pantalons longs apr\u00e8s 17h. Pas de paludisme mais dengue saisonni\u00e8re.<\/p><\/div>\n        <div class=\"td-tipc\"><span class=\"td-tipc__ico\">\ud83d\udec2<\/span><div class=\"td-tipc__cat\">FORMALIT\u00c9S<\/div><h3 class=\"td-tipc__h\">Pas de visa UE &lt; 90 jours<\/h3><p class=\"td-tipc__txt\">Passeport valide 1 jour apr\u00e8s date de retour. Pas de visa pour les Europ\u00e9ens.<\/p><\/div>\n      <\/div>\n      <div class=\"td-avoid td-anim\">\n        <h3 class=\"td-avoid__h\">\u26a0\ufe0f \u00c0 \u00e9viter \u2014 les pi\u00e8ges classiques<\/h3>\n        <ul>\n          <li>\u274c <span><strong>Confondre saisons :<\/strong> Cara\u00efbe invers\u00e9e. Sec sept-oct + f\u00e9v-mars. Reste = pluies.<\/span><\/li>\n          <li>\u274c <span><strong>Visiter en 1 nuit :<\/strong> minimum 3 nuits pour Puerto Viejo + Cahuita + Manzanillo.<\/span><\/li>\n          <li>\u274c <span><strong>Salsa Brava d\u00e9butants :<\/strong> vague experts uniquement. Cocles pour cours surf.<\/span><\/li>\n          <li>\u274c <span><strong>Marcher seul nuit zones isol\u00e9es :<\/strong> Puerto Viejo tr\u00e8s s\u00fbr. Mais \u00e9viter zones sombres tard.<\/span><\/li>\n          <li>\u274c <span><strong>Sans anti-moustiques :<\/strong> climat humide.<\/span><\/li>\n          <li>\u274c <span><strong>Cr\u00e8me solaire chimique sur r\u00e9cif :<\/strong> tue corail. Reef-safe obligatoire.<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== T\u00c9L\u00c9CHARGEMENT PDF ===== -->\n  <section class=\"td-section\" id=\"pdf\">\n    <div class=\"td-wrap\">\n      <div class=\"td-pdf-band td-anim\">\n        <div class=\"td-pdf-band__icon\">\ud83d\udcc4<\/div>\n        <div>\n          <h3 class=\"td-pdf-band__h\">Emportez la fiche Cara\u00efbe sud partout<\/h3>\n          <p class=\"td-pdf-band__sub\">Notre fiche r\u00e9gion officielle au format PDF \u2014 Cahuita, Puerto Viejo, plages, faune, gastronomie afro-carib\u00e9enne.<\/p>\n          <p class=\"td-pdf-band__sub\" style=\"background: #fff4cd; padding: 10px 14px; border-radius: 8px; border-left: 4px solid #FFC107; margin-top: 8px;\"><strong>\ud83d\udca1 \u00c0 savoir :<\/strong> Puerto Viejo fait partie de la zone <strong>Cara\u00efbe sud (Cahuita & Puerto Viejo de Talamanca)<\/strong>. Notre fiche PDF couvre l'ensemble pour une vision contextualis\u00e9e.<\/p>\n        <\/div>\n        <a class=\"td-btn td-btn--pdf\" href=\"https:\/\/toucandiscovery.com\/wp-content\/uploads\/2025\/09\/06-Cahuita-Puerto-Viejo-de-Talamanca-29-Ago.pdf\" target=\"_blank\" rel=\"noopener\" download>\ud83d\udce5 T\u00e9l\u00e9charger la fiche PDF<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== FAQ ===== -->\n  <section class=\"td-section td-section--alt\" id=\"faq\">\n    <div class=\"td-wrap\">\n      <span class=\"td-eyebrow\">Questions fr\u00e9quentes<\/span>\n      <h2 class=\"td-h2\">Vos <em>questions<\/em>, nos r\u00e9ponses<\/h2>\n                  <p class=\"td-lead\">Les 6 questions qu'on nous pose le plus souvent \u00e0 propos de Puerto Viejo et La Fortuna.<\/p>\n\n            <div class=\"td-faq td-anim\">\n        <details><summary>Combien de nuits pr\u00e9voir ?<\/summary><div class=\"td-faq__answer\">3-4 nuits id\u00e9al : 1 jour Puerto Viejo + plages, 1 jour Cahuita + Sloth Sanctuary, 1 jour Manzanillo + cacao tour Bribri. 5 nuits si surfeur ou immersion totale.<\/div><\/details>\n        <details><summary>Quand y aller ?<\/summary><div class=\"td-faq__answer\">Cara\u00efbe = saisons <strong>invers\u00e9es<\/strong> du Pacifique. Sec : <strong>septembre-octobre + f\u00e9vrier-mars<\/strong>. Reste = pluies fr\u00e9quentes mais courtes. Climat humide toute l'ann\u00e9e (28\u00b0C). Pic touristique : No\u00ebl + P\u00e2ques.<\/div><\/details>\n        <details><summary>Comment y aller depuis San Jos\u00e9 ?<\/summary><div class=\"td-faq__answer\">Pas de vol direct. <strong>Route 4h30<\/strong> via Lim\u00f3n. Shuttle partag\u00e9 Interbus\/Caribe Shuttle $50, transfert priv\u00e9 $200. Id\u00e9al apr\u00e8s Tortuguero. Ne pas conduire de nuit.<\/div><\/details>\n        <details><summary>Puerto Viejo vs Cahuita ?<\/summary><div class=\"td-faq__answer\"><strong>Puerto Viejo<\/strong> = vie nocturne, restos, surf, ambiance reggae. <strong>Cahuita<\/strong> = plus calme, parc national avec r\u00e9cif et paresseux. Les deux \u00e0 30 min de distance, \u00e0 combiner pour duo Cara\u00efbe sud complet.<\/div><\/details>\n        <details><summary>Adapt\u00e9 aux familles ?<\/summary><div class=\"td-faq__answer\"><strong>Oui<\/strong>. Plages calmes (Punta Uva), faune visible facilement, Sloth Sanctuary p\u00e9dagogique, cacao tour ludique. Eviter Cocles (vagues) avec petits enfants. Pr\u00e9f\u00e9rer Manzanillo \/ Punta Uva.<\/div><\/details>\n        <details><summary>Quel budget ?<\/summary><div class=\"td-faq__answer\"><strong>Boutique luxe<\/strong> (Le Cam\u00e9l\u00e9on, Tree House) : $300-600 USD\/nuit. <strong>Lodge \u00e9co<\/strong> (Almonds &amp; Corals) : $200-350\/nuit. <strong>Boutique 3\u2605<\/strong> (Banana Azul, Cariblue) : $130-220\/nuit. <strong>Cabinas<\/strong> $40-90\/nuit.<\/div><\/details>\n      <\/div>\n      <\/div>\n  <\/section>\n\n  <!-- ===== CTA FINAL ===== -->\n  <section class=\"td-section\">\n    <div class=\"td-wrap\">\n\n      <!-- Bandeau Dynamics -->\n      <div class=\"td-cta-band td-anim\">\n        <span class=\"td-eyebrow\">Pr\u00eats pour le d\u00e9part ?<\/span>\n        <h2>On organise votre voyage \u00e0 <em>Puerto Viejo<\/em><\/h2>\n        <p>Construisez votre s\u00e9jour Puerto Viejo avec Toucan Dynamics \u2014 disponibilit\u00e9s h\u00f4tels en temps r\u00e9el, tarifs n\u00e9goci\u00e9s. Toucan Discovery est <strong>DMC sur place au Costa Rica depuis 2018<\/strong> \u2014 un conseiller francophone \u00e0 San Jos\u00e9 vous accompagne de A \u00e0 Z.<\/p>\n        <div class=\"td-cta-row\">\n          <a class=\"td-btn td-btn--main\" href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo\" target=\"_blank\" rel=\"noopener\">\u26a1 Composer mon voyage<\/a>\n          <a class=\"td-btn td-btn--ghost\" href=\"https:\/\/toucandiscovery.com\/contact\/\">Demander un devis sur-mesure<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Mention discrete pour professionnels du voyage -->\n      <div class=\"td-pro-discreet td-anim\">\n        <p>Vous \u00eates <strong>agent de voyage ou TO<\/strong> ? Toucan Discovery est votre <a href=\"https:\/\/dynamics.toucandiscovery.com\/?destination=puerto-viejo\" target=\"_blank\" rel=\"noopener\">DMC r\u00e9ceptif Costa Rica<\/a> \u2014 acc\u00e8s B2B sur Dynamics, tarifs nets, support francophone \u00e0 San Jos\u00e9, expertise terrain depuis 2018 sur l'ensemble du pays.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ===== PIED DE PAGE TOUCAN ===== -->\n  <footer class=\"td-foot\">\n    <div class=\"td-wrap\">\n      <div class=\"td-foot__grid\">\n        <div class=\"td-foot__col td-foot__brand\">\n          <div class=\"td-foot__logo\">TOUCAN <span>DISCOVERY<\/span><\/div>\n          <p class=\"td-foot__tagline\">Vends des voyages. \u00c9cris des histoires.<\/p>\n          <p class=\"td-foot__legal\">Toucan Discovery S.R.L.<br>San Jos\u00e9, Costa Rica \u00b7 C\u00e9dula 3-102-862013<\/p>\n        <\/div>\n        <div class=\"td-foot__col\">\n          <h4 class=\"td-foot__h\">Destinations<\/h4>\n          <ul>\n            <li><a href=\"\/destinations-costa-rica\/\">Costa Rica<\/a><\/li>\n            <li><a href=\"\/destinations-mexique\/\">Mexique<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/panama\/\">Panama<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/nicaragua\/\">Nicaragua<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"td-foot__col\">\n          <h4 class=\"td-foot__h\">Inspirations<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/toucandiscovery.com\/inspirations\/\">Collection Essentiel<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/collection-foret\/\">Collection For\u00eat<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/collection-horizon\/\">Collection Horizon<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/collection-serenite\/\">Collection S\u00e9r\u00e9nit\u00e9<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"td-foot__col\">\n          <h4 class=\"td-foot__h\">Toucan Discovery<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/toucandiscovery.com\/about-us\/\">\u00c0 propos<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/contact\/\">Contact<\/a><\/li>\n            <li><a href=\"https:\/\/toucandiscovery.com\/blog\/\">Blog<\/a><\/li>\n            <li><a href=\"https:\/\/dynamics.toucandiscovery.com\/\" target=\"_blank\" rel=\"noopener\">\u26a1 Toucan Dynamics<\/a><\/li>\n          <\/ul>\n          <div class=\"td-foot__social\">\n            <a href=\"https:\/\/www.facebook.com\/toucandiscovery\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">f<\/a>\n            <a href=\"https:\/\/www.instagram.com\/toucan_discovery\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">@<\/a>\n            <a href=\"https:\/\/www.linkedin.com\/company\/93869964\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">in<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"td-foot__bottom\">\n        <p>\u00a9 2026 Toucan Discovery \u2014 Destination Management Company \u00b7 Costa Rica<\/p>\n        <p><a href=\"mailto:admin@toucandiscovery.com\">admin@toucandiscovery.com<\/a> \u00b7 <a href=\"tel:+50687777166\">+506 8777 7166<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/section>\n\n\n<script>\n(function(){\n  \/\/ ===== Fade-in au scroll =====\n  if ('IntersectionObserver' in window) {\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(en => {\n        if (en.isIntersecting) {\n          en.target.classList.add('is-in');\n          obs.unobserve(en.target);\n        }\n      });\n    }, { threshold: .12, rootMargin: '0px 0px -8% 0px' });\n    document.querySelectorAll('.td-anim').forEach(el => obs.observe(el));\n  } else {\n    document.querySelectorAll('.td-anim').forEach(el => el.classList.add('is-in'));\n  }\n\n  \/\/ ===== Count-up sur les stats du hero =====\n  const counters = document.querySelectorAll('.td-hero__stat-num[data-count]');\n  let started = false;\n  function startCounters() {\n    if (started) return;\n    started = true;\n    counters.forEach(c => {\n      const target = +c.dataset.count;\n      const dur = 1600;\n      const t0 = performance.now();\n      functio\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Costa Rica \u00b7 Lim\u00f3n Puerto Viejo \u00ab\u00a0Un volcan qui rugit, des sources chaudes qui murmurent\u00a0\u00bb \u2014 l&rsquo;ic\u00f4ne absolue du Costa Rica, fusion volcan, jungle primaire, faune end\u00e9mique et bien-\u00eatre thermal. 5000 habitants pueblo 30 km c\u00f4te cara\u00efbe sud 1985 ann\u00e9e [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":1132,"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-5299","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/pages\/5299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/comments?post=5299"}],"version-history":[{"count":3,"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/pages\/5299\/revisions"}],"predecessor-version":[{"id":5325,"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/pages\/5299\/revisions\/5325"}],"up":[{"embeddable":true,"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/pages\/1132"}],"wp:attachment":[{"href":"https:\/\/toucandiscovery.com\/es\/wp-json\/wp\/v2\/media?parent=5299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}