{"id":13824,"date":"2026-07-18T07:17:50","date_gmt":"2026-07-18T10:17:50","guid":{"rendered":"https:\/\/manglar.com.uy\/comercial\/?page_id=13824"},"modified":"2026-07-24T12:50:54","modified_gmt":"2026-07-24T15:50:54","slug":"manglar-umbra","status":"publish","type":"page","link":"https:\/\/manglar.com.uy\/comercial\/manglar-umbra\/","title":{"rendered":"Manglar Umbra &#8211;"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13824\" class=\"elementor elementor-13824\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-76501d3 e-con-full e-flex e-con e-parent\" data-id=\"76501d3\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a16494b elementor-widget elementor-widget-html\" data-id=\"a16494b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600&family=Lexend+Deca:wght@300;400&display=swap');\r\n\r\n\/* --- RED DE SEGURIDAD NATIVA (Fallback por si el JS falla) --- *\/\r\n#proyecto, #ubicacion, #tipologias, #amenities, #etapas, #contacto {\r\n  scroll-margin-top: 160px !important; \/* Desktop: 140px header + 20px aire *\/\r\n}\r\n@media (max-width: 767px) {\r\n  #proyecto, #ubicacion, #tipologias, #amenities, #etapas, #contacto {\r\n    scroll-margin-top: 130px !important; \/* Mobile: 110px header + 20px aire *\/\r\n  }\r\n}\r\nbody.admin-bar #proyecto, body.admin-bar #ubicacion, body.admin-bar #tipologias, \r\nbody.admin-bar #amenities, body.admin-bar #etapas, body.admin-bar #contacto {\r\n  scroll-margin-top: 192px !important; \/* Desktop con barra de admin de WP *\/\r\n}\r\n@media (max-width: 782px) {\r\n  body.admin-bar #proyecto, body.admin-bar #ubicacion, body.admin-bar #tipologias, \r\n  body.admin-bar #amenities, body.admin-bar #etapas, body.admin-bar #contacto {\r\n    scroll-margin-top: 176px !important; \/* Mobile con barra de admin de WP *\/\r\n  }\r\n}\r\n\r\nhtml body .mng-header {\r\n  position: fixed !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 140px;\r\n  background: transparent !important;\r\n  transition: background-color 0.3s ease, box-shadow 0.3s ease;\r\n  z-index: 9999 !important;\r\n  box-sizing: border-box;\r\n}\r\nhtml body .mng-header * { box-sizing: border-box; }\r\nhtml body .mng-header ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\r\nhtml body .mng-header a { text-decoration: none !important; box-shadow: none !important; outline: none !important; }\r\n\r\n.mng-header.mng-header--scrolled,\r\n.mng-header.mng-header--menu-open {\r\n  background: #FCD9CE !important;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.mng-logo {\r\n  position: absolute;\r\n  width: 270px;\r\n  height: auto;\r\n  left: 50%;\r\n  top: 45px;\r\n  transform: translateX(-50%);\r\n  display: block;\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n\/* Hover sutil para el logo *\/\r\n@media (min-width: 768px) {\r\n  .mng-logo:hover {\r\n    opacity: 0.85;\r\n  }\r\n}\r\n\r\n.mng-logo-img { width: 100%; height: auto; display: block; border: none; object-fit: contain; transition: filter 0.3s ease; }\r\n\r\n.mng-header.mng-header--scrolled .mng-logo-img,\r\n.mng-header.mng-header--menu-open .mng-logo-img {\r\n  filter: brightness(0) saturate(100%) invert(21%) sepia(35%) saturate(1210%) hue-rotate(124deg) brightness(94%) contrast(97%);\r\n}\r\n\r\n.mng-nav { position: absolute; top: 55px; display: flex; align-items: center; gap: 20px; }\r\n.mng-nav--left { left: 148px; }\r\n.mng-nav--right { right: 148px; }\r\n\r\n.mng-nav-btn {\r\n  display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n  padding: 6px 0 0; gap: 5px; width: auto; height: 30px; cursor: pointer;\r\n  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;\r\n}\r\n\r\n.mng-nav-btn span {\r\n  font-family: 'Lexend Deca', sans-serif; font-weight: 400; font-size: 18px; line-height: 18px;\r\n  text-align: center; color: #FFFFFF; white-space: nowrap; transition: color 0.3s ease;\r\n}\r\n\r\n\/* --- HOVER EFFECT SUTIL EN DESKTOP --- *\/\r\n@media (min-width: 768px) {\r\n  .mng-nav-btn:hover {\r\n    transform: translateY(-2px); \/* Eleva suavemente el enlace *\/\r\n    opacity: 0.85;              \/* Cambio muy leve de opacidad *\/\r\n  }\r\n}\r\n\r\n.mng-header.mng-header--scrolled .mng-nav-btn span,\r\n.mng-header.mng-header--menu-open .mng-nav-btn span { color: #044634; }\r\n\r\n.mng-burger {\r\n  display: none; position: absolute; right: 30px; top: 55px; width: 30px; height: 24px;\r\n  cursor: pointer; background: transparent !important; border: none !important; padding: 0;\r\n  z-index: 10001 !important; pointer-events: auto !important; box-shadow: none !important; outline: none !important;\r\n}\r\n.mng-burger-line {\r\n  display: block; width: 100%; height: 2px; background: #FFFFFF !important;\r\n  margin-bottom: 5px; transition: all 0.3s ease;\r\n}\r\n.mng-header.mng-header--scrolled .mng-burger-line,\r\n.mng-header.mng-header--menu-open .mng-burger-line { background: #044634 !important; }\r\n.mng-burger-line:last-child { margin-bottom: 0; }\r\n.mng-burger.mng-burger--active .mng-burger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.mng-burger.mng-burger--active .mng-burger-line:nth-child(2) { opacity: 0; }\r\n.mng-burger.mng-burger--active .mng-burger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n.mng-dropdown {\r\n  display: none; position: fixed; top: 140px; left: 0; right: 0; width: 100%;\r\n  background: #FCD9CE; z-index: 9998 !important; max-height: calc(100vh - 140px);\r\n  overflow-y: auto; box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n}\r\n.mng-dropdown-list { list-style: none; margin: 0; padding: 0; }\r\n.mng-dropdown-item { text-align: center; border-bottom: 1px solid rgba(4, 70, 52, 0.1); }\r\n.mng-dropdown-item:first-child { border-top: 1px solid rgba(4, 70, 52, 0.1); }\r\n.mng-dropdown-link {\r\n  display: block; padding: 18px 20px; font-family: 'Lexend Deca', sans-serif;\r\n  font-size: 16px; color: #044634; transition: all 0.3s ease;\r\n}\r\n.mng-dropdown-link:hover { background-color: #CC935A; color: #FFFFFF; }\r\n\r\n@media (min-width: 768px) {\r\n  .mng-dropdown { display: none !important; }\r\n  .mng-burger { display: none !important; }\r\n  .mng-nav { display: flex !important; }\r\n}\r\n@media (max-width: 767px) {\r\n  .mng-header {\r\n    height: 110px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    padding: 0 20px !important;\r\n  }\r\n  .mng-header.mng-header--scrolled,\r\n  .mng-header.mng-header--menu-open { background: #FCD9CE !important; }\r\n  .mng-logo {\r\n    position: relative !important; left: auto !important; top: auto !important;\r\n    transform: none !important; width: 150px !important; margin: 0 !important;\r\n  }\r\n  .mng-nav { display: none !important; }\r\n  .mng-burger {\r\n    position: relative !important; right: auto !important; top: auto !important;\r\n    transform: none !important; display: flex !important; flex-direction: column;\r\n    justify-content: center; align-items: center; width: 30px; height: 24px; margin: 0 !important;\r\n  }\r\n  .mng-dropdown { top: 110px !important; max-height: calc(100vh - 110px) !important; }\r\n  .mng-dropdown.mng-dropdown--open { display: block !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"mng-header\" id=\"mngHeader\">\r\n  <a href=\"\/\" class=\"mng-logo\">\r\n    <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/logo-umbra-blanco.svg\" alt=\"Manglar Logo\" class=\"mng-logo-img\">\r\n  <\/a>\r\n  \r\n  <nav class=\"mng-nav mng-nav--left\">\r\n    <a href=\"javascript:void(0)\" data-target=\"#proyecto\" class=\"mng-nav-btn\"><span>Proyecto<\/span><\/a>\r\n    <a href=\"javascript:void(0)\" data-target=\"#ubicacion\" class=\"mng-nav-btn\"><span>Ubicacion<\/span><\/a>\r\n    <a href=\"javascript:void(0)\" data-target=\"#tipologias\" class=\"mng-nav-btn\"><span>Tipologias<\/span><\/a>\r\n  <\/nav>\r\n  <nav class=\"mng-nav mng-nav--right\">\r\n    <a href=\"javascript:void(0)\" data-target=\"#amenities\" class=\"mng-nav-btn\"><span>Amenities<\/span><\/a>\r\n    <a href=\"javascript:void(0)\" data-target=\"#etapas\" class=\"mng-nav-btn\"><span>Etapas<\/span><\/a>\r\n    <a href=\"javascript:void(0)\" data-target=\"#contacto\" class=\"mng-nav-btn\"><span>Contacto<\/span><\/a>\r\n  <\/nav>\r\n  \r\n  <button class=\"mng-burger\" id=\"mngBurger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n    <span class=\"mng-burger-line\"><\/span>\r\n    <span class=\"mng-burger-line\"><\/span>\r\n    <span class=\"mng-burger-line\"><\/span>\r\n  <\/button>\r\n  \r\n  <nav class=\"mng-dropdown\" id=\"mngDropdown\" aria-hidden=\"true\">\r\n    <ul class=\"mng-dropdown-list\">\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#proyecto\" class=\"mng-dropdown-link\">Proyecto<\/a><\/li>\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#ubicacion\" class=\"mng-dropdown-link\">Ubicacion<\/a><\/li>\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#tipologias\" class=\"mng-dropdown-link\">Tipologias<\/a><\/li>\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#amenities\" class=\"mng-dropdown-link\">Amenities<\/a><\/li>\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#etapas\" class=\"mng-dropdown-link\">Etapas<\/a><\/li>\r\n      <li class=\"mng-dropdown-item\"><a href=\"javascript:void(0)\" data-target=\"#contacto\" class=\"mng-dropdown-link\">Contacto<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var burger = document.getElementById('mngBurger');\r\n  var dropdown = document.getElementById('mngDropdown');\r\n  var header = document.getElementById('mngHeader');\r\n\r\n  \/\/ 1. Men\u00fa m\u00f3vil\r\n  if (burger && dropdown) {\r\n    burger.addEventListener('click', function() {\r\n      var isOpen = dropdown.classList.toggle('mng-dropdown--open');\r\n      burger.classList.toggle('mng-burger--active');\r\n      burger.setAttribute('aria-expanded', isOpen);\r\n      dropdown.setAttribute('aria-hidden', !isOpen);\r\n      if (header) { \r\n        isOpen ? header.classList.add('mng-header--menu-open') : header.classList.remove('mng-header--menu-open'); \r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ 2. Header scroll\r\n  window.addEventListener('scroll', function() {\r\n    if (!header) return;\r\n    if (window.scrollY > 30) { \r\n      header.classList.add('mng-header--scrolled'); \r\n    } else { \r\n      header.classList.remove('mng-header--scrolled'); \r\n    }\r\n  });\r\n\r\n  \/\/ 3. Cerrar men\u00fa\r\n  function closeMngMenu() {\r\n    if (dropdown && burger) {\r\n      dropdown.classList.remove('mng-dropdown--open');\r\n      burger.classList.remove('mng-burger--active');\r\n      burger.setAttribute('aria-expanded', 'false');\r\n      dropdown.setAttribute('aria-hidden', 'true');\r\n      if (header) header.classList.remove('mng-header--menu-open');\r\n    }\r\n  }\r\n\r\n  \/\/ 4. SCROLL BLINDADO\r\n  function scrollToSection(hash) {\r\n    var target = document.querySelector(hash);\r\n    if (!target) return;\r\n\r\n    var headerEl = document.getElementById('mngHeader');\r\n    var headerHeight = headerEl ? headerEl.offsetHeight : 140;\r\n    \r\n    var adminBar = document.getElementById('wpadminbar');\r\n    var adminHeight = adminBar ? adminBar.offsetHeight : 0;\r\n    \r\n    var safeMargin = 0; \r\n\r\n    var targetPosition = target.getBoundingClientRect().top + window.pageYOffset;\r\n    var finalPosition = targetPosition - headerHeight - adminHeight - safeMargin;\r\n\r\n    window.scrollTo({\r\n      top: finalPosition,\r\n      behavior: 'smooth'\r\n    });\r\n\r\n    setTimeout(function() {\r\n      if (history.replaceState) {\r\n        history.replaceState(null, '', hash);\r\n      }\r\n    }, 400);\r\n  }\r\n\r\n  \/\/ 5. CORTAFUEGOS DE EVENTOS\r\n  document.addEventListener('click', function(e) {\r\n    var link = e.target.closest('a[data-target]');\r\n    if (!link) return;\r\n    \r\n    var hash = link.getAttribute('data-target');\r\n    if (!hash) return;\r\n    \r\n    var target = document.querySelector(hash);\r\n    if (!target) return;\r\n    \r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    \r\n    closeMngMenu();\r\n    scrollToSection(hash);\r\n    \r\n  }, true);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2f7d691 e-con-full e-flex e-con e-parent\" data-id=\"2f7d691\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0e1e61c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e1e61c\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e7dfe elementor-widget elementor-widget-html\" data-id=\"c9e7dfe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300&family=Manrope:wght@400&display=swap');\r\n\r\n  .hero-widget-container {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    min-height: 430px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    \r\n    \/* Flexbox to center everything perfectly *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Entry Animations Setup (Slower duration: ~1.0s, Larger distance: 60px) *\/\r\n  .hero-widget-title {\r\n    width: 100%;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 60px;\r\n    line-height: 64px;\r\n    color: #FFFFFF;\r\n    margin: 0;\r\n    padding-bottom: 10px;\r\n    \r\n    \/* Animation: slide in from the top *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: slideDown 1.0s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .hero-widget-line {\r\n    width: 140px;\r\n    height: 2px;\r\n    background: #FCD9CE;\r\n    margin-bottom: 10px;\r\n    \r\n    \/* Animation: slide in from the top with slight delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-50px);\r\n    animation: slideDown 1.0s cubic-bezier(0.16, 1, 0.3, 1) 0.18s forwards;\r\n  }\r\n\r\n  .hero-widget-description {\r\n    width: 100%;\r\n    max-width: 570px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 22px;\r\n    line-height: 34px;\r\n    color: #FFFFFF;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide up from the bottom with longer delay *\/\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n    animation: slideUp 1.0s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;\r\n  }\r\n\r\n  \/* Keyframes *\/\r\n  @keyframes slideDown {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes slideUp {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media screen and (max-width: 768px) {\r\n    .hero-widget-container {\r\n      min-height: 200px;\r\n      padding: 30px 20px;\r\n    }\r\n\r\n    .hero-widget-line {\r\n      width: 100px;\r\n    }\r\n\r\n    .hero-widget-title {\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n    }\r\n\r\n    .hero-widget-description {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hero-widget-container\">\r\n  <h1 class=\"hero-widget-title\">El placer de habitar el presente<\/h1>\r\n  <div class=\"hero-widget-line\"><\/div>\r\n  <p class=\"hero-widget-description\">\r\n    Un proyecto residencial de escala humana que propone una forma distinta de vivir Punta del Este. M\u00e1s serena, m\u00e1s equilibrada y conectada con el entorno.\r\n  <\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-39d8f93 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"39d8f93\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d15121 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-button\" data-id=\"1d15121\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.link\/svcqkp\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cont\u00e1ctanos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1c15c0d e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"1c15c0d\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89c99dc elementor-widget elementor-widget-html\" data-id=\"89c99dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@500&family=Manrope:wght@500&display=swap');\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .data-widget {\r\n    background-color: #FCD9CE;\r\n    padding: 20px 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .point {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 6px 0 0;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .number {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(36px, 5vw, 60px);\r\n    color: #B76B54;\r\n    text-align: center;\r\n    line-height: 1;\r\n  }\r\n\r\n  .label {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(14px, 2vw, 20px);\r\n    line-height: 1.2;\r\n    color: #74331C;\r\n    text-align: center;\r\n  }\r\n\r\n  .separator {\r\n    width: 1px;\r\n    height: clamp(60px, 8vw, 106px);\r\n    background-color: #FFFBF6;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .rooms-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .rooms-row {\r\n    display: flex;\r\n    align-items: stretch;\r\n    height: clamp(32px, 5vw, 54px);\r\n  }\r\n\r\n  .room-group {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 clamp(4px, 0.8vw, 8px);\r\n  }\r\n\r\n  .room-divider {\r\n    width: 1px;\r\n    height: 100%;\r\n    background-color: #74331C;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .room-number {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(28px, 4vw, 60px);\r\n    color: #B76B54;\r\n    line-height: 1;\r\n    text-align: center;\r\n  }\r\n\r\n  .room-number.half {\r\n    font-size: clamp(14px, 1.8vw, 20px);\r\n    color: #974F39;\r\n  }\r\n\r\n  .rooms-label {\r\n    text-align: center;\r\n  }\r\n\r\n  .description-block {\r\n    max-width: 220px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .description-text {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 500;\r\n    font-size: clamp(14px, 2vw, 20px);\r\n    line-height: 1.2;\r\n    color: #74331C;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .data-widget {\r\n      padding: 20px 30px;\r\n      gap: 30px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .data-widget {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr auto 1fr;\r\n      justify-items: center;\r\n      align-items: center;\r\n      padding: 32px 20px !important;\r\n      gap: 32px 0 !important;\r\n      width: calc(100% - 16px) !important;\r\n      max-width: 358px !important;\r\n      margin-left: 8px !important;\r\n      margin-right: 8px !important;\r\n      background-color: #FCD9CE;\r\n    }\r\n\r\n    .data-widget > .point:nth-child(1) {\r\n      grid-column: 1;\r\n      grid-row: 1;\r\n      width: 148px;\r\n      gap: 14px;\r\n      align-items: center;\r\n    }\r\n\r\n    .data-widget > .separator:nth-child(2) {\r\n      grid-column: 2;\r\n      grid-row: 1;\r\n      width: 0px !important;\r\n      height: 86px !important;\r\n      border-left: 1px solid #FFFBF6 !important;\r\n      background: transparent !important;\r\n    }\r\n\r\n    .data-widget > .point:nth-child(3) {\r\n      grid-column: 3;\r\n      grid-row: 1;\r\n      width: 147px;\r\n      gap: 14px;\r\n      align-items: center;\r\n    }\r\n\r\n    .data-widget > .separator:nth-child(4) {\r\n      grid-column: 1 \/ span 3;\r\n      grid-row: 2;\r\n      width: 318px !important;\r\n      height: 0px !important;\r\n      border-top: 1px solid #FFFBF6 !important;\r\n      background: transparent !important;\r\n    }\r\n\r\n    .data-widget > .rooms-section {\r\n      grid-column: 1 \/ span 3;\r\n      grid-row: 3;\r\n      width: 318px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 14px;\r\n    }\r\n\r\n    .rooms-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 54px !important;\r\n    }\r\n\r\n    .room-number {\r\n      font-size: 60px !important;\r\n      line-height: 75px !important;\r\n    }\r\n\r\n    .room-number.half {\r\n      font-size: 20px !important;\r\n    }\r\n\r\n    .room-divider {\r\n      width: 1px !important;\r\n      height: 54px !important;\r\n      background-color: #74331C !important;\r\n    }\r\n\r\n    .rooms-label .label {\r\n      font-size: 20px !important;\r\n      line-height: 24px !important;\r\n      color: #74331C;\r\n    }\r\n\r\n    .data-widget > .separator:nth-child(6) {\r\n      grid-column: 1 \/ span 3;\r\n      grid-row: 4;\r\n      width: 318px !important;\r\n      height: 0px !important;\r\n      border-top: 1px solid #FFFBF6 !important;\r\n      background: transparent !important;\r\n    }\r\n\r\n    .data-widget > .description-block {\r\n      grid-column: 1 \/ span 3;\r\n      grid-row: 5;\r\n      width: 318px !important;\r\n      max-width: 318px !important;\r\n      display: flex;\r\n      justify-content: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .description-text {\r\n      font-size: 20px !important;\r\n      line-height: 24px !important;\r\n      color: #74331C;\r\n      text-align: center;\r\n    }\r\n\r\n    .number {\r\n      font-size: 60px !important;\r\n      line-height: 75px !important;\r\n    }\r\n\r\n    .label {\r\n      font-size: 20px !important;\r\n      line-height: 24px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"data-widget\" id=\"dataWidget\">\r\n  <div class=\"point\">\r\n    <div class=\"number\" data-count=\"132\">0<\/div>\r\n    <div class=\"label\">Unidades<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"separator\"><\/div>\r\n\r\n  <div class=\"point\">\r\n    <div class=\"number\" data-count=\"132\">0<\/div>\r\n    <div class=\"label\">Cocheras<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"separator\"><\/div>\r\n\r\n  <div class=\"rooms-section\">\r\n    <div class=\"rooms-row\">\r\n      <div class=\"room-group\"><div class=\"room-number\">1<\/div><\/div>\r\n      <div class=\"room-divider\"><\/div>\r\n      <div class=\"room-group\"><div class=\"room-number\">1<\/div><div class=\"room-number half\">+1\/2<\/div><\/div>\r\n      <div class=\"room-divider\"><\/div>\r\n      <div class=\"room-group\"><div class=\"room-number\">2<\/div><\/div>\r\n      <div class=\"room-divider\"><\/div>\r\n      <div class=\"room-group\"><div class=\"room-number\">3<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"rooms-label\">\r\n      <div class=\"label\">Dormitorios<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"separator\"><\/div>\r\n\r\n  <div class=\"description-block\">\r\n    <div class=\"description-text\">Una zona residencial de alto crecimiento y conectividad<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  function countUp(el, target, duration) {\r\n    var start = 0;\r\n    var startTime = null;\r\n    function step(timestamp) {\r\n      if (!startTime) startTime = timestamp;\r\n      var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      el.textContent = Math.floor(eased * target);\r\n      if (progress < 1) requestAnimationFrame(step);\r\n      else el.textContent = target;\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        var numbers = entry.target.querySelectorAll('[data-count]');\r\n        numbers.forEach(function(n) {\r\n          countUp(n, parseInt(n.getAttribute('data-count')), 2000);\r\n        });\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  observer.observe(document.getElementById('dataWidget'));\r\n})();\r\n<\/script>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2ccbf13 e-con-full e-flex e-con e-parent\" data-id=\"2ccbf13\" data-element_type=\"container\" id=\"proyecto\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efcc171 elementor-widget elementor-widget-html\" data-id=\"efcc171\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Base Desktop Styles *\/\r\n  .section-1-desktop {\r\n    display: block; \/* Shown by default on desktop *\/\r\n    width: 1396px;\r\n    height: 1488px;\r\n    background: #FFFFFF;\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .subtitle-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 120px;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    color: #74331C;\r\n    \r\n    \/* Animation: slide in from the left (10% slower: 1.1s) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: slideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .title-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 156px;\r\n    width: 460px;\r\n    height: 96px;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 40px;\r\n    line-height: 48px;\r\n    color: #044634;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: slideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.16s forwards;\r\n  }\r\n\r\n  .line-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 272px;\r\n    width: 140px;\r\n    height: 2px;\r\n    background: #D1836B;\r\n    \r\n    \/* Animation: slide in from the left with delay (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-50px);\r\n    animation: slideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.33s forwards;\r\n  }\r\n\r\n  .text1-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 306px;\r\n    width: 460px;\r\n    height: 112px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    color: #1A1A1A;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: slideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\r\n  }\r\n\r\n  .text2-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 434px;\r\n    width: 460px;\r\n    height: 112px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    color: #1A1A1A;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: slideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.66s forwards;\r\n  }\r\n\r\n  .photo1-1-desktop {\r\n    position: absolute;\r\n    left: 688px;\r\n    top: 120px;\r\n    width: 676px;\r\n    height: 676px;\r\n    object-fit: cover;\r\n    \r\n    \/* Animation: slide in from the right (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards;\r\n  }\r\n\r\n  .photo3-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 606px;\r\n    width: 584px;\r\n    height: 380px;\r\n    object-fit: fill;\r\n    \r\n    \/* Animation: slide in from the right (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.44s forwards;\r\n  }\r\n\r\n  .photo2-1-desktop {\r\n    position: absolute;\r\n    left: 624px;\r\n    top: 856px;\r\n    width: 620px;\r\n    height: 350px;\r\n    object-fit: fill;\r\n    \r\n    \/* Animation: slide in from the right (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.66s forwards;\r\n  }\r\n\r\n  .icon-1-desktop {\r\n    position: absolute;\r\n    left: 148px;\r\n    top: 1146px;\r\n    width: 60px;\r\n    height: 60px;\r\n    \r\n    \/* Animation: slide in from the right (10% slower: 1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.83s forwards;\r\n  }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes slideRight {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes slideLeft {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  \/* CRITICAL: Hide completely on tablet and mobile screens *\/\r\n  @media (max-width: 992px) {\r\n    .section-1-desktop {\r\n      display: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section>\r\n    \r\n\r\n<div class=\"section-1-desktop\">\r\n  <span class=\"subtitle-1-desktop\">Concepto<\/span>\r\n  <h2 class=\"title-1-desktop\">Umbra es refugio,<br>es pausa<\/h2>\r\n  <div class=\"line-1-desktop\"><\/div>\r\n  <p class=\"text1-1-desktop\">Umbra significa sombra. El refugio que protege del sol de verano, refresca las tardes y permite habitar con calma. Bajo este concepto nace, un nuevo desarrollo residencial en Aidy Grill dise\u00f1ado para vivir Punta del Este todo el a\u00f1o.<\/p>\r\n  <p class=\"text2-1-desktop\">Al igual que sus proyectos hermanos Brava y Albor, Umbra representa una oportunidad excepcional de inversi\u00f3n en pozo, combinando una alta proyecci\u00f3n de rentabilidad con el m\u00e1ximo disfrute personal.<\/p>\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-1.webp\" class=\"photo1-1-desktop\" alt=\"Photo 1\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-2.webp\" class=\"photo3-1-desktop\" alt=\"Photo 3\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-3.webp\" class=\"photo2-1-desktop\" alt=\"Photo 2\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/logo-umbra.svg\" class=\"icon-1-desktop\" alt=\"Icon\">\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8aeace elementor-widget elementor-widget-html\" data-id=\"b8aeace\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Scoped box-sizing to prevent global website override *\/\r\n  .umbra-concept-widget,\r\n  .umbra-concept-widget * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .umbra-concept-widget {\r\n    width: 100%;\r\n    max-width: 1396px;\r\n    margin: 0 auto;\r\n    background: #FFFFFF;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .umbra-concept-widget__subtitle {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 400;\r\n    color: #74331C;\r\n    \r\n    \/* Animation: slide in from the left (1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: umbraSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__title {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    color: #044634;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: umbraSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.16s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__line {\r\n    background: #D1836B;\r\n    height: 2px;\r\n    \r\n    \/* Animation: slide in from the left with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(-50px);\r\n    animation: umbraSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.33s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__text-1 {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    color: #1A1A1A;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: umbraSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__text-2 {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    color: #1A1A1A;\r\n    margin: 0;\r\n    \r\n    \/* Animation: slide in from the left with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: umbraSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.66s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__photo-1,\r\n  .umbra-concept-widget__photo-2,\r\n  .umbra-concept-widget__photo-3 {\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .umbra-concept-widget__photo-1 {\r\n    \/* Animation: slide in from the right *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: umbraSlideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__photo-3 {\r\n    \/* Animation: slide in from the right *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: umbraSlideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.44s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__photo-2 {\r\n    \/* Animation: slide in from the right *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: umbraSlideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.66s forwards;\r\n  }\r\n\r\n  .umbra-concept-widget__icon {\r\n    \/* Animation: slide in from the right *\/\r\n    opacity: 0;\r\n    transform: translate(-50%, 60px); \/* Preserves X centering offset while sliding Y *\/\r\n    animation: umbraIconSlide 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.83s forwards;\r\n  }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes umbraSlideRight {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes umbraSlideLeft {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes umbraIconSlide {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translate(-50%, 60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate(-50%, 0);\r\n    }\r\n  }\r\n\r\n  \/* ===================== DESKTOP (>=993px) ===================== *\/\r\n  @media (min-width: 993px) {\r\n    .umbra-concept-widget {\r\n      aspect-ratio: 1396 \/ 1488;\r\n    }\r\n\r\n    .umbra-concept-widget__subtitle {\r\n      position: absolute;\r\n      left: 10.6%;\r\n      top: 8.06%;\r\n      font-size: clamp(13px, 1.15vw, 16px);\r\n    }\r\n\r\n    .umbra-concept-widget__title {\r\n      position: absolute;\r\n      left: 10.6%;\r\n      top: 10.48%;\r\n      width: 32.95%;\r\n      font-size: clamp(26px, 2.87vw, 40px);\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .umbra-concept-widget__line {\r\n      position: absolute;\r\n      left: 10.6%;\r\n      top: 18.28%;\r\n      width: 10.03%;\r\n    }\r\n\r\n    .umbra-concept-widget__text-1 {\r\n      position: absolute;\r\n      left: 10.6%;\r\n      top: 20.56%;\r\n      width: 32.95%;\r\n      font-size: clamp(13px, 1.15vw, 16px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .umbra-concept-widget__text-2 {\r\n      position: absolute;\r\n      left: 10.6%;\r\n      top: 29.17%;\r\n      width: 32.95%;\r\n      font-size: clamp(13px, 1.15vw, 16px);\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-1 {\r\n      position: absolute;\r\n      left: 69.28%;\r\n      top: 8.06%;\r\n      width: 48.42%;\r\n      height: 45.43%;\r\n      z-index: 0;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-3 {\r\n      position: absolute;\r\n      left: -4.4%;\r\n      top: 40.73%;\r\n      width: 41.83%;\r\n      height: 25.54%;\r\n      z-index: 2;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-2 {\r\n      position: absolute;\r\n      left: 54.7%;\r\n      top: 57.53%;\r\n      width: 44.41%;\r\n      height: 23.52%;\r\n      z-index: 1;\r\n    }\r\n\r\n    .umbra-concept-widget__icon {\r\n      position: absolute;\r\n      left: 50%; \/* Centered horizontally *\/\r\n      top: 77.02%;\r\n      width: 60px;\r\n      height: 60px;\r\n    }\r\n  }\r\n\r\n  \/* ===================== TABLET (577px - 992px) ===================== *\/\r\n  @media (min-width: 577px) and (max-width: 992px) {\r\n    .umbra-concept-widget {\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 50px 40px;\r\n    }\r\n\r\n    .umbra-concept-widget__subtitle {\r\n      font-size: 15px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .umbra-concept-widget__title {\r\n      font-size: 32px;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .umbra-concept-widget__line {\r\n      width: 100px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .umbra-concept-widget__text-1,\r\n    .umbra-concept-widget__text-2 {\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .umbra-concept-widget__text-2 {\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-1 {\r\n      width: 100%;\r\n      aspect-ratio: 1;\r\n      margin-bottom: -60px;\r\n      position: relative;\r\n      z-index: 0;\r\n      left: 20%;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-3 {\r\n      width: 85%;\r\n      aspect-ratio: 584 \/ 380;\r\n      align-self: flex-end;\r\n      margin-bottom: -36px;\r\n      position: relative;\r\n      z-index: 2;\r\n      left: -15%;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-2 {\r\n      width: 90%;\r\n      aspect-ratio: 620 \/ 350;\r\n      align-self: flex-start;\r\n      margin-bottom: 36px;\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-left: 10%;\r\n    }\r\n\r\n    .umbra-concept-widget__icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      align-self: center; \/* Centered horizontally in flex column *\/\r\n      margin-top: 8px;\r\n      transform: none; \/* Reset desktop transform for flex container *\/\r\n    }\r\n    \r\n    \/* Override icon animation transform for flex layout on tablet\/mobile *\/\r\n    @keyframes umbraIconSlide {\r\n      0% {\r\n        opacity: 0;\r\n        transform: translateY(60px);\r\n      }\r\n      100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n  }\r\n\r\n  \/* ===================== MOBILE (<577px) ===================== *\/\r\n  @media (max-width: 576px) {\r\n    .umbra-concept-widget {\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 40px 20px;\r\n    }\r\n\r\n    .umbra-concept-widget__subtitle {\r\n      font-size: 14px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .umbra-concept-widget__title {\r\n      font-size: 26px;\r\n      line-height: 1.2;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .umbra-concept-widget__line {\r\n      width: 80px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .umbra-concept-widget__text-1,\r\n    .umbra-concept-widget__text-2 {\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .umbra-concept-widget__text-2 {\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-1 {\r\n      width: 100%;\r\n      aspect-ratio: 1;\r\n      margin-bottom: -40px;\r\n      position: relative;\r\n      z-index: 0;\r\n      left: 20%;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-3 {\r\n      width: 88%;\r\n      aspect-ratio: 584 \/ 380;\r\n      align-self: flex-end;\r\n      margin-bottom: -24px;\r\n      position: relative;\r\n      z-index: 2;\r\n      left: -15%;\r\n    }\r\n\r\n    .umbra-concept-widget__photo-2 {\r\n      width: 92%;\r\n      aspect-ratio: 620 \/ 350;\r\n      align-self: flex-start;\r\n      margin-bottom: 28px;\r\n      position: relative;\r\n      z-index: 1;\r\n      margin-left: 10%;\r\n    }\r\n\r\n    .umbra-concept-widget__icon {\r\n      width: 45px;\r\n      height: 45px;\r\n      align-self: center; \/* Centered horizontally in flex column *\/\r\n      margin-top: 4px;\r\n      transform: none; \/* Reset desktop transform for flex container *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"umbra-concept-widget\">\r\n  <span class=\"umbra-concept-widget__subtitle\">Concepto<\/span>\r\n  <h2 class=\"umbra-concept-widget__title\">Umbra es refugio,<br>es pausa<\/h2>\r\n  <div class=\"umbra-concept-widget__line\"><\/div>\r\n  <p class=\"umbra-concept-widget__text-1\">Umbra significa sombra. El refugio que protege del sol de verano, refresca las tardes y permite habitar con calma. Bajo este concepto nace, un nuevo desarrollo residencial en Aidy Grill dise\u00f1ado para vivir Punta del Este todo el a\u00f1o.<\/p>\r\n  <p class=\"umbra-concept-widget__text-2\">Al igual que sus proyectos hermanos Brava y Albor, Umbra representa una oportunidad excepcional de inversi\u00f3n en pozo, combinando una alta proyecci\u00f3n de rentabilidad con el m\u00e1ximo disfrute personal.<\/p>\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-1.webp\" class=\"umbra-concept-widget__photo-1\" alt=\"Photo 1\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-2.webp\" class=\"umbra-concept-widget__photo-3\" alt=\"Photo 3\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/umbra-seccion-3.webp\" class=\"umbra-concept-widget__photo-2\" alt=\"Photo 2\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/logo-umbra.svg\" class=\"umbra-concept-widget__icon\" alt=\"Icon\">\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ea30178 e-con-full e-flex e-con e-parent\" data-id=\"ea30178\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b888d elementor-widget elementor-widget-html\" data-id=\"d2b888d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .section-2 {\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 824px;\r\n    background: #FFFBF6;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .photo-2 {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 46.6%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    \r\n    \/* Animation: slide in from the left (1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(-60px);\r\n    animation: slideRight2 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .subtitle-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 120px;\r\n    width: 38.4%;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    color: #74331C;\r\n    \r\n    \/* Animation: slide in from the right (1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .title-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 156px;\r\n    width: 38.4%;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 40px;\r\n    line-height: 48px;\r\n    color: #044634;\r\n    \r\n    \/* Animation: slide in from the right with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.16s forwards;\r\n  }\r\n\r\n  .line-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 320px;\r\n    width: 140px;\r\n    height: 2px;\r\n    background: #D1836B;\r\n    \r\n    \/* Animation: slide in from the right with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(50px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.33s forwards;\r\n  }\r\n\r\n  .text1-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 354px;\r\n    width: 38.4%;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    color: #1A1A1A;\r\n    \r\n    \/* Animation: slide in from the right with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\r\n  }\r\n\r\n  .text2-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 426px;\r\n    width: 38.4%;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    color: #1A1A1A;\r\n    \r\n    \/* Animation: slide in from the right with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.66s forwards;\r\n  }\r\n\r\n  .timeline-track-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 570px;\r\n    width: 38.4%;\r\n    height: 10px;\r\n    background: #FCD9CE;\r\n    \r\n    \/* Animation: slide in from the right with delay *\/\r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;\r\n  }\r\n\r\n  .timeline-fill-2 {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 5%;\r\n    height: 100%;\r\n    background: #D1836B;\r\n    transform-origin: left center;\r\n    animation: loadingBar 2s ease-out forwards;\r\n  }\r\n\r\n  \/* Keyframe animation for the loading effect *\/\r\n  @keyframes loadingBar {\r\n    0% {\r\n      transform: scaleX(0);\r\n    }\r\n    100% {\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  \/* Keyframe animations for sliding *\/\r\n  @keyframes slideRight2 {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes slideLeft2 {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateX(60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  .dates-container-2 {\r\n    display: contents; \r\n  }\r\n\r\n  .date-start-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 584px;\r\n    width: 145px;\r\n    height: 30px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    line-height: 30px;\r\n    color: #74331C;\r\n    white-space: nowrap;\r\n    \r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s forwards;\r\n  }\r\n\r\n  .date-end-2 {\r\n    position: absolute;\r\n    right: 9.8%; \r\n    top: 584px;\r\n    width: auto;\r\n    height: 30px;\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    line-height: 30px;\r\n    color: #74331C;\r\n    white-space: nowrap;\r\n    text-align: right;\r\n    \r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.95s forwards;\r\n  }\r\n\r\n  .main-button-2 {\r\n    position: absolute;\r\n    left: 51.8%;\r\n    top: 654px;\r\n    width: 206px;\r\n    height: 50px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid #D1836B;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    border-radius: 0 !important;\r\n    -webkit-appearance: none;\r\n    \r\n    opacity: 0;\r\n    transform: translateX(60px);\r\n    animation: slideLeft2 1.1s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;\r\n  }\r\n  \r\n  .main-button-2:hover {\r\n    color: white;\r\n    background: #74331C !important;\r\n    border-color: #74331C;\r\n  }\r\n\r\n  .main-button-2:hover span {\r\n    color: white;\r\n  }\r\n\r\n  .main-button-2 span {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    text-transform: uppercase;\r\n    color: #74331C;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .content-block-2 {\r\n    display: contents;\r\n  }\r\n\r\n  \/* --- POPUP MODAL STYLES --- *\/\r\n  .pdf-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background: rgba(0, 0, 0, 0.75);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 999999;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n  }\r\n\r\n  .pdf-modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .pdf-modal-container {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 1000px;\r\n    height: 85vh;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .pdf-modal-close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    background: #74331C;\r\n    color: #ffffff;\r\n    border: none;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    width: 36px;\r\n    height: 36px;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.2s ease;\r\n  }\r\n\r\n  .pdf-modal-close:hover {\r\n    background: #044634;\r\n  }\r\n\r\n  .pdf-modal-iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n  }\r\n\r\n  \/* --- MOBILE \/ TABLET STYLES --- *\/\r\n  @media (max-width: 1024px) {\r\n    .section-2 {\r\n      min-height: auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .content-block-2 {\r\n      order: 1;\r\n      display: block;\r\n      padding-top: 30px;\r\n    }\r\n\r\n    .timeline-track-2 {\r\n      order: 2;\r\n      position: relative;\r\n      left: auto;\r\n      top: auto;\r\n      width: auto;\r\n      margin-top: 40px;\r\n      margin-left: 8%;\r\n      margin-right: 8%;\r\n      height: 10px;\r\n    }\r\n\r\n    .dates-container-2 {\r\n      order: 3;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-left: 8%;\r\n      margin-right: 8%;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .main-button-2 {\r\n      order: 4;\r\n      position: relative;\r\n      left: auto;\r\n      top: auto;\r\n      right: auto;\r\n      margin-top: 30px;\r\n      margin-bottom: 40px;\r\n      margin-left: 8%;\r\n      margin-right: 8%;\r\n      width: calc(100% - 16%);\r\n      background: #74331C !important;\r\n      border: 1px solid #74331C;\r\n      border-radius: 0 !important;\r\n    }\r\n\r\n    .photo-2 {\r\n      order: 5;\r\n      position: relative;\r\n      width: 100%;\r\n      height: 400px;\r\n    }\r\n\r\n    .subtitle-2,\r\n    .title-2,\r\n    .line-2,\r\n    .text1-2,\r\n    .text2-2 {\r\n      position: relative;\r\n      left: auto;\r\n      top: auto;\r\n      right: auto;\r\n      width: auto;\r\n      margin-left: 8%;\r\n      margin-right: 8%;\r\n    }\r\n\r\n    .timeline-fill-2 {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 5%;\r\n      height: 100%;\r\n      margin: 0;\r\n    }\r\n\r\n    .date-start-2,\r\n    .date-end-2 {\r\n      position: relative;\r\n      left: auto;\r\n      top: auto;\r\n      right: auto;\r\n      width: auto;\r\n      margin: 0;\r\n    }\r\n\r\n    .main-button-2 span {\r\n      color: white !important;\r\n    }\r\n\r\n    .subtitle-2 {\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .title-2 {\r\n      margin-top: 16px;\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n    }\r\n\r\n    .line-2 {\r\n      width: 44%;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .text1-2, .text2-2 {\r\n      margin-top: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .photo-2 {\r\n      height: 280px;\r\n    }\r\n\r\n    .title-2 {\r\n      font-size: 26px;\r\n      line-height: 34px;\r\n    }\r\n\r\n    .date-start-2,\r\n    .date-end-2 {\r\n      font-size: 14px;\r\n      line-height: 24px;\r\n    }\r\n\r\n    .main-button-2 span {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .pdf-modal-container {\r\n      width: 95%;\r\n      height: 80vh;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"tipologias\" class=\"section-2\">\r\n  <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/s2-umbra.webp\" class=\"photo-2\" alt=\"Tipolog\u00edas\">\r\n  \r\n  <div class=\"content-block-2\">\r\n    <span class=\"subtitle-2\">Tipolog\u00edas<\/span>\r\n    <h2 class=\"title-2\">Unidades de 1,1 y medio, 2 y 3 dormitorios en el coraz\u00f3n de Aidy Grill<\/h2>\r\n    <div class=\"line-2\"><\/div>\r\n    <p class=\"text1-2\">Pensadas para quienes buscan vivir o invertir en una de las zonas con mayor proyecci\u00f3n de Punta del Este.<\/p>\r\n    <p class=\"text2-2\">Cada espacio fue dise\u00f1ado priorizando amplitud, luz natural y una est\u00e9tica contempor\u00e1nea, logrando ambientes funcionales, c\u00f3modos y conectados con el estilo de vida de Manglar.<\/p>\r\n  <\/div>\r\n  \r\n  <div class=\"timeline-track-2\">\r\n    <div class=\"timeline-fill-2\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"dates-container-2\">\r\n    <span class=\"date-start-2\">Inicio Junio 2026<\/span>\r\n    <span class=\"date-end-2\">Fin Junio 2029<\/span>\r\n  <\/div>\r\n  \r\n  <button class=\"main-button-2\" id=\"openPdfBtn\"><span>Mir\u00e1 los planos<\/span><\/button>\r\n<\/div>\r\n\r\n<!-- Modal Container -->\r\n<div class=\"pdf-modal-overlay\" id=\"pdfModal\">\r\n  <div class=\"pdf-modal-container\">\r\n    <button class=\"pdf-modal-close\" id=\"closePdfBtn\">&times;<\/button>\r\n    <iframe class=\"pdf-modal-iframe\" id=\"pdfFrame\" src=\"\" title=\"Umbra Brochure PDF\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const pdfUrl = \"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/Umbra-Brochure.pdf\";\r\n    const openBtn = document.getElementById('openPdfBtn');\r\n    const closeBtn = document.getElementById('closePdfBtn');\r\n    const modal = document.getElementById('pdfModal');\r\n    const frame = document.getElementById('pdfFrame');\r\n\r\n    openBtn.addEventListener('click', function() {\r\n      frame.src = pdfUrl;\r\n      modal.classList.add('active');\r\n    });\r\n\r\n    closeBtn.addEventListener('click', function() {\r\n      modal.classList.remove('active');\r\n      frame.src = '';\r\n    });\r\n\r\n    modal.addEventListener('click', function(e) {\r\n      if (e.target === modal) {\r\n        modal.classList.remove('active');\r\n        frame.src = '';\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-68076c5 e-con-full e-flex e-con e-parent\" data-id=\"68076c5\" data-element_type=\"container\" id=\"ubicacion\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f975c5a elementor-widget elementor-widget-html\" data-id=\"f975c5a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .web-4-ubicacion-section {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background: #FFFFFF;\r\n    font-family: 'Manrope', sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .web-4-section-label {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    color: #74331C;\r\n    margin-bottom: 8px;\r\n    \r\n    \/* Animation: slide in from the top (1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: web4SlideDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .web-4-section-title {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: clamp(28px, 5vw, 40px);\r\n    color: #044634;\r\n    text-align: center;\r\n    margin-bottom: 16px;\r\n    \r\n    \/* Animation: slide in from the top with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: web4SlideDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;\r\n  }\r\n\r\n  .web-4-section-divider {\r\n    width: 140px;\r\n    height: 2px;\r\n    background: #D1836B;\r\n    margin-bottom: 24px;\r\n    \r\n    \/* Animation: slide in from the top with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-50px);\r\n    animation: web4SlideDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\r\n  }\r\n\r\n  .web-4-section-subtitle, .web-4-section-subtitle-2 {\r\n    font-size: 18px;\r\n    line-height: 28px;\r\n    text-align: center;\r\n    color: #1A1A1A;\r\n    max-width: 800px;\r\n    margin-bottom: 8px;\r\n    \r\n    \/* Animation: slide in from the top with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: web4SlideDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s forwards;\r\n  }\r\n\r\n  .web-4-section-subtitle-2 {\r\n    animation: web4SlideDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;\r\n  }\r\n\r\n  \/* Fade-in animation for content below headers *\/\r\n  .web-4-content-wrapper,\r\n  .web-4-main-button {\r\n    opacity: 0;\r\n    animation: web4FadeIn 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.75s forwards;\r\n  }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes web4SlideDown {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes web4FadeIn {\r\n    0% {\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* Grid for Content: Cards on left, Map on right *\/\r\n  .web-4-content-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    width: 100%;\r\n    margin-top: 40px;\r\n    align-items: start;\r\n  }\r\n\r\n  .web-4-cards-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .web-4-card {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    padding: 20px;\r\n    gap: 20px;\r\n    background: #FFFBF6;\r\n    border: 1px solid #D1836B;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .web-4-card-icon { width: 32px; height: 32px; flex-shrink: 0; }\r\n  .web-4-card-text h3 { margin: 0 0 4px 0; font-family: 'Lexend Deca'; color: #74331C; font-size: 18px; }\r\n  .web-4-card-text p { margin: 0; font-size: 14px; line-height: 22px; }\r\n\r\n  .web-4-map-image {\r\n    width: 100%;\r\n    aspect-ratio: 740 \/ 490;\r\n    background: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/mapa-manglar-e1783539860379.webp') center\/cover no-repeat;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .web-4-main-button {\r\n    margin-top: 40px;\r\n    padding: 11px 40px;\r\n    border: 1px solid #D1836B;\r\n    background: transparent;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    font-family: 'Lexend Deca';\r\n    color: #74331C;\r\n    transition: 0.3s;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n  .web-4-main-button:hover { background: #74331C; color: white; }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 900px) {\r\n    .web-4-content-wrapper { display: contents; }\r\n    \r\n    .web-4-cards-container {\r\n      margin-top: 40px;\r\n      width: 100%;\r\n    }\r\n\r\n    .web-4-map-image { \r\n      width: 100%;\r\n      margin-top: 20px;\r\n      order: 10;\r\n    }\r\n    \r\n    \/* Mobile-specific button styles *\/\r\n    .web-4-main-button {\r\n      width: 100%;\r\n      background: #74331C;\r\n      color: #FFFFFF;\r\n      display: block;\r\n      box-sizing: border-box;\r\n      margin-top: 20px;\r\n      order: 5;\r\n    }\r\n    .web-4-main-button:hover { background: #5a2816; color: #FFFFFF; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"web-4-ubicacion-section\">\r\n  <div class=\"web-4-section-label\">Ubicaci\u00f3n<\/div>\r\n  <div class=\"web-4-section-title\">El ritmo natural del barrio Aidy Grill<\/div>\r\n  <div class=\"web-4-section-divider\"><\/div>\r\n  <div class=\"web-4-section-subtitle\">Ubicado en la Calle Pampas (Parada 5 de la Playa Brava), pr\u00f3ximo a Plaza M\u00e9xico y Av. Italia.<\/div>\r\n  <div class=\"web-4-section-subtitle-2\">Una zona residencial de alto crecimiento y conectividad.<\/div>\r\n\r\n  <div class=\"web-4-content-wrapper\">\r\n    <div class=\"web-4-cards-container\">\r\n      <div class=\"web-4-card\">\r\n        <div class=\"web-4-card-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/mar.svg\" alt=\"Mar\"><\/div>\r\n        <div class=\"web-4-card-text\">\r\n          <h3>El mar acompa\u00f1a, no invade<\/h3>\r\n          <p>A solo pasos de Playa Brava para caminatas sin apuro.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"web-4-card\">\r\n        <div class=\"web-4-card-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/reloj.svg\" alt=\"Reloj\"><\/div>\r\n        <div class=\"web-4-card-text\">\r\n          <h3>Todo cerca<\/h3>\r\n          <p>Ubicado a 50mts de Plaza M\u00e9xico y Av. Italia con sus servicios.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"web-4-card\">\r\n        <div class=\"web-4-card-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/disfrutalo.svg\" alt=\"Disfrutalo\"><\/div>\r\n        <div class=\"web-4-card-text\">\r\n          <h3>Disfrutalo todo el a\u00f1o<\/h3>\r\n          <p>Pr\u00e1ctico, organizado y seguro, lejos del ruido.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"web-4-map-image\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- BOT\u00d3N ACTUALIZADO CON EL LINK DE WHATSAPP -->\r\n  <a class=\"web-4-main-button\" href=\"https:\/\/wa.link\/svcqkp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <span>Cont\u00e1ctanos<\/span>\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a1ca638 e-con-full e-flex e-con e-parent\" data-id=\"a1ca638\" data-element_type=\"container\" id=\"amenities\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c4a17 elementor-widget elementor-widget-html\" data-id=\"33c4a17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400&family=Manrope:wght@400&display=swap');\r\n\r\n  .amenities-web-container {\r\n    \/* --- FULL BLEED BREAKOUT TRICK --- *\/\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \/* --------------------------------- *\/\r\n    background: #74331C;\r\n    padding: 80px 0;\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    overflow: hidden; \/* Prevents horizontal scrolling from the absolute images *\/\r\n  }\r\n\r\n  \/* Universal box-sizing ensures padding doesn't break widths *\/\r\n  .amenities-web-container * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .amenities-web-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 60px;\r\n    display: flex;\r\n    gap: 60px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .amenities-web-left {\r\n    flex: 1;\r\n    position: relative;\r\n    min-height: 580px;\r\n    width: 100%;\r\n    \r\n    \/* Animation: fade in up for images container (10% slower: ~1.21s duration) *\/\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n    animation: amenitiesFadeUp 1.21s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .amenities-web-photo {\r\n    position: absolute;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 480px;\r\n    height: 430px;\r\n    left: 0;\r\n    top: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .amenities-web-photo-secondary {\r\n    position: absolute;\r\n    z-index: 1;\r\n    width: 100%;\r\n    max-width: 520px;\r\n    height: 320px;\r\n    left: -80px;\r\n    top: 300px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .amenities-web-right {\r\n    flex: 1;\r\n    width: 100%;\r\n    max-width: 588px;\r\n  }\r\n\r\n  .amenities-web-label {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    color: #FFFFFF;\r\n    margin-bottom: 16px;\r\n    \r\n    \/* Animation: fade in down (1.1s duration) *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: amenitiesFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .amenities-web-heading {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 40px;\r\n    line-height: 48px;\r\n    color: #FCD9CE;\r\n    margin-bottom: 16px;\r\n    width: 100%;\r\n    \r\n    \/* Animation: fade in down with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: amenitiesFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;\r\n  }\r\n\r\n  .amenities-web-line {\r\n    width: 140px;\r\n    height: 2px;\r\n    background: #D1836B;\r\n    margin-bottom: 16px;\r\n    \r\n    \/* Animation: fade in down with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-50px);\r\n    animation: amenitiesFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\r\n  }\r\n\r\n  .amenities-web-description {\r\n    font-family: 'Manrope', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    color: #FFFFFF;\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n    \r\n    \/* Animation: fade in down with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    animation: amenitiesFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s forwards;\r\n  }\r\n\r\n  .amenities-web-items {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    \r\n    \/* Animation: fade in down with delay *\/\r\n    opacity: 0;\r\n    transform: translateY(-40px);\r\n    animation: amenitiesFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;\r\n  }\r\n\r\n  .amenities-web-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .amenities-web-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    min-width: 32px;\r\n  }\r\n\r\n  .amenities-web-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .amenities-web-item-text {\r\n    font-family: 'Lexend Deca', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #FCD9CE;\r\n  }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes amenitiesFadeDown {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(-60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes amenitiesFadeUp {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(60px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* --- TABLET & SMALL LAPTOPS --- *\/\r\n  @media (max-width: 1024px) {\r\n    .amenities-web-inner {\r\n      flex-direction: column;\r\n      padding: 0 40px;\r\n      gap: 40px;\r\n    }\r\n\r\n    .amenities-web-left {\r\n      min-height: auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 20px;\r\n    }\r\n\r\n    .amenities-web-photo,\r\n    .amenities-web-photo-secondary {\r\n      position: relative;\r\n      left: auto;\r\n      top: auto;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      height: 400px;\r\n    }\r\n\r\n    .amenities-web-photo-secondary {\r\n      display: block; \r\n      height: 300px;\r\n    }\r\n  }\r\n\r\n  \/* --- SMARTPHONES (Mobile) --- *\/\r\n  @media (max-width: 600px) {\r\n    .amenities-web-container {\r\n      padding: 60px 0 80px;\r\n    }\r\n\r\n    .amenities-web-inner {\r\n      padding: 0 26px; \/* 16px base padding + 10px left\/right *\/\r\n      flex-direction: column;\r\n      gap: 32px;\r\n    }\r\n\r\n    .amenities-web-label {\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .amenities-web-heading {\r\n      font-size: 30px;\r\n      line-height: 42px;\r\n      font-weight: 300;\r\n      margin-bottom: 16px;\r\n      color: #FCD9CE;\r\n    }\r\n\r\n    .amenities-web-line {\r\n      width: 140px;\r\n      height: 2px;\r\n      margin-bottom: 16px;\r\n      background: #D1836B;\r\n    }\r\n\r\n    .amenities-web-description {\r\n      font-size: 14px;\r\n      line-height: 26px;\r\n      margin-bottom: 32px;\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    \/* Stacks the 10 items into 2 columns on mobile matching layout specs *\/\r\n    .amenities-web-items {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 24px 24px;\r\n    }\r\n\r\n    .amenities-web-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n    }\r\n\r\n    .amenities-web-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      min-width: 36px;\r\n    }\r\n\r\n    .amenities-web-item-text {\r\n      font-size: 14px;\r\n      line-height: 20px;\r\n      color: #FCD9CE;\r\n    }\r\n\r\n    \/* Photos ordering on mobile with desktop overlapping absolute positioning preserved *\/\r\n    .amenities-web-left {\r\n      min-height: 420px;\r\n      width: 100%;\r\n      position: relative;\r\n      order: 2;\r\n    }\r\n\r\n    .amenities-web-right {\r\n      order: 1;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .amenities-web-photo {\r\n      position: absolute;\r\n      width: 270px;\r\n      height: 260px;\r\n      left: 40px;\r\n      top: 0px;\r\n      max-width: none;\r\n      z-index: 2;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .amenities-web-photo-secondary {\r\n      position: absolute;\r\n      width: 265px;\r\n      height: 250px;\r\n      left: 16px;\r\n      top: 170px;\r\n      max-width: none;\r\n      z-index: 1;\r\n      display: block;\r\n      border-radius: 4px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"amenities-web-container\">\r\n  <div class=\"amenities-web-inner\">\r\n    <div class=\"amenities-web-left\">\r\n      <div class=\"amenities-web-photo\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/amenities-1.webp');\"><\/div>\r\n      <div class=\"amenities-web-photo-secondary\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/amenities-2.webp');\"><\/div>\r\n    <\/div>\r\n    <div class=\"amenities-web-right\">\r\n      <p class=\"amenities-web-label\">Amenities<\/p>\r\n      <h2 class=\"amenities-web-heading\">Espacios dise\u00f1ados para tu bienestar cotidiano<\/h2>\r\n      <div class=\"amenities-web-line\"><\/div>\r\n      <p class=\"amenities-web-description\">En Manglar Umbra, cada espacio fue pensado para acompa\u00f1ar distintos momentos del d\u00eda. Sectores para entrenar, trabajar, relajarse y compartir conviven en un entorno moderno y funcional, dise\u00f1ado para disfrutar Punta del Este todo el a\u00f1o.<\/p>\r\n      <div class=\"amenities-web-items\">\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/piscina.svg\" alt=\"Piscina exterior templada\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Piscina exterior templada<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/parrilleros.svg\" alt=\"Parrilleros y espacios de encuentro\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Parrilleros y espacios de encuentro<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/solarium.svg\" alt=\"Sol\u00e1rium\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Sol\u00e1rium<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/terraza.svg\" alt=\"Terraza panor\u00e1mica\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Terraza panor\u00e1mica<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/playroom.svg\" alt=\"Playroom & sala de ocio\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Playroom & sala de ocio<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/piscina-climatizada.svg\" alt=\"Piscina climatizada panor\u00e1mica\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Piscina climatizada panor\u00e1mica<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/gimnasio.svg\" alt=\"Gimnasio totalmente equipado\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Gimnasio totalmente equipado<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/spa.svg\" alt=\"Spa \u2022 Sauna \u2022 Vestuarios\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Spa \u2022 Sauna \u2022 Vestuarios<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/cowork.svg\" alt=\"\u00c1rea de cowork\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">\u00c1rea de cowork<\/span>\r\n        <\/div>\r\n        <div class=\"amenities-web-item\">\r\n          <div class=\"amenities-web-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/cafe.svg\" alt=\"Sala de caf\u00e9 exclusiva\"\/>\r\n          <\/div>\r\n          <span class=\"amenities-web-item-text\">Sala de caf\u00e9 exclusiva<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-de82361 e-con-full e-flex e-con e-parent\" data-id=\"de82361\" data-element_type=\"container\" id=\"etapas\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6726c5 elementor-widget elementor-widget-html\" data-id=\"b6726c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600&family=Lexend+Deca:wght@300;400&display=swap');\r\n\r\n\/* ==========================================================\r\n   ETAPAS WIDGET STYLES\r\n   ========================================================== *\/\r\n#mst-etapas-widget, #mst-etapas-widget * { padding: 0; margin: 0; box-sizing: border-box; }\r\n\r\n#mst-etapas-widget .etapas-section {\r\n  width: 100%; max-width: 1512px; margin: 0 auto; background: #FFFFFF;\r\n  padding: 120px 148px 200px;\r\n}\r\n\r\n\/* Staged Entry Animation Setup *\/\r\n#mst-etapas-widget .etapas-header { \r\n  width: 100%; text-align: center; margin-bottom: 60px; \r\n  opacity: 0; transform: translateY(-40px);\r\n}\r\n#mst-etapas-widget.is-visible .etapas-header {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#mst-etapas-widget .etapas-label { font-family: 'Lexend Deca', sans-serif; font-size: 16px; color: #74331C; margin-bottom: 36px; }\r\n#mst-etapas-widget .etapas-heading { font-family: 'Lexend Deca', sans-serif; font-size: 40px; color: #044634; margin-bottom: 48px; }\r\n#mst-etapas-widget .etapas-heading-line { width: 140px; height: 2px; background: #D1836B; margin: 0 auto; }\r\n\r\n#mst-etapas-widget .etapas-timeline { \r\n  position: relative; width: 100%; margin-bottom: 120px; \r\n  opacity: 0; transform: translateY(40px);\r\n}\r\n#mst-etapas-widget.is-visible .etapas-timeline {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;\r\n}\r\n\r\n#mst-etapas-widget .etapas-timeline-track {\r\n  position: absolute; background: linear-gradient(180deg, #D1836B 0%, #FCD9CE 100%);\r\n  transform: scale(0); transition: transform 1.725s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n#mst-etapas-widget .etapas-timeline-steps { display: flex; justify-content: space-between; position: relative; z-index: 1; }\r\n\r\n#mst-etapas-widget .etapas-timeline-step { \r\n  display: flex; flex-direction: column; align-items: center; width: 208px; \r\n  opacity: 0; transform: translateY(30px);\r\n  transition: opacity 0.69s cubic-bezier(0.25, 1, 0.5, 1), transform 0.69s cubic-bezier(0.25, 1, 0.5, 1);\r\n  user-select: none;\r\n}\r\n\r\n#mst-etapas-widget .etapas-timeline-step[data-step=\"0\"],\r\n#mst-etapas-widget .etapas-timeline-step[data-step=\"1\"] { cursor: pointer; }\r\n\r\n#mst-etapas-widget .etapas-timeline-step[data-step=\"2\"],\r\n#mst-etapas-widget .etapas-timeline-step[data-step=\"3\"],\r\n#mst-etapas-widget .etapas-timeline-step[data-step=\"4\"] { cursor: default; pointer-events: none; }\r\n\r\n#mst-etapas-widget .etapas-step-circle {\r\n  width: 86px; height: 86px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); overflow: hidden;\r\n  transition: background 0.3s ease, border 0.3s ease, width 0.3s ease, height 0.3s ease; background: #FFFFFF;\r\n}\r\n#mst-etapas-widget .etapas-step-circle img { width: 100%; height: 100%; object-fit: contain; padding: 0; transition: filter 0.3s ease; }\r\n#mst-etapas-widget .etapas-step-circle--dark { background: #74331C; }\r\n#mst-etapas-widget .etapas-step-circle--light { background: #FCD9CE; }\r\n#mst-etapas-widget .etapas-step-circle--dark img { filter: brightness(0) invert(1); }\r\n\r\n#mst-etapas-widget .etapas-step-content { width: 100%; text-align: center; }\r\n#mst-etapas-widget .etapas-step-title { font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 600; color: #74331C; margin-bottom: 4px; transition: font-weight 0.3s ease, color 0.3s ease; }\r\n#mst-etapas-widget .etapas-step-desc { font-family: 'Manrope', sans-serif; font-size: 16px; color: #1A1A1A; }\r\n\r\n#mst-etapas-widget .etapas-timeline-step.is-active .etapas-step-circle { background: #D1836B !important; }\r\n#mst-etapas-widget .etapas-timeline-step.is-active .etapas-step-title { font-weight: 800; color: #044634; }\r\n\r\n#mst-etapas-widget .etapas-content { \r\n  display: flex; gap: 108px; align-items: flex-start; margin-top: 80px; position: relative; min-height: 540px; \r\n  opacity: 0; transform: translateY(40px);\r\n}\r\n#mst-etapas-widget.is-visible .etapas-content {\r\n  opacity: 1; transform: translateY(0);\r\n  transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;\r\n}\r\n\r\n#mst-etapas-widget .step1-media { display: none; }\r\n#mst-etapas-widget[data-active=\"0\"] .default-media { display: none !important; }\r\n#mst-etapas-widget[data-active=\"0\"] .step1-media { display: block; }\r\n\r\n#mst-etapas-widget .etapas-photo-lz { position: absolute; background-size: cover; background-position: center; border-radius: 0; transition: opacity 0.35s ease; }\r\n#mst-etapas-widget .etapas-photo-lz-1 { width: 384px; height: 494px; top: 10%; left: 0; z-index: 1; }\r\n#mst-etapas-widget .etapas-photo-lz-2 { width: 510px; height: 340px; top: 160px; left: 250px; z-index: 10; }\r\n#mst-etapas-widget .etapas-photo-lz-3 { width: 460px; height: 460px; top: 0; left: 650px; z-index: 3; }\r\n\r\n\/* Video Card Styles *\/\r\n#mst-etapas-widget .etapas-video-card { \r\n  width: 588px; height: 368px; position: relative; border-radius: 0; overflow: hidden; flex-shrink: 0; cursor: pointer; \r\n}\r\n#mst-etapas-widget .etapas-video-bg { \r\n  width: 100%; height: 100%; background-size: cover; background-position: center; transition: opacity 0.35s ease; position: relative; \r\n}\r\n\r\n\/* Play Button Overlay (Removed\/Hidden) *\/\r\n#mst-etapas-widget .etapas-video-play-btn {\r\n  display: none;\r\n}\r\n\r\n\/* YouTube Iframe *\/\r\n#mst-etapas-widget .etapas-video-iframe {\r\n  width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0;\r\n}\r\n\r\n#mst-etapas-widget .etapas-photos { position: relative; width: 520px; height: 540px; flex-shrink: 0; }\r\n#mst-etapas-widget .etapas-photo { border-radius: 0; background-size: cover; background-position: center; position: absolute; transition: opacity 0.35s ease; }\r\n#mst-etapas-widget .etapas-photo--large { width: 520px; height: 400px; top: 0; right: 0; z-index: 1; }\r\n#mst-etapas-widget .etapas-photo--small { width: 340px; height: 260px; top: 280px; left: -68px; z-index: 2; }\r\n\r\n#mst-etapas-widget .etapas-media-fading { opacity: 0 !important; }\r\n\r\n#mst-etapas-widget.is-visible .etapas-timeline-step { opacity: 1 !important; transform: translateY(0) !important; }\r\n#mst-etapas-widget.is-visible .etapas-timeline-step:nth-child(1) { transition-delay: 0.4s !important; }\r\n#mst-etapas-widget.is-visible .etapas-timeline-step:nth-child(2) { transition-delay: 0.5s !important; }\r\n#mst-etapas-widget.is-visible .etapas-timeline-step:nth-child(3) { transition-delay: 0.6s !important; }\r\n#mst-etapas-widget.is-visible .etapas-timeline-step:nth-child(4) { transition-delay: 0.7s !important; }\r\n#mst-etapas-widget.is-visible .etapas-timeline-step:nth-child(5) { transition-delay: 0.8s !important; }\r\n\r\n\/* Etapas Media Queries *\/\r\n@media (min-width: 768px) {\r\n  #mst-etapas-widget .etapas-timeline-track { top: 43px; left: 120px; right: 120px; height: 4px; transform-origin: left center; }\r\n  #mst-etapas-widget.is-visible .etapas-timeline-track { transform: scaleX(1) !important; transition-delay: 0.4s; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #mst-etapas-widget .etapas-section { padding: 60px 16px 100px; }\r\n  #mst-etapas-widget .etapas-header { margin-bottom: 40px; text-align: center; }\r\n  #mst-etapas-widget .etapas-label {\r\n    font-family: 'Lexend Deca', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px;\r\n    color: #74331C; width: 100%; max-width: 358px; margin: 0 auto 12px auto; text-align: center;\r\n  }\r\n  #mst-etapas-widget .etapas-heading {\r\n    font-family: 'Lexend Deca', sans-serif; font-weight: 300; font-size: 30px; line-height: 42px;\r\n    color: #044634; width: 100%; max-width: 358px; margin: 0 auto 24px auto; text-align: center;\r\n  }\r\n  #mst-etapas-widget .etapas-heading-line { width: 140px; height: 2px; background: #D1836B; margin: 0 auto; }\r\n  \r\n  #mst-etapas-widget .etapas-timeline-track { \r\n    left: 43px; margin-left: -2px; top: 43px; bottom: 60px; width: 4px; height: auto;\r\n    transform-origin: top center; transform: scaleY(0);\r\n  }\r\n  #mst-etapas-widget.is-visible .etapas-timeline-track { transform: scaleY(1) !important; transition-delay: 0.4s; }\r\n  \r\n  #mst-etapas-widget .etapas-timeline-steps { flex-direction: column; gap: 32px; }\r\n  #mst-etapas-widget .etapas-timeline-step { width: 100%; flex-direction: row; align-items: flex-start; }\r\n  \r\n  #mst-etapas-widget .etapas-step-circle {\r\n    width: 86px; height: 86px; margin-bottom: 0; margin-right: 20px; flex-shrink: 0; position: relative; z-index: 2; border: 6px solid #FFFFFF;\r\n  }\r\n  #mst-etapas-widget .etapas-step-content { width: calc(100% - 106px); text-align: left; padding-top: 12px; }\r\n  #mst-etapas-widget .etapas-step-title { font-size: 18px; margin-bottom: 2px; }\r\n  #mst-etapas-widget .etapas-step-desc { font-size: 14px; line-height: 1.4; }\r\n\r\n  #mst-etapas-widget .etapas-content { flex-direction: column; margin-top: 40px; gap: 50px; min-height: auto; position: relative; }\r\n  #mst-etapas-widget[data-active=\"0\"] .etapas-content { min-height: 350px; }\r\n  #mst-etapas-widget .etapas-video-card { width: 100%; height: 220px; }\r\n\r\n  #mst-etapas-widget .etapas-photos { position: relative; width: 100%; height: 280px; margin: 0 auto; }\r\n  #mst-etapas-widget .etapas-photo--large { position: absolute; width: 80% !important; height: 200px; top: 0; right: 0; z-index: 1; }\r\n  #mst-etapas-widget .etapas-photo--small { position: absolute; width: 65% !important; height: 170px; top: 140px; left: -20px; z-index: 2; }\r\n\r\n  #mst-etapas-widget[data-active=\"0\"] .etapas-photo-lz { position: absolute !important; display: block; }\r\n  #mst-etapas-widget .etapas-photo-lz-1 { width: 60% !important; height: 220px !important; top: 0 !important; left: 0 !important; z-index: 1 !important; }\r\n  #mst-etapas-widget .etapas-photo-lz-3 { width: 55% !important; height: 190px !important; top: 40px !important; left: auto !important; right: 0 !important; z-index: 2 !important; }\r\n  #mst-etapas-widget .etapas-photo-lz-2 { width: 80% !important; height: 180px !important; top: 150px !important; left: 10% !important; z-index: 10 !important; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== ETAPAS WIDGET HTML ===== -->\r\n<div id=\"mst-etapas-widget\" data-active=\"1\">\r\n  <div class=\"etapas-section\">\r\n    <div class=\"etapas-header\">\r\n      <p class=\"etapas-label\">Etapas del proyecto<\/p>\r\n      <h2 class=\"etapas-heading\">Cada etapa cuenta una historia, conocela<\/h2>\r\n      <div class=\"etapas-heading-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"etapas-timeline\">\r\n      <div class=\"etapas-timeline-track\"><\/div>\r\n      <div class=\"etapas-timeline-steps\">\r\n        \r\n        <div class=\"etapas-timeline-step\" data-step=\"0\" \r\n             data-img-inactive=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/1-lanzamiento.svg\" \r\n             data-img-active=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/1-lanzamiento-activo.svg\">\r\n          <div class=\"etapas-step-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/1-lanzamiento.svg\" alt=\"Lanzamiento\">\r\n          <\/div>\r\n          <div class=\"etapas-step-content\"><p class=\"etapas-step-title\">Lanzamiento<\/p><p class=\"etapas-step-desc\">Apertura de reservas y presentaci\u00f3n del proyecto<\/p><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"etapas-timeline-step is-active\" data-step=\"1\" \r\n             data-img-inactive=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/2-inicio-obra-no-activo.svg\" \r\n             data-img-active=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/2-inicio-obra.svg\">\r\n          <div class=\"etapas-step-circle\">\r\n            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/2-inicio-obra.svg\" alt=\"Inicio\">\r\n          <\/div>\r\n          <div class=\"etapas-step-content\"><p class=\"etapas-step-title\">Inicio de obra<\/p><p class=\"etapas-step-desc\">Excavaci\u00f3n y fundaciones<\/p><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"etapas-timeline-step\" data-step=\"2\">\r\n          <div class=\"etapas-step-circle\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/3-estructura.svg\" alt=\"Estructura\"><\/div>\r\n          <div class=\"etapas-step-content\"><p class=\"etapas-step-title\">Estructura<\/p><p class=\"etapas-step-desc\">Hormigonado de columnas y losas<\/p><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"etapas-timeline-step\" data-step=\"3\">\r\n          <div class=\"etapas-step-circle\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/4-terminaciones.svg\" alt=\"Terminaciones\"><\/div>\r\n          <div class=\"etapas-step-content\"><p class=\"etapas-step-title\">Terminaciones<\/p><p class=\"etapas-step-desc\">Revestimientos, instalaciones y amenities<\/p><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"etapas-timeline-step\" data-step=\"4\">\r\n          <div class=\"etapas-step-circle\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/5-entrega.svg\" alt=\"Entrega\"><\/div>\r\n          <div class=\"etapas-step-content\"><p class=\"etapas-step-title\">Fecha estimada entrega 2029 <\/p><p class=\"etapas-step-desc\">Entrega de unidades y llaves a propietarios<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"etapas-content\">\r\n      <!-- Video Card -->\r\n      <div class=\"etapas-video-card default-media\" id=\"etapas-video-trigger\">\r\n        <div class=\"etapas-video-bg\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/video.png');\">\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"etapas-photos default-media\">\r\n        <div class=\"etapas-photo etapas-photo--large\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/inicio-2-scaled.jpg');\"><\/div>\r\n        <div class=\"etapas-photo etapas-photo--small\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/inicio-3-scaled.jpg');\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"etapas-photo-lz etapas-photo-lz-1 step1-media\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/1-lanzamiento.webp');\"><\/div>\r\n      <div class=\"etapas-photo-lz etapas-photo-lz-2 step1-media\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/2-lanzamiento.webp');\"><\/div>\r\n      <div class=\"etapas-photo-lz etapas-photo-lz-3 step1-media\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/3-lanzamiento.webp');\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* Etapas Widget Controller Script *\/\r\n(function() {\r\n  var widget = document.getElementById('mst-etapas-widget');\r\n  if (!widget) return;\r\n\r\n  var step1 = widget.querySelector('[data-step=\"0\"]');\r\n  var step2 = widget.querySelector('[data-step=\"1\"]');\r\n  var mediaElements = widget.querySelectorAll('.default-media, .step1-media');\r\n  var isTransitioning = false;\r\n\r\n  function activateStep(index) {\r\n    if (isTransitioning || widget.getAttribute('data-active') === index.toString()) return;\r\n    isTransitioning = true;\r\n\r\n    if (index === 0) {\r\n      step2.classList.remove('is-active');\r\n      step1.classList.add('is-active');\r\n      step1.querySelector('img').src = step1.dataset.imgActive;\r\n      step2.querySelector('img').src = step2.dataset.imgInactive;\r\n    } else {\r\n      step1.classList.remove('is-active');\r\n      step2.classList.add('is-active');\r\n      step2.querySelector('img').src = step2.dataset.imgActive;\r\n      step1.querySelector('img').src = step1.dataset.imgInactive;\r\n    }\r\n\r\n    mediaElements.forEach(function(el) { el.classList.add('etapas-media-fading'); });\r\n\r\n    setTimeout(function() {\r\n      widget.setAttribute('data-active', index.toString());\r\n      mediaElements.forEach(function(el) { el.classList.remove('etapas-media-fading'); });\r\n      isTransitioning = false;\r\n    }, 350);\r\n  }\r\n\r\n  if (step1 && step2) {\r\n    step1.addEventListener('click', function() { activateStep(0); });\r\n    step2.addEventListener('click', function() { activateStep(1); });\r\n  }\r\n\r\n  \/\/ Funci\u00f3n reutilizable para cargar el video de YouTube\r\n  function loadYouTubeVideo(videoCardEl) {\r\n    if (videoCardEl.querySelector('iframe')) return; \/\/ Evitar m\u00faltiples cargas\r\n    \r\n    var iframe = document.createElement('iframe');\r\n    iframe.className = 'etapas-video-iframe';\r\n    \/\/ URL de YouTube con autoplay y par\u00e1metros de limpieza de interfaz\r\n    iframe.src = 'https:\/\/www.youtube.com\/embed\/Jlkqxki06hY?autoplay=1&rel=0&modestbranding=1';\r\n    iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');\r\n    iframe.setAttribute('allowfullscreen', 'true');\r\n    \r\n    var videoBg = videoCardEl.querySelector('.etapas-video-bg');\r\n    if (videoBg) {\r\n      videoBg.style.opacity = '0';\r\n      setTimeout(function() {\r\n        videoBg.style.display = 'none';\r\n      }, 350);\r\n    }\r\n    \r\n    videoCardEl.appendChild(iframe);\r\n  }\r\n\r\n  \/\/ Vincular evento de clic al video\r\n  var videoCard = widget.querySelector('.etapas-video-card');\r\n  if (videoCard) {\r\n    videoCard.addEventListener('click', function() {\r\n      loadYouTubeVideo(videoCard);\r\n    });\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        widget.classList.add('is-visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  observer.observe(widget);\r\n\r\n  \/\/ Soporte para re-renderizado de Elementor\r\n  if (typeof window.elementorFrontend !== 'undefined') { \r\n    window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', function() {\r\n       if (step1 && step2) {\r\n         step1.addEventListener('click', function() { activateStep(0); });\r\n         step2.addEventListener('click', function() { activateStep(1); });\r\n       }\r\n       \r\n       var videoCardEl = widget.querySelector('.etapas-video-card');\r\n       if (videoCardEl && !videoCardEl.hasAttribute('data-video-bound')) {\r\n         videoCardEl.setAttribute('data-video-bound', 'true');\r\n         videoCardEl.addEventListener('click', function() {\r\n           loadYouTubeVideo(videoCardEl);\r\n         });\r\n       }\r\n    }); \r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c45728c e-flex e-con-boxed e-con e-parent\" data-id=\"c45728c\" data-element_type=\"container\" id=\"etapas\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e62888 elementor-widget elementor-widget-html\" data-id=\"6e62888\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400&family=Manrope:wght@300;400;700&display=swap');\r\n\r\n    body {\r\n        margin: 0;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .web-cta-section6 {\r\n        position: relative;\r\n        width: 100vw;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        height: 1000px;\r\n        overflow: hidden;\r\n        background: #FFFFFF;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* Universal box-sizing inside the section ensures padding doesn't break widths *\/\r\n    .web-cta-section6 * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .web-cta-section6__photo {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        background: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/photo-scaled.png') center top \/ cover no-repeat;\r\n    }\r\n\r\n    .web-cta-section6__gradient {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 660px;\r\n        top: 0;\r\n        left: 0;\r\n        background: linear-gradient(180deg, rgba(116, 51, 28, 0.8) 0%, rgba(116, 51, 28, 0) 87.15%);\r\n    }\r\n\r\n    \/* Staged Animations Setup *\/\r\n    .web-cta-section6__header-group {\r\n        opacity: 0;\r\n        transform: translateY(-40px);\r\n        animation: ctaFadeDown 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    .web-cta-section6__subtitle {\r\n        position: absolute;\r\n        top: 120px;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .web-cta-section6__title {\r\n        position: absolute;\r\n        top: 156px;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 40px;\r\n        line-height: 48px;\r\n        color: #FCD9CE;\r\n    }\r\n\r\n    .web-cta-section6__line {\r\n        position: absolute;\r\n        top: 224px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 140px;\r\n        height: 2px;\r\n        background: #D1836B;\r\n    }\r\n\r\n    .web-cta-section6__description {\r\n        position: absolute;\r\n        top: 258px;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .web-cta-section6__cards {\r\n        position: absolute;\r\n        top: 336px;\r\n        left: 0;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 40px;\r\n    }\r\n\r\n    .web-cta-section6__card {\r\n        width: 100%;\r\n        max-width: 484px;\r\n        min-height: 296px;\r\n        padding: 0 20px 30px;\r\n        background: linear-gradient(112.46deg, rgba(255, 255, 255, 0.9) 0%, rgba(209, 131, 107, 0.9) 100%);\r\n        backdrop-filter: blur(5px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Card 1: Slide in from the left *\/\r\n    .web-cta-section6__card--directa {\r\n        opacity: 0;\r\n        transform: translateX(-60px);\r\n        animation: ctaSlideRight 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;\r\n    }\r\n\r\n    \/* Card 2: Slide in from the right *\/\r\n    .web-cta-section6__card--bancarizada {\r\n        opacity: 0;\r\n        transform: translateX(60px);\r\n        animation: ctaSlideLeft 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\r\n    }\r\n\r\n    .web-cta-section6__card-title {\r\n        margin-top: 40px;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 40px;\r\n        line-height: 50px;\r\n        color: #74331C;\r\n    }\r\n\r\n    .web-cta-section6__card-divider {\r\n        width: 100%;\r\n        max-width: 444px;\r\n        height: 0;\r\n        border: 1px solid #FFFFFF;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .web-cta-section6__card-main {\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 30px;\r\n        line-height: 50px;\r\n        color: #1A1A1A;\r\n        text-align: center;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .web-cta-section6__card-main--large {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .web-cta-section6__card-main--large+.web-cta-section6__card-main--large {\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .web-cta-section6__text-light {\r\n        font-weight: 300;\r\n    }\r\n\r\n    .web-cta-section6__card-sub {\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n        color: #1A1A1A;\r\n        text-align: center;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .web-cta-section6__card-sub--small {\r\n        font-size: 16px;\r\n        line-height: 26px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    \/* \u2014\u2014\u2014 BUTTON as <a> \u2014\u2014\u2014 *\/\r\n    .web-cta-section6__button {\r\n        position: absolute;\r\n        bottom: 120px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(60px);\r\n        width: max-content;\r\n        max-width: none;\r\n        height: 50px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: #FFFFFF;\r\n        border: 2px solid #FFFFFF;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        padding: 0 35px;\r\n        white-space: nowrap;\r\n        transition: background 0.3s ease, border-color 0.3s ease;\r\n\r\n        \/* Button: Slide in from the bottom *\/\r\n        opacity: 0;\r\n        animation: ctaSlideUp 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.75s forwards;\r\n    }\r\n\r\n    .web-cta-section6__button-text {\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 18px;\r\n        line-height: 22px;\r\n        text-transform: uppercase;\r\n        color: #74331C;\r\n        text-align: center;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* Button Hover Effect: Inversed colors and 2px border maintained *\/\r\n    .web-cta-section6__button:hover {\r\n        background: #74331C;\r\n        border-color: #FFFFFF;\r\n    }\r\n\r\n    .web-cta-section6__button:hover .web-cta-section6__button-text {\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    \/* Keyframe Animations *\/\r\n    @keyframes ctaFadeDown {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(-40px);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    @keyframes ctaSlideRight {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateX(-60px);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes ctaSlideLeft {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateX(60px);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes ctaSlideUp {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateX(-50%) translateY(60px);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateX(-50%) translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* --- TABLET & SMALL LAPTOPS --- *\/\r\n    @media (max-width: 1100px) {\r\n        .web-cta-section6 {\r\n            height: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            padding: 100px 20px 80px;\r\n        }\r\n\r\n        .web-cta-section6__gradient {\r\n            height: 100%;\r\n        }\r\n\r\n        .web-cta-section6__header-group {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .web-cta-section6__subtitle,\r\n        .web-cta-section6__title,\r\n        .web-cta-section6__line,\r\n        .web-cta-section6__description,\r\n        .web-cta-section6__cards,\r\n        .web-cta-section6__button {\r\n            position: relative;\r\n            top: auto;\r\n            left: auto;\r\n            bottom: auto;\r\n            transform: none;\r\n            width: 100%;\r\n            max-width: 485px;\r\n            white-space: normal;\r\n        }\r\n\r\n        \/* Reset desktop animation transforms for vertical stack on tablet\/mobile *\/\r\n        .web-cta-section6__card--directa {\r\n            transform: none;\r\n            animation: ctaMobileFadeIn 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;\r\n        }\r\n\r\n        .web-cta-section6__card--bancarizada {\r\n            transform: none;\r\n            animation: ctaMobileFadeIn 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\r\n        }\r\n\r\n        .web-cta-section6__button {\r\n            transform: none;\r\n            animation: ctaMobileFadeIn 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.75s forwards;\r\n            width: 100%;\r\n            max-width: 485px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .web-cta-section6__line {\r\n            width: 140px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .web-cta-section6__title {\r\n            margin-top: 16px;\r\n        }\r\n\r\n        .web-cta-section6__description {\r\n            margin-top: 32px;\r\n        }\r\n\r\n        .web-cta-section6__cards {\r\n            margin-top: 50px;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 32px;\r\n        }\r\n\r\n        .web-cta-section6__button {\r\n            margin-top: 50px;\r\n        }\r\n    }\r\n\r\n    @keyframes ctaMobileFadeIn {\r\n        0% {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* --- SMARTPHONES (Mobile) --- *\/\r\n    @media (max-width: 600px) {\r\n        .web-cta-section6 {\r\n            padding: 80px 15px 60px;\r\n        }\r\n\r\n        .web-cta-section6__title {\r\n            font-size: 28px;\r\n            line-height: 38px;\r\n        }\r\n\r\n        .web-cta-section6__description {\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n        }\r\n\r\n        .web-cta-section6__card {\r\n            padding: 0 15px 24px;\r\n        }\r\n\r\n        .web-cta-section6__card-title {\r\n            font-size: 32px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .web-cta-section6__card-main {\r\n            font-size: 22px;\r\n            line-height: 34px;\r\n        }\r\n\r\n        .web-cta-section6__card-main--large {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .web-cta-section6__card-sub {\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n        }\r\n\r\n        .web-cta-section6__button {\r\n            height: auto;\r\n            min-height: 50px;\r\n            padding: 12px 20px;\r\n            width: 100%;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .web-cta-section6__button-text {\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            white-space: normal;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"web-cta-section6\">\r\n    <div class=\"web-cta-section6__photo\"><\/div>\r\n    <div class=\"web-cta-section6__gradient\"><\/div>\r\n\r\n    <div class=\"web-cta-section6__header-group\">\r\n        <div class=\"web-cta-section6__subtitle\">Financiaci\u00f3n<\/div>\r\n        <div class=\"web-cta-section6__title\">Facilidades y Financiaci\u00f3n a tu medida<\/div>\r\n        <div class=\"web-cta-section6__line\"><\/div>\r\n        <div class=\"web-cta-section6__description\">Queremos que llegar a tu apartamento sea m\u00e1s f\u00e1cil<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"web-cta-section6__cards\">\r\n        <div class=\"web-cta-section6__card web-cta-section6__card--directa\">\r\n            <div class=\"web-cta-section6__card-title\">Directa<\/div>\r\n            <div class=\"web-cta-section6__card-divider\"><\/div>\r\n            <div class=\"web-cta-section6__card-main\">Entrega 15%<\/div>\r\n            <div class=\"web-cta-section6__card-sub\">+74 CUOTAS en USD o UNIDADES INDEXADAS<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"web-cta-section6__card web-cta-section6__card--bancarizada\">\r\n            <div class=\"web-cta-section6__card-title\">Bancarizada<\/div>\r\n            <div class=\"web-cta-section6__card-divider\"><\/div>\r\n            <div class=\"web-cta-section6__card-main web-cta-section6__card-main--large\">40% del valor <span class=\"web-cta-section6__text-light\">durante obra<\/span><\/div>\r\n            <div class=\"web-cta-section6__card-main web-cta-section6__card-main--large\">60% del valor <span class=\"web-cta-section6__text-light\">post posesi\u00f3n<\/span><\/div>\r\n            <div class=\"web-cta-section6__card-sub web-cta-section6__card-sub--small\">en cuotas en USD o UNIDADES INDEXADAS en hasta 25 a\u00f1os.<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- WhatsApp Button Link -->\r\n    <a href=\"https:\/\/wa.link\/i4ycmg\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"web-cta-section6__button\">\r\n        <span class=\"web-cta-section6__button-text\">Consultar opciones de pago con un asesor<\/span>\r\n    <\/a>\r\n<\/section>\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-86131dc e-con-full e-flex e-con e-parent\" data-id=\"86131dc\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8593a1 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d8593a1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Scoped styles to prevent WordPress theme conflicts *\/\r\n    .section-7-manglares-web {\r\n        position: relative;\r\n        width: 100vw;\r\n        margin-left: calc(50% - 50vw);\r\n        background: #FFFBF6;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .section-7-manglares-web * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .manglar-label-manglares-web {\r\n        margin: 0;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        text-align: center;\r\n        color: #D1836B;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .title-manglares-web {\r\n        margin: 8px 0 0;\r\n        font-weight: 300;\r\n        font-size: 40px;\r\n        line-height: 48px;\r\n        text-align: center;\r\n        color: #044634;\r\n        width: 100%;\r\n        max-width: 1216px;\r\n    }\r\n\r\n    .line-manglares-web {\r\n        width: 140px;\r\n        height: 2px;\r\n        background: #D1836B;\r\n        margin: 16px 0 0;\r\n    }\r\n\r\n    .description-manglares-web {\r\n        width: 100%;\r\n        max-width: 700px;\r\n        margin: 20px 0 0;\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 30px;\r\n        text-align: center;\r\n        color: #1A1A1A;\r\n    }\r\n\r\n    \/* Container acts as a margin\/width wrapper *\/\r\n    .cards-manglares-web {\r\n        margin-top: 48px;\r\n        width: 100%;\r\n        max-width: 1212px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Carousel Viewport *\/\r\n    .carousel-viewport-manglares {\r\n        width: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Track handles smooth sliding *\/\r\n    .carousel-track-manglares {\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        gap: 36px;\r\n        width: max-content;\r\n        will-change: transform;\r\n        -webkit-user-select: none;\r\n        user-select: none;\r\n    }\r\n\r\n    .carousel-track-manglares img {\r\n        pointer-events: none;\r\n        -webkit-user-drag: none;\r\n    }\r\n\r\n    .card-manglares-web {\r\n        position: relative;\r\n        width: 380px;\r\n        flex: 0 0 380px;\r\n        min-height: 460px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n        padding-bottom: 24px;\r\n    }\r\n\r\n    .card-photo-manglares-web {\r\n        width: 100%;\r\n        height: 280px;\r\n        background-size: cover;\r\n        background-position: center;\r\n        position: relative;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .card-label-manglares-web {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 10px;\r\n        position: absolute;\r\n        left: 20px;\r\n        top: 20px;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        text-align: center;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .label-dark-green-manglares-web {\r\n        background: #425544;\r\n        width: 102px;\r\n        height: 40px;\r\n    }\r\n    .label-blue-manglares-web {\r\n        background: #253251;\r\n        width: 143px;\r\n        height: 40px;\r\n    }\r\n    .label-dark-orange-manglares-web {\r\n        background: #74331C;\r\n        width: 82px;\r\n        height: 40px;\r\n    }\r\n\r\n    .card-brava-manglares-web {\r\n        background: linear-gradient(139.02deg, #FFFFFF 49.12%, #B7B067 149.07%);\r\n    }\r\n    .card-albor-manglares-web {\r\n        background: linear-gradient(139.82deg, #FFFFFF 49.28%, #EFDCED 119.19%);\r\n    }\r\n    .card-umbra-manglares-web {\r\n        background: linear-gradient(139.82deg, #FFFFFF 49.28%, #FCD9CE 119.19%);\r\n    }\r\n\r\n    .card-content-manglares-web {\r\n        width: 100%;\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        margin-top: 18px;\r\n        z-index: 1;\r\n    }\r\n\r\n    .card-isologo-manglares-web {\r\n        width: 177px;\r\n        height: 40px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .isologo-svg-manglares-web {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n    }\r\n\r\n    .card-text-manglares-web {\r\n        width: 100%;\r\n        font-family: 'Manrope', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n        text-align: left;\r\n        color: #1A1A1A;\r\n        margin: 16px 0 0;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .card-stroke-manglares-web {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border-width: 1px;\r\n        border-style: solid;\r\n        pointer-events: none;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2014\u2014\u2014 BUTTON as <a> \u2014\u2014\u2014 *\/\r\n    .button-manglares-web {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 11px 40px;\r\n        gap: 10px;\r\n        width: auto;\r\n        min-width: 419px;\r\n        height: 50px;\r\n        margin-top: 48px;\r\n        border: 2px solid #D1836B;\r\n        background: transparent;\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 18px;\r\n        line-height: 22px;\r\n        text-transform: uppercase;\r\n        color: #74331C;\r\n        text-decoration: none;\r\n        box-sizing: border-box;\r\n        cursor: pointer;\r\n        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .button-manglares-web:hover {\r\n        background: #74331C;\r\n        border-color: #FFFFFF;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .btn-text-manglares-web {\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* ----------------------- *\/\r\n    \/* Responsive Media Queries *\/\r\n    \/* ----------------------- *\/\r\n    @media (max-width: 768px) {\r\n        .section-7-manglares-web {\r\n            padding: 60px 16px;\r\n        }\r\n\r\n        .title-manglares-web {\r\n            font-size: 32px;\r\n            line-height: 40px;\r\n            padding: 0;\r\n        }\r\n\r\n        .description-manglares-web {\r\n            padding: 0;\r\n        }\r\n\r\n        .carousel-viewport-manglares {\r\n            width: 100%;\r\n        }\r\n\r\n        .card-manglares-web {\r\n            width: 290px;\r\n            flex: 0 0 290px;\r\n            min-height: 440px;\r\n        }\r\n\r\n        .carousel-track-manglares {\r\n            gap: 20px;\r\n        }\r\n\r\n        .button-manglares-web {\r\n            min-width: 100%;\r\n            width: 100%;\r\n            padding: 11px 20px;\r\n            height: auto;\r\n            min-height: 50px;\r\n            background: #74331C;\r\n            border: 2px solid #FFFFFF;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .button-manglares-web:hover {\r\n            background: #74331C;\r\n            color: #FFFFFF;\r\n            border-color: #FFFFFF;\r\n        }\r\n\r\n        .btn-text-manglares-web {\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"section-7-manglares-web\">\r\n    <p class=\"manglar-label-manglares-web\">Manglar<\/p>\r\n    <h2 class=\"title-manglares-web\">El respaldo de una marca consolidada<\/h2>\r\n    <div class=\"line-manglares-web\"><\/div>\r\n    <p class=\"description-manglares-web\">\r\n        Manglar Umbra es parte de una familia de desarrollos que transforman Punta del Este, impulsados por Grupo Fonte y construidos por Norte Construcciones.\r\n    <\/p>\r\n\r\n    <div class=\"cards-manglares-web\">\r\n        <div class=\"carousel-viewport-manglares\">\r\n            <div class=\"carousel-track-manglares\">\r\n\r\n                <!-- Card 1: Brava -->\r\n                <div class=\"card-manglares-web card-brava-manglares-web\">\r\n                    <div class=\"card-photo-manglares-web\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/card-brava.webp');\">\r\n                        <span class=\"card-label-manglares-web label-dark-green-manglares-web\">Entregado<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-content-manglares-web\">\r\n                        <div class=\"card-isologo-manglares-web isologo-brava-manglares-web\">\r\n                            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/Manglar_Brava_Isologotype_Horizontal.svg\" alt=\"Manglar Brava Isologotype\" width=\"177\" height=\"40\" class=\"isologo-svg-manglares-web\">\r\n                        <\/div>\r\n                        <p class=\"card-text-manglares-web\">Proyecto emblem\u00e1tico de la familia Manglar. Entregado en tiempo y forma, con altos est\u00e1ndares de calidad constructiva en Punta del Este.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-stroke-manglares-web\" style=\"border-color: #B7B067;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 2: Albor -->\r\n                <div class=\"card-manglares-web card-albor-manglares-web\">\r\n                    <div class=\"card-photo-manglares-web\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/albor-card-scaled.jpg');\">\r\n                        <span class=\"card-label-manglares-web label-blue-manglares-web\">En construcci\u00f3n<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-content-manglares-web\">\r\n                        <div class=\"card-isologo-manglares-web isologo-albor-manglares-web\">\r\n                            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/Manglar_Albor_Isologotype_Horizontal.svg\" alt=\"Manglar Albor Isologotype\" width=\"177\" height=\"40\" class=\"isologo-svg-manglares-web\">\r\n                        <\/div>\r\n                        <p class=\"card-text-manglares-web\">Actualmente en desarrollo. Avance de obra verificable en tiempo real para todos los inversores del proyecto.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-stroke-manglares-web\" style=\"border-color: #A2AACB;\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 3: Umbra -->\r\n                <div class=\"card-manglares-web card-umbra-manglares-web\">\r\n                    <div class=\"card-photo-manglares-web\" style=\"background-image: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/card-umbra-umbra.webp');\">\r\n                        <span class=\"card-label-manglares-web label-dark-orange-manglares-web\">En pozo<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-content-manglares-web\">\r\n                        <div class=\"card-isologo-manglares-web isologo-umbra-manglares-web\">\r\n                            <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/manglar-umbra-isologotype-horizontal.svg\" alt=\"Manglar Umbra Isologotype\" width=\"177\" height=\"40\" class=\"isologo-svg-manglares-web\">\r\n                        <\/div>\r\n                        <p class=\"card-text-manglares-web\">Cuenta con el 50% de sus unidades vendidas.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-stroke-manglares-web\" style=\"border-color: #D1836B;\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- WhatsApp Button with updated link -->\r\n    <a href=\"https:\/\/wa.link\/zyhy6k\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-manglares-web\">\r\n        <span class=\"btn-text-manglares-web\">Consultar por unidades disponibles<\/span>\r\n    <\/a>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const track = document.querySelector('.carousel-track-manglares');\r\n        if (!track) return;\r\n\r\n        const originalCards = Array.from(track.querySelectorAll('.card-manglares-web:not(.clone)'));\r\n        if (originalCards.length === 0) return;\r\n\r\n        let animationId = null;\r\n        let currentTranslate = 0;\r\n        let isPaused = false;\r\n\r\n        \/\/ Helper to get total width of one set of original cards (including gaps)\r\n        function getSingleSetWidth() {\r\n            let total = 0;\r\n            for (let i = 0; i < originalCards.length; i++) {\r\n                const card = originalCards[i];\r\n                const style = window.getComputedStyle(card);\r\n                const cardWidth = card.offsetWidth;\r\n                const marginRight = parseFloat(style.marginRight) || 0;\r\n                const marginLeft = parseFloat(style.marginLeft) || 0;\r\n                total += cardWidth + marginLeft + marginRight;\r\n            }\r\n            const trackStyle = window.getComputedStyle(track);\r\n            const gap = parseFloat(trackStyle.gap) || 0;\r\n            total += gap * originalCards.length;\r\n            return total;\r\n        }\r\n\r\n        \/\/ Pause \/ Resume handlers\r\n        function pauseCarousel() { isPaused = true; }\r\n        function resumeCarousel() { isPaused = false; }\r\n\r\n        \/\/ Clean up carousel (remove clones, cancel animation, reset position)\r\n        function destroyCarousel() {\r\n            if (animationId) {\r\n                cancelAnimationFrame(animationId);\r\n                animationId = null;\r\n            }\r\n            track.querySelectorAll('.clone').forEach(el => el.remove());\r\n            track.style.transform = 'translateX(0)';\r\n            currentTranslate = 0;\r\n            isPaused = false;\r\n            track.removeEventListener('mouseenter', pauseCarousel);\r\n            track.removeEventListener('mouseleave', resumeCarousel);\r\n            track.removeEventListener('touchstart', pauseCarousel);\r\n            track.removeEventListener('touchend', resumeCarousel);\r\n        }\r\n\r\n        \/\/ Initialize carousel (only for mobile)\r\n        function initCarousel() {\r\n            \/\/ Clean up any previous state\r\n            destroyCarousel();\r\n\r\n            \/\/ Clone cards twice for seamless infinite loop\r\n            originalCards.forEach(card => {\r\n                const clone = card.cloneNode(true);\r\n                clone.classList.add('clone');\r\n                track.appendChild(clone);\r\n            });\r\n            originalCards.forEach(card => {\r\n                const clone = card.cloneNode(true);\r\n                clone.classList.add('clone');\r\n                track.appendChild(clone);\r\n            });\r\n\r\n            currentTranslate = 0;\r\n            track.style.transform = 'translateX(0)';\r\n            isPaused = false;\r\n\r\n            \/\/ Event listeners for pause on hover\/touch\r\n            track.addEventListener('mouseenter', pauseCarousel);\r\n            track.addEventListener('mouseleave', resumeCarousel);\r\n            track.addEventListener('touchstart', pauseCarousel, { passive: true });\r\n            track.addEventListener('touchend', resumeCarousel);\r\n\r\n            const speed = 0.6; \/\/ Fixed speed for mobile\r\n\r\n            function step() {\r\n                if (!isPaused) {\r\n                    currentTranslate -= speed;\r\n                    const singleSetWidth = getSingleSetWidth();\r\n                    \/\/ Reset seamlessly when one full set has scrolled past\r\n                    if (Math.abs(currentTranslate) >= singleSetWidth) {\r\n                        currentTranslate += singleSetWidth;\r\n                    }\r\n                    track.style.transform = `translateX(${currentTranslate}px)`;\r\n                }\r\n                animationId = requestAnimationFrame(step);\r\n            }\r\n\r\n            animationId = requestAnimationFrame(step);\r\n        }\r\n\r\n        \/\/ Toggle carousel based on screen width\r\n        function checkAndToggleCarousel() {\r\n            const isMobile = window.innerWidth <= 768;\r\n            if (isMobile) {\r\n                \/\/ If not active, initialize\r\n                if (!window._carouselActive) {\r\n                    initCarousel();\r\n                    window._carouselActive = true;\r\n                }\r\n            } else {\r\n                \/\/ If active, destroy it\r\n                if (window._carouselActive) {\r\n                    destroyCarousel();\r\n                    window._carouselActive = false;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Run on initial load\r\n        checkAndToggleCarousel();\r\n\r\n        \/\/ Run on resize with debounce\r\n        let resizeTimer;\r\n        window.addEventListener('resize', () => {\r\n            clearTimeout(resizeTimer);\r\n            resizeTimer = setTimeout(checkAndToggleCarousel, 200);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a8f16c8 e-con-full e-flex e-con e-parent\" data-id=\"a8f16c8\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f0f39 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"a4f0f39\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Base Reset for this section *\/\r\n    .oweb-section8 * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .oweb-section8 {\r\n        width: 100%;\r\n        background: #FFFFFF;\r\n        display: flex;\r\n        flex-direction: row-reverse;\r\n        \/* Content left, Photo right on desktop *\/\r\n        min-height: 833px;\r\n        font-family: 'Manrope', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .oweb-section8-photo {\r\n        width: 55%;\r\n        background: url('https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/estas-en-punta.webp') center\/cover no-repeat;\r\n        min-height: 100%;\r\n    }\r\n\r\n    .oweb-section8-content {\r\n        width: 45%;\r\n        padding: 60px 60px 60px 60px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .oweb-section8-label {\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-size: 16px;\r\n        color: #74331C;\r\n        margin-bottom: 8px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .oweb-section8-heading {\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: clamp(28px, 4vw, 40px);\r\n        color: #044634;\r\n        margin-bottom: 16px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .oweb-section8-line {\r\n        width: 140px;\r\n        height: 3px;\r\n        background: #D1836B;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .oweb-section8-text-block {\r\n        margin-bottom: 24px;\r\n        color: #2C3633;\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Features Alignment *\/\r\n    .oweb-section8-features-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .oweb-section8-feature {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n\r\n    .oweb-section8-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        min-width: 32px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .oweb-section8-icon img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .oweb-section8-feature-text {\r\n        font-weight: 600;\r\n        color: #2C3633;\r\n        line-height: 1.5;\r\n        font-size: 15px;\r\n        word-wrap: break-word;\r\n    }\r\n\r\n    .oweb-section8-feature1 .oweb-section8-feature-text {\r\n        text-decoration: underline;\r\n        text-underline-offset: 4px;\r\n    }\r\n\r\n    \/* =========================================\r\n       BUTTON \u2013 Matches reference hover style\r\n       ========================================= *\/\r\n    .oweb-section8-btn {\r\n        margin-top: 40px;\r\n        display: inline-flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 11px 40px;\r\n        width: fit-content;\r\n        min-width: 200px;\r\n        height: 50px;\r\n        border: 2px solid #D1836B;\r\n        background: transparent;\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* Hover \u2013 matches .button-manglares-web:hover *\/\r\n    .oweb-section8-btn:hover {\r\n        background: #74331C;\r\n        border-color: #FFFFFF;\r\n    }\r\n\r\n    .oweb-section8-btn:hover .oweb-section8-btn-text {\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .oweb-section8-btn-text {\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 18px;\r\n        text-transform: uppercase;\r\n        color: #74331C;\r\n        white-space: nowrap;\r\n        letter-spacing: 0.5px;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE BREAKPOINTS\r\n       ========================================= *\/\r\n\r\n    \/* Tablet & Small Laptops (max-width: 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .oweb-section8 {\r\n            flex-direction: column;\r\n            min-height: auto;\r\n        }\r\n\r\n        .oweb-section8-photo {\r\n            width: 100vw;\r\n            margin-left: calc(50% - 50vw);\r\n            height: 45vh;\r\n            min-height: 300px;\r\n            max-height: 450px;\r\n        }\r\n\r\n        .oweb-section8-content {\r\n            width: 100%;\r\n            padding: 48px 32px;\r\n        }\r\n\r\n        .oweb-section8-line {\r\n            margin-bottom: 24px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Devices (max-width: 768px) *\/\r\n    @media (max-width: 768px) {\r\n        .oweb-section8-content {\r\n            padding: 40px 24px;\r\n        }\r\n\r\n        .oweb-section8-heading {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .oweb-section8-btn {\r\n            width: 100%;\r\n            min-width: unset;\r\n            margin-top: 32px;\r\n            background: #74331C;\r\n            border: 2px solid #FFFFFF;\r\n            color: #FFFFFF;\r\n            height: auto;\r\n            min-height: 50px;\r\n            padding: 11px 20px;\r\n        }\r\n\r\n        \/* Hover on mobile \u2013 stays consistent *\/\r\n        .oweb-section8-btn:hover {\r\n            background: #74331C;\r\n            border-color: #FFFFFF;\r\n        }\r\n\r\n        .oweb-section8-btn:hover .oweb-section8-btn-text {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .oweb-section8-btn-text {\r\n            font-size: 15px;\r\n            color: #FFFFFF;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    \/* Small Mobile Devices (max-width: 480px) *\/\r\n    @media (max-width: 480px) {\r\n        .oweb-section8-photo {\r\n            height: 35vh;\r\n            min-height: 250px;\r\n        }\r\n\r\n        .oweb-section8-content {\r\n            padding: 32px 20px;\r\n        }\r\n\r\n        .oweb-section8-heading {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .oweb-section8-feature-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .oweb-section8-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            min-width: 28px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"oweb-section8\">\r\n    <div class=\"oweb-section8-photo\"><\/div>\r\n\r\n    <div class=\"oweb-section8-content\">\r\n        <div class=\"oweb-section8-label\">Oficina<\/div>\r\n        <div class=\"oweb-section8-heading\">\u00bfEst\u00e1s en Punta del Este?<\/div>\r\n        <div class=\"oweb-section8-line\"><\/div>\r\n        <div class=\"oweb-section8-text-block\">Visit\u00e1 nuestras oficinas comerciales para conocer mejor el proyecto en:<\/div>\r\n\r\n        <div class=\"oweb-section8-features-wrapper\">\r\n            <div class=\"oweb-section8-feature oweb-section8-feature1\">\r\n                <div class=\"oweb-section8-icon\">\r\n                    <img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/location.svg\" alt=\"Ubicaci\u00f3n\" \/>\r\n                <\/div>\r\n                <div class=\"oweb-section8-feature-text\">Ra\u00edz Salvaje 14, Pda. 6 Playa Brava. Punta del Este - Uruguay.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"oweb-section8-feature\">\r\n                <div class=\"oweb-section8-feature-text\" style=\"font-weight: 400;\">Agend\u00e1 tu visita y disfrut\u00e1 de la experiencia Manglar:<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"oweb-section8-feature\">\r\n                <div class=\"oweb-section8-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/recorre.svg\" alt=\"Recorre\" \/><\/div>\r\n                <div class=\"oweb-section8-feature-text\">Recorre Manglar Brava<br>visita Manglar Albor y explor\u00e1 el avance de obra<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"oweb-section8-feature\">\r\n                <div class=\"oweb-section8-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/conoce.svg\" alt=\"Conoce\" \/><\/div>\r\n                <div class=\"oweb-section8-feature-text\">Conoce la obra manglar umbra<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"oweb-section8-feature\">\r\n                <div class=\"oweb-section8-icon\"><img decoding=\"async\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/atencion.svg\" alt=\"Atenci\u00f3n\" \/><\/div>\r\n                <div class=\"oweb-section8-feature-text\">Atenci\u00f3n personalizada<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- WhatsApp Button with updated link -->\r\n        <a href=\"https:\/\/wa.link\/mkfi8k\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"oweb-section8-btn\">\r\n            <span class=\"oweb-section8-btn-text\">AGENDAR VISITA<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6ca720e e-con-full e-flex e-con e-parent\" data-id=\"6ca720e\" data-element_type=\"container\" id=\"contacto\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-14f97a5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"14f97a5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33f6bb0 elementor-widget elementor-widget-html\" data-id=\"33f6bb0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300&family=Manrope:wght@400;500&display=swap');\r\n\r\n    \/* Main Container: Use Flexbox to align content automatically *\/\r\n    .manglar-image-overlay-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 528px;\r\n        min-height: 642px;\r\n        overflow: hidden;\r\n        font-family: 'Manrope', sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 120px 40px 40px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Background Layers *\/\r\n    .manglar-bg-image {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: url('DJI_0595.jpg') no-repeat center center \/ cover;\r\n        z-index: 0;\r\n    }\r\n    .manglar-color-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #D1836B;\r\n        mix-blend-mode: multiply;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Ensure content sits on top of overlay *\/\r\n    .manglar-image-overlay-container>* {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .manglar-title {\r\n        font-family: 'Lexend Deca', sans-serif;\r\n        font-weight: 300;\r\n        font-size: 40px;\r\n        line-height: 48px;\r\n        color: #FFFFFF;\r\n        margin: 0 0 30px;\r\n    }\r\n    .manglar-line {\r\n        width: 140px;\r\n        height: 2px;\r\n        background: #FCD9CE;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* Contact links \u2013 unified hover behavior *\/\r\n    .manglar-contact-link {\r\n        color: #F1E9E3;\r\n        text-decoration: none;\r\n        transition: color 0.25s ease-in-out;\r\n        font-weight: 500;\r\n        font-size: 16px;\r\n        line-height: 30px;\r\n        width: fit-content;\r\n    }\r\n    \/* On hover, phone\/email turn white *\/\r\n    .manglar-contact-link:hover {\r\n        color: #FFFFFF;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* Location Row - base color white *\/\r\n    .manglar-location-group {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        margin-top: 30px;\r\n    }\r\n    .manglar-location-group .manglar-contact-link {\r\n        color: #FFFFFF;\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n    }\r\n    \/* On hover, address turns light peach *\/\r\n    .manglar-location-group .manglar-contact-link:hover {\r\n        color: #F1E9E3;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .manglar-icon-location {\r\n        width: 30px;\r\n        height: 30px;\r\n        object-fit: contain;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Instagram Row \u2013 aligned with flex, base color white *\/\r\n    .manglar-ig-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-top: 30px;\r\n    }\r\n    .manglar-ig-group .manglar-contact-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        color: #FFFFFF;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        line-height: 1;\r\n    }\r\n    \/* On hover, Instagram turns light peach *\/\r\n    .manglar-ig-group .manglar-contact-link:hover {\r\n        color: #F1E9E3;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .manglar-follow {\r\n        font-size: 14px;\r\n        color: #FFFFFF;\r\n        margin: 0;\r\n    }\r\n    .manglar-icon-instagram {\r\n        width: 22px;\r\n        height: 22px;\r\n        fill: #FFFFFF;\r\n        flex-shrink: 0;\r\n        display: block;\r\n        transition: fill 0.25s ease-in-out;\r\n    }\r\n    \/* Instagram icon hover matches text color *\/\r\n    .manglar-ig-group .manglar-contact-link:hover .manglar-icon-instagram {\r\n        fill: #F1E9E3;\r\n    }\r\n    .manglar-ig-handle {\r\n        font-size: 14px;\r\n        color: #FFFFFF;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Mobile Responsive Adjustment *\/\r\n    @media (max-width: 500px) {\r\n        .manglar-image-overlay-container {\r\n            min-height: 500px;\r\n            padding: 60px 20px;\r\n        }\r\n        .manglar-title {\r\n            font-size: 32px;\r\n            line-height: 40px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"manglar-image-overlay-container\">\r\n    <div class=\"manglar-bg-image\"><\/div>\r\n    <div class=\"manglar-color-overlay\"><\/div>\r\n\r\n    <h2 class=\"manglar-title\">Contactanos para invertir en tu hogar ideal<\/h2>\r\n    <div class=\"manglar-line\"><\/div>\r\n\r\n    <!-- Phone \u2192 WhatsApp -->\r\n    <a href=\"https:\/\/wa.me\/59897343108\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"manglar-contact-link\">+598 97 343 108<\/a>\r\n\r\n    <!-- Email \u2192 mailto -->\r\n    <a href=\"mailto:contacto@manglar.com.uy\" class=\"manglar-contact-link\">contacto@manglar.com.uy<\/a>\r\n\r\n    <!-- Address \u2192 Google Maps -->\r\n    <div class=\"manglar-location-group\">\r\n        <img decoding=\"async\" class=\"manglar-icon-location\" src=\"https:\/\/manglar.com.uy\/comercial\/wp-content\/uploads\/2026\/07\/contact-umbra-location.svg\" alt=\"Location\">\r\n        <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Ra%C3%ADz+Salvaje+14+Pda.+6+Playa+Brava+Punta+del+Este+Uruguay\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"manglar-contact-link\">\r\n            Ra\u00edz Salvaje 14, Pda. 6 Playa Brava.<br>Punta del Este - Uruguay\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- Instagram \u2192 Profile link -->\r\n    <div class=\"manglar-ig-group\">\r\n        <span class=\"manglar-follow\">Segu\u00ednos en<\/span>\r\n        <a href=\"https:\/\/www.instagram.com\/manglar.puntadeleste\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"manglar-contact-link\">\r\n            <svg class=\"manglar-icon-instagram\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\" \/>\r\n            <\/svg>\r\n            <span class=\"manglar-ig-handle\">manglar.puntadeleste<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-fa0db75 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"fa0db75\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b86b4cd elementor-button-align-end elementor-mobile-button-align-stretch elementor-widget__width-inherit elementor-widget elementor-widget-form\" data-id=\"b86b4cd\" data-element_type=\"widget\" id=\"form-umbra\" data-settings=\"{&quot;step_next_label&quot;:&quot;Pr\\u00f3ximo&quot;,&quot;step_previous_label&quot;:&quot;Anterior&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"umbracontacto\" name=\"FormularioContactoUmbra\" aria-label=\"FormularioContactoUmbra\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13824\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"b86b4cd\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNombre y apellido\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\" \" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\" \" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\" \" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMensaje\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\" \">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\" id=\"boton-enviar-umbra\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cont\u00e1ctanos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Proyecto Ubicacion Tipologias Amenities Etapas Contacto Proyecto Ubicacion Tipologias Amenities Etapas Contacto El placer de habitar el presente Un proyecto residencial de escala humana que propone una forma distinta de vivir Punta del Este. M\u00e1s serena, m\u00e1s equilibrada y conectada con el entorno. Cont\u00e1ctanos 0 Unidades 0 Cocheras 1 1+1\/2 2 3 Dormitorios Una zona [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-13824","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/pages\/13824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/comments?post=13824"}],"version-history":[{"count":742,"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/pages\/13824\/revisions"}],"predecessor-version":[{"id":14687,"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/pages\/13824\/revisions\/14687"}],"wp:attachment":[{"href":"https:\/\/manglar.com.uy\/comercial\/wp-json\/wp\/v2\/media?parent=13824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}