{"id":5273,"date":"2026-04-27T21:39:46","date_gmt":"2026-04-27T21:39:46","guid":{"rendered":"https:\/\/hostelhome.com.br\/clone\/?page_id=5273"},"modified":"2026-07-05T12:28:14","modified_gmt":"2026-07-05T12:28:14","slug":"https-hostelhome-com-br-hostel-home-butanta","status":"publish","type":"page","link":"https:\/\/hostelhome.com.br\/clone\/","title":{"rendered":"https:\/\/hostelhome.com.br\/clone\/hostel-home-butanta\/"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5273\" class=\"elementor elementor-5273\">\n\t\t\t\t<div class=\"elementor-element elementor-element-164c968 e-flex e-con-boxed e-con e-parent\" data-id=\"164c968\" 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-1b95e27 elementor-widget elementor-widget-html\" data-id=\"1b95e27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- Google Tag Manager -->\r\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n})(window,document,'script','dataLayer','GTM-5JP76P4');<\/script>\r\n<!-- End Google Tag Manager --><script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-14CF72CBD1\"><\/script>\r\n<script>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n  gtag('config', 'G-14CF72CBD1');\r\n<\/script>\r\n<script type='module'>import BubbleChat from 'https:\/\/agent-factory-chat.hostgator.io\/scripts\/start-chat.js'; const hashId = '7cbccf89-08cd-4ee6-9d1c-3ff672e31dd8'; const bubbleChat = new BubbleChat(hashId, 'prod'); bubbleChat.open();<\/script>\r\n\r\n<meta name=\"facebook-domain-verification\" content=\"6y51rdk74c37qv7au5yhgqlqdbbdfl\">\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Hostel Home - Sua Casa em S\u00e3o Paulo<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<style>\r\n  \/* Oculta t\u00edtulo e cabe\u00e7alho padr\u00e3o do WordPress *\/\r\n  .entry-header,\r\n  .entry-title,\r\n  h1.entry-title {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Oculta o cabe\u00e7alho nativo do tema Astra nesta p\u00e1gina *\/\r\n  .site-header,\r\n  .ast-above-header-bar,\r\n  .ast-above-header,\r\n  .ast-primary-header-bar,\r\n  .ast-primary-header,\r\n  .ast-below-header-bar,\r\n  .ast-below-header,\r\n  #masthead,\r\n  #site-header {\r\n    display: none !important;\r\n  }\r\n<\/style>\r\n\r\n<style>\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body <!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-5JP76P4\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n<!-- End Google Tag Manager (noscript) -->{\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    color: #1D0A8A;\r\n    background: #fff;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1152px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Cabe\u00e7alho \u2500\u2500 *\/\r\n  .header-hostel-home {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    background-color: #ffffff !important;\r\n    padding: 5px 40px !important;\r\n    border-bottom: 2px solid #f0f0f0 !important;\r\n    width: 100% !important;\r\n    min-height: 80px !important;\r\n    box-sizing: border-box !important;\r\n    z-index: 99999 !important;\r\n    position: sticky !important;\r\n    top: 0 !important;\r\n    font-family: 'Segoe UI', Roboto, Arial, sans-serif !important;\r\n  }\r\n\r\n  .logo-area {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n  }\r\n\r\n  .logo-img {\r\n    height: 90px !important;\r\n    width: auto !important;\r\n    display: block !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  .logo-name {\r\n    font-size: 20px !important;\r\n    font-weight: 800 !important;\r\n    color: #1a2b4c !important;\r\n    letter-spacing: 0.5px !important;\r\n  }\r\n\r\n  .menu-central-links {\r\n    display: flex !important;\r\n  }\r\n\r\n  .item-link {\r\n    margin: 0 15px !important;\r\n    text-decoration: none !important;\r\n    color: #5e6d77 !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    transition: color 0.3s !important;\r\n  }\r\n\r\n  .item-link:hover {\r\n    color: #18a195 !important;\r\n  }\r\n\r\n  .btn-reservar {\r\n    background-color: #18a195 !important;\r\n    color: #ffffff !important;\r\n    padding: 10px 25px !important;\r\n    border-radius: 50px !important;\r\n    text-decoration: none !important;\r\n    font-weight: bold !important;\r\n    font-size: 14px !important;\r\n    transition: all 0.3s !important;\r\n  }\r\n\r\n  .btn-reservar:hover {\r\n    background-color: #159c8f !important;\r\n    transform: scale(1.05) !important;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .menu-central-links { display: none !important; }\r\n    .header-hostel-home { padding: 5px 20px !important; min-height: 60px !important; }\r\n    .logo-name { font-size: 17px !important; }\r\n    .logo-img { height: 40px !important; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Bot\u00f5es gerais \u2500\u2500 *\/\r\n  .btn-primary {\r\n    background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);\r\n    color: white;\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    text-decoration: none !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    transform: scale(1.02);\r\n    box-shadow: 0 10px 40px -10px rgba(13,148,136,0.5);\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .btn-secondary {\r\n    padding: 16px 32px;\r\n    border-radius: 50px;\r\n    border: 1px solid #e5e7eb;\r\n    color: #374151;\r\n    font-weight: bold;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    text-decoration: none !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background 0.2s;\r\n    background: white;\r\n  }\r\n\r\n  .btn-secondary:hover {\r\n    background: #f9fafb;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n  .hero {\r\n    padding: 60px 0;\r\n    background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%);\r\n  }\r\n\r\n  .hero-inner {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    gap: 48px !important;\r\n    flex-wrap: nowrap !important;\r\n  }\r\n\r\n  .hero-content {\r\n    flex: 0 0 50% !important;\r\n    max-width: 50% !important;\r\n    text-align: left !important;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .hero-inner {\r\n      flex-direction: column !important;\r\n      flex-wrap: wrap !important;\r\n    }\r\n    .hero-content {\r\n      flex: 0 0 100% !important;\r\n      max-width: 100% !important;\r\n      text-align: center !important;\r\n    }\r\n    .hero-image {\r\n      flex: 0 0 100% !important;\r\n      max-width: 100% !important;\r\n    }\r\n  }\r\n\r\n  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 16px;\r\n    background: #f0fdfa;\r\n    color: #0f766e;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border-radius: 50px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: 24px;\r\n    color: #111827;\r\n  }\r\n\r\n  @media (min-width: 768px) { .hero h1 { font-size: 48px; } }\r\n  @media (min-width: 1024px) { .hero h1 { font-size: 60px; } }\r\n\r\n  .hero h1 span {\r\n    background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .hero p {\r\n    font-size: 18px;\r\n    color: #6b7280;\r\n    line-height: 1.7;\r\n    margin-bottom: 32px;\r\n    max-width: 512px;\r\n  }\r\n\r\n  .hero-buttons {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 16px;\r\n    justify-content: flex-start;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  @media (max-width: 767px) { .hero-buttons { justify-content: center; } }\r\n\r\n  .hero-buttons .btn-primary { padding: 16px 32px; }\r\n\r\n  .hero-image {\r\n    flex: 0 0 50% !important;\r\n    max-width: 50% !important;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hero-image img {\r\n    width: 100%;\r\n    border-radius: 16px;\r\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1);\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .hero-image:hover img { transform: scale(1.02); }\r\n\r\n  .trust-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 20px;\r\n    font-size: 16px;\r\n    color: #6b7280;\r\n    justify-content: flex-start;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  @media (max-width: 767px) { .trust-badge { justify-content: center; } }\r\n\r\n  .trust-badge svg { color: #fbbf24; fill: #fbbf24; }\r\n\r\n  \/* \u2500\u2500 Features \u2500\u2500 *\/\r\n  .features { padding: 80px 0; }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  .section-header h2 {\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    color: #111827;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  @media (min-width: 768px) { .section-header h2 { font-size: 36px; } }\r\n\r\n  .section-header p {\r\n    color: #6b7280;\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .features-grid {\r\n    display: grid;\r\n    gap: 24px;\r\n  }\r\n\r\n  @media (min-width: 768px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }\r\n  @media (min-width: 1024px) { .features-grid { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n  .feature-card {\r\n    background: white;\r\n    border: 1px solid #f3f4f6;\r\n    border-radius: 16px;\r\n    padding: 32px;\r\n    text-align: center;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .feature-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #f0fdfa;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n  }\r\n\r\n  .feature-icon svg { width: 28px; height: 28px; color: #0d9488; }\r\n  .feature-card h3 { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 8px; }\r\n  .feature-card p { font-size: 14px; color: #9ca3af; line-height: 1.6; }\r\n\r\n  .divider {\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #e5e7eb, transparent);\r\n    max-width: 896px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Rooms \/ Carrossel \u2500\u2500 *\/\r\n  .rooms { padding: 80px 0; }\r\n\r\n  .rooms-grid {\r\n    display: grid;\r\n    gap: 32px;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  }\r\n\r\n  .room-card {\r\n    background: white;\r\n    border: 1px solid #f3f4f6;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .room-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  \/* \r\n   * CORRE\u00c7\u00c3O PRINCIPAL DO CARROSSEL:\r\n   * Os elementos tinham apenas a classe .room-swiper.\r\n   * A classe .swiper \u00e9 obrigat\u00f3ria para a biblioteca Swiper funcionar.\r\n   * Adicionamos .swiper junto com .room-swiper em cada div de carrossel.\r\n   *\/\r\n  .room-swiper {\r\n    width: 100%;\r\n    height: 260px;\r\n    position: relative;\r\n  }\r\n\r\n  .room-swiper .swiper-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .room-swiper .swiper-button-next,\r\n  .room-swiper .swiper-button-prev {\r\n    color: white;\r\n    background: rgba(0,0,0,0.45);\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .room-swiper .swiper-button-next:after,\r\n  .room-swiper .swiper-button-prev:after {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .room-swiper .swiper-pagination-bullet {\r\n    background: white;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .room-swiper .swiper-pagination-bullet-active {\r\n    background: #18a195;\r\n    opacity: 1;\r\n  }\r\n\r\n  .room-content { padding: 20px 24px; }\r\n  .room-content h3 { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 6px; }\r\n  .room-content p { font-size: 14px; color: #9ca3af; }\r\n\r\n  .rooms-cta { text-align: center; margin-top: 48px; }\r\n  .rooms-cta .btn-primary { padding: 16px 32px; }\r\n\r\n  \/* \u2500\u2500 Structure \u2500\u2500 *\/\r\n  .structure { padding: 80px 0; background: #f9fafb; }\r\n\r\n  .structure-inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 64px;\r\n  }\r\n\r\n  @media (min-width: 1024px) { .structure-inner { flex-direction: row; } }\r\n\r\n  .structure-content { flex: 1; }\r\n\r\n  .structure-content h2 {\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    color: #111827;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  @media (min-width: 768px) { .structure-content h2 { font-size: 36px; } }\r\n\r\n  .structure-content > p {\r\n    color: #6b7280;\r\n    line-height: 1.7;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .structure-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .structure-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px;\r\n    background: white;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .structure-item-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: #f0fdfa;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .structure-item-icon svg { width: 20px; height: 20px; color: #0d9488; }\r\n  .structure-item span { font-size: 14px; font-weight: 500; color: #374151; }\r\n\r\n  .structure-images {\r\n    flex: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .structure-images > div:nth-child(2) { margin-top: 32px; }\r\n\r\n  .structure-images img {\r\n    width: 100%;\r\n    aspect-ratio: 1;\r\n    object-fit: cover;\r\n    border-radius: 16px;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .structure-images img:hover { transform: scale(1.02); }\r\n\r\n  \/* \u2500\u2500 Info \u2500\u2500 *\/\r\n  .info { padding: 80px 0; }\r\n\r\n  .info-grid { display: grid; gap: 24px; }\r\n\r\n  @media (min-width: 768px) { .info-grid { grid-template-columns: repeat(2, 1fr); } }\r\n  @media (min-width: 1024px) { .info-grid { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n  .info-card { padding: 24px; background: #f9fafb; border-radius: 16px; }\r\n\r\n  .info-card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: #ccfbf1;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .info-card-icon svg { width: 24px; height: 24px; color: #0d9488; }\r\n  .info-card h3 { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 8px; }\r\n  .info-card p { font-size: 14px; color: #9ca3af; white-space: pre-line; line-height: 1.6; }\r\n\r\n  \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n .cta {\r\n padding: 40px 24px;\r\n background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);\r\n text-align: center;\r\n max-width: 1050px;\r\n margin: 40px auto;\r\n border-radius: 24px;\r\n}\r\n\r\n .cta h2 { font-size: 30px; font-weight: 700; color: white; margin-bottom: 18px; }\r\n @media (min-width: 768px) { .cta h2 { font-size: 36px; } }\r\n\r\n  .cta > p { font-size: 18px; color: #ccfbf1; max-width: 640px; margin: 0 auto 40px; }\r\n\r\n  .cta-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    justify-content: center;\r\n  }\r\n\r\n  @media (min-width: 640px) { .cta-buttons { flex-direction: row; } }\r\n\r\n  .cta-buttons .btn-white {\r\n    padding: 16px 32px;\r\n    border-radius: 50px;\r\n    background: white;\r\n    color: #0d9488;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .cta-buttons .btn-white:hover { background: #f9fafb; }\r\n\r\n  .cta-buttons .btn-outline {\r\n    padding: 16px 32px;\r\n    border-radius: 50px;\r\n    border: 2px solid rgba(255,255,255,0.3);\r\n    color: white;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .cta-buttons .btn-outline:hover { background: rgba(255,255,255,0.1); }\r\n\r\n  \/* \u2500\u2500 Footer \u2500\u2500 *\/\r\n  .footer { padding: 48px 24px; background: #111827; }\r\n\r\n  .footer-inner { max-width: 1152px; margin: 0 auto; }\r\n\r\n  .footer-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  @media (min-width: 768px) { .footer-top { flex-direction: row; justify-content: space-between; } }\r\n\r\n  .footer-logo { display: flex; align-items: center; gap: 12px; }\r\n\r\n  .footer-logo-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: #14b8a6;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .footer-logo-icon svg { width: 20px; height: 20px; color: white; }\r\n  .footer-logo-text { font-size: 20px; font-weight: 600; color: white; }\r\n  .footer-logo-text small { display: block; font-size: 14px; font-weight: 400; color: #9ca3af; }\r\n\r\n  .footer-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  .footer-links a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    color: #9ca3af;\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .footer-links a:hover { color: white; }\r\n  .footer-links svg { width: 16px; height: 16px; }\r\n\r\n  .footer-bottom {\r\n    padding-top: 32px;\r\n    border-top: 1px solid #1f2937;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-bottom p { font-size: 14px; color: #6b7280; margin-bottom: 8px; }\r\n\r\n  .footer-bottom p:last-child {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .footer-bottom svg { width: 16px; height: 16px; }\r\n<\/style>\r\n\r\n<div class=\"header-hostel-home\">\r\n  <div class=\"logo-area\">\r\n    <img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/06\/HhxLogoOficial.png\" alt=\"Logo Hostel Home\" class=\"logo-img\">\r\n    <span class=\"logo-name\">HOSTEL HOME<\/span>\r\n  <\/div>\r\n  <nav class=\"menu-central-links\">\r\n    <a href=\"#sobre\" class=\"item-link\">Sobre<\/a>\r\n    <a href=\"#quartos\" class=\"item-link\">Quartos<\/a>\r\n    <a href=\"#estrutura\" class=\"item-link\">Estrutura<\/a>\r\n    <a href=\"#contato\" class=\"item-link\">Contato<\/a>\r\n  <\/nav>\r\n  <a href=\"https:\/\/hostelhome.com.br\/go\/guia-do-hospede---hostel-home\" target=\"_blank\" class=\"btn-reservar\">SIMULE SUA RESERVA<\/a>\r\n<\/div>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"container\">\r\n    <div class=\"hero-inner\">\r\n      <div class=\"hero-content\">\r\n        <div class=\"badge\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\r\n          <\/svg>\r\n          150m do Metr\u00f4 Butant\u00e3\r\n        <\/div>\r\n        <h1>Sua casa em <span style=\"white-space: nowrap;\">S\u00e3o Paulo<\/span><\/h1>\r\n        <p>Hospedagem econ\u00f4mica e confort\u00e1vel no cora\u00e7\u00e3o do Butant\u00e3. Perfeito para estudantes, viajantes e profissionais.<\/p>\r\n        <div class=\"hero-buttons\">\r\n          <a href=\"https:\/\/hostelhome.com.br\/go\/guia-do-hospede---hostel-home\" target=\"_blank\" class=\"btn-primary\">\r\n            Reservar Agora\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7-7 7\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#sobre\" class=\"btn-secondary\">Conhecer mais<\/a>\r\n        <\/div>\r\n        <div class=\"trust-badge\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n            <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path>\r\n          <\/svg>\r\n          <span><strong>Hostel Home<\/strong> &mdash; 4.8\/5 no Google Maps<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/clone\/wp-content\/uploads\/2023\/09\/132-HOSTEL-Sala-TV_-1024x683.jpg\" alt=\"Hostel Home\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"features\" id=\"sobre\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header\">\r\n      <h2>Por que nos escolher?<\/h2>\r\n      <p>Oferecemos a melhor experi\u00eancia de hospedagem compartilhada com foco em praticidade e economia.<\/p>\r\n    <\/div>\r\n    <div class=\"features-grid\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Localiza\u00e7\u00e3o Premium<\/h3>\r\n        <p>A apenas 2 minutos a p\u00e9 do Metr\u00f4 Butant\u00e3 e pr\u00f3ximo \u00e0 USP.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Melhor Pre\u00e7o<\/h3>\r\n        <p>Tarifas competitivas para estadias curtas e longas.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Seguran\u00e7a 24h<\/h3>\r\n        <p>Monitoramento e acesso controlado para sua tranquilidade.<\/p>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Ambiente Familiar<\/h3>\r\n        <p>Um lugar acolhedor onde voc\u00ea se sente em casa.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"divider\"><\/div>\r\n\r\n<section class=\"rooms\" id=\"quartos\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header\" style=\"text-align:center; margin-bottom:48px;\">\r\n      <h2 style=\"font-size:32px; font-weight:700; color:#111827; margin-bottom:12px;\">Nossas Acomoda\u00e7\u00f5es<\/h2>\r\n      <p style=\"color:#6b7280;\">Escolha a op\u00e7\u00e3o que melhor se adapta \u00e0s suas necessidades.<\/p>\r\n    <\/div>\r\n    <div class=\"rooms-grid\">\r\n\r\n      \r\n      <div class=\"room-card\">\r\n        <div class=\"room-swiper swiper\" id=\"swiper-quarto\">\r\n          <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2024\/06\/QUarto-6-5.jpg\" alt=\"Quarto Compartilhado\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2022\/10\/QUARTO-1-5-2.jpg\" alt=\"Quarto Compartilhado\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/01\/504623693.jpg\" alt=\"Quarto Compartilhado\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/01\/QC02.1.jpg\" alt=\"Quarto Compartilhado\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/06\/504623535.jpg\" alt=\"Quarto Compartilhado\"><\/div>\r\n          <\/div>\r\n          <div class=\"swiper-button-next\"><\/div>\r\n          <div class=\"swiper-button-prev\"><\/div>\r\n          <div class=\"swiper-pagination\"><\/div>\r\n        <\/div>\r\n        <div class=\"room-content\">\r\n          <h3>Quarto Compartilhado para 2 ou at\u00e9 4 pessoas<\/h3>\r\n          <p>Ideal para grupos ou fam\u00edlia<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n      <div class=\"room-card\">\r\n        <div class=\"room-swiper swiper\" id=\"swiper-suite\">\r\n          <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/93-HOSTEL-Suite-1.jpg\" alt=\"Su\u00edte Privativa\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/96-HOSTEL-Suite-1.jpg\" alt=\"Su\u00edte Privativa\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/99-HOSTEL-Suite-2.jpg\" alt=\"Su\u00edte Privativa\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/105-HOSTEL-Suite-2.jpg\" alt=\"Su\u00edte Privativa\"><\/div>\r\n          <\/div>\r\n          <div class=\"swiper-button-next\"><\/div>\r\n          <div class=\"swiper-button-prev\"><\/div>\r\n          <div class=\"swiper-pagination\"><\/div>\r\n        <\/div>\r\n        <div class=\"room-content\">\r\n          <h3>Su\u00edte Privativa<\/h3>\r\n          <p>Mais privacidade e conforto<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n      <div class=\"room-card\">\r\n        <div class=\"room-swiper swiper\" id=\"swiper-kitnet\">\r\n          <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/120-HOSTEL-Kit-1.jpg\" alt=\"Kitnet\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2023\/09\/124-HOSTEL-Kit-1.jpg\" alt=\"Kitnet\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2025-04-23-at-15.36.51-1.jpeg\" alt=\"Kitnet\"><\/div>\r\n            <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2025-04-23-at-15.36.51-2.jpeg\" alt=\"Kitnet\"><\/div>\r\n          <\/div>\r\n          <div class=\"swiper-button-next\"><\/div>\r\n          <div class=\"swiper-button-prev\"><\/div>\r\n          <div class=\"swiper-pagination\"><\/div>\r\n        <\/div>\r\n        <div class=\"room-content\">\r\n          <h3>Kitnet<\/h3>\r\n          <p>Perfeito para estadias longas<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  <\/section>\r\n\r\n<section class=\"cta\" id=\"contato\">\r\n <div class=\"container\">\r\n  <h2 style=\"text-align: center; font-family: sans-serif;\">Conhe\u00e7a o Hostel Home por dentro<\/h2>\r\n\r\n  <p style=\"text-align: center; font-family: sans-serif; color: #000000 !important;\">\r\n   Antes de reservar, assista ao v\u00eddeo oficial e veja como \u00e9 sua casa em S\u00e3o Paulo.\r\n  <\/p>\r\n\r\n  <div style=\"max-width: 720px; margin: 0 auto 28px; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 40px rgba(0,0,0,0.28); background: #000;\">\r\n   <iframe\r\n    width=\"100%\"\r\n    height=\"405\"\r\n    src=\"https:\/\/www.youtube.com\/embed\/IlsGZ8MGsKM\"\r\n    title=\"V\u00eddeo oficial Hostel Home\"\r\n    frameborder=\"0\"\r\n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n    allowfullscreen>\r\n   <\/iframe>\r\n  <\/div>\r\n\r\n  <div class=\"cta-buttons\" style=\"display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;\">\r\n   <a href=\"https:\/\/hostelhome.com.br\/go\/guia-do-hospede---hostel-home\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 14px 28px; background-color: #ffffff; color: #000000; border: 1px solid #000000; border-radius: 999px; font-family: sans-serif; font-weight: bold; font-size: 15px;\">Reservar Agora<\/a>\r\n\r\n   <a href=\"https:\/\/wa.me\/5511983344000\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 14px 28px; background-color: #ffffff; color: #000000; border: 1px solid #000000; border-radius: 999px; font-family: sans-serif; font-weight: bold; font-size: 15px;\">Falar no WhatsApp<\/a>\r\n\r\n   <a href=\"https:\/\/www.youtube.com\/watch?v=IlsGZ8MGsKM\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 10px; text-decoration: none; padding: 16px 30px; background-color: #ff0000; color: #ffffff; border: 2px solid #ffffff; border-radius: 999px; font-family: sans-serif; font-weight: 800; font-size: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.25);\">\u25b6 Assistir no YouTube<\/a>\r\n  <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n  (function() {\r\n    var ids = ['swiper-quarto', 'swiper-suite', 'swiper-kitnet'];\r\n    ids.forEach(function(id) {\r\n      var el = document.getElementById(id);\r\n      if (el) {\r\n        new Swiper(el, {\r\n          loop: true,\r\n          autoplay: { delay: 4000, disableOnInteraction: false },\r\n          pagination: {\r\n            el: el.querySelector('.swiper-pagination'),\r\n            clickable: true\r\n          },\r\n          navigation: {\r\n            nextEl: el.querySelector('.swiper-button-next'),\r\n            prevEl: el.querySelector('.swiper-button-prev')\r\n          }\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<section class=\"structure\" id=\"estrutura\">\r\n  <div class=\"container\">\r\n    <div class=\"structure-inner\">\r\n      <div class=\"structure-content\">\r\n        <h2>Infraestrutura Completa<\/h2>\r\n        <p>Economize mais com nossa estrutura DIY (fa\u00e7a voc\u00ea mesmo). Cozinha e lavanderia completas para reduzir seus custos durante a viagem.<\/p>\r\n        <div class=\"structure-grid\">\r\n          <div class=\"structure-item\">\r\n            <div class=\"structure-item-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <span>Cozinha Equipada<\/span>\r\n          <\/div>\r\n          <div class=\"structure-item\">\r\n            <div class=\"structure-item-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <span>Wi-Fi Gratuito<\/span>\r\n          <\/div>\r\n          <div class=\"structure-item\">\r\n            <div class=\"structure-item-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <span>Seguran\u00e7a 24h<\/span>\r\n          <\/div>\r\n          <div class=\"structure-item\">\r\n            <div class=\"structure-item-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <span>Ventilador de teto<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"structure-images\">\r\n        <div>\r\n          \r\n          <img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/wp-content\/uploads\/2024\/05\/Cozinha-5-1.jpg\" alt=\"Cozinha\">\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/hostelhome.com.br\/clone\/wp-content\/uploads\/2023\/09\/132-HOSTEL-Sala-TV_-1024x683.jpg\" alt=\"Sala de TV\">\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"info\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header\" style=\"text-align: center; margin-bottom: 40px;\">\r\n      <h2 style=\"font-family: sans-serif; font-size: 28px; color: #111827;\">Informa\u00e7\u00f5es Importantes<\/h2>\r\n    <\/div>\r\n    <div class=\"info-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; align-items: stretch;\">\r\n\r\n      <div class=\"info-card\" style=\"display: flex; flex-direction: column; height: 100%; background: #f9fafb; padding: 24px; border-radius: 16px; border: 1px solid #f3f4f6;\">\r\n        <div class=\"info-card-icon\" style=\"width: 40px; height: 40px; color: #0d9488; margin-bottom: 16px;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 style=\"font-family: sans-serif; font-size: 18px; margin-bottom: 12px;\">Check-in \/ Check-out<\/h3>\r\n        <p style=\"font-family: sans-serif; font-size: 14px; color: #4b5563; line-height: 1.6; flex-grow: 1;\">\r\n          Check-in: 14h \u00e0s 22h\r\n          Check-out: at\u00e9 12h\r\n          Fora do hor\u00e1rio: +R$10\/hora\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"info-card\" style=\"display: flex; flex-direction: column; height: 100%; background: #f9fafb; padding: 24px; border-radius: 16px; border: 1px solid #f3f4f6;\">\r\n        <div class=\"info-card-icon\" style=\"width: 40px; height: 40px; color: #0d9488; margin-bottom: 16px;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 style=\"font-family: sans-serif; font-size: 18px; margin-bottom: 12px;\">Pagamento<\/h3>\r\n        <p style=\"font-family: sans-serif; font-size: 14px; color: #4b5563; line-height: 1.6; flex-grow: 1;\">\r\n          Cart\u00e3o de cr\u00e9dito ou d\u00e9bito\r\n          Cancelamento conforme CDC\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"info-card\" style=\"display: flex; flex-direction: column; height: 100%; background: #f9fafb; padding: 24px; border-radius: 16px; border: 1px solid #f3f4f6;\">\r\n        <div class=\"info-card-icon\" style=\"width: 40px; height: 40px; color: #0d9488; margin-bottom: 16px;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 style=\"font-family: sans-serif; font-size: 18px; margin-bottom: 12px;\">Enxoval<\/h3>\r\n        <p style=\"font-family: sans-serif; font-size: 14px; color: #4b5563; line-height: 1.6; flex-grow: 1;\">\r\n          Kit completo com 5 pe\u00e7as por R$30\r\n          Lavanderia dispon\u00edvel\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"info-card\" style=\"display: flex; flex-direction: column; height: 100%; background: #f9fafb; padding: 24px; border-radius: 16px; border: 1px solid #f3f4f6;\">\r\n        <div class=\"info-card-icon\" style=\"width: 40px; height: 40px; color: #0d9488; margin-bottom: 16px;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 style=\"font-family: sans-serif; font-size: 18px; margin-bottom: 12px;\">Seguran\u00e7a<\/h3>\r\n        <p style=\"font-family: sans-serif; font-size: 14px; color: #4b5563; line-height: 1.6; flex-grow: 1;\">\r\n          Sistema de senhas individual\r\n          Portaria virtual 24h\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer class=\"footer\">\r\n  <div class=\"footer-inner\">\r\n    <div class=\"footer-top\">\r\n      <div class=\"footer-logo\">\r\n        <div class=\"footer-logo-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"footer-logo-text\" style=\"font-family: sans-serif;\">\r\n          <strong>Hostel Home<\/strong>\r\n          <small>Seu lar longe de casa<\/small>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer-links\" style=\"font-family: sans-serif;\">\r\n        <a href=\"mailto:reservas@hostelhome.com.br\" style=\"text-decoration: none; color: white; display: flex; align-items: center; gap: 5px;\">\r\n          reservas@hostelhome.com.br\r\n        <\/a>\r\n        <a href=\"https:\/\/wa.me\/5511983344000\" target=\"_blank\" style=\"text-decoration: none; color: white; display: flex; align-items: center; gap: 5px;\">\r\n          (11) 98334-4000\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\" style=\"text-align: center; font-family: sans-serif; margin-top: 20px;\">\r\n      <p>&copy; 2026 Hostel Home. Todos os direitos reservados.<\/p>\r\n      <p>Pr\u00f3ximo ao Metr\u00f4 Butant\u00e3\/USP - S\u00e3o Paulo, SP<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\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>Hostel Home &#8211; Sua Casa em S\u00e3o Paulo HOSTEL HOME Sobre Quartos Estrutura Contato SIMULE SUA RESERVA 150m do Metr\u00f4 Butant\u00e3 Sua casa em S\u00e3o Paulo Hospedagem econ\u00f4mica e confort\u00e1vel no cora\u00e7\u00e3o do Butant\u00e3. Perfeito para estudantes, viajantes e profissionais. Reservar Agora Conhecer mais Hostel Home &mdash; 4.8\/5 no Google Maps Por que nos escolher? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5273","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/pages\/5273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/comments?post=5273"}],"version-history":[{"count":51,"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/pages\/5273\/revisions"}],"predecessor-version":[{"id":5492,"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/pages\/5273\/revisions\/5492"}],"wp:attachment":[{"href":"https:\/\/hostelhome.com.br\/clone\/wp-json\/wp\/v2\/media?parent=5273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}