{"id":169,"date":"2023-09-16T23:27:10","date_gmt":"2023-09-16T23:27:10","guid":{"rendered":"https:\/\/hana175.com\/home-3\/"},"modified":"2026-10-05T23:04:02","modified_gmt":"2026-10-05T23:04:02","slug":"lofts-hana-175","status":"publish","type":"page","link":"https:\/\/hana175.com\/en\/lofts-hana-175\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c682d92 e-con-full e-flex e-con e-parent\" data-id=\"c682d92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a342c12 elementor-widget elementor-widget-html\" data-id=\"a342c12\" 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<!DOCTYPE html><html class=\"scroll-smooth\" lang=\"es\" style=\"\"><head>\r\n<meta charset=\"utf-8\">\r\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\r\n<title>Hana 175 | Lofts de Dise\u00f1o y Estancias Exclusivas en CDMX<\/title>\r\n<!-- Tailwind CSS CDN with forms and container queries -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n<!-- Google Fonts: Cormorant Garamond (Serif de lujo) & Plus Jakarta Sans (Moderna y limpia) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\">\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n<!-- FontAwesome Icons for refined hotel imagery -->\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\">\r\n<script data-purpose=\"tailwind-config\">\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: {\r\n            brand: {\r\n              50: '#FDF7F8',\r\n              100: '#FBF0F2',\r\n              200: '#F5DEE3',\r\n              300: '#EABEC8',\r\n              400: '#DD95A5',\r\n              500: '#CB6981',\r\n              600: '#B04B64',\r\n              700: '#8E344B',\r\n              800: '#672435',\r\n              900: '#421621',\r\n              950: '#2A0D15',\r\n            },\r\n            sand: {\r\n              50: '#FAF8F5',\r\n              100: '#F4EFEA',\r\n              200: '#E8DFD5',\r\n            }\r\n          },\r\n          fontFamily: {\r\n            serif: ['\"Cormorant Garamond\"', 'Georgia', 'serif'],\r\n            sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n<style data-purpose=\"custom-styling\">\r\n    .glass-card {\r\n      background: rgba(255, 255, 255, 0.85);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border: 1px solid rgba(245, 222, 227, 0.6);\r\n    }\r\n    .hero-glow {\r\n      background: radial-gradient(circle at 50% 30%, rgba(245, 222, 227, 0.4) 0%, rgba(255, 255, 255, 0) 70%);\r\n    }\r\n    .loft-image-zoom:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"bg-brand-50 text-stone-800 font-sans antialiased selection:bg-brand-200 selection:text-brand-900\">\r\n  <!-- BEGIN: AnnouncementBar -->\r\n  <div class=\"bg-rose-500 text-white text-xs py-2 px-4 flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-4 font-medium tracking-wide shadow-sm\" data-purpose=\"top-announcement\">\r\n    <span>\u2728 Experiencia Boutique en Colonia Ju\u00e1rez \u00b7 A pasos de Reforma y Zona Rosa<\/span>\r\n    \r\n    <!-- Bot\u00f3n de llamada a la acci\u00f3n -->\r\n    <a href=\"tel:5530779994\" class=\"inline-flex items-center gap-1.5 bg-white\/20 hover:bg-white\/30 text-white font-semibold py-1 px-3 rounded-full transition-all duration-200 backdrop-blur-sm border border-white\/20 active:scale-95 text-xs\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5 fill-current\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n      <\/svg>\r\n      <span>Llamar: 55 3077 9994<\/span>\r\n    <\/a>\r\n  <\/div>\r\n  <!-- END: AnnouncementBar -->\r\n<\/body>\r\n<\/div>\r\n<span class=\"hidden md:inline text-brand-400\">|<\/span>\r\n<a class=\"underline decoration-brand-400 hover:text-white transition-colors duration-200 hidden md:inline\" href=\"#lofts\">Descubre tarifas de temporada<\/a>\r\n<\/div>\r\n<!-- END: AnnouncementBar -->\r\n<!-- BEGIN: MainHeader -->\r\n<header class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-brand-100 transition-all duration-300\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10 h-20 flex items-center justify-between\">\r\n<!-- Brand Logo -->\r\n<a class=\"flex items-center gap-3 group\" data-purpose=\"brand-logo\" href=\"#\">\r\n<div class=\"w-10 h-10 rounded-full border border-brand-300 flex items-center justify-center text-brand-700 group-hover:bg-brand-100 transition-colors\">\r\n<span class=\"font-serif text-2xl italic font-semibold\">H<\/span>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<span class=\"font-serif text-2xl font-bold tracking-tight text-brand-900 leading-none\">HANA 175<\/span>\r\n<span class=\"text-[10px] uppercase tracking-[0.25em] text-brand-500 font-semibold mt-1\">Lofts &amp; Living \u00b7 CDMX<\/span>\r\n<\/div>\r\n<\/a>\r\n<!-- Desktop Navigation Links -->\r\n<nav class=\"hidden md:flex items-center space-x-8 text-sm font-medium text-stone-700\" data-purpose=\"main-nav\">\r\n<a class=\"hover:text-brand-700 transition-colors duration-200\" href=\"#concepto\">El Concepto<\/a>\r\n<a class=\"hover:text-brand-700 transition-colors duration-200\" href=\"#lofts\">Lofts de Autor<\/a>\r\n<a class=\"hover:text-brand-700 transition-colors duration-200\" href=\"#servicios\">Amenidades<\/a>\r\n<a class=\"hover:text-brand-700 transition-colors duration-200\" href=\"#testimonios\">Rese\u00f1as<\/a>\r\n<a class=\"hover:text-brand-700 transition-colors duration-200\" href=\"#ubicacion\">Ubicaci\u00f3n<\/a>\r\n<\/nav>\r\n<!-- Action & Booking Button -->\r\n<div class=\"flex items-center gap-4\">\r\n<a class=\"hidden lg:flex items-center gap-2 text-stone-600 text-xs font-semibold hover:text-brand-700\" href=\"tel:+525530779994\">\r\n<i class=\"fa-solid fa-phone text-brand-500\"><\/i>\r\n<span class=\"\">Atenci\u00f3n Directa<\/span> \r\n<\/a>\r\n<a class=\"inline-flex items-center justify-center px-6 py-2.5 rounded-full bg-brand-700 hover:bg-brand-800 text-white text-xs font-semibold tracking-wider uppercase transition-all shadow-md shadow-brand-700\/20 hover:shadow-lg hover:shadow-brand-800\/30\" href=\"#reservar\">\r\n          Reservar Loft\r\n        <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/header>\r\n<!-- END: MainHeader -->\r\n<!-- BEGIN: HeroSection -->\r\n<section class=\"relative pt-12 pb-24 lg:pt-20 lg:pb-32 overflow-hidden hero-glow\" data-purpose=\"hero-banner\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"grid lg:grid-cols-12 gap-12 lg:gap-8 items-center\">\r\n<!-- Hero Text Content -->\r\n<div class=\"lg:col-span-6 space-y-6 text-center lg:text-left\">\r\n<div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-brand-100 border border-brand-200 text-brand-800 text-xs font-semibold\">\r\n<span class=\"w-2 h-2 rounded-full bg-brand-500 animate-pulse\"><\/span>\r\n            Disponibilidad Inmediata \u00b7 Zona Rosa \/ Ju\u00e1rez\r\n          <\/div>\r\n<h1 class=\"font-serif text-4xl sm:text-5xl lg:text-6xl text-brand-950 font-normal leading-[1.12]\">\r\n            El balance perfecto entre el <span class=\"italic font-semibold text-brand-700\">descanso sereno<\/span> y la productividad urbana.\r\n          <\/h1>\r\n<p class=\"text-stone-600 text-base sm:text-lg leading-relaxed max-w-xl mx-auto lg:mx-0 font-light\">\r\n            Bienvenido a <strong>Hana 175<\/strong>. Lofts de dise\u00f1o meticulosamente equipados con cocineta gourmet, internet&nbsp; y un ambiente c\u00e1lido en el coraz\u00f3n cultural y financiero de la Ciudad de M\u00e9xico.\r\n          <\/p>\r\n<!-- Quick Value Badges -->\r\n<div class=\"pt-2 flex flex-wrap items-center justify-center lg:justify-start gap-5 text-stone-600 text-xs font-medium\">\r\n<div class=\"flex items-center gap-2\">\r\n<i class=\"fa-solid fa-person-walking text-brand-600\"><\/i>\r\n<span class=\"\">5 min de Glorieta de Insurgentes<\/span>\r\n<\/div>\r\n<div class=\"flex items-center gap-2\">\r\n<i class=\"fa-solid fa-monument text-brand-600\"><\/i>\r\n<span class=\"\">7 min de \u00c1ngel de la Independencia<\/span>\r\n<\/div>\r\n<\/div>\r\n<!-- CTAs -->\r\n<div class=\"pt-4 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4\">\r\n<a class=\"w-full sm:w-auto px-8 py-3.5 rounded-full bg-brand-700 hover:bg-brand-800 text-white text-sm font-semibold tracking-wide transition-all shadow-lg shadow-brand-700\/25 flex items-center justify-center gap-2\" href=\"#reservar\">\r\n<span class=\"\">Explorar Suites Disponibles<\/span>\r\n<i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n<\/a>\r\n<a class=\"w-full sm:w-auto px-7 py-3.5 rounded-full bg-white hover:bg-stone-50 text-stone-800 text-sm font-medium border border-stone-200 transition-all flex items-center justify-center gap-2\" href=\"#concepto\">\r\n<span class=\"\">Conocer el Concepto<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<!-- Hero Visual Gallery Collage -->\r\n<div class=\"lg:col-span-6 relative\">\r\n<div class=\"grid grid-cols-2 gap-4 relative z-10\">\r\n<div class=\"space-y-4\">\r\n<div class=\"overflow-hidden rounded-2xl shadow-lg border border-brand-100 loft-image-zoom transition-all\">\r\n<img decoding=\"async\" alt=\"Loft Master Suite Hana 175 con cama king y dise\u00f1o exclusivo\" class=\"w-full h-64 sm:h-72 object-cover transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDkONPRHoerbaUZ2h4SmoAKzlBrr0Im4tUh1hjMQuX3ztexARGsjmezLpBafRLPrrB7pJkw2T2QaEea12dFkrHdR7RPlfiGiEpZnYtuR0lRQNrR3miWmFnDmNMEoOGmQ7IYfqhqlzBEbFzEJg3CaiCEkfCPs9YpXZ18YKDbxSW4WvM9PkXc0Jb-FNUpgX8goIWMTflBRhPth5F1jWNm15aG1WLv4_kYNd0MImNDktqKM5y3ZjFB43egR3PPO7gvh_oDFcDEjWS4SwpkqQc\">\r\n<\/div>\r\n<div class=\"p-6 rounded-2xl bg-white border border-brand-200\/80 shadow-md\">\r\n<p class=\"font-serif text-2xl font-bold text-brand-900 leading-none\">25 m\u00b2<\/p>\r\n<p class=\"text-xs uppercase tracking-wider text-stone-500 mt-1\">Amplitud y Confort<\/p>\r\n<p class=\"text-xs text-stone-600 mt-2\">Distribuci\u00f3n tipo estudio abierta con iluminaci\u00f3n natural pensada para estad\u00edas prolongadas.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"space-y-4 pt-8\">\r\n<div class=\"p-5 rounded-2xl bg-brand-700 text-white shadow-lg\">\r\n<div class=\"flex items-center gap-1 text-amber-300 text-xs mb-2\">\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<\/div>\r\n<p class=\"text-sm font-light italic\">\"La mejor ubicaci\u00f3n para trabajar y disfrutar la Roma y Reforma sin complicaciones.\"<\/p>\r\n<p class=\"text-[11px] font-semibold tracking-wide uppercase mt-3 text-brand-200\">\u2014 Alejandro Y., Hu\u00e9sped<\/p>\r\n<\/div>\r\n<div class=\"overflow-hidden rounded-2xl shadow-lg border border-brand-100 loft-image-zoom transition-all\">\r\n<img decoding=\"async\" alt=\"Detalle del \u00e1rea de trabajo y cocina equipada en loft\" class=\"w-full h-60 sm:h-72 object-cover transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAg_V3zDZr22z52J0GbGENj_jYT4WdaSzL-Mp3DcwSIBULJxiSNICLB9c9grqw2JxkC8GoZWvFRqnpliyNvZ7JD5CGanBLr_miGaNpcyn4qCRGA1QPJ59uGAPrr-eTjDDy3e3rNCL1oHKS00ofyfPLS5zPvvDoz8csvfcJ-SUsq4tqYwkY-RXdA6gS8EUy7pQQnSKPeaIpeOdRFSCdlIW8Fv7BBbXSoOcn_BIwckaYhd2VlFz3x7AiT8ke8H55INXVtR7SUj6QliX3uxK0\">\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&emsp;<br>\r\n<br>\r\n<br>\r\n<br>\r\n<br>\r\n\r\n\r\n<div class=\"absolute -inset-4 bg-gradient-to-tr from-brand-200\/50 to-brand-100\/20 rounded-3xl -z-10 blur-xl\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<center><!-- Quick Reservation Search Bar \/ Floating Widget -->\r\n<\/div>\r\n<div>\r\n<label class=\"block text-xs uppercase tracking-wider font-semibold text-stone-600 mb-2\">\r\n\r\n<\/select>\r\n<\/div>\r\n<div>\r\n\r\n<\/form>\r\n<\/div>\r\n<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Reserva tu estancia<\/title>\r\n  <!-- Tailwind CSS CDN para estilos visuales r\u00e1pidos -->\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<\/head>\r\n<body class=\"bg-black text-slate-100 min-h-screen flex items-center justify-center p-4 sm:p-8\">\r\n\r\n\r\n  <!-- Contenedor principal de la tarjeta de reservas -->\r\n <div class=\"w-full max-w-1xl bg-zinc-900\/90 backdrop-blur-md rounded-3xl border border-rose-200\/20 shadow-3xl shadow-rose-950\/20 overflow-hidden my-8\">\r\n\r\n    \r\n    <!-- Encabezado de la tarjeta -->\r\n    <div class=\"px-6 pt-8 pb-4 text-center\">\r\n      <span class=\"inline-block px-3 py-1 bg-rose-500\/10 text-rose-200 text-xs font-semibold tracking-widest uppercase rounded-full mb-3\">\r\n        Disponibilidad en tiempo real\r\n      <\/span>\r\n      <h1 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl font-light text-rose-200 mb-2\">\r\n        Ver Tarifas y Reservar\r\n      <\/h1>\r\n      <p class=\"text-slate-400 text-sm sm:text-base max-w-md mx-auto\">\r\n        Elige tus fechas y reserva tu estancia directamente con nosotros al mejor precio.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Contenedor del Iframe de Smoobu -->\r\n    <div class=\"px-4 pb-8 sm:px-8\">\r\n      <!-- Elemento destino requerido por Smoobu -->\r\n      <div id=\"apartmentIframeAll\" class=\"w-full min-h-[100px] bg-white rounded-2xl shadow-inner overflow-hidden\"><\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n  \r\n\r\n  <!-- SCRIPT DE SMOOBU (Sin alteraciones) -->\r\n\r\n<div id=\"apartmentIframeAll\">\r\n<a><\/center><script type=\"text\/javascript\" src=\"https:\/\/login.smoobu.com\/js\/Settings\/BookingToolIframe.js\"><\/script>\r\n<script>BookingToolIframe.initialize({\"url\": \"https:\/\/login.smoobu.com\/en\/booking-tool\/iframe\/666305\", \"baseUrl\": \"https:\/\/login.smoobu.com\", \"target\": \"#apartmentIframeAll\"})<\/script><\/a>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n<\/div>\r\n<\/section>\r\n<!-- END: HeroSection -->\r\n<!-- BEGIN: KeyMetricsSection -->\r\n<section class=\"py-12 bg-white border-y border-brand-100\" data-purpose=\"metrics-counter\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-brand-100\">\r\n<div class=\"pt-4 md:pt-0\">\r\n<p class=\"font-serif text-4xl sm:text-5xl font-semibold text-brand-700\">96<span class=\"text-2xl text-brand-400\">%<\/span><\/p>\r\n<p class=\"text-xs uppercase tracking-widest text-stone-500 font-medium mt-1\">Eficiencia &amp; Satisfacci\u00f3n<\/p>\r\n<\/div>\r\n<div class=\"pt-4 md:pt-0\">\r\n<p class=\"font-serif text-4xl sm:text-5xl font-semibold text-brand-700\">25<span class=\"text-2xl text-brand-400\">m\u00b2<\/span><\/p>\r\n<p class=\"text-xs uppercase tracking-widest text-stone-500 font-medium mt-1\">Espacio Promedio por Loft<\/p>\r\n<\/div>\r\n<div class=\"pt-4 md:pt-0\">\r\n<p class=\"font-serif text-4xl sm:text-5xl font-semibold text-brand-700\">600<span class=\"text-2xl text-brand-400\">+<\/span><\/p>\r\n<p class=\"text-xs uppercase tracking-widest text-stone-500 font-medium mt-1\">Hu\u00e9spedes Felices<\/p>\r\n<\/div>\r\n<div class=\"pt-4 md:pt-0\">\r\n<p class=\"font-serif text-4xl sm:text-5xl font-semibold text-brand-700\">5<span class=\"text-2xl text-brand-400\">min<\/span><\/p>\r\n<p class=\"text-xs uppercase tracking-widest text-stone-500 font-medium mt-1\">A Rotonda Insurgentes<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: KeyMetricsSection -->\r\n<!-- BEGIN: ConceptSection -->\r\n<section class=\"py-20 lg:py-28\" data-purpose=\"concept-narrative\" id=\"concepto\">\r\n<div class=\"max-w-5xl mx-auto px-6 text-center space-y-6\">\r\n<div class=\"inline-flex items-center justify-center w-12 h-12 rounded-full bg-brand-100 text-brand-600 mb-2\">\r\n<i class=\"fa-solid fa-leaf text-lg\"><\/i>\r\n<\/div>\r\n<p class=\"text-xs uppercase tracking-[0.25em] text-brand-600 font-bold\">Un nuevo est\u00e1ndar en hospitalidad<\/p>\r\n<h2 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl text-stone-900 leading-snug\">\r\n<span class=\"font-bold text-brand-800\">Hana 175<\/span> es un concepto contempor\u00e1neo dise\u00f1ado para conjugar plenamente el descanso, la elegancia y la vida productiva.\r\n      <\/h2>\r\n<p class=\"text-stone-600 text-base sm:text-lg leading-relaxed font-normal max-w-3xl mx-auto pt-2\">\r\n        Situado en el punto neur\u00e1lgico de mayor movilidad y dinamismo de la Ciudad de M\u00e9xico, cada uno de nuestros Lofts cuenta con acabados selectos, cocineta integral completa, frigobar, parrilla el\u00e9ctrica, vajilla, estaci\u00f3n de trabajo ergon\u00f3mica, WiFi premium por fibra \u00f3ptica, TV smart y ba\u00f1o privado con toques artesanales.\r\n      <\/p>\r\n<!-- Global Guests Badge -->\r\n<div class=\"pt-8\">\r\n<div class=\"inline-flex items-center gap-3 px-5 py-2.5 rounded-full bg-white border border-brand-200 shadow-sm text-stone-600 text-xs\">\r\n<i class=\"fa-solid fa-earth-americas text-brand-500\"><\/i>\r\n<span class=\"\">Recibimos viajeros de ocio, negocios y n\u00f3madas digitales de todo el mundo.<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: ConceptSection -->\r\n<!-- BEGIN: LoftShowcase -->\r\n<section class=\"py-20 bg-brand-100\/50 border-t border-brand-200\" data-purpose=\"lofts-catalog\" id=\"lofts\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"flex flex-col md:flex-row md:items-end justify-between mb-14\">\r\n<div>\r\n<span class=\"text-xs uppercase tracking-widest text-brand-600 font-bold block mb-2\">Espacios Dise\u00f1ados al Detalle<\/span>\r\n<h2 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl text-stone-900 font-normal\">Nuestros Lofts &amp; Habitaciones<\/h2>\r\n<\/div>\r\n<p class=\"text-stone-500 text-sm max-w-md mt-4 md:mt-0 font-light\">\r\n          Cada espacio ha sido meticulosamente amueblado para brindar autonom\u00eda y calidez tanto en estancias cortas de fin de semana como en residencias mensuales.\r\n        <\/p>\r\n<\/div>\r\n<!-- Loft Cards Grid -->\r\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n<!-- Card 1: Loft Ejecutivo Rosa -->\r\n<article class=\"bg-white rounded-2xl overflow-hidden border border-brand-200 shadow-md hover:shadow-xl transition-all duration-300 flex flex-col\" data-purpose=\"loft-card\">\r\n<div class=\"relative overflow-hidden h-64 loft-image-zoom\">\r\n<img decoding=\"async\" alt=\"Loft Suite Ejecutivo con cama king e iluminaci\u00f3n c\u00e1lida\" class=\"w-full h-full object-cover transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuARzIVex31XI9UDThAQ6jbbsLrDdftxjw_izwT-7O9NI9jcRRyE360_NLHr_ibseNMLfSrKKKpdgm63ajwoQW8MU38VUqWWfZSIz42DuL26qNURbPk0aoV0vgv3LUHxQR1ynobAx4gfmxNYAp4ZY4EfAvBzoXRBhJm64P4w5Wz_HAjfjSC00YlZOALDKnZhhdTmPGtMo1xxkAheFugV30nTkxuNyrB_mMfRr8OYSgu261fTJ3_fZMC_hbZzqmfcmeuwcI-G9ft3alj72v8\">\r\n<span class=\"absolute top-4 left-4 bg-brand-900\/80 backdrop-blur-sm text-white text-[11px] font-medium tracking-wider uppercase px-3 py-1 rounded-full\">M\u00e1s Popular<\/span>\r\n<\/div>\r\n<div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n<div>\r\n<div class=\"flex justify-between items-baseline mb-2\">\r\n<h3 class=\"font-serif text-2xl font-bold text-stone-900\">Loft 101<\/h3>\r\n<span class=\"text-xs font-semibold text-brand-700 bg-brand-50 px-2 py-1 rounded\">25 m\u00b2<\/span>\r\n<\/div>\r\n<p class=\"text-xs text-stone-500 line-clamp-2 mb-4 font-light\">Espacio integral con cama King size, terraza interior luminosa, \u00e1rea de coworking y ba\u00f1o en m\u00e1rmol.<\/p>\r\n<!-- Amenities List -->\r\n<div class=\"grid grid-cols-2 gap-2 text-xs text-stone-600 pt-2 border-t border-stone-100\">\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-wifi text-brand-500 text-[10px]\"><\/i>Internet WIFI<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-kitchen-set text-brand-500 text-[10px]\"><\/i> Cocineta integral<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-snowflake text-brand-500 text-[10px]\"><\/i> Climatizaci\u00f3n<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-tv text-brand-500 text-[10px]\"><\/i> Smart TV 55\"<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mt-6 pt-4 border-t border-brand-100 flex items-center justify-between\">\r\n<div>\r\n<span class=\"text-[10px] uppercase tracking-wider text-stone-400 block\">Tarifa por noche<\/span>\r\n<span class=\"font-serif text-xl font-bold text-stone-900\">$1,450 <span class=\"text-xs font-sans text-stone-500 font-normal\">MXN<\/span><\/span>\r\n<\/div>\r\n<a class=\"px-4 py-2 bg-brand-700 hover:bg-brand-800 text-white rounded-lg text-xs font-semibold tracking-wide transition-colors\" href=\"#reservar\">\r\n                Reservar\r\n              <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<!-- Card 2: Loft Studio C\u00f3modo -->\r\n<article class=\"bg-white rounded-2xl overflow-hidden border border-brand-200 shadow-md hover:shadow-xl transition-all duration-300 flex flex-col\" data-purpose=\"loft-card\">\r\n<div class=\"relative overflow-hidden h-64 loft-image-zoom\">\r\n<img decoding=\"async\" alt=\"Loft Studio Moderno con escritorio y detalles en tonos suaves\" class=\"w-full h-full object-cover transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBG_xCEhAqwNISXHQJmYcSfhB2JsnkcWHkhSxQrHxQSHilufbzgazHLk4eQo3itTOFc9jRFYRDIuRtXcNdwoI-EE7fbCAXVccgzxhtCLqZLzyB8ceYF9SfZnYciy5OnItCSVThfH_DAvC-lJjem5vPuw6QYzkXC5S7EIRYwHkXs6uOXC3Qmvr0qa5RmKVZNw-PtOyKATuSct2dPR-lHcKPUipbnLBtG0S5gs1Pd9J4BX1Fz44T0jT7RXO-8uZWveK3xXam4T4wXVdSWlg8\">\r\n<span class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur-sm text-brand-900 text-[11px] font-semibold tracking-wider uppercase px-3 py-1 rounded-full border border-brand-200\">Ideal N\u00f3madas<\/span>\r\n<\/div>\r\n<div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n<div>\r\n<div class=\"flex justify-between items-baseline mb-2\">\r\n<h3 class=\"font-serif text-2xl font-bold text-stone-900\">Loft 302<\/h3>\r\n<span class=\"text-xs font-semibold text-brand-700 bg-brand-50 px-2 py-1 rounded\">25m\u00b2<\/span>\r\n<\/div>\r\n<p class=\"text-xs text-stone-500 line-clamp-2 mb-4 font-light\">Dise\u00f1ado para estancias productivas con escritorio ergon\u00f3mico, luz neutra y ambiente silencioso.<\/p>\r\n<div class=\"grid grid-cols-2 gap-2 text-xs text-stone-600 pt-2 border-t border-stone-100\">\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-laptop text-brand-500 text-[10px]\"><\/i>Comedor+Sofa Cama<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-mug-saucer text-brand-500 text-[10px]\"><\/i> Cafetera &amp; t\u00e9<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-bath text-brand-500 text-[10px]\"><\/i> Ducha lluvia<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-lock text-brand-500 text-[10px]\"><\/i> Cerradura digital<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mt-6 pt-4 border-t border-brand-100 flex items-center justify-between\">\r\n<div>\r\n<span class=\"text-[10px] uppercase tracking-wider text-stone-400 block\">Tarifa por noche<\/span>\r\n<span class=\"font-serif text-xl font-bold text-stone-900\">$1,450 <span class=\"text-xs font-sans text-stone-500 font-normal\">MXN<\/span><\/span>\r\n<\/div>\r\n<a class=\"px-4 py-2 bg-brand-700 hover:bg-brand-800 text-white rounded-lg text-xs font-semibold tracking-wide transition-colors\" href=\"#reservar\">\r\n                Reservar\r\n              <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<!-- Card 3: Terrace Penthouse Loft -->\r\n<article class=\"bg-white rounded-2xl overflow-hidden border border-brand-200 shadow-md hover:shadow-xl transition-all duration-300 flex flex-col\" data-purpose=\"loft-card\">\r\n<div class=\"relative overflow-hidden h-64 loft-image-zoom\">\r\n<img decoding=\"async\" alt=\"Penthouse Loft con balc\u00f3n privado y vista a la ciudad\" class=\"w-full h-full object-cover transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDbcij_kSJZRsAEXH7MovELUPJMqQQ8ZRcOsbihNJ-3MNTqdoRSU_csIhtg3K2hMVhAbf3FqbqWRHJZUt7eBFiSqWM_VHpb6Qr5EVl24GGp96ZdLSXWG0nqKxF5StJFg2CPrve7WFTPVn4LKvQZbbpf0_6CwLJrtKuLDzJMcL8Jxo72owAp1U7hRssrYaPeKQg1pEiYgXMl_WXnl8AB3O7K6LYnFQEf-7-iHkNYngwBTDZprspuEYRhyYMIsAPjauqz_co3f32Ish8bkgE\">\r\n<span class=\"absolute top-4 left-4 bg-brand-700 text-white text-[11px] font-medium tracking-wider uppercase px-3 py-1 rounded-full\">Exclusivo<\/span>\r\n<\/div>\r\n<div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n<div>\r\n<div class=\"flex justify-between items-baseline mb-2\">\r\n<h3 class=\"font-serif text-2xl font-bold text-stone-900\">Rooftop Balcony<\/h3>\r\n<span class=\"text-xs font-semibold text-brand-700 bg-brand-50 px-2 py-1 rounded\">25 m\u00b2<\/span>\r\n<\/div>\r\n<p class=\"text-xs text-stone-500 line-clamp-2 mb-4 font-light\">En el \u00faltimo nivel con balc\u00f3n privado a la copa de los \u00e1rboles de Liverpool, Mesas exteriores y&nbsp; Coworking.<\/p>\r\n<div class=\"grid grid-cols-2 gap-2 text-xs text-stone-600 pt-2 border-t border-stone-100\">\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-tree text-brand-500 text-[10px]\"><\/i> Balc\u00f3n privado<\/span>\r\n<span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-wine-glass text-brand-500 text-[10px]\"><\/i> Caf\u00e9 de cortes\u00eda<\/span>\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"mt-6 pt-4 border-t border-brand-100 flex items-center justify-between\">\r\n<div>\r\n<span class=\"text-[10px] uppercase tracking-wider text-stone-400 block\">Acceso gratis en <br>cualquier reserva<\/span>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: LoftShowcase -->\r\n<!-- BEGIN: AmenitiesAndServices -->\r\n<section class=\"py-20 lg:py-28\" data-purpose=\"services-grid\" id=\"servicios\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"text-center max-w-2xl mx-auto mb-16\">\r\n<span class=\"text-xs uppercase tracking-widest text-brand-600 font-bold block mb-2\">Hospitalidad sin Fricciones<\/span>\r\n<h2 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl text-stone-900 font-normal\">Conoce m\u00e1s sobre nuestros servicios<\/h2>\r\n<p class=\"text-stone-500 text-sm mt-3 font-light\">Pensados para brindar la autonom\u00eda de un departamento privado con la atenci\u00f3n de un hotel boutique de clase mundial.<\/p>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n<!-- Service 1: Experiencia -->\r\n<div class=\"p-8 rounded-2xl bg-white border border-brand-200\/60 shadow-sm hover:shadow-md transition-shadow\" data-purpose=\"service-item\">\r\n<div class=\"w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 mb-6\">\r\n<i class=\"fa-solid fa-heart-pulse text-xl\"><\/i>\r\n<\/div>\r\n<h3 class=\"font-serif text-xl font-bold text-stone-900 mb-2\">Experiencia &amp; Confort<\/h3>\r\n<p class=\"text-xs text-stone-600 leading-relaxed font-light\">\r\n            Vive una feliz estancia en Hana. Contamos con espacios creados tanto para el trabajo enfocado como para un descanso reparador y sin ruidos.\r\n          <\/p>\r\n<\/div>\r\n<!-- Service 2: Ubicacion -->\r\n<div class=\"p-8 rounded-2xl bg-white border border-brand-200\/60 shadow-sm hover:shadow-md transition-shadow\" data-purpose=\"service-item\">\r\n<div class=\"w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 mb-6\">\r\n<i class=\"fa-solid fa-compass text-xl\"><\/i>\r\n<\/div>\r\n<h3 class=\"font-serif text-xl font-bold text-stone-900 mb-2\">Ubicaci\u00f3n Privilegiada<\/h3>\r\n<p class=\"text-xs text-stone-600 leading-relaxed font-light\">\r\n            En una de las zonas m\u00e1s seguras, arboladas y c\u00e9ntricas de la CDMX. Punto ideal para conectar con gastronom\u00eda, museos y distritos financieros.\r\n          <\/p>\r\n<\/div>\r\n<!-- Service 3: Emblemas -->\r\n<div class=\"p-8 rounded-2xl bg-white border border-brand-200\/60 shadow-sm hover:shadow-md transition-shadow\" data-purpose=\"service-item\">\r\n<div class=\"w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 mb-6\">\r\n<i class=\"fa-solid fa-landmark-dome text-xl\"><\/i>\r\n<\/div>\r\n<h3 class=\"font-serif text-xl font-bold text-stone-900 mb-2\">Entorno Emblem\u00e1tico<\/h3>\r\n<p class=\"text-xs text-stone-600 leading-relaxed font-light\">\r\n            Conoce la magia de la Zona Rosa, el Paseo de la Reforma y el emblem\u00e1tico \u00c1ngel de la Independencia a solo unos pasos caminando.\r\n          <\/p>\r\n<\/div>\r\n<!-- Service 4: Trabajo -->\r\n<div class=\"p-8 rounded-2xl bg-white border border-brand-200\/60 shadow-sm hover:shadow-md transition-shadow\" data-purpose=\"service-item\">\r\n<div class=\"w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 mb-6\">\r\n<i class=\"fa-solid fa-briefcase text-xl\"><\/i>\r\n<\/div>\r\n<h3 class=\"font-serif text-xl font-bold text-stone-900 mb-2\">Lugar de Trabajo<\/h3>\r\n<p class=\"text-xs text-stone-600 leading-relaxed font-light\">\r\n            Conectividad con las sedes corporativas m\u00e1s influyentes de la capital mexicana y amenidades dedicadas para video-llamadas y concentraci\u00f3n.\r\n          <\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: AmenitiesAndServices -->\r\n<!-- BEGIN: CallToActionBanner -->\r\n<section class=\"relative py-24 bg-gradient-to-r from-brand-800 via-brand-700 to-brand-900 text-white overflow-hidden text-center\" data-purpose=\"cta-banner\">\r\n<!-- Texture overlay -->\r\n<div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]\"><\/div>\r\n<div class=\"relative max-w-4xl mx-auto px-6 space-y-6\">\r\n<span class=\"text-xs tracking-[0.3em] uppercase text-brand-200 font-semibold\">Tu pr\u00f3ximo destino en Ciudad de M\u00e9xico<\/span>\r\n<h1 class=\"font-serif text-3xl sm:text-5xl lg:text-6xl font-light text-[#FADADD]\">\r\n  Vis\u00edtanos hoy mismo\r\n<\/h1>\r\n<p class=\"text-brand-100 text-base max-w-xl mx-auto font-light\">\r\n        Asegura las mejores tarifas directas, flexibilidad en check-in y una atenci\u00f3n personalizada que transformar\u00e1 tu viaje.\r\n      <\/p>\r\n<div class=\"pt-4\">\r\n<a class=\"inline-block px-10 py-4 rounded-full bg-white hover:bg-brand-50 text-brand-900 font-semibold text-sm tracking-wider uppercase transition shadow-xl hover:shadow-2xl\" href=\"#reservar\">\r\n          Reserva Ahora Directamente\r\n        <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: CallToActionBanner -->\r\n<!-- BEGIN: TestimonialsSection -->\r\n<section class=\"py-20 lg:py-28 bg-white\" data-purpose=\"guest-testimonials\" id=\"testimonios\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"text-center max-w-2xl mx-auto mb-16\">\r\n<span class=\"text-xs uppercase tracking-[0.25em] text-brand-600 font-bold block mb-2\">Historias Reales<\/span>\r\n<h2 class=\"font-serif text-3xl sm:text-4xl lg:text-5xl text-stone-900 font-normal\">Lo que comentan nuestros hu\u00e9spedes<\/h2>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n<!-- Review 1 -->\r\n<div class=\"p-8 rounded-2xl bg-brand-50\/60 border border-brand-200\/70 flex flex-col justify-between\" data-purpose=\"testimonial-card\">\r\n<div class=\"space-y-4\">\r\n<div class=\"flex text-amber-400 text-xs gap-1\">\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<\/div>\r\n<p class=\"text-stone-600 text-sm italic leading-relaxed\">\r\n              \"Es un buen lugar para alojarse. Los espacios son muy limpios, confortables y te hacen sentir en casa. La atenci\u00f3n del equipo de trabajo es excelente y siempre atentos compartiendo sugerencias.\"\r\n            <\/p>\r\n<\/div>\r\n<div class=\"mt-8 pt-4 border-t border-brand-200\/50 flex items-center gap-3\">\r\n<div class=\"w-10 h-10 rounded-full bg-brand-200 text-brand-800 flex items-center justify-center font-bold text-sm\">\r\n              AY\r\n            <\/div>\r\n<div>\r\n<p class=\"text-xs font-semibold uppercase tracking-wider text-stone-800\">Alejandro Yahir<\/p>\r\n<p class=\"text-[11px] text-stone-500\">Hu\u00e9sped Verificado<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Review 2 -->\r\n<div class=\"p-8 rounded-2xl bg-brand-50\/60 border border-brand-200\/70 flex flex-col justify-between\" data-purpose=\"testimonial-card\">\r\n<div class=\"space-y-4\">\r\n<div class=\"flex text-amber-400 text-xs gap-1\">\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<\/div>\r\n<p class=\"text-stone-600 text-sm italic leading-relaxed\">\r\n              \"Estaba en un viaje de negocios y Hana 175 no solo se adapt\u00f3 a mis necesidades de descanso y oficina, sino que su ubicaci\u00f3n en el balc\u00f3n de la azotea me permiti\u00f3 explorar y disfrutar al m\u00e1ximo la Zona Rosa en un tiempo muy limitado.\"\r\n            <\/p>\r\n<\/div>\r\n<div class=\"mt-8 pt-4 border-t border-brand-200\/50 flex items-center gap-3\">\r\n<div class=\"w-10 h-10 rounded-full bg-brand-200 text-brand-800 flex items-center justify-center font-bold text-sm\">\r\n              LL\r\n            <\/div>\r\n<div>\r\n<p class=\"text-xs font-semibold uppercase tracking-wider text-stone-800\">Lin Lin<\/p>\r\n<p class=\"text-[11px] text-stone-500\">Hu\u00e9sped Internacional<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Review 3 -->\r\n<div class=\"p-8 rounded-2xl bg-brand-50\/60 border border-brand-200\/70 flex flex-col justify-between\" data-purpose=\"testimonial-card\">\r\n<div class=\"space-y-4\">\r\n<div class=\"flex text-amber-400 text-xs gap-1\">\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<i class=\"fa-solid fa-star\"><\/i>\r\n<\/div>\r\n<p class=\"text-stone-600 text-sm italic leading-relaxed\">\r\n              \"Lugar muy agradable para descansar, cuenta con lo necesario para estar c\u00f3modamente, las habitaciones son muy bonitas, coloridas y la privacidad es inmejorable. Sin duda regreso pronto.\"\r\n            <\/p>\r\n<\/div>\r\n<div class=\"mt-8 pt-4 border-t border-brand-200\/50 flex items-center gap-3\">\r\n<div class=\"w-10 h-10 rounded-full bg-brand-200 text-brand-800 flex items-center justify-center font-bold text-sm\">\r\n              VI\r\n            <\/div>\r\n<div>\r\n<p class=\"text-xs font-semibold uppercase tracking-wider text-stone-800\">Valeria Ivonne<\/p>\r\n<p class=\"text-[11px] text-stone-500\">Hu\u00e9sped de Placer<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: TestimonialsSection -->\r\n<!-- BEGIN: LocationAndContactSection -->\r\n<section class=\"py-20 bg-brand-100\/30 border-t border-brand-200\" data-purpose=\"location-map\" id=\"ubicacion\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"grid lg:grid-cols-12 gap-12 items-center\">\r\n<!-- Contact Details -->\r\n<div class=\"lg:col-span-5 space-y-6\">\r\n<span class=\"text-xs uppercase tracking-widest text-brand-600 font-bold block\">Ubicaci\u00f3n Estrat\u00e9gica<\/span>\r\n<h2 class=\"font-serif text-3xl sm:text-4xl text-stone-900 font-normal\">Cont\u00e1ctanos y Planifica tu Llegada<\/h2>\r\n<p class=\"text-stone-600 text-sm font-light leading-relaxed\">\r\n            Estamos situados en el coraz\u00f3n cultural y cosmopolita de la Ciudad de M\u00e9xico, con accesos inmediatos a estaciones de metro, ciclov\u00edas y principales avenidas.\r\n          <\/p>\r\n<div class=\"space-y-4 pt-4 text-sm text-stone-700\">\r\n<div class=\"flex items-start gap-3\">\r\n<i class=\"fa-solid fa-location-dot text-brand-700 text-base mt-1\"><\/i>\r\n<div>\r\n<p class=\"font-semibold text-stone-900\">Direcci\u00f3n<\/p>\r\n<p class=\"text-stone-600 text-xs\">Liverpool 175, Ju\u00e1rez, Cuauht\u00e9moc, 06600 Ciudad de M\u00e9xico, CDMX<\/p>\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start gap-3\">\r\n<i class=\"fa-solid fa-clock text-brand-700 text-base mt-1\"><\/i>\r\n<div>\r\n<p class=\"font-semibold text-stone-900\">Horarios<\/p>\r\n<p class=\"text-stone-600 text-xs\">Check-in: 15:00 hrs | Check-out: 10:00 hrs (Atenci\u00f3n 24\/7)<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start gap-3\">\r\n<i class=\"fa-solid fa-envelope text-brand-700 text-base mt-1\"><\/i>\r\n<div>\r\n<p class=\"font-semibold text-stone-900\">Correo Electr\u00f3nico<\/p>\r\n<p class=\"text-stone-600 text-xs\">ventas@hana175.com<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"pt-2\">\r\n<a class=\"inline-flex items-center gap-2 text-xs font-semibold tracking-wider text-brand-800 hover:text-brand-950 uppercase underline underline-offset-4\" href=\"https:\/\/maps.google.com\" rel=\"noopener noreferrer\" target=\"_blank\">\r\n<span class=\"\">Abrir en Google Maps<\/span>\r\n<i class=\"fa-solid fa-arrow-up-right-from-square text-[10px]\"><\/i>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<!-- Simulated Interactive Map Preview -->\r\n<div class=\"lg:col-span-7\">\r\n<div class=\"rounded-2xl overflow-hidden shadow-xl border border-brand-200 relative bg-stone-100\">\r\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d7525.486913016883!2d-99.16611270000001!3d19.4234874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1ff770d36bf59%3A0xaadb31c20902c014!2sHana%20175!5e0!3m2!1ses!2smx!4v1791232778681!5m2!1ses!2smx\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\r\n<!-- Map Pin Overlay Badge -->\r\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-white\/95 px-4 py-2.5 rounded-xl shadow-2xl border border-brand-300 flex items-center gap-3\">\r\n<div class=\"w-8 h-8 rounded-full bg-brand-700 text-white flex items-center justify-center text-xs\">\r\n<i class=\"fa-solid fa-hotel\"><\/i>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs font-bold text-stone-900\">Hana 175 Lofts<\/p>\r\n<p class=\"text-[10px] text-stone-500\">Liverpool 175 \u00b7 Ju\u00e1rez<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- END: LocationAndContactSection -->\r\n<!-- BEGIN: MainFooter -->\r\n<footer class=\"bg-stone-900 text-stone-400 py-16 text-sm\" data-purpose=\"main-footer\">\r\n<div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\r\n<div class=\"grid grid-cols-1 md:grid-cols-4 gap-10 pb-12 border-b border-stone-800\">\r\n<!-- Column 1: Brand Info -->\r\n<div class=\"space-y-4 md:col-span-1\">\r\n<div class=\"flex items-center gap-3\">\r\n<div class=\"w-9 h-9 rounded-full bg-brand-800\/80 text-brand-200 flex items-center justify-center font-serif text-xl font-bold\">\r\n              H\r\n            <\/div>\r\n<span class=\"font-serif text-2xl font-bold text-white tracking-tight\">HANA 175<\/span>\r\n<\/div>\r\n<p class=\"text-xs text-stone-400 leading-relaxed font-light\">\r\n            Concepto boutique de hospitalidad urbana y trabajo remoto en el coraz\u00f3n hist\u00f3rico y moderno de la Ciudad de M\u00e9xico.\r\n          <\/p>\r\n<\/div>\r\n<!-- Column 2: Navigation -->\r\n<div>\r\n<h4 class=\"text-xs font-semibold uppercase tracking-wider text-brand-300 mb-4\">Navegaci\u00f3n<\/h4>\r\n<ul class=\"space-y-2.5 text-xs\">\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#concepto\">El Concepto<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#lofts\">Lofts &amp; Tarifas<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#servicios\">Amenidades<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#testimonios\">Opiniones de Clientes<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#ubicacion\">Ubicaci\u00f3n y Mapa<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- Column 3: Legal & Support -->\r\n<div>\r\n<h4 class=\"text-xs font-semibold uppercase tracking-wider text-brand-300 mb-4\">Pol\u00edticas<\/h4>\r\n<ul class=\"space-y-2.5 text-xs\">\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#\">T\u00e9rminos y Condiciones<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#\">Aviso de Privacidad<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#\">Reglamento de Convivencia<\/a><\/li>\r\n<li class=\"\"><a class=\"hover:text-white transition-colors\" href=\"#\">Pol\u00edtica de Cancelaci\u00f3n<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- Column 4: Newsletter & Social -->\r\n<div>\r\n<h4 class=\"text-xs font-semibold uppercase tracking-wider text-brand-300 mb-4\">Conecta<\/h4>\r\n<p class=\"text-xs text-stone-400 mb-3 font-light\">Recibe ofertas exclusivas para n\u00f3madas y estancias largas:<\/p>\r\n<div class=\"flex gap-2 mb-4\">\r\n<input class=\"bg-stone-800 border border-stone-700 text-xs px-3 py-2 rounded-lg text-stone-200 focus:outline-none focus:border-brand-500 w-full\" placeholder=\"Tu correo electr\u00f3nico\" type=\"email\">\r\n<button class=\"bg-brand-700 hover:bg-brand-600 text-white text-xs px-3 py-2 rounded-lg transition-colors font-medium\">Unirse<\/button>\r\n<\/div>\r\n<div class=\"flex space-x-4 text-stone-400\">\r\n<a aria-label=\"Facebook\" class=\"hover:text-brand-300 transition-colors\" href=\"#\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\r\n<a aria-label=\"Instagram\" class=\"hover:text-brand-300 transition-colors\" href=\"#\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\r\n<a aria-label=\"Twitter\" class=\"hover:text-brand-300 transition-colors\" href=\"#\"><i class=\"fa-brands fa-x-twitter text-sm\"><\/i><\/a>\r\n<a aria-label=\"WhatsApp\" class=\"hover:text-brand-300 transition-colors\" href=\"#\"><i class=\"fa-brands fa-whatsapp text-sm\"><\/i><\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Copyright Bar -->\r\n<div class=\"pt-8 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4\">\r\n<p class=\"\">\u00a9 2025 Hana 175. Todos los derechos reservados. Liverpool 175, Ju\u00e1rez, CDMX.<\/p>\r\n<p class=\"font-serif italic text-brand-300\">Creado por Balamaad.site<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/footer>\r\n<!-- END: MainFooter -->\r\n<!-- Floating WhatsApp Action Support -->\r\n<a aria-label=\"Contactar por WhatsApp\" class=\"fixed bottom-6 right-6 z-40 bg-emerald-600 hover:bg-emerald-700 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transition-transform hover:scale-110\" href=\"https:\/\/wa.me\/525627867807\" rel=\"noopener noreferrer\" target=\"_blank\">\r\n<i class=\"fa-brands fa-whatsapp text-2xl\"><\/i>\r\n<\/a>\r\n\r\n\r\n<\/body><\/html>\t\t\t\t<\/div>\n\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>Hana 175 | Lofts de Dise\u00f1o y Estancias Exclusivas en CDMX \u2728 Experiencia Boutique en Colonia Ju\u00e1rez \u00b7 A pasos de Reforma y Zona Rosa Llamar: 55 3077 9994 |&hellip;<\/p>\n<p> <a class=\"more-link\" href=\"https:\/\/hana175.com\/en\/lofts-hana-175\/\">Read more<\/a><\/p>","protected":false},"author":2,"featured_media":12152,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","has-post-thumbnail"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":64,"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":12418,"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/pages\/169\/revisions\/12418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/media\/12152"}],"wp:attachment":[{"href":"https:\/\/hana175.com\/en\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}