{"id":784,"date":"2025-12-18T14:40:34","date_gmt":"2025-12-18T17:40:34","guid":{"rendered":"https:\/\/www.nobilehoteis.com.br\/landingpages\/?page_id=784"},"modified":"2026-02-09T13:51:51","modified_gmt":"2026-02-09T16:51:51","slug":"modelos-de-negocio","status":"publish","type":"page","link":"https:\/\/www.nobilehoteis.com.br\/landingpages\/modelos-de-negocio\/","title":{"rendered":"Modelos de Neg\u00f3cio"},"content":{"rendered":"\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style type=\"text\/css\">\n\n\n\n.banner_topo {\n\n\n\nmargin-top: -50px;\n\n\n\n  display: flex;\n\n\n\n  align-items: center;\n\n\n\n  justify-content: flex-start;\n\n\n\n  padding: 100 60px;\n\n\n\n  background-size: cover;\n\n\n\n  background-position: center;\n\n\n\n  background-repeat: no-repeat;\n\n\n\n  background-image: url(\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/bnn-lp-nobile.jpg\");\n\n\n\n}\n\n\n\n\n\n\n\n\/* for\u00e7a o container a n\u00e3o centralizar conte\u00fado *\/\n\n\n\n.banner_topo .container {\n\n\n\n  max-width: 1400px;\n\n\n\n  width: 100%;\n\n\n\n  margin: 0;\n\n\n\n  padding: 0;\n\n\n\n  text-align: left !important;\n\n\n\n}\n\n\n\n\n\n\n\n.banner_topo .area_flex {\n\n\n\n  display: flex;\n\n\n\n   height: 800px;\n\n\n\n  flex-flow: row wrap;\n\n\n\n  justify-content: flex-start;\n\n\n\n  align-items: center;\n\n\n\n  text-align: left !important;\n\n\n\n}\n\n\n\n\n\n\n\n.banner_topo .caixa {\n\n\n\n  width: 70%;\n\n\n\n  padding: 158px;\n\n\n\n  text-align: left !important;\n\n\n\n}\n\n\n\n\n\n\n\n.banner_topo h1 {\n\n\n\n  color: #fff;\n\n\n\n  font-size: 48px;\n\n\n\n  margin-bottom: 20px;\n\n\n\n  text-align: left !important;\n\n\n\n  font-weight: bold;\n\n\n\n  line-height: 1.2;\n\n\n\n}\n\n\n\n\n\n\n\n.banner_topo p {\n\n\n\n  color: #fff;\n\n\n\n  font-size: 20px;\n\n\n\n  line-height: 1.6;\n\n\n\n  text-align: left !important;\n\n\n\n  margin-bottom: 0;\n\n\n\n}\n\n\n\n\n\n\n\n@media (max-width: 991px) {\n\n\n\n  .banner_topo {\n\n\n\n    height: auto;\n\n\n\n    margin-top: -20px;\n\n\n\n    padding: 15px 20px;\n\n\n\n    background-size: cover;\n\n\n\n    background-position: center;\n\n\n\n    background-image: url(\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/12\/bnn-lp-nobile-responsivo.png\");\n\n\n\n  }\n\n\n\n\n\n\n\n  .banner_topo .area_flex {\n\n\n\n   height: 500px;\n\n\n\n    flex-flow: column;\n\n\n\n    align-items: flex-start;\n\n\n\n  }\n\n\n\n\n\n\n\n  .banner_topo .caixa {\n\n\n\n    width: 100%;\n\n\n\n    padding: 25px;\n\n\n\n    text-align: left !important;\n\n\n\n  }\n\n\n\n\n\n\n\n  .banner_topo h1 {\n\n\n\n    font-size: 30px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .banner_topo p {\n\n\n\n    font-size: 15px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .banner_topo .btn-empresa2 {\n\n\n\n    margin-top: 10px;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<div class=\"banner_topo\">\n\n\n\n  <div class=\"container area_flex\">\n\n\n\n    <div class=\"caixa wow zoomIn animated\" data-wow-delay=\"00.1s\" data-wow-duration=\"1000ms\"\n\n\n\n      style=\"visibility: visible; animation-duration: 1000ms; animation-delay: 0.1s; animation-name: zoomIn;\">\n\n\n\n      <h1 class=\"fonte_especial\">Impulsione seu hotel com a Nobile Hotels &#038; Resorts<\/h1>\n\n\n\n      <p>Potencialize a rentabilidade do seu hotel com a for\u00e7a de intelig\u00eancia de vendas e a experi\u00eancia da 5\u00aa maior rede hoteleira do Brasil.<\/p>\n\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style type=\"text\/css\">\n\n\n\n.solu-empresa {\n\n\n\nbackground: #fff;\n\n\n\n    border-radius: 5%;\n\n\n\n    margin-top: -30px;\n\n\n\n  padding: 7px 30px;\n\n\n\n}\n\n\n\n\n\n\n\n.solu-empresa .area_flex {\n\n\n\n  display: flex;\n\n\n\n  flex-flow: row wrap;\n\n\n\n  justify-content: center;\n\n\n\n  align-items: center;\n\n\n\n  gap: 30px;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Caixa de texto *\/\n\n\n\n.solu-empresa .caixa {\n\n\n\n  width: 50%;\n\n\n\n  padding: 90px;\n\n\n\n  text-align: left;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Caixa da imagem com fundo branco e imagem via CSS *\/\n\n\n\n.solu-empresa .caixa1 {\n\n\n\n  width: 25%;\n\n\n\n  padding: 200px;\n\n\n\n  background-size: cover;\n\n\n\n  background-position: center;\n\n\n\n  background-repeat: no-repeat;\n\n\n\n  background-image: url(\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/img-lp-nobile.png\");\n\n\n\n  min-height: 400px; \/* altura m\u00ednima para o fundo e imagem aparecerem bem *\/\n\n\n\n  display: flex;\n\n\n\n  align-items: center;\n\n\n\n  justify-content: center;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Texto *\/\n\n\n\n.solu-empresa h2 {\n\n\n\n  color: #1b3b6f;\n\n\n\n  font-size: 40px;\n\n\n\n  margin-bottom: 15px;\n\n\n\n  font-weight: bold;\n\n\n\n  text-align: left;\n\n\n\n}\n\n\n\n\n\n\n\n.solu-empresa p {\n\n\n\n  color: #000;\n\n\n\n  font-size: 16px;\n\n\n\n  line-height: 24px;\n\n\n\n  text-align: justify;\n\n\n\n}\n\n\n\n\n\n\n\n.solu-empresa .traco {\n\n\n\n  width: 100px;\n\n\n\n  height: 1px;\n\n\n\n  border-bottom: 5px solid #000;\n\n\n\n  margin: 18px 0;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Responsivo *\/\n\n\n\n@media (max-width: 991px) {\n\n\n\n  .solu-empresa{\n\n\n\n    margin-top: -167px;\n\n\n\n  }\n\n\n\n  .solu-empresa .area_flex {\n\n\n\n    flex-flow: column;\n\n\n\n    align-items: center;\n\n\n\n  }\n\n\n\n\n\n\n\n  .solu-empresa .caixa,\n\n\n\n  .solu-empresa .caixa1 {\n\n\n\n    width: 100%;\n\n\n\n    padding: 20px;\n\n\n\n    text-align: center;\n\n\n\n  }\n\n\n\n\n\n\n\n  .solu-empresa .caixa1 {\n\n\n\n    border-radius: 20%;\n\n\n\n    min-height: 300px;\n\n\n\n    background-position: center;\n\n\n\n  }\n\n\n\n\n\n\n\n  .solu-empresa h2 {\n\n\n\n    font-size: 28px;\n\n\n\n    text-align: center;\n\n\n\n  }\n\n\n\n\n\n\n\n  .solu-empresa p {\n\n\n\n    text-align: center;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<div class=\"solu-empresa\">\n\n\n\n  <div class=\"container area_flex\">\n\n\n\n    <div class=\"caixa wow zoomIn animated\" data-wow-delay=\"00.1s\"\n\n\n\n      data-wow-duration=\"1000ms\"\n\n\n\n      style=\"visibility: visible; animation-duration: 1000ms; animation-delay: 0.1s; animation-name: zoomIn;\">\n\n\n\n      <h2 class=\"fonte_especial\">Solu\u00e7\u00f5es ideais para o sucesso do seu hotel<\/h2>\n\n\n\n      <!--<div class=\"traco\">&nbsp;<\/div>-->\n\n\n\n      \n\n\n\n<p>Da gest\u00e3o integral \u00e0 autonomia com suporte: a Nobile oferece 4 modelos de parceria para <b>maximizar a receita e valorizar o seu ativo.<\/b><br>\n\n\n\nCom 17 anos de excel\u00eancia no mercado hoteleiro, a Nobile Hotels &#038; Resorts impulsiona a alta performance do seu empreendimento por meio de equipes multidisciplinares e acesso direto aos maiores canais de vendas do mundo.<\/p><br>\n\n\n\n\n\n\n\n      <!--<p><a href=\"[url_site]empresa\"><button class=\"btn btn-empresa2\" type=\"button\">Saiba mais!<\/button><\/a><\/p>-->\n\n\n\n    <\/div>\n\n\n\n\n\n\n\n    <div class=\"caixa1 wow zoomIn animated\" data-wow-delay=\"00.2s\"\n\n\n\n      data-wow-duration=\"1000ms\"\n\n\n\n      style=\"visibility: visible; animation-duration: 1000ms; animation-delay: 0.2s; animation-name: zoomIn;\">\n\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style type=\"text\/css\">\n\n\n\n.whatsapp1 {\n\n\n\n  padding: 40px 20px;\n\n\n\n  background: linear-gradient(to right, #2A7FA1, #26377F);\n\n\n\n  margin: 20px;\n\n\n\n  border-radius: 50px;\n\n\n\n}\n\n\n\n\n\n\n\n.whatsapp1 .area_flex {\n\n\n\n  display: flex;\n\n\n\n  flex-flow: row wrap;\n\n\n\n  justify-content: space-around;\n\n\n\n  align-items: center;\n\n\n\n  text-align: center;\n\n\n\n  gap: 30px;\n\n\n\n}\n\n\n\n\n\n\n\n.whatsapp1 .caixa {\n\n\n\n  flex: 1;\n\n\n\n  min-width: 250px;\n\n\n\n  transition: transform 0.3s ease;\n\n\n\n}\n\n\n\n\n\n\n\n.whatsapp1 .caixa:hover {\n\n\n\n  transform: scale(1.08);\n\n\n\n}\n\n\n\n\n\n\n\n.whatsapp1 h3 {\n\n\n\n  color: #fff;\n\n\n\n  font-size: 40px;\n\n\n\n  font-weight: bold;\n\n\n\n  margin-bottom: 10px;\n\n\n\n}\n\n\n\n\n\n\n\n.whatsapp1 p {\n\n\n\n  color: #fff;\n\n\n\n  font-size: 16px;\n\n\n\n  line-height: 22px;\n\n\n\n  font-weight: 400;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Responsivo *\/\n\n\n\n@media (max-width: 991px) {\n\n\n\n  .whatsapp1 {\n\n\n\n    border-radius: 30px;\n\n\n\n    padding: 30px 15px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .whatsapp1 .area_flex {\n\n\n\n    flex-direction: column;\n\n\n\n    gap: 25px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .whatsapp1 h3 {\n\n\n\n    font-size: 26px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .whatsapp1 p {\n\n\n\n    font-size: 15px;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<div class=\"whatsapp1\">\n\n\n\n  <div class=\"container area_flex\">\n\n\n\n    <div class=\"caixa\">\n\n\n\n      <!-- data-target com o n\u00famero exato -->\n\n\n\n      <h3 class=\"count\" data-target=\"8000\">+0<\/h3>\n\n\n\n      <p>Quartos, a 5\u00aa Maior rede do Brasil<\/p>\n\n\n\n    <\/div>\n\n\n\n\n\n\n\n    <div class=\"caixa\">\n\n\n\n      <h3 class=\"count\" data-target=\"3000000\">+0<\/h3>\n\n\n\n      <p>H\u00f3spedes satisfeitos por ano em 7 Pa\u00edses<\/p>\n\n\n\n    <\/div>\n\n\n\n\n\n\n\n    <div class=\"caixa\">\n\n\n\n      <h3 class=\"count\" data-target=\"250000\">+0<\/h3>\n\n\n\n      <p>Clientes fidelizados ao Programa Nobile Plus<\/p>\n\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<script>\n\n\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n\n\n  const counters = document.querySelectorAll('.count');\n\n\n\n\n\n\n\n  \/\/ dura\u00e7\u00e3o em ms (ajuste se quer mais r\u00e1pido\/lento). Podemos variar por alvo se preferir.\n\n\n\n  const defaultDuration = 1200;\n\n\n\n\n\n\n\n  function formatNumber(n) {\n\n\n\n    return n.toLocaleString('pt-BR');\n\n\n\n  }\n\n\n\n\n\n\n\n  function animateCount(counter, duration = defaultDuration) {\n\n\n\n    const target = Number(counter.getAttribute('data-target')) || 0;\n\n\n\n    const start = 0;\n\n\n\n    const startTime = performance.now();\n\n\n\n\n\n\n\n    function step(now) {\n\n\n\n      const elapsed = now - startTime;\n\n\n\n      const progress = Math.min(elapsed \/ duration, 1); \/\/ 0..1\n\n\n\n      \/\/ easeOutQuad para sensa\u00e7\u00e3o mais natural\n\n\n\n      const eased = 1 - (1 - progress) * (1 - progress);\n\n\n\n      const current = Math.floor(start + (target - start) * eased);\n\n\n\n\n\n\n\n      counter.innerText = '+' + formatNumber(current);\n\n\n\n\n\n\n\n      if (progress < 1) {\n\n\n\n        requestAnimationFrame(step);\n\n\n\n      } else {\n\n\n\n        \/\/ garante valor final exato\n\n\n\n        counter.innerText = '+' + formatNumber(target);\n\n\n\n      }\n\n\n\n    }\n\n\n\n\n\n\n\n    requestAnimationFrame(step);\n\n\n\n  }\n\n\n\n\n\n\n\n  \/\/ Observer para iniciar a contagem quando vis\u00edvel (uma vez)\n\n\n\n  const observer = new IntersectionObserver((entries, obs) => {\n\n\n\n    entries.forEach(entry => {\n\n\n\n      if (entry.isIntersecting) {\n\n\n\n        \/\/ opcional: ajustar dura\u00e7\u00e3o dependendo do tamanho do n\u00famero\n\n\n\n        const tgt = Number(entry.target.getAttribute('data-target')) || 0;\n\n\n\n        \/\/ maior n\u00famero -> um pouco mais tempo, mas ainda r\u00e1pido\n\n\n\n        const duration = tgt >= 1000000 ? 1400 : (tgt >= 100000 ? 1100 : 900);\n\n\n\n        animateCount(entry.target, duration);\n\n\n\n        obs.unobserve(entry.target);\n\n\n\n      }\n\n\n\n    });\n\n\n\n  }, { threshold: 0.4 });\n\n\n\n\n\n\n\n  counters.forEach(c => {\n\n\n\n    \/\/ inicializa com +0 at\u00e9 a anima\u00e7\u00e3o come\u00e7ar\n\n\n\n    c.innerText = '+0';\n\n\n\n    observer.observe(c);\n\n\n\n  });\n\n\n\n});\n\n\n\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!-- Swiper CSS -->\n\n\n\n<!-- Swiper CSS -->\n\n\n\n<!-- Link do Swiper -->\n\n\n\n<link\n\n\n\n  rel=\"stylesheet\"\n\n\n\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n\n\n\n\/>\n\n\n\n\n\n\n\n<style>\n\n\n\n  .section-carrossel {\n\n\n\n    display: flex;\n\n\n\n    align-items: center;\n\n\n\n    justify-content: space-between;\n\n\n\n    gap: 60px;\n\n\n\n    padding: 60px 225px;\n\n\n\n    background-color: #fff;\n\n\n\n    border-radius: 20px;\n\n\n\n    overflow: hidden;\n\n\n\n    max-width: 100%;\n\n\n\n    box-sizing: border-box;\n\n\n\n  }\n\n\n\n\n\n\n\n  .section-carrossel .texto {\n\n\n\n    flex: 1;\n\n\n\n    max-width: 480px;\n\n\n\n    transition: opacity 0.6s ease;\n\n\n\n  }\n\n\n\n\n\n\n\n  .section-carrossel h2 {\n\n\n\n    color: #1b3b6f;\n\n\n\n    font-size: 32px;\n\n\n\n    font-weight: 800;\n\n\n\n    margin-bottom: 15px;\n\n\n\n  }\n\n\n\n\n\n\n\n  .section-carrossel p {\n\n\n\n    font-size: 16px;\n\n\n\n    color: #333;\n\n\n\n    margin-bottom: 20px;\n\n\n\n    line-height: 1.6;\n\n\n\n  }\n\n\n\n\n\n\n\n  .section-carrossel .btn {\n\n\n\n    display: inline-block;\n\n\n\n    background-color: #1b3b6f;\n\n\n\n    color: #fff;\n\n\n\n    padding: 12px 40px;\n\n\n\n    border-radius: 8px;\n\n\n\n    text-decoration: none;\n\n\n\n    font-weight: 600;\n\n\n\n    transition: 0.3s;\n\n\n\n  }\n\n\n\n\n\n\n\n  .section-carrossel .btn:hover {\n\n\n\n    background-color: #2a7fa1;\n\n\n\n    transform: scale(1.05);\n\n\n\n  }\n\n\n\n\n\n\n\n  \/* Carrossel *\/\n\n\n\n  .swiper {\n\n\n\n    width: 420px;\n\n\n\n    height: 500px;\n\n\n\n    position: relative;\n\n\n\n    overflow: hidden;\n\n\n\n  }\n\n\n\n\n\n\n\n  .swiper-slide {\n\n\n\n    border-radius: 20px;\n\n\n\n    overflow: hidden;\n\n\n\n    transition: all 0.4s ease;\n\n\n\n  }\n\n\n\n\n\n\n\n  .swiper-slide img {\n\n\n\n    width: 100%;\n\n\n\n    height: 100%;\n\n\n\n    object-fit: cover;\n\n\n\n    display: block;\n\n\n\n  }\n\n\n\n\n\n\n\n  \/* Efeito blur e scale nas n\u00e3o ativas *\/\n\n\n\n  .swiper-slide:not(.swiper-slide-active) {\n\n\n\n    filter: blur(4px);\n\n\n\n    transform: scale(0.9);\n\n\n\n    opacity: 0.7;\n\n\n\n  }\n\n\n\n\n\n\n\n  .swiper-button-next svg,\n\n\n\n  .swiper-button-prev svg {\n\n\n\n    width: 20px;\n\n\n\n    height: 20px;\n\n\n\n    fill: currentColor;\n\n\n\n  }\n\n\n\n\n\n\n\n  \/* Responsivo *\/\n\n\n\n  @media (max-width: 991px) {\n\n\n\n    .section-carrossel {\n\n\n\n      flex-direction: column;\n\n\n\n      text-align: center;\n\n\n\n      gap: 40px;\n\n\n\n      padding: 40px 20px;\n\n\n\n    }\n\n\n\n\n\n\n\n    .swiper {\n\n\n\n      width: 90%;\n\n\n\n      height: 400px;\n\n\n\n    }\n\n\n\n\n\n\n\n    .swiper-button-prev {\n\n\n\n      left: 10px;\n\n\n\n    }\n\n\n\n\n\n\n\n    .swiper-button-next {\n\n\n\n      right: 10px;\n\n\n\n    }\n\n\n\n  }\n\n\n\n\n\n\n\n  \/* Bot\u00e3o do formul\u00e1rio *\/\n\n\n\n  .btn-enviar {\n\n\n\n    background-color: #1b3b6f;\n\n\n\n    color: #fff;\n\n\n\n    border: none;\n\n\n\n    border-radius: 50px !important;\n\n\n\n    padding: 14px 25px !important;\n\n\n\n    font-size: 7px !important;\n\n\n\n    font-weight: 700;\n\n\n\n    cursor: pointer;\n\n\n\n    transition: transform 0.3s ease;\n\n\n\n  }\n\n\n\n\n\n\n\n  .btn-enviar:hover {\n\n\n\n    transform: scale(1.05);\n\n\n\n    background-color: #2a7fa1;\n\n\n\n  }\n\n\n\n\n\n\n\n  \/* Centraliza o bot\u00e3o do formul\u00e1rio *\/\n\n\n\n  .representante-form {\n\n\n\n    text-align: center;\n\n\n\n  }\n\n\n\n<style>\n\n  .section-carrossel {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 60px;\n\n    padding: 60px 225px;\n\n    background-color: #fff;\n\n    border-radius: 20px;\n\n    overflow: hidden;\n\n    max-width: 100%;\n\n    box-sizing: border-box;\n\n  }\n\n\n\n  .section-carrossel .texto {\n\n    flex: 1;\n\n    max-width: 480px;\n\n    opacity: 1; \/* Garante visibilidade inicial *\/\n\n    transition: opacity 0.4s ease;\n\n  }\n\n\n\n  .section-carrossel h2 {\n\n    color: #1b3b6f;\n\n    font-size: 32px;\n\n    font-weight: 800;\n\n    margin-bottom: 15px;\n\n  }\n\n\n\n  .section-carrossel p {\n\n    font-size: 16px;\n\n    color: #333;\n\n    margin-bottom: 20px;\n\n    line-height: 1.6;\n\n  }\n\n\n\n  .section-carrossel .btn {\n\n    display: inline-block;\n\n    background-color: #1b3b6f;\n\n    color: #fff;\n\n    padding: 12px 40px;\n\n    border-radius: 8px;\n\n    text-decoration: none;\n\n    font-weight: 600;\n\n    transition: 0.3s;\n\n  }\n\n\n\n  .section-carrossel .btn:hover {\n\n    background-color: #2a7fa1;\n\n    transform: scale(1.05);\n\n  }\n\n\n\n  \/* Carrossel *\/\n\n  .swiper {\n\n    width: 420px;\n\n    height: 500px;\n\n    position: relative;\n\n    overflow: hidden;\n\n    flex-shrink: 0; \/* Impede que o carrossel seja esmagado *\/\n\n  }\n\n\n\n  .swiper-slide {\n\n    border-radius: 20px;\n\n    overflow: hidden;\n\n    transition: all 0.4s ease;\n\n  }\n\n\n\n  .swiper-slide img {\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    display: block;\n\n  }\n\n\n\n  \/* Efeito blur e scale nas n\u00e3o ativas *\/\n\n  .swiper-slide:not(.swiper-slide-active) {\n\n    filter: blur(4px);\n\n    transform: scale(0.9);\n\n    opacity: 0.7;\n\n  }\n\n\n\n  .swiper-button-next svg,\n\n  .swiper-button-prev svg {\n\n    width: 20px;\n\n    height: 20px;\n\n    fill: currentColor;\n\n  }\n\n\n\n  \/* Responsivo *\/\n\n  @media (max-width: 991px) {\n\n    .section-carrossel {\n\n      flex-direction: column;\n\n      text-align: center;\n\n      gap: 40px;\n\n      padding: 40px 20px;\n\n    }\n\n\n\n    .swiper {\n\n      width: 90%;\n\n      height: 400px;\n\n    }\n\n\n\n    .swiper-button-prev { left: 10px; }\n\n    .swiper-button-next { right: 10px; }\n\n  }\n\n<\/style>\n\n\n\n<div class=\"section-carrossel\">\n\n  <div class=\"texto\" id=\"container-texto\">\n\n    <h2 id=\"titulo-dinamico\">ADMINISTRA\u00c7\u00c3O<\/h2>\n\n    <p id=\"texto-dinamico\">\n\n      Este \u00e9 o modelo de parceria mais completo, onde a Nobile assume a gest\u00e3o\n\n      integral do seu hotel, visando a manuten\u00e7\u00e3o do patrim\u00f4nio e a maximiza\u00e7\u00e3o\n\n      da rentabilidade.\n\n    <\/p>\n\n    <a href=\"mailto:lorena@gruponobile.com.br?subject=Interesse no modelo de Administra\u00e7\u00e3o\" class=\"btn\" id=\"btn-dinamico\">CLIQUE PARA SABER MAIS<\/a>\n\n  <\/div>\n\n\n\n  <div class=\"swiper mySwiper\">\n\n    <div class=\"swiper-wrapper\">\n\n      \n\n      <div class=\"swiper-slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Fachada-Hotel-Nobile-1.png\" alt=\"Administra\u00e7\u00e3o\">\n\n      <\/div>\n\n\n\n      <div class=\"swiper-slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_lm473ylm473ylm47.png\" alt=\"Franquia (Imagem Ilustrativa)\">\n\n      <\/div>\n\n\n\n      <div class=\"swiper-slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Selo-Hotel-Nobile.png\" alt=\"Associa\u00e7\u00e3o\">\n\n      <\/div>\n\n\n\n      <div class=\"swiper-slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Quarto-Hotel-Nobile.png\" alt=\"Licenciamento\">\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"swiper-button-prev\">\n\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"><\/path><\/svg>\n\n    <\/div>\n\n    <div class=\"swiper-button-next\">\n\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"><\/path><\/svg>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n\n  \/\/ Dados do Carrossel (Texto e Links)\n\n  const dadosDoCarrossel = [\n\n    {\n\n      titulo: \"ADMINISTRA\u00c7\u00c3O\",\n\n      texto: \"Gest\u00e3o completa com excel\u00eancia operacional e rentabilidade comprovada.\",\n\n      link: \"mailto:lorena@gruponobile.com.br?subject=Interesse no modelo de Administra\u00e7\u00e3o\"\n\n    },\n\n    {\n\n      titulo: \"FRANQUIA\",\n\n      texto: \"Seu hotel operando sob os padr\u00f5es e reconhecimento de uma marca consolidada.\",\n\n      link: \"https:\/\/www.nobilehoteis.com.br\/landingpages\/franquias\/\"\n\n    },\n\n    {\n\n      titulo: \"ASSOCIA\u00c7\u00c3O\",\n\n      texto: \"Sua gest\u00e3o independente com a intelig\u00eancia de vendas da Nobile.\",\n\n      link: \"https:\/\/www.nobilehoteis.com.br\/landingpages\/associacao-2\/\"\n\n    },\n\n    {\n\n      titulo: \"LICENCIAMENTO\",\n\n      texto: \"Marca, Padr\u00f5es, Tecnologia, distribui\u00e7\u00e3o e suporte em intelig\u00eancia de vendas da rede.\",\n\n      link: \"mailto:lorena@gruponobile.com.br?subject=Interesse no modelo de Licenciamento\"\n\n    }\n\n  ];\n\n\n\n  const swiper = new Swiper(\".mySwiper\", {\n\n    loop: true,\n\n    centeredSlides: true,\n\n    slidesPerView: 1.2,\n\n    spaceBetween: 20,\n\n    grabCursor: true,\n\n    autoplay: {\n\n      delay: 7000,\n\n      disableOnInteraction: false,\n\n    },\n\n    navigation: {\n\n      nextEl: \".swiper-button-next\",\n\n      prevEl: \".swiper-button-prev\",\n\n    },\n\n    on: {\n\n      slideChange: function () {\n\n        \/\/ Pega o \u00edndice real do slide (0, 1, 2, 3...)\n\n        const index = this.realIndex;\n\n        const dados = dadosDoCarrossel[index];\n\n\n\n        \/\/ Elementos HTML\n\n        const container = document.getElementById(\"container-texto\");\n\n        const elTitulo = document.getElementById(\"titulo-dinamico\");\n\n        const elTexto = document.getElementById(\"texto-dinamico\");\n\n        const elBtn = document.getElementById(\"btn-dinamico\");\n\n\n\n        \/\/ Anima\u00e7\u00e3o de troca\n\n        if (container) {\n\n          container.style.opacity = \"0\"; \/\/ Esconde\n\n\n\n          setTimeout(() => {\n\n            if (dados) {\n\n              if (elTitulo) elTitulo.innerText = dados.titulo;\n\n              if (elTexto) elTexto.innerText = dados.texto;\n\n              if (elBtn) elBtn.setAttribute(\"href\", dados.link);\n\n            }\n\n            container.style.opacity = \"1\"; \/\/ Mostra\n\n          }, 300);\n\n        }\n\n      },\n\n    },\n\n    breakpoints: {\n\n      992: {\n\n        slidesPerView: 1.4,\n\n      },\n\n    },\n\n  });\n\n<\/script>\n\n    <!-- Bot\u00f5es de navega\u00e7\u00e3o -->\n\n\n\n    <div class=\"swiper-button-prev\">\n\n\n\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n\n\n\n        <path\n\n\n\n          d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\n\n\n\n        ><\/path>\n\n\n\n      <\/svg>\n\n\n\n    <\/div>\n\n\n\n    <div class=\"swiper-button-next\">\n\n\n\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n\n\n\n        <path\n\n\n\n          d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\n\n\n\n        ><\/path>\n\n\n\n      <\/svg>\n\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<!-- Swiper JS -->\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n\n\n<script>\n\n\n\n  const swiper = new Swiper(\".mySwiper\", {\n\n\n\n    loop: true,\n\n\n\n    centeredSlides: true,\n\n\n\n    slidesPerView: 1.2,\n\n\n\n    spaceBetween: 20,\n\n\n\n    grabCursor: true,\n\n\n\n    autoplay: {\n\n\n\n      delay: 7000,\n\n\n\n      disableOnInteraction: false,\n\n\n\n    },\n\n\n\n    navigation: {\n\n\n\n      nextEl: \".swiper-button-next\",\n\n\n\n      prevEl: \".swiper-button-prev\",\n\n\n\n    },\n\n\n\n    on: {\n\n\n\n      slideChange: function () {\n\n\n\n        const activeSlide = this.slides[this.activeIndex];\n\n\n\n        const title = activeSlide.getAttribute(\"data-title\");\n\n\n\n        const text = activeSlide.getAttribute(\"data-text\");\n\n\n\n        const textContainer = document.getElementById(\"texto-carrossel\");\n\n\n\n        textContainer.style.opacity = \"0\";\n\n\n\n        setTimeout(() => {\n\n\n\n          textContainer.querySelector(\"h2\").textContent = title;\n\n\n\n          textContainer.querySelector(\"p\").textContent = text;\n\n\n\n          textContainer.style.opacity = \"1\";\n\n\n\n        }, 300);\n\n\n\n      },\n\n\n\n    },\n\n\n\n    breakpoints: {\n\n\n\n      992: {\n\n\n\n        slidesPerView: 1.4,\n\n\n\n      },\n\n\n\n    },\n\n\n\n  });\n\n\n\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style>\n\n\n\n\/* === Layout Geral === *\/\n\n\n\n.section-representante {\n\n\n\n  display: flex;\n\n\n\n  align-items: center;\n\n\n\n  justify-content: center;\n\n\n\n  padding: 60px 75px;\n\n\n\n  gap: 60px;\n\n\n\n  flex-wrap: wrap;\n\n\n\n  background-color: #263775;\n\n\n\n  background-size: cover;\n\n\n\n  background-position: center;\n\n\n\n}\n\n\n\n\n\n\n\n\/* === Texto Esquerda === *\/\n\n\n\n.representante-texto {\n\n\n\n  flex: 1 1 45%;\n\n\n\n  color: #fff;\n\n\n\n  padding: 100px;\n\n\n\n}\n\n\n\n.representante-texto h2 {\n\n\n\n  font-size: 30px;\n\n\n\n  font-weight: 800;\n\n\n\n  color: #fff;\n\n\n\n  margin-bottom: 10px;\n\n\n\n}\n\n\n\n.representante-texto p {\n\n\n\n  font-size: 18px;\n\n\n\n  margin-bottom: 25px;\n\n\n\n  color: #f1f1f1;\n\n\n\n  line-height: 1.5;\n\n\n\n}\n\n\n\n.representante-logo {\n\n\n\n  width: 180px;\n\n\n\n  margin-bottom: 20px;\n\n\n\n}\n\n\n\n.representante-texto strong {\n\n\n\n  display: block;\n\n\n\n  font-size: 18px;\n\n\n\n  color: #fff;\n\n\n\n  line-height: 1.5;\n\n\n\n}\n\n\n\n\n\n\n\n\/* === Formul\u00e1rio Direita === *\/\n\n\n\n.representante-form {\n\n\n\n  flex: 1 1 45%;\n\n\n\n  background-image: url(\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/form-1.png\");\n\n\n\n  background-repeat: no-repeat;\n\n\n\n  background-size: cover;\n\n\n\n  background-position: center;\n\n\n\n  height: 655px;\n\n\n\n  padding: 75px;\n\n\n\n  position: relative;\n\n\n\n}\n\n\n\n\n\n\n\n\/* Subir o conte\u00fado interno *\/\n\n\n\n.representante-form form {\n\n\n\n  display: flex;\n\n\n\n  text-align: left;\n\n\n\n  flex-direction: column;\n\n\n\n  gap: 10px;\n\n\n\n  position: relative;\n\n\n\n  top: -15px;\n\n\n\n}\n\n\n\n\n\n\n\n.representante-form input,\n\n\n\n.representante-form select {\n\n\n\n  padding: 12px 15px;\n\n\n\n  text-align: left;\n\n\n\n  border: 1px solid #ccc;\n\n\n\n  border-radius: 10px;\n\n\n\n  font-size: 15px;\n\n\n\n  width: 100%;\n\n\n\n}\n\n\n\n\n\n\n\n.representante-form label {\n\n\n\n  color: #000;\n\n\n\n  text-align: left;\n\n\n\n  margin-top: 10px;\n\n\n\n  line-height: 22px;\n\n\n\n}\n\n\n\n\n\n\n\n.radio-group {\n\n\n\n  display: flex;\n\n\n\n  align-items: center;\n\n\n\n  gap: 15px;\n\n\n\n  flex-wrap: wrap;\n\n\n\n}\n\n\n\n.radio-group label {\n\n\n\n  font-weight: normal;\n\n\n\n  color: #000;\n\n\n\n}\n\n\n\n\n\n\n\n\/* === Bot\u00e3o Enviar === *\/\n\n\n\n.btn-enviar {\n\n\n\n  background-color: #1b3b6f;\n\n\n\n  color: #fff;\n\n\n\n  border: none;\n\n\n\n  margin-top: 20px;\n\n\n\n  border-radius: 50px;\n\n\n\n  padding: 10px 13px !important;\n\n\n\n  font-size: 15px !important;\n\n\n\n  font-weight: 700;\n\n\n\n  cursor: pointer;\n\n\n\n  transition: transform 0.3s ease;\n\n\n\n}\n\n\n\n.btn-enviar:hover {\n\n\n\n  background-color: #1b3b6f !important;\n\n\n\n  transform: scale(1.03);\n\n\n\n}\n\n\n\n\n\n\n\n\/* === Responsividade === *\/\n\n\n\n@media (max-width: 900px) {\n\n\n\n  .section-representante {\n\n\n\n    flex-direction: column;\n\n\n\n    padding: 60px 14px;\n\n\n\n    align-items: flex-start;\n\n\n\n  }\n\n\n\n  .representante-texto,\n\n\n\n  .representante-form {\n\n\n\n    padding: 16px;\n\n\n\n    width: 100%;\n\n\n\n  }\n\n\n\n  .representante-form form {\n\n\n\n    padding: 41px;\n\n\n\n    top: 0;\n\n\n\n  }\n\n\n\n  .btn-enviar {\n\n\n\n    padding: 14px 25px;\n\n\n\n    font-size: 10px !important;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<div class=\"section-representante\">\n\n\n\n  <!-- TEXTO \u00c0 ESQUERDA -->\n\n\n\n  <div class=\"representante-texto\">\n\n\n\n    <h2>Quer ser um representante da Nobile Hotels & Resorts na sua regi\u00e3o?<\/h2>\n\n\n\n    <p>Preencha as informa\u00e7\u00f5es ao lado e entraremos em contato:<\/p>\n\n\n\n    <p><strong>Fa\u00e7a parte do time Nobile! <br> Seja um representante e leve nossas solu\u00e7\u00f5es para mais hot\u00e9is em todo o Brasil.<\/strong><\/p>\n\n\n\n    <img decoding=\"async\" class=\"representante-logo\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Logo_em-alta_branco_NBL-1.png\" alt=\"Logo Nobile\">\n\n\n\n  <\/div>\n\n\n\n\n\n\n\n  <!-- FORMUL\u00c1RIO \u00c0 DIREITA -->\n\n\n\n  <div class=\"representante-form\">\n\n\n\n    <form action=\"mailto:SEUEMAIL@DOMINIO.COM\" method=\"post\" enctype=\"text\/plain\">\n\n\n\n      <input type=\"text\" name=\"nome\" placeholder=\"Nome Completo\" required>\n\n\n\n      <input type=\"email\" name=\"email\" placeholder=\"E-mail Corporativo\" required>\n\n\n\n      <input type=\"tel\" name=\"telefone\" placeholder=\"Telefone \/ WhatsApp\" required>\n\n\n\n      <input type=\"text\" name=\"cidade_estado\" placeholder=\"Cidade e Estado de Atua\u00e7\u00e3o\" required>\n\n\n\n\n\n\n\n      <label>Voc\u00ea j\u00e1 atua no segmento hoteleiro ou imobili\u00e1rio?<\/label>\n\n\n\n      <div class=\"radio-group\">\n\n\n\n        <label><input type=\"radio\" name=\"segmento\" value=\"Sim\"> Sim<\/label>\n\n\n\n        <label><input type=\"radio\" name=\"segmento\" value=\"N\u00e3o\"> N\u00e3o<\/label>\n\n\n\n      <\/div>\n\n\n\n\n\n\n\n      <label>Voc\u00ea possui carteira de hot\u00e9is, empreendimentos ou investidores ativos?<\/label>\n\n\n\n      <div class=\"radio-group\">\n\n\n\n        <label><input type=\"radio\" name=\"carteira\" value=\"Sim\"> Sim<\/label>\n\n\n\n        <label><input type=\"radio\" name=\"carteira\" value=\"N\u00e3o\"> N\u00e3o<\/label>\n\n\n\n      <\/div>\n\n\n\n\n\n\n\n      <button type=\"submit\" class=\"btn-enviar\">Quero ser um Representante Nobile<\/button>\n\n\n\n    <\/form>\n\n\n\n  <\/div>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<style>\n\n\n\n.static-logos-container {\n\n\n\n  width: 100%;\n\n\n\n  max-width: 1100px;\n\n\n\n  margin: 60px auto;\n\n\n\n  display: flex;\n\n\n\n  justify-content: space-between;\n\n\n\n  align-items: center;\n\n\n\n  flex-wrap: nowrap;\n\n\n\n  gap: 16px;\n\n\n\n}\n\n\n\n\n\n\n\n.static-logos-container .logo-item {\n\n\n\n  flex: 1;\n\n\n\n  display: flex;\n\n\n\n  justify-content: center;\n\n\n\n  align-items: center;\n\n\n\n}\n\n\n\n\n\n\n\n.static-logos-container img {\n\n\n\n  width: 100%;\n\n\n\n  max-width: 160px;\n\n\n\n  height: auto;\n\n\n\n  transition: transform 0.3s ease;\n\n\n\n}\n\n\n\n\n\n\n\n.static-logos-container img:hover {\n\n\n\n  transform: scale(1.08);\n\n\n\n}\n\n\n\n\n\n\n\n\/* ===== TABLET ===== *\/\n\n\n\n@media (max-width: 900px) {\n\n\n\n  .static-logos-container {\n\n\n\n    flex-wrap: wrap;\n\n\n\n    justify-content: center;\n\n\n\n  }\n\n\n\n\n\n\n\n  .static-logos-container .logo-item {\n\n\n\n    flex: 0 0 33.333%; \/* 3 por linha *\/\n\n\n\n  }\n\n\n\n\n\n\n\n  .static-logos-container img {\n\n\n\n    max-width: 150px;\n\n\n\n  }\n\n\n\n}\n\n\n\n\n\n\n\n\/* ===== MOBILE ===== *\/\n\n\n\n@media (max-width: 600px) {\n\n\n\n  .static-logos-container .logo-item {\n\n\n\n    flex: 0 0 39%; \/* 2 por linha *\/\n\n\n\n  }\n\n\n\n\n\n\n\n  .static-logos-container img {\n\n\n\n    max-width: 140px;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"static-logos-container\">\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-Stays.png\" alt=\"Nobile Stays\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-Resorts.png\" alt=\"Nobile Resorts\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-inn.png\" alt=\"Nobile Inn\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-Hotels_.png\" alt=\"Nobile Hotels\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-Grand.png\" alt=\"Nobile Grand\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Nobile-Suites.png\" alt=\"Nobile Suites\"><\/div>\n\n\n\n  <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Logo_by-nobile_azul.png\" alt=\"Nobile Suites\"><\/div>\n\n\n\n <!--<div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/selo-hotel-associacao.png\" alt=\"Nobile Suites\"><\/div>-->\n\n\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<div style=\"background:#f5f5f5; padding:60px 20px 30px; font-family:Arial, sans-serif; color:#333;\">\n\n\n\n<style>\n\n\n\n.footer-container {\n\n\n\n  display: flex;\n\n\n\n  justify-content: space-between;\n\n\n\n  flex-wrap: wrap;\n\n\n\n  max-width: 1200px;\n\n\n\n  margin: auto;\n\n\n\n  gap: 40px;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-box h3 {\n\n\n\n  font-size: 22px;\n\n\n\n  margin-bottom: 20px;\n\n\n\n  font-weight: bold;\n\n\n\n  color: #1a1a1a;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-box ul {\n\n\n\n  list-style: none;\n\n\n\n  padding: 0;\n\n\n\n  margin: 0;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-box ul li {\n\n\n\n  margin-bottom: 10px;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-box ul li a {\n\n\n\n  text-decoration: none;\n\n\n\n  color: #333;\n\n\n\n  transition: 0.3s;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-box ul li a:hover {\n\n\n\n  color: #0077ff;\n\n\n\n}\n\n\n\n\n\n\n\n.social-icons img {\n\n\n\n  width: 45px;\n\n\n\n  margin-right: 10px;\n\n\n\n  transition: 0.3s;\n\n\n\n}\n\n\n\n\n\n\n\n.social-icons img:hover {\n\n\n\n  transform: scale(1.1);\n\n\n\n}\n\n\n\n\n\n\n\n.apoiamos-img {\n\n\n\n  width: 200px;\n\n\n\n}\n\n\n\n\n\n\n\n.footer-note {\n\n\n\n  text-align: center;\n\n\n\n  font-size: 14px;\n\n\n\n  margin-top: 40px;\n\n\n\n  max-width: 900px;\n\n\n\n  margin-left: auto;\n\n\n\n  margin-right: auto;\n\n\n\n  color: #666;\n\n\n\n}\n\n\n\n\n\n\n\n\/* RESPONSIVO *\/\n\n\n\n@media (max-width: 768px) {\n\n\n\n  .footer-container .footer-box:nth-child(3),\n\n\n\n  .footer-container .footer-box:nth-child(4) {\n\n\n\n    width: 44%;\n\n\n\n  }\n\n\n\n\n\n\n\n  .footer-container .footer-box:nth-child(4) {\n\n\n\n    text-align: left;\n\n\n\n  }\n\n\n\n\n\n\n\n  .apoiamos-img {\n\n\n\n    display: block;\n\n\n\n    margin: 10px auto 0;\n\n\n\n    max-width: 160px;\n\n\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n\n\n\n\n\n\n<div class=\"footer-container\">\n\n\n\n\n\n\n\n  <!-- Redes Sociais -->\n\n\n\n  <div class=\"footer-box\">\n\n\n\n    <h3>Redes Sociais<\/h3>\n\n\n\n    <div class=\"social-icons\">\n\n\n\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733547.png\" alt=\"Facebook\"><\/a>\n\n\n\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2111\/2111463.png\" alt=\"Instagram\"><\/a>\n\n\n\n    <\/div>\n\n\n\n  <\/div>\n\n\n\n\n\n\n\n  <!-- Veja Tamb\u00e9m -->\n\n\n\n  <div class=\"footer-box\">\n\n\n\n    <h3>Veja Tamb\u00e9m<\/h3>\n\n\n\n    <ul>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/aviso-legal\/\">Aviso Legal<\/a><\/li>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/contato\/\">Fale Conosco<\/a><\/li>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/politica-de-hospedagem\/\">Pol\u00edtica de Hospedagem<\/a><\/li>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/politica-de-privacidade\/\">Pol\u00edtica de Privacidade<\/a><\/li>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/protocolo-de-seguranca\/\">Protocolo de Seguran\u00e7a<\/a><\/li>\n\n\n\n      <li><a href=\"https:\/\/www.nobilehoteis.com.br\/trabalhe-conosco\/\">Trabalhe Conosco<\/a><\/li>\n\n\n\n    <\/ul>\n\n\n\n  <\/div>\n\n\n\n\n\n\n\n  <!-- Onde Estamos -->\n\n\n\n  <div class=\"footer-box\">\n\n\n\n    <h3>Onde Estamos<\/h3>\n\n\n\n    <ul>\n\n\n\n      <li>Brasil<\/li>\n\n\n\n      <li>Portugal<\/li>\n\n\n\n      <li>Argentina<\/li>\n\n\n\n      <li>Chile<\/li>\n\n\n\n      <li>Paraguai<\/li>\n\n\n\n      <li>Uruguai<\/li>\n\n\n\n      <li>Estados Unidos<\/li>\n\n\n\n    <\/ul>\n\n\n\n  <\/div>\n\n\n\n\n\n\n\n  <!-- Apoiamos -->\n\n\n\n  <div class=\"footer-box\">\n\n\n\n    <h3>Apoiamos<\/h3>\n\n\n\n    <img decoding=\"async\"\n\n\n\n      class=\"apoiamos-img\"\n\n\n\n      src=\"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-content\/uploads\/2025\/11\/Instituto-McDonald.png\"\n\n\n\n      alt=\"Instituto Ronald McDonald\">\n\n\n\n  <\/div>\n\n\n\n\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<p class=\"footer-note\">\n\n\n\n  Os hot\u00e9is podem ser licenciados de gest\u00e3o independente ou administrados por Nobile Hotels & Resorts.\n\n\n\n<\/p>","protected":false},"excerpt":{"rendered":"<p>Impulsione seu hotel com a Nobile Hotels &#038; Resorts Potencialize a rentabilidade do seu hotel com a for\u00e7a de intelig\u00eancia de vendas e a experi\u00eancia da 5\u00aa maior rede hoteleira do Brasil. Solu\u00e7\u00f5es ideais para o sucesso do seu hotel Da gest\u00e3o integral \u00e0 autonomia com suporte: a Nobile oferece 4 modelos de parceria para [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-784","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/pages\/784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/comments?post=784"}],"version-history":[{"count":185,"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/pages\/784\/revisions"}],"predecessor-version":[{"id":1192,"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/pages\/784\/revisions\/1192"}],"wp:attachment":[{"href":"https:\/\/www.nobilehoteis.com.br\/landingpages\/wp-json\/wp\/v2\/media?parent=784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}