{"id":53,"date":"2025-12-10T03:56:00","date_gmt":"2025-12-10T03:56:00","guid":{"rendered":"https:\/\/www.likefloripa.com.br\/?page_id=53"},"modified":"2026-01-26T19:23:44","modified_gmt":"2026-01-26T22:23:44","slug":"regiao","status":"publish","type":"page","link":"https:\/\/www.likefloripa.com.br\/en\/regiao\/","title":{"rendered":"Regions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0228aa3 e-flex e-con-boxed e-con e-parent\" data-id=\"0228aa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12e47c elementor-widget__width-inherit elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"c12e47c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descubra cada canto de Floripa:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25ee283 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"25ee283\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57a0242 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"57a0242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tClique em uma regi\u00e3o do mapa e explore praias, trilhas e experi\u00eancias \u00fanicas!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ab138 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f8ab138\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n=====================================================\r\nMAPA INTERATIVO FLORIAN\u00d3POLIS - LIKE FLORIPA\r\nVers\u00e3o 6.0 - ViewBox Corrigido (Sul vis\u00edvel)\r\n=====================================================\r\n-->\r\n\r\n<style>\r\n\/* === RESET === *\/\r\n.lf-wrapper,.lf-wrapper *{box-sizing:border-box;margin:0;padding:0}\r\n\r\n\/* === CONTAINER === *\/\r\n.lf-wrapper{\r\n  width:100%;\r\n  max-width:1100px;\r\n  margin:0 auto;\r\n  padding:20px;\r\n  font-family:'Poppins',-apple-system,sans-serif;\r\n}\r\n\r\n\/* === GRID MAPA + INFO === *\/\r\n.lf-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:40px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* === COLUNA DO MAPA === *\/\r\n.lf-mapa-col{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  overflow:visible;\r\n}\r\n\r\n\/* === BOT\u00d5ES ACIMA DO MAPA === *\/\r\n.lf-legenda{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin-bottom:20px;\r\n  width:100%;\r\n}\r\n\r\n.lf-leg-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:10px 18px;\r\n  border-radius:25px;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  cursor:pointer;\r\n  transition:all .3s ease;\r\n  border:none;\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lf-leg-btn:hover,\r\n.lf-leg-btn.active{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 6px 20px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* Cores dos bot\u00f5es *\/\r\n.lf-leg-norte{background:#4ECDC4 !important;color:#fff !important}\r\n.lf-leg-sul{background:#F7DC6F !important;color:#333 !important}\r\n.lf-leg-leste{background:#F39C12 !important;color:#fff !important}\r\n.lf-leg-centro{background:#E74C3C !important;color:#fff !important}\r\n.lf-leg-continente{background:#27AE60 !important;color:#fff !important}\r\n\r\n\/* === MAPA === *\/\r\n.lf-mapa{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:400px;\r\n  overflow:visible;\r\n}\r\n.lf-mapa svg{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n  overflow:visible;\r\n}\r\n\r\n\/* === REGI\u00d5ES === *\/\r\n.lf-r{\r\n  cursor:pointer;\r\n  transition:all .3s ease;\r\n  stroke:#fff;\r\n  stroke-width:2;\r\n}\r\n.lf-r:hover,\r\n.lf-r.active{\r\n  filter:brightness(1.15) drop-shadow(0 6px 20px rgba(0,0,0,.3));\r\n  stroke-width:3;\r\n}\r\n\r\n\/* Cores *\/\r\n.lf-norte{fill:#4ECDC4}\r\n.lf-sul{fill:#F7DC6F}\r\n.lf-leste{fill:#F39C12}\r\n.lf-centro{fill:#E74C3C}\r\n.lf-continente{fill:#27AE60}\r\n\r\n\/* Labels no mapa *\/\r\n.lf-label{\r\n  font-size:14px;\r\n  font-weight:700;\r\n  fill:#fff !important;\r\n  text-anchor:middle;\r\n  pointer-events:none;\r\n  text-shadow:0 1px 3px rgba(0,0,0,.5);\r\n}\r\n.lf-label-dark{\r\n  fill:#333 !important;\r\n  text-shadow:none;\r\n}\r\n\r\n\/* === PAINEL DE INFORMA\u00c7\u00d5ES === *\/\r\n.lf-info{\r\n  background:#fff;\r\n  border-radius:20px;\r\n  padding:30px;\r\n  box-shadow:0 10px 40px rgba(0,0,0,.08);\r\n  border:1px solid #eee;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-height:450px;\r\n}\r\n\r\n.lf-info-header{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:15px;\r\n  margin-bottom:20px;\r\n  padding-bottom:20px;\r\n  border-bottom:2px solid #f0f0f0;\r\n}\r\n\r\n.lf-info-icon{\r\n  width:45px;\r\n  height:45px;\r\n  border-radius:10px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:22px;\r\n  flex-shrink:0;\r\n}\r\n\r\n.lf-info-title{\r\n  font-size:22px !important;\r\n  font-weight:700 !important;\r\n  color:#1a1a2e !important;\r\n}\r\n\r\n.lf-info-desc{\r\n  font-size:14px !important;\r\n  color:#555 !important;\r\n  line-height:1.7 !important;\r\n  margin-bottom:20px !important;\r\n}\r\n\r\n\/* Lista de locais *\/\r\n.lf-info-locais{\r\n  margin-bottom:25px;\r\n  flex-grow:1;\r\n}\r\n.lf-info-locais h4{\r\n  font-size:12px !important;\r\n  color:#888 !important;\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n  margin-bottom:12px !important;\r\n  font-weight:600 !important;\r\n}\r\n.lf-info-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n}\r\n.lf-tag{\r\n  background:#f8f9fa !important;\r\n  border:1px solid #e0e0e0 !important;\r\n  padding:6px 14px;\r\n  border-radius:20px;\r\n  font-size:12px !important;\r\n  color:#333 !important;\r\n  transition:all .2s;\r\n  text-decoration:none !important;\r\n}\r\n.lf-tag:hover{\r\n  background:#4ECDC4 !important;\r\n  color:#fff !important;\r\n  border-color:#4ECDC4 !important;\r\n}\r\n\r\n\/* Bot\u00e3o CTA *\/\r\n.lf-btn{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  gap:10px !important;\r\n  padding:14px 28px !important;\r\n  border-radius:30px !important;\r\n  font-size:15px !important;\r\n  font-weight:600 !important;\r\n  text-decoration:none !important;\r\n  transition:all .3s ease !important;\r\n  border:none !important;\r\n  cursor:pointer !important;\r\n  margin-top:auto;\r\n  align-self:flex-start;\r\n}\r\n.lf-btn:hover{\r\n  transform:translateY(-2px) !important;\r\n  text-decoration:none !important;\r\n}\r\n.lf-btn svg{\r\n  width:18px;\r\n  height:18px;\r\n  transition:transform .3s;\r\n}\r\n.lf-btn:hover svg{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\/* Cores dos bot\u00f5es CTA *\/\r\n.lf-btn-norte{\r\n  background:linear-gradient(135deg,#4ECDC4 0%,#3dbdb5 100%) !important;\r\n  color:#fff !important;\r\n  box-shadow:0 4px 15px rgba(78,205,196,.4) !important;\r\n}\r\n.lf-btn-sul{\r\n  background:linear-gradient(135deg,#F7DC6F 0%,#e5ca5d 100%) !important;\r\n  color:#333 !important;\r\n  box-shadow:0 4px 15px rgba(247,220,111,.4) !important;\r\n}\r\n.lf-btn-leste{\r\n  background:linear-gradient(135deg,#F39C12 0%,#d4870a 100%) !important;\r\n  color:#fff !important;\r\n  box-shadow:0 4px 15px rgba(243,156,18,.4) !important;\r\n}\r\n.lf-btn-centro{\r\n  background:linear-gradient(135deg,#E74C3C 0%,#cf4436 100%) !important;\r\n  color:#fff !important;\r\n  box-shadow:0 4px 15px rgba(231,76,60,.4) !important;\r\n}\r\n.lf-btn-continente{\r\n  background:linear-gradient(135deg,#27AE60 0%,#219a52 100%) !important;\r\n  color:#fff !important;\r\n  box-shadow:0 4px 15px rgba(39,174,96,.4) !important;\r\n}\r\n\r\n\/* Estado inicial *\/\r\n.lf-info-default{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n  flex-grow:1;\r\n}\r\n.lf-info-default-icon{\r\n  font-size:50px;\r\n  margin-bottom:15px;\r\n  animation:lfPulse 2s infinite;\r\n}\r\n@keyframes lfPulse{\r\n  0%,100%{transform:scale(1)}\r\n  50%{transform:scale(1.1)}\r\n}\r\n.lf-info-default h3{\r\n  font-size:20px !important;\r\n  color:#1a1a2e !important;\r\n  margin-bottom:8px !important;\r\n  font-weight:600 !important;\r\n}\r\n.lf-info-default p{\r\n  font-size:14px !important;\r\n  color:#888 !important;\r\n}\r\n\r\n\/* Conte\u00fado din\u00e2mico *\/\r\n.lf-info-content{\r\n  display:none;\r\n  flex-direction:column;\r\n  height:100%;\r\n}\r\n.lf-info-content.show{\r\n  display:flex;\r\n  animation:lfFadeIn .3s ease;\r\n}\r\n@keyframes lfFadeIn{\r\n  from{opacity:0;transform:translateY(10px)}\r\n  to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* === RESPONSIVO TABLET === *\/\r\n@media(max-width:900px){\r\n  .lf-grid{\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n  }\r\n  .lf-mapa{\r\n    max-width:320px;\r\n  }\r\n  .lf-info{\r\n    min-height:auto;\r\n  }\r\n  .lf-leg-btn{\r\n    padding:8px 14px;\r\n    font-size:12px;\r\n  }\r\n}\r\n\r\n\/* === RESPONSIVO MOBILE === *\/\r\n@media(max-width:480px){\r\n  .lf-wrapper{\r\n    padding:15px;\r\n  }\r\n  .lf-mapa{\r\n    max-width:260px;\r\n  }\r\n  .lf-label{\r\n    font-size:12px;\r\n  }\r\n  .lf-info{\r\n    padding:20px;\r\n    border-radius:15px;\r\n  }\r\n  .lf-info-title{\r\n    font-size:18px !important;\r\n  }\r\n  .lf-info-desc{\r\n    font-size:13px !important;\r\n  }\r\n  .lf-tag{\r\n    font-size:11px !important;\r\n    padding:5px 10px;\r\n  }\r\n  .lf-btn{\r\n    width:100% !important;\r\n    padding:12px 20px !important;\r\n    font-size:14px !important;\r\n  }\r\n  .lf-legenda{\r\n    gap:6px;\r\n  }\r\n  .lf-leg-btn{\r\n    padding:8px 12px;\r\n    font-size:11px;\r\n    flex:1 1 45%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"lf-wrapper\">\r\n  <div class=\"lf-grid\">\r\n\r\n    <!-- COLUNA DO MAPA -->\r\n    <div class=\"lf-mapa-col\">\r\n      \r\n      <!-- BOT\u00d5ES ACIMA DO MAPA -->\r\n      <div class=\"lf-legenda\">\r\n        <button class=\"lf-leg-btn lf-leg-norte\" data-regiao=\"norte\">Norte<\/button>\r\n        <button class=\"lf-leg-btn lf-leg-sul\" data-regiao=\"sul\">Sul<\/button>\r\n        <button class=\"lf-leg-btn lf-leg-leste\" data-regiao=\"leste\">Leste<\/button>\r\n        <button class=\"lf-leg-btn lf-leg-centro\" data-regiao=\"centro\">Centro<\/button>\r\n        <button class=\"lf-leg-btn lf-leg-continente\" data-regiao=\"continente\">Continente<\/button>\r\n      <\/div>\r\n\r\n      <!-- MAPA SVG - VIEWBOX CORRIGIDO -->\r\n      <div class=\"lf-mapa\">\r\n        <svg viewBox=\"-50 -10 400 780\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible\">\r\n          \r\n          <!-- CONTINENTE (mais largo para caber o texto) -->\r\n          <path class=\"lf-r lf-continente\" id=\"continente\"\r\n          d=\"M-15,200 \r\n             C-25,225 -28,255 -20,285 \r\n             C-12,315 5,340 0,370 \r\n             C-5,395 5,415 30,425 \r\n             C55,433 80,425 100,405 \r\n             C118,388 125,365 127,340 \r\n             C129,315 125,290 115,265 \r\n             C105,240 85,220 60,205 \r\n             C35,190 5,188 -15,200Z\"\/>\r\n\r\n          <!-- PONTE -->\r\n          <line x1=\"100\" y1=\"310\" x2=\"135\" y2=\"295\" stroke=\"#999\" stroke-width=\"2\" stroke-dasharray=\"4,2\"\/>\r\n\r\n          <!-- NORTE -->\r\n          <path class=\"lf-r lf-norte\" id=\"norte\"\r\n          d=\"M185,20 \r\n             C220,25 255,48 280,78 \r\n             C302,105 318,140 320,178 \r\n             C322,210 312,240 295,268 \r\n             C278,295 252,315 222,328 \r\n             C192,340 160,342 135,332 \r\n             C112,322 98,305 98,282 \r\n             C98,260 112,235 130,210 \r\n             C148,185 160,158 160,128 \r\n             C160,98 168,65 188,42 \r\n             C188,32 185,25 185,20Z\"\/>\r\n\r\n          <!-- LESTE -->\r\n          <path class=\"lf-r lf-leste\" id=\"leste\"\r\n          d=\"M222,328 \r\n             C252,340 278,365 295,398 \r\n             C310,428 318,462 312,495 \r\n             C306,525 292,550 268,568 \r\n             C248,584 225,590 205,585 \r\n             C188,580 178,565 175,545 \r\n             C172,522 178,498 188,472 \r\n             C198,445 205,418 200,392 \r\n             C196,370 205,350 222,328Z\"\/>\r\n\r\n          <!-- CENTRO -->\r\n          <path class=\"lf-r lf-centro\" id=\"centro\"\r\n          d=\"M98,282 \r\n             C98,305 112,322 135,332 \r\n             C160,342 192,340 222,328 \r\n             C205,350 196,370 200,392 \r\n             C205,418 198,445 188,472 \r\n             C178,498 172,522 175,545 \r\n             C165,558 152,565 138,558 \r\n             C118,548 102,530 95,505 \r\n             C88,480 95,452 108,425 \r\n             C118,402 115,378 105,352 \r\n             C95,328 95,305 98,282Z\"\/>\r\n\r\n          <!-- SUL -->\r\n          <path class=\"lf-r lf-sul\" id=\"sul\"\r\n          d=\"M138,558 \r\n             C152,565 175,558 175,545 \r\n             C178,565 188,580 205,585 \r\n             C225,590 248,598 265,615 \r\n             C280,632 288,655 280,680 \r\n             C270,705 248,722 220,730 \r\n             C192,738 162,732 138,718 \r\n             C115,702 98,678 92,650 \r\n             C88,622 98,595 115,575 \r\n             C128,560 135,558 138,558Z\"\/>\r\n\r\n          <!-- LABELS CENTRALIZADOS NAS REGI\u00d5ES -->\r\n          <text class=\"lf-label\" x=\"50\" y=\"315\" style=\"font-size:11px\">CONTINENTE<\/text>\r\n          <text class=\"lf-label\" x=\"210\" y=\"175\">NORTE<\/text>\r\n          <text class=\"lf-label\" x=\"252\" y=\"460\">LESTE<\/text>\r\n          <text class=\"lf-label\" x=\"152\" y=\"425\">CENTRO<\/text>\r\n          <text class=\"lf-label lf-label-dark\" x=\"195\" y=\"660\">SUL<\/text>\r\n\r\n          <!-- LAGOA DA CONCEI\u00c7\u00c3O -->\r\n          <ellipse cx=\"230\" cy=\"480\" rx=\"12\" ry=\"25\" fill=\"#87CEEB\" opacity=\"0.5\"\/>\r\n\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PAINEL DE INFORMA\u00c7\u00d5ES -->\r\n    <div class=\"lf-info\" id=\"lfInfo\">\r\n      \r\n      <!-- Estado inicial -->\r\n      <div class=\"lf-info-default\" id=\"lfDefault\">\r\n        <div class=\"lf-info-default-icon\">\ud83d\uddfa\ufe0f<\/div>\r\n        <h3>Selecione uma regi\u00e3o<\/h3>\r\n        <p>Passe o mouse ou clique no mapa para ver os detalhes<\/p>\r\n      <\/div>\r\n\r\n      <!-- Norte -->\r\n      <div class=\"lf-info-content\" id=\"info-norte\">\r\n        <div class=\"lf-info-header\">\r\n          <div class=\"lf-info-icon\" style=\"background:#4ECDC4\">\ud83c\udfd6\ufe0f<\/div>\r\n          <h3 class=\"lf-info-title\">Regi\u00e3o Norte<\/h3>\r\n        <\/div>\r\n        <p class=\"lf-info-desc\">A regi\u00e3o mais badalada da ilha! Praias com \u00e1guas calmas e mornas, estrutura completa de bares, restaurantes e vida noturna intensa. Perfeita para fam\u00edlias e quem busca conforto.<\/p>\r\n        <div class=\"lf-info-locais\">\r\n          <h4>Principais Locais<\/h4>\r\n          <div class=\"lf-info-tags\">\r\n            <span class=\"lf-tag\">Jurer\u00ea Internacional<\/span>\r\n            <span class=\"lf-tag\">Canasvieiras<\/span>\r\n            <span class=\"lf-tag\">Ingleses<\/span>\r\n            <span class=\"lf-tag\">Santinho<\/span>\r\n            <span class=\"lf-tag\">Brava<\/span>\r\n            <span class=\"lf-tag\">Lagoinha<\/span>\r\n            <span class=\"lf-tag\">Ponta das Canas<\/span>\r\n            <span class=\"lf-tag\">Daniela<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/norte\/\" class=\"lf-btn lf-btn-norte\">\r\n          Explorar Regi\u00e3o Norte\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Sul -->\r\n      <div class=\"lf-info-content\" id=\"info-sul\">\r\n        <div class=\"lf-info-header\">\r\n          <div class=\"lf-info-icon\" style=\"background:#F7DC6F\">\ud83c\udf0a<\/div>\r\n          <h3 class=\"lf-info-title\">Regi\u00e3o Sul<\/h3>\r\n        <\/div>\r\n        <p class=\"lf-info-desc\">Natureza preservada e tranquilidade! Trilhas incr\u00edveis, praias selvagens e a aut\u00eantica cultura a\u00e7oriana. Ideal para quem busca paz, aventura e contato com a natureza.<\/p>\r\n        <div class=\"lf-info-locais\">\r\n          <h4>Principais Locais<\/h4>\r\n          <div class=\"lf-info-tags\">\r\n            <span class=\"lf-tag\">Campeche<\/span>\r\n            <span class=\"lf-tag\">Arma\u00e7\u00e3o<\/span>\r\n            <span class=\"lf-tag\">P\u00e2ntano do Sul<\/span>\r\n            <span class=\"lf-tag\">Ribeir\u00e3o da Ilha<\/span>\r\n            <span class=\"lf-tag\">Lagoa do Peri<\/span>\r\n            <span class=\"lf-tag\">Matadeiro<\/span>\r\n            <span class=\"lf-tag\">Lagoinha do Leste<\/span>\r\n            <span class=\"lf-tag\">Naufragados<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/sul\/\" class=\"lf-btn lf-btn-sul\">\r\n          Explorar Regi\u00e3o Sul\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Leste -->\r\n      <div class=\"lf-info-content\" id=\"info-leste\">\r\n        <div class=\"lf-info-header\">\r\n          <div class=\"lf-info-icon\" style=\"background:#F39C12\">\ud83c\udf05<\/div>\r\n          <h3 class=\"lf-info-title\">Regi\u00e3o Leste<\/h3>\r\n        <\/div>\r\n        <p class=\"lf-info-desc\">O cora\u00e7\u00e3o cultural de Floripa! A famosa Lagoa da Concei\u00e7\u00e3o, vida noturna, esportes aqu\u00e1ticos e as praias mais procuradas por surfistas. Energia jovem e vibrante!<\/p>\r\n        <div class=\"lf-info-locais\">\r\n          <h4>Principais Locais<\/h4>\r\n          <div class=\"lf-info-tags\">\r\n            <span class=\"lf-tag\">Lagoa da Concei\u00e7\u00e3o<\/span>\r\n            <span class=\"lf-tag\">Barra da Lagoa<\/span>\r\n            <span class=\"lf-tag\">Joaquina<\/span>\r\n            <span class=\"lf-tag\">Praia Mole<\/span>\r\n            <span class=\"lf-tag\">Galheta<\/span>\r\n            <span class=\"lf-tag\">Mo\u00e7ambique<\/span>\r\n            <span class=\"lf-tag\">Rio Vermelho<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/leste\/\" class=\"lf-btn lf-btn-leste\">\r\n          Explorar Regi\u00e3o Leste\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Centro -->\r\n      <div class=\"lf-info-content\" id=\"info-centro\">\r\n        <div class=\"lf-info-header\">\r\n          <div class=\"lf-info-icon\" style=\"background:#E74C3C\">\ud83c\udfdb\ufe0f<\/div>\r\n          <h3 class=\"lf-info-title\">Regi\u00e3o Centro<\/h3>\r\n        <\/div>\r\n        <p class=\"lf-info-desc\">Hist\u00f3ria e modernidade! Centro hist\u00f3rico, Mercado P\u00fablico, vista para a Ponte Herc\u00edlio Luz e bairros universit\u00e1rios. Gastronomia, cultura e praticidade urbana.<\/p>\r\n        <div class=\"lf-info-locais\">\r\n          <h4>Principais Locais<\/h4>\r\n          <div class=\"lf-info-tags\">\r\n            <span class=\"lf-tag\">Centro Hist\u00f3rico<\/span>\r\n            <span class=\"lf-tag\">Trindade<\/span>\r\n            <span class=\"lf-tag\">Itacorubi<\/span>\r\n            <span class=\"lf-tag\">Saco dos Lim\u00f5es<\/span>\r\n            <span class=\"lf-tag\">Pantanal<\/span>\r\n            <span class=\"lf-tag\">C\u00f3rrego Grande<\/span>\r\n            <span class=\"lf-tag\">Santa M\u00f4nica<\/span>\r\n            <span class=\"lf-tag\">Agron\u00f4mica<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/centro\/\" class=\"lf-btn lf-btn-centro\">\r\n          Explorar Regi\u00e3o Centro\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Continente -->\r\n      <div class=\"lf-info-content\" id=\"info-continente\">\r\n        <div class=\"lf-info-header\">\r\n          <div class=\"lf-info-icon\" style=\"background:#27AE60\">\ud83c\udf09<\/div>\r\n          <h3 class=\"lf-info-title\">Continente<\/h3>\r\n        <\/div>\r\n        <p class=\"lf-info-desc\">A porta de entrada para a ilha! Beira-mar continental com p\u00f4r do sol espetacular, gastronomia variada e excelente custo-benef\u00edcio. Conex\u00e3o direta com toda a cidade.<\/p>\r\n        <div class=\"lf-info-locais\">\r\n          <h4>Principais Locais<\/h4>\r\n          <div class=\"lf-info-tags\">\r\n            <span class=\"lf-tag\">Estreito<\/span>\r\n            <span class=\"lf-tag\">Coqueiros<\/span>\r\n            <span class=\"lf-tag\">Itagua\u00e7u<\/span>\r\n            <span class=\"lf-tag\">Abra\u00e3o<\/span>\r\n            <span class=\"lf-tag\">Capoeiras<\/span>\r\n            <span class=\"lf-tag\">Balne\u00e1rio<\/span>\r\n            <span class=\"lf-tag\">Jardim Atl\u00e2ntico<\/span>\r\n            <span class=\"lf-tag\">Bom Abrigo<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/continente\/\" class=\"lf-btn lf-btn-continente\">\r\n          Explorar Continente\r\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  'use strict';\r\n  \r\n  var regioes = document.querySelectorAll('.lf-r');\r\n  var legendaBtns = document.querySelectorAll('.lf-leg-btn');\r\n  var defaultPanel = document.getElementById('lfDefault');\r\n  var infoPanels = document.querySelectorAll('.lf-info-content');\r\n  var infoContainer = document.getElementById('lfInfo');\r\n  \r\n  var isLocked = false;\r\n  var currentRegiao = null;\r\n  var hideTimeout = null;\r\n\r\n  function showInfo(id) {\r\n    if (hideTimeout) {\r\n      clearTimeout(hideTimeout);\r\n      hideTimeout = null;\r\n    }\r\n    \r\n    currentRegiao = id;\r\n    \r\n    if (defaultPanel) defaultPanel.style.display = 'none';\r\n    \r\n    infoPanels.forEach(function(p) {\r\n      p.classList.remove('show');\r\n    });\r\n    \r\n    var panel = document.getElementById('info-' + id);\r\n    if (panel) panel.classList.add('show');\r\n    \r\n    regioes.forEach(function(r) {\r\n      r.classList.remove('active');\r\n    });\r\n    \r\n    var regiao = document.getElementById(id);\r\n    if (regiao) regiao.classList.add('active');\r\n    \r\n    legendaBtns.forEach(function(btn) {\r\n      btn.classList.remove('active');\r\n    });\r\n    \r\n    var btn = document.querySelector('.lf-leg-btn[data-regiao=\"' + id + '\"]');\r\n    if (btn) btn.classList.add('active');\r\n  }\r\n\r\n  function resetInfo() {\r\n    currentRegiao = null;\r\n    \r\n    if (defaultPanel) defaultPanel.style.display = 'flex';\r\n    \r\n    infoPanels.forEach(function(p) {\r\n      p.classList.remove('show');\r\n    });\r\n    \r\n    regioes.forEach(function(r) {\r\n      r.classList.remove('active');\r\n    });\r\n    \r\n    legendaBtns.forEach(function(btn) {\r\n      btn.classList.remove('active');\r\n    });\r\n  }\r\n\r\n  function scheduleHide() {\r\n    if (isLocked) return;\r\n    \r\n    hideTimeout = setTimeout(function() {\r\n      if (!isLocked) {\r\n        resetInfo();\r\n      }\r\n    }, 200);\r\n  }\r\n\r\n  function cancelHide() {\r\n    if (hideTimeout) {\r\n      clearTimeout(hideTimeout);\r\n      hideTimeout = null;\r\n    }\r\n  }\r\n\r\n  \/\/ Eventos nas regi\u00f5es do mapa\r\n  regioes.forEach(function(r) {\r\n    r.addEventListener('mouseenter', function() {\r\n      cancelHide();\r\n      if (!isLocked) {\r\n        showInfo(this.id);\r\n      }\r\n    });\r\n    \r\n    r.addEventListener('mouseleave', function() {\r\n      if (!isLocked) {\r\n        scheduleHide();\r\n      }\r\n    });\r\n\r\n    r.addEventListener('click', function() {\r\n      if (isLocked && this.classList.contains('active')) {\r\n        var links = {\r\n          norte: 'https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/norte\/',\r\n          sul: 'https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/sul\/',\r\n          leste: 'https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/leste\/',\r\n          centro: 'https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/centro\/',\r\n          continente: 'https:\/\/www.likefloripa.com.br\/regiao-do-parceiro\/continente\/'\r\n        };\r\n        window.location.href = links[this.id];\r\n      } else {\r\n        isLocked = true;\r\n        showInfo(this.id);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Hover no painel de informa\u00e7\u00f5es mant\u00e9m vis\u00edvel\r\n  infoContainer.addEventListener('mouseenter', function() {\r\n    cancelHide();\r\n  });\r\n\r\n  infoContainer.addEventListener('mouseleave', function() {\r\n    if (!isLocked) {\r\n      scheduleHide();\r\n    }\r\n  });\r\n\r\n  \/\/ Eventos nos bot\u00f5es da legenda\r\n  legendaBtns.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      isLocked = true;\r\n      showInfo(this.getAttribute('data-regiao'));\r\n    });\r\n    \r\n    btn.addEventListener('mouseenter', function() {\r\n      cancelHide();\r\n      if (!isLocked) {\r\n        showInfo(this.getAttribute('data-regiao'));\r\n      }\r\n    });\r\n    \r\n    btn.addEventListener('mouseleave', function() {\r\n      if (!isLocked) {\r\n        scheduleHide();\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Click fora = destrava\r\n  document.addEventListener('click', function(e) {\r\n    var isInside = e.target.closest('.lf-wrapper');\r\n    if (!isInside) {\r\n      isLocked = false;\r\n      resetInfo();\r\n    }\r\n  });\r\n\r\n})();\r\n<\/script>\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>Descubra cada canto de Floripa: Clique em uma regi\u00e3o do mapa e explore praias, trilhas e experi\u00eancias \u00fanicas! Norte Sul Leste Centro Continente CONTINENTE NORTE LESTE CENTRO SUL \ud83d\uddfa\ufe0f Selecione uma regi\u00e3o Passe o mouse ou clique no mapa para ver os detalhes \ud83c\udfd6\ufe0f Regi\u00e3o Norte A regi\u00e3o mais badalada da ilha! Praias com \u00e1guas [&hellip;]<\/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":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":0,"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.likefloripa.com.br\/en\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"Wordpress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}