{"id":889,"date":"2026-09-14T16:35:19","date_gmt":"2026-09-14T20:35:19","guid":{"rendered":"https:\/\/groundworkswholesale.com\/?page_id=889"},"modified":"2026-09-14T16:35:19","modified_gmt":"2026-09-14T20:35:19","slug":"hosteleria-comercial","status":"publish","type":"page","link":"https:\/\/datepalm.com\/es\/commercial-hospitality\/","title":{"rendered":"Commercial &#038; Hospitality"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"889\" class=\"elementor elementor-889\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efebd0c e-flex e-con-boxed e-con e-parent\" data-id=\"efebd0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57c25fa elementor-widget elementor-widget-html\" data-id=\"57c25fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Groundworks Commercial & Hospitality \u2014 scoped Elementor staging fragment *\/\n  .gwch-root {\n    --gwch-ink: #06130e;\n    --gwch-forest: #0a241a;\n    --gwch-forest-soft: #12382a;\n    --gwch-gold: #caa45a;\n    --gwch-gold-bright: #e0c17d;\n    --gwch-ivory: #f3efe5;\n    --gwch-paper: #fbf8f0;\n    --gwch-sage: #aebcb3;\n    --gwch-rule: rgba(202, 164, 90, 0.34);\n    --gwch-shadow: 0 30px 80px rgba(0, 0, 0, 0.26);\n    color: var(--gwch-ink);\n    background: var(--gwch-paper);\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: clip;\n    isolation: isolate;\n  }\n\n  .gwch-root *,\n  .gwch-root *::before,\n  .gwch-root *::after {\n    box-sizing: border-box;\n  }\n\n  .gwch-root img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .gwch-root a {\n    color: inherit;\n  }\n\n  .gwch-root h1,\n  .gwch-root h2,\n  .gwch-root h3,\n  .gwch-root p,\n  .gwch-root figure {\n    margin: 0;\n  }\n\n  body:has(.gwch-root) .entry-title,\n  body:has(.gwch-root) .page-header,\n  body:has(.gwch-root) .site-main > header,\n  body:has(.gwch-root) .elementor-page-title {\n    display: none !important;\n  }\n\n  body:has(.gwch-root) .site-main,\n  body:has(.gwch-root) .content-area,\n  body:has(.gwch-root) .site-content,\n  body:has(.gwch-root) .entry-content {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .gwch-root .gwch-shell {\n    width: min(100% - 96px, 1480px);\n    margin-inline: auto;\n  }\n\n  .gwch-root .gwch-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--gwch-gold-bright);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.23em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .gwch-root .gwch-kicker::before {\n    width: 42px;\n    height: 1px;\n    background: currentColor;\n    content: \"\";\n  }\n\n  .gwch-root .gwch-display {\n    color: var(--gwch-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(2.65rem, 5.1vw, 5.75rem);\n    font-weight: 400;\n    letter-spacing: -0.045em;\n    line-height: 0.98;\n    text-wrap: balance;\n  }\n\n  .gwch-root .gwch-copy {\n    color: #425149;\n    font-size: clamp(1rem, 1.25vw, 1.18rem);\n    line-height: 1.8;\n  }\n\n  .gwch-root .gwch-action {\n    display: inline-flex;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    padding: 13px 2px 10px;\n    border-bottom: 1px solid currentColor;\n    color: var(--gwch-gold-bright);\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    line-height: 1.3;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: color 260ms ease, border-color 260ms ease, gap 260ms ease;\n  }\n\n  .gwch-root .gwch-action svg,\n  .gwch-root .gwch-service-link svg {\n    width: 19px;\n    height: 19px;\n    flex: 0 0 auto;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.4;\n  }\n\n  .gwch-root .gwch-action--solid {\n    min-width: 205px;\n    padding: 15px 20px;\n    border: 1px solid var(--gwch-gold);\n    background: rgba(202, 164, 90, 0.08);\n  }\n\n  .gwch-root a:focus-visible {\n    outline: 2px solid var(--gwch-gold-bright);\n    outline-offset: 5px;\n  }\n\n  \/* Architectural split hero *\/\n  .gwch-root .gwch-hero {\n    min-height: min(920px, calc(100svh - 24px));\n    display: grid;\n    grid-template-columns: minmax(430px, 0.92fr) minmax(0, 1.38fr);\n    background: var(--gwch-ink);\n  }\n\n  .gwch-root .gwch-hero-copy {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(74px, 7vw, 126px) clamp(42px, 4.5vw, 82px);\n    background:\n      linear-gradient(145deg, rgba(18, 56, 42, 0.42), transparent 46%),\n      var(--gwch-ink);\n  }\n\n  .gwch-root .gwch-hero-copy::after {\n    position: absolute;\n    top: 11%;\n    right: 0;\n    bottom: 11%;\n    width: 1px;\n    background: linear-gradient(transparent, var(--gwch-gold), transparent);\n    content: \"\";\n    opacity: 0.68;\n  }\n\n  .gwch-root .gwch-hero h1 {\n    max-width: 780px;\n    margin-top: 30px;\n    color: var(--gwch-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(3.25rem, 5.4vw, 6.8rem);\n    font-weight: 400;\n    letter-spacing: -0.052em;\n    line-height: 0.91;\n    text-wrap: balance;\n  }\n\n  .gwch-root .gwch-hero-lead {\n    max-width: 570px;\n    margin-top: 34px;\n    color: rgba(243, 239, 229, 0.76);\n    font-size: clamp(1rem, 1.3vw, 1.2rem);\n    line-height: 1.75;\n  }\n\n  .gwch-root .gwch-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 24px 30px;\n    margin-top: 44px;\n  }\n\n  .gwch-root .gwch-hero-note {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: 58px;\n    color: rgba(243, 239, 229, 0.48);\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    line-height: 1.5;\n    text-transform: uppercase;\n  }\n\n  .gwch-root .gwch-hero-note::before {\n    width: 7px;\n    height: 7px;\n    border: 1px solid var(--gwch-gold);\n    content: \"\";\n    transform: rotate(45deg);\n  }\n\n  .gwch-root .gwch-hero-media {\n    position: relative;\n    min-height: 680px;\n    overflow: hidden;\n    background: #15231e;\n  }\n\n  .gwch-root .gwch-hero-media::before {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background:\n      linear-gradient(90deg, rgba(6, 19, 14, 0.44), transparent 28%),\n      linear-gradient(0deg, rgba(6, 19, 14, 0.48), transparent 42%);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .gwch-root .gwch-hero-media img {\n    height: 100%;\n    object-fit: cover;\n    object-position: 53% 50%;\n    transform: scale(1.015);\n    transition: transform 1400ms cubic-bezier(0.2, 0.68, 0.28, 1);\n  }\n\n  .gwch-root .gwch-hero-caption {\n    position: absolute;\n    z-index: 2;\n    right: clamp(24px, 4vw, 62px);\n    bottom: clamp(24px, 4vw, 58px);\n    max-width: 340px;\n    padding: 16px 0 0 38px;\n    border-top: 1px solid rgba(224, 193, 125, 0.72);\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 0.68rem;\n    letter-spacing: 0.13em;\n    line-height: 1.65;\n    text-transform: uppercase;\n  }\n\n  \/* Editorial premise *\/\n  .gwch-root .gwch-premise {\n    padding: clamp(88px, 11vw, 168px) 0;\n    background:\n      radial-gradient(circle at 84% 12%, rgba(202, 164, 90, 0.1), transparent 26%),\n      var(--gwch-paper);\n  }\n\n  .gwch-root .gwch-premise-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);\n    gap: clamp(60px, 10vw, 160px);\n    align-items: end;\n  }\n\n  .gwch-root .gwch-premise .gwch-kicker {\n    color: #9b7738;\n  }\n\n  .gwch-root .gwch-premise .gwch-display {\n    max-width: 980px;\n    margin-top: 27px;\n  }\n\n  .gwch-root .gwch-premise-copy {\n    padding: 4px 0 2px clamp(28px, 4vw, 58px);\n    border-left: 1px solid var(--gwch-rule);\n  }\n\n  .gwch-root .gwch-premise-copy .gwch-copy + .gwch-copy {\n    margin-top: 22px;\n  }\n\n  .gwch-root .gwch-priorities {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    margin-top: clamp(68px, 8vw, 118px);\n    border-top: 1px solid rgba(6, 19, 14, 0.14);\n    border-bottom: 1px solid rgba(6, 19, 14, 0.14);\n  }\n\n  .gwch-root .gwch-priority {\n    min-height: 190px;\n    padding: 30px clamp(22px, 3vw, 44px);\n  }\n\n  .gwch-root .gwch-priority + .gwch-priority {\n    border-left: 1px solid rgba(6, 19, 14, 0.14);\n  }\n\n  .gwch-root .gwch-priority strong {\n    display: block;\n    color: var(--gwch-forest);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(1.4rem, 2.2vw, 2.25rem);\n    font-weight: 400;\n    letter-spacing: -0.025em;\n    line-height: 1.15;\n  }\n\n  .gwch-root .gwch-priority span {\n    display: block;\n    max-width: 310px;\n    margin-top: 17px;\n    color: #59665f;\n    font-size: 0.9rem;\n    line-height: 1.7;\n  }\n\n  \/* Planning section *\/\n  .gwch-root .gwch-planning {\n    position: relative;\n    padding: clamp(86px, 10vw, 150px) 0;\n    color: var(--gwch-ivory);\n    background:\n      linear-gradient(rgba(202, 164, 90, 0.055) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(202, 164, 90, 0.055) 1px, transparent 1px),\n      var(--gwch-forest);\n    background-size: 86px 86px;\n  }\n\n  .gwch-root .gwch-planning-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.76fr);\n    gap: clamp(54px, 8vw, 126px);\n    align-items: center;\n  }\n\n  .gwch-root .gwch-plan-figure {\n    position: relative;\n    min-height: 660px;\n    margin-left: max(-48px, calc((1480px - 100vw) \/ 2));\n    overflow: hidden;\n    box-shadow: var(--gwch-shadow);\n  }\n\n  .gwch-root .gwch-plan-figure img {\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 900ms cubic-bezier(0.2, 0.68, 0.28, 1);\n  }\n\n  .gwch-root .gwch-plan-figure figcaption {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    max-width: 360px;\n    padding: 20px 26px;\n    color: rgba(243, 239, 229, 0.76);\n    background: rgba(6, 19, 14, 0.88);\n    backdrop-filter: blur(12px);\n    font-size: 0.67rem;\n    letter-spacing: 0.12em;\n    line-height: 1.6;\n    text-transform: uppercase;\n  }\n\n  .gwch-root .gwch-planning-copy h2 {\n    max-width: 600px;\n    margin-top: 27px;\n    color: var(--gwch-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(2.65rem, 4.5vw, 5.2rem);\n    font-weight: 400;\n    letter-spacing: -0.042em;\n    line-height: 1;\n    text-wrap: balance;\n  }\n\n  .gwch-root .gwch-planning-copy > p {\n    max-width: 580px;\n    margin-top: 30px;\n    color: rgba(243, 239, 229, 0.68);\n    font-size: 1.02rem;\n    line-height: 1.82;\n  }\n\n  .gwch-root .gwch-plan-lines {\n    margin: 42px 0 36px;\n    border-top: 1px solid var(--gwch-rule);\n  }\n\n  .gwch-root .gwch-plan-line {\n    display: grid;\n    grid-template-columns: minmax(120px, 0.46fr) 1fr;\n    gap: 24px;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--gwch-rule);\n  }\n\n  .gwch-root .gwch-plan-line strong {\n    color: var(--gwch-gold-bright);\n    font-size: 0.7rem;\n    letter-spacing: 0.16em;\n    line-height: 1.5;\n    text-transform: uppercase;\n  }\n\n  .gwch-root .gwch-plan-line span {\n    color: rgba(243, 239, 229, 0.74);\n    font-size: 0.92rem;\n    line-height: 1.6;\n  }\n\n  \/* Operational image composition *\/\n  .gwch-root .gwch-operations {\n    padding: clamp(92px, 11vw, 168px) 0;\n    background: var(--gwch-ivory);\n  }\n\n  .gwch-root .gwch-operations-head {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.46fr);\n    gap: clamp(48px, 9vw, 140px);\n    align-items: end;\n  }\n\n  .gwch-root .gwch-operations .gwch-kicker {\n    color: #9b7738;\n  }\n\n  .gwch-root .gwch-operations .gwch-display {\n    max-width: 850px;\n    margin-top: 26px;\n  }\n\n  .gwch-root .gwch-operations-head .gwch-copy {\n    padding-left: 28px;\n    border-left: 1px solid var(--gwch-rule);\n  }\n\n  .gwch-root .gwch-field-report {\n    display: grid;\n    grid-template-columns: minmax(0, 1.28fr) minmax(330px, 0.72fr);\n    grid-template-rows: minmax(110px, auto) minmax(520px, 46vw) minmax(90px, auto);\n    margin-top: clamp(66px, 8vw, 110px);\n  }\n\n  .gwch-root .gwch-field-main {\n    position: relative;\n    z-index: 2;\n    grid-column: 1;\n    grid-row: 1 \/ 3;\n    min-height: 620px;\n    overflow: hidden;\n    background: #26382f;\n    box-shadow: 0 28px 70px rgba(6, 19, 14, 0.17);\n  }\n\n  .gwch-root .gwch-field-secondary {\n    position: relative;\n    grid-column: 2;\n    grid-row: 2 \/ 4;\n    min-height: 560px;\n    margin-left: 18px;\n    overflow: hidden;\n    background: #d9d3c6;\n  }\n\n  .gwch-root .gwch-field-main img,\n  .gwch-root .gwch-field-secondary img {\n    height: 100%;\n    object-fit: cover;\n    transition: transform 1000ms cubic-bezier(0.2, 0.68, 0.28, 1);\n  }\n\n  .gwch-root .gwch-field-main img {\n    object-position: 53% 50%;\n  }\n\n  .gwch-root .gwch-field-secondary img {\n    object-position: center;\n  }\n\n  .gwch-root .gwch-field-label {\n    position: absolute;\n    z-index: 2;\n    left: clamp(22px, 3vw, 42px);\n    bottom: clamp(22px, 3vw, 38px);\n    max-width: calc(100% - 44px);\n    padding: 13px 18px;\n    border-left: 1px solid var(--gwch-gold-bright);\n    color: var(--gwch-ivory);\n    background: rgba(6, 19, 14, 0.78);\n    backdrop-filter: blur(10px);\n    font-size: 0.69rem;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    line-height: 1.5;\n    text-transform: uppercase;\n  }\n\n  .gwch-root .gwch-field-note {\n    grid-column: 2;\n    grid-row: 1;\n    align-self: end;\n    margin: 0 0 26px 18px;\n    padding-left: 24px;\n    border-left: 1px solid var(--gwch-rule);\n    color: #68736d;\n    font-size: 0.74rem;\n    letter-spacing: 0.12em;\n    line-height: 1.7;\n    text-transform: uppercase;\n  }\n\n  \/* Connected service rows *\/\n  .gwch-root .gwch-services {\n    padding: clamp(88px, 10vw, 154px) 0;\n    color: var(--gwch-ivory);\n    background: var(--gwch-ink);\n  }\n\n  .gwch-root .gwch-services-head {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.44fr);\n    gap: clamp(44px, 8vw, 120px);\n    align-items: end;\n    margin-bottom: clamp(54px, 7vw, 92px);\n  }\n\n  .gwch-root .gwch-services-head h2 {\n    max-width: 930px;\n    margin-top: 25px;\n    color: var(--gwch-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(2.65rem, 4.8vw, 5.45rem);\n    font-weight: 400;\n    letter-spacing: -0.044em;\n    line-height: 0.98;\n    text-wrap: balance;\n  }\n\n  .gwch-root .gwch-services-head p {\n    color: rgba(243, 239, 229, 0.64);\n    font-size: 1rem;\n    line-height: 1.78;\n  }\n\n  .gwch-root .gwch-service-list {\n    border-top: 1px solid rgba(202, 164, 90, 0.26);\n  }\n\n  .gwch-root .gwch-service-link {\n    position: relative;\n    display: grid;\n    min-height: 126px;\n    grid-template-columns: minmax(250px, 0.62fr) minmax(300px, 1fr) auto;\n    gap: clamp(28px, 5vw, 76px);\n    align-items: center;\n    padding: 30px 4px;\n    border-bottom: 1px solid rgba(202, 164, 90, 0.26);\n    color: var(--gwch-ivory);\n    text-decoration: none;\n    transition: padding 300ms ease, background-color 300ms ease;\n  }\n\n  .gwch-root .gwch-service-link::before {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(202, 164, 90, 0.1), transparent 72%);\n    content: \"\";\n    opacity: 0;\n    transition: opacity 300ms ease;\n  }\n\n  .gwch-root .gwch-service-link > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .gwch-root .gwch-service-link h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(1.55rem, 2.4vw, 2.5rem);\n    font-weight: 400;\n    letter-spacing: -0.026em;\n    line-height: 1.15;\n  }\n\n  .gwch-root .gwch-service-link p {\n    max-width: 670px;\n    color: rgba(243, 239, 229, 0.58);\n    font-size: 0.92rem;\n    line-height: 1.7;\n  }\n\n  .gwch-root .gwch-service-link svg {\n    width: 25px;\n    height: 25px;\n    color: var(--gwch-gold-bright);\n    transition: transform 300ms ease;\n  }\n\n  \/* Field-view interlude *\/\n  .gwch-root .gwch-field-view {\n    position: relative;\n    padding: clamp(84px, 9vw, 138px) 0;\n    overflow: hidden;\n    color: var(--gwch-ivory);\n    background:\n      radial-gradient(circle at 86% 50%, rgba(202, 164, 90, 0.18), transparent 27%),\n      linear-gradient(112deg, #102f23, #06130e 68%);\n  }\n\n  .gwch-root .gwch-field-view::before,\n  .gwch-root .gwch-field-view::after {\n    position: absolute;\n    border: 1px solid rgba(202, 164, 90, 0.19);\n    content: \"\";\n    pointer-events: none;\n    transform: rotate(45deg);\n  }\n\n  .gwch-root .gwch-field-view::before {\n    right: 9vw;\n    bottom: -200px;\n    width: 430px;\n    height: 430px;\n  }\n\n  .gwch-root .gwch-field-view::after {\n    right: 3vw;\n    bottom: -250px;\n    width: 520px;\n    height: 520px;\n  }\n\n  .gwch-root .gwch-field-view-grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 48px;\n    align-items: end;\n  }\n\n  .gwch-root .gwch-field-view h2 {\n    max-width: 900px;\n    margin-top: 24px;\n    color: var(--gwch-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(2.5rem, 4.6vw, 5.1rem);\n    font-weight: 400;\n    letter-spacing: -0.043em;\n    line-height: 0.99;\n    text-wrap: balance;\n  }\n\n  \/* Final invitation *\/\n  .gwch-root .gwch-final {\n    padding: clamp(95px, 12vw, 178px) 0;\n    text-align: center;\n    background:\n      radial-gradient(circle at center top, rgba(202, 164, 90, 0.12), transparent 36%),\n      var(--gwch-paper);\n  }\n\n  .gwch-root .gwch-final .gwch-kicker {\n    color: #9b7738;\n  }\n\n  .gwch-root .gwch-final .gwch-kicker::before {\n    display: none;\n  }\n\n  .gwch-root .gwch-final h2 {\n    max-width: 1000px;\n    margin: 28px auto 0;\n    color: var(--gwch-forest);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(3rem, 5.5vw, 6.3rem);\n    font-weight: 400;\n    letter-spacing: -0.05em;\n    line-height: 0.96;\n    text-wrap: balance;\n  }\n\n  .gwch-root .gwch-final p {\n    max-width: 660px;\n    margin: 30px auto 0;\n    color: #526159;\n    font-size: 1.05rem;\n    line-height: 1.8;\n  }\n\n  .gwch-root .gwch-final .gwch-action {\n    margin-top: 40px;\n    color: var(--gwch-forest);\n    border-color: var(--gwch-gold);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .gwch-root .gwch-action:hover {\n      gap: 22px;\n      color: #f1d594;\n    }\n\n    .gwch-root .gwch-final .gwch-action:hover {\n      color: #8f6727;\n    }\n\n    .gwch-root .gwch-hero:hover .gwch-hero-media img,\n    .gwch-root .gwch-plan-figure:hover img,\n    .gwch-root .gwch-field-main:hover img,\n    .gwch-root .gwch-field-secondary:hover img {\n      transform: scale(1.045);\n    }\n\n    .gwch-root .gwch-service-link:hover {\n      padding-inline: 22px;\n    }\n\n    .gwch-root .gwch-service-link:hover::before {\n      opacity: 1;\n    }\n\n    .gwch-root .gwch-service-link:hover svg {\n      transform: translateX(7px);\n    }\n  }\n\n  \/* Reveal enhancement is progressive: content remains visible without JS. *\/\n  .gwch-root.gwch-motion-ready [data-gwch-reveal] {\n    opacity: 0;\n    transform: translateY(24px);\n    transition:\n      opacity 760ms cubic-bezier(0.2, 0.68, 0.28, 1),\n      transform 760ms cubic-bezier(0.2, 0.68, 0.28, 1);\n  }\n\n  .gwch-root.gwch-motion-ready [data-gwch-reveal=\"left\"] {\n    transform: translateX(-28px);\n  }\n\n  .gwch-root.gwch-motion-ready [data-gwch-reveal=\"right\"] {\n    transform: translateX(28px);\n  }\n\n  .gwch-root.gwch-motion-ready [data-gwch-reveal].is-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  @media (max-width: 1120px) {\n    .gwch-root .gwch-shell {\n      width: min(100% - 64px, 1480px);\n    }\n\n    .gwch-root .gwch-hero {\n      grid-template-columns: minmax(400px, 0.9fr) minmax(0, 1.1fr);\n    }\n\n    .gwch-root .gwch-hero h1 {\n      font-size: clamp(3rem, 5.4vw, 4.8rem);\n    }\n\n    .gwch-root .gwch-hero-copy {\n      padding-inline: 44px;\n    }\n\n    .gwch-root .gwch-premise-grid,\n    .gwch-root .gwch-planning-grid,\n    .gwch-root .gwch-operations-head,\n    .gwch-root .gwch-services-head {\n      gap: 54px;\n    }\n\n    .gwch-root .gwch-plan-figure {\n      min-height: 560px;\n      margin-left: 0;\n    }\n\n    .gwch-root .gwch-field-report {\n      grid-template-columns: minmax(0, 1.12fr) minmax(290px, 0.88fr);\n    }\n  }\n\n  @media (max-width: 860px) {\n    .gwch-root .gwch-shell {\n      width: min(100% - 48px, 1480px);\n    }\n\n    .gwch-root .gwch-hero {\n      position: relative;\n      min-height: 790px;\n      display: block;\n    }\n\n    .gwch-root .gwch-hero-copy {\n      min-height: 790px;\n      padding: 96px 42px 74px;\n      background: linear-gradient(90deg, rgba(6, 19, 14, 0.97) 0%, rgba(6, 19, 14, 0.9) 56%, rgba(6, 19, 14, 0.5) 100%);\n    }\n\n    .gwch-root .gwch-hero-copy::after {\n      top: auto;\n      right: 42px;\n      bottom: 0;\n      left: 42px;\n      width: auto;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gwch-gold), transparent);\n    }\n\n    .gwch-root .gwch-hero-media {\n      position: absolute;\n      inset: 0;\n      min-height: 0;\n      height: 100%;\n      max-height: none;\n    }\n\n    .gwch-root .gwch-hero-media::before {\n      background:\n        linear-gradient(180deg, rgba(6, 19, 14, 0.12), rgba(6, 19, 14, 0.52)),\n        linear-gradient(90deg, rgba(6, 19, 14, 0.66), transparent 72%);\n    }\n\n    .gwch-root .gwch-premise-grid,\n    .gwch-root .gwch-planning-grid,\n    .gwch-root .gwch-operations-head,\n    .gwch-root .gwch-services-head {\n      grid-template-columns: 1fr;\n    }\n\n    .gwch-root .gwch-premise-copy,\n    .gwch-root .gwch-operations-head .gwch-copy {\n      max-width: 650px;\n    }\n\n    .gwch-root .gwch-priorities {\n      grid-template-columns: 1fr;\n    }\n\n    .gwch-root .gwch-priority {\n      min-height: 0;\n      padding: 30px 0;\n    }\n\n    .gwch-root .gwch-priority + .gwch-priority {\n      border-top: 1px solid rgba(6, 19, 14, 0.14);\n      border-left: 0;\n    }\n\n    .gwch-root .gwch-plan-figure {\n      min-height: 60svh;\n      max-height: 700px;\n    }\n\n    .gwch-root .gwch-planning-copy {\n      padding-bottom: 10px;\n    }\n\n    .gwch-root .gwch-field-report {\n      display: grid;\n      grid-template-columns: 1fr 0.78fr;\n      grid-template-rows: auto minmax(440px, 60vw) minmax(300px, 46vw);\n    }\n\n    .gwch-root .gwch-field-note {\n      grid-column: 1 \/ -1;\n      grid-row: 1;\n      max-width: 480px;\n      margin: 0 0 26px;\n    }\n\n    .gwch-root .gwch-field-main {\n      grid-column: 1 \/ -1;\n      grid-row: 2;\n      min-height: 440px;\n    }\n\n    .gwch-root .gwch-field-secondary {\n      grid-column: 2;\n      grid-row: 2 \/ 4;\n      min-height: 560px;\n      margin: 54px 0 0 18px;\n      box-shadow: -24px 24px 0 var(--gwch-ivory);\n    }\n\n    .gwch-root .gwch-service-link {\n      grid-template-columns: minmax(210px, 0.55fr) 1fr auto;\n      gap: 28px;\n    }\n\n    .gwch-root .gwch-field-view-grid {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    .gwch-root .gwch-field-view .gwch-action {\n      justify-self: start;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .gwch-root .gwch-shell {\n      width: min(100% - 34px, 1480px);\n    }\n\n    .gwch-root .gwch-kicker {\n      gap: 10px;\n      font-size: 0.64rem;\n      letter-spacing: 0.18em;\n    }\n\n    .gwch-root .gwch-kicker::before {\n      width: 28px;\n    }\n\n    .gwch-root .gwch-hero-copy {\n      min-height: 820px;\n      padding: 84px 24px 64px;\n      background: linear-gradient(180deg, rgba(6, 19, 14, 0.98) 0%, rgba(6, 19, 14, 0.92) 58%, rgba(6, 19, 14, 0.5) 100%);\n    }\n\n    .gwch-root .gwch-hero {\n      min-height: 820px;\n    }\n\n    .gwch-root .gwch-hero-copy::after {\n      right: 24px;\n      left: 24px;\n    }\n\n    .gwch-root .gwch-hero h1 {\n      margin-top: 24px;\n      font-size: clamp(2.8rem, 14vw, 4.7rem);\n      line-height: 0.94;\n    }\n\n    .gwch-root .gwch-hero-lead {\n      margin-top: 27px;\n      font-size: 0.96rem;\n      line-height: 1.7;\n    }\n\n    .gwch-root .gwch-hero-actions {\n      align-items: stretch;\n      flex-direction: column;\n      gap: 10px;\n      margin-top: 34px;\n    }\n\n    .gwch-root .gwch-action,\n    .gwch-root .gwch-action--solid {\n      width: 100%;\n      min-height: 50px;\n      justify-content: space-between;\n    }\n\n    .gwch-root .gwch-hero-note {\n      margin-top: 40px;\n      font-size: 0.61rem;\n    }\n\n    .gwch-root .gwch-hero-media {\n      height: 100%;\n    }\n\n    .gwch-root .gwch-hero-caption {\n      display: none;\n    }\n\n    .gwch-root .gwch-display {\n      font-size: clamp(2.4rem, 12vw, 4.1rem);\n      line-height: 1;\n    }\n\n    .gwch-root .gwch-premise-copy,\n    .gwch-root .gwch-operations-head .gwch-copy {\n      padding-left: 20px;\n    }\n\n    .gwch-root .gwch-plan-figure {\n      min-height: 500px;\n    }\n\n    .gwch-root .gwch-plan-figure figcaption {\n      right: 14px;\n      bottom: 14px;\n      left: 14px;\n      max-width: none;\n      padding: 16px 18px;\n    }\n\n    .gwch-root .gwch-plan-line {\n      grid-template-columns: 1fr;\n      gap: 6px;\n    }\n\n    .gwch-root .gwch-field-report {\n      display: block;\n    }\n\n    .gwch-root .gwch-field-note {\n      margin-bottom: 26px;\n    }\n\n    .gwch-root .gwch-field-main,\n    .gwch-root .gwch-field-secondary {\n      min-height: 440px;\n    }\n\n    .gwch-root .gwch-field-secondary {\n      min-height: 500px;\n      margin: 18px 0 0 28px;\n      box-shadow: -28px 0 0 var(--gwch-forest);\n    }\n\n    .gwch-root .gwch-service-link {\n      min-height: 0;\n      grid-template-columns: 1fr auto;\n      gap: 14px 24px;\n      padding: 27px 0;\n    }\n\n    .gwch-root .gwch-service-link p {\n      grid-column: 1 \/ -1;\n      grid-row: 2;\n    }\n\n    .gwch-root .gwch-service-link svg {\n      grid-column: 2;\n      grid-row: 1;\n    }\n\n    .gwch-root .gwch-field-view-grid {\n      gap: 30px;\n    }\n\n    .gwch-root .gwch-field-view::before,\n    .gwch-root .gwch-field-view::after {\n      opacity: 0.5;\n    }\n\n    .gwch-root .gwch-final .gwch-action {\n      max-width: 310px;\n      margin-inline: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gwch-root *,\n    .gwch-root *::before,\n    .gwch-root *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .gwch-root.gwch-motion-ready [data-gwch-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<main class=\"gwch-root\" aria-labelledby=\"gwch-page-title\">\n  <section class=\"gwch-hero\" aria-label=\"Commercial and hospitality overview\">\n    <div class=\"gwch-hero-copy\">\n      <span class=\"gwch-kicker\" data-gwch-reveal>Commercial &amp; Hospitality<\/span>\n      <h1 id=\"gwch-page-title\" data-gwch-reveal>Landscapes composed for arrival.<\/h1>\n      <p class=\"gwch-hero-lead\" data-gwch-reveal>\n        Palm environments for guest-facing and commercial properties\u2014considered through sightlines, access, staging, installation, and the long view of the landscape.\n      <\/p>\n      <div class=\"gwch-hero-actions\" data-gwch-reveal>\n        <a class=\"gwch-action gwch-action--solid\" href=\"\/contact-groundworks\/\">\n          Discuss Your Property\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n        <a class=\"gwch-action\" href=\"\/field-video-library\/\">\n          View Field Work\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n      <\/div>\n      <p class=\"gwch-hero-note\" data-gwch-reveal>Designed around the property experience<\/p>\n    <\/div>\n\n    <figure class=\"gwch-hero-media\">\n      <img fetchpriority=\"high\"\n        src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/pix6.webp\"\n        alt=\"Palm-lined pool terrace with cabanas and umbrellas\"\n        width=\"1000\"\n        height=\"587\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      >\n      <figcaption class=\"gwch-hero-caption\">Arrival, shade, scale, and the view beyond the architecture<\/figcaption>\n    <\/figure>\n  <\/section>\n\n  <section class=\"gwch-premise\" aria-labelledby=\"gwch-premise-title\">\n    <div class=\"gwch-shell\">\n      <div class=\"gwch-premise-grid\">\n        <div data-gwch-reveal>\n          <span class=\"gwch-kicker\">The Property Lens<\/span>\n          <h2 class=\"gwch-display\" id=\"gwch-premise-title\">The landscape is part of the guest experience before the door ever opens.<\/h2>\n        <\/div>\n        <div class=\"gwch-premise-copy\" data-gwch-reveal=\"right\">\n          <p class=\"gwch-copy\">A commercial palm composition has to do more than photograph beautifully. It has to belong to the architecture, frame movement, and hold its presence through daily use.<\/p>\n          <p class=\"gwch-copy\">We approach that experience together with the realities of access, equipment, timing, establishment, and continued care.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"gwch-priorities\" aria-label=\"Commercial landscape priorities\">\n        <div class=\"gwch-priority\" data-gwch-reveal>\n          <strong>Guest-facing presence<\/strong>\n          <span>Scale, silhouette, shade, and sightlines considered from the first approach.<\/span>\n        <\/div>\n        <div class=\"gwch-priority\" data-gwch-reveal>\n          <strong>Operational choreography<\/strong>\n          <span>Access, delivery, equipment, and installation planned around an active property.<\/span>\n        <\/div>\n        <div class=\"gwch-priority\" data-gwch-reveal>\n          <strong>Enduring presentation<\/strong>\n          <span>Establishment and maintenance considered as part of the original landscape intent.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwch-planning\" aria-labelledby=\"gwch-planning-title\">\n    <div class=\"gwch-shell gwch-planning-grid\">\n      <figure class=\"gwch-plan-figure\" data-gwch-reveal=\"left\">\n        <img loading=\"lazy\"\n          src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0615.webp\"\n          alt=\"Two team members reviewing large printed plans at a table\"\n          width=\"1500\"\n          height=\"1125\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n        <figcaption>Planning at the table before work moves into the field<\/figcaption>\n      <\/figure>\n\n      <div class=\"gwch-planning-copy\" data-gwch-reveal=\"right\">\n        <span class=\"gwch-kicker\">Design Meets Operations<\/span>\n        <h2 id=\"gwch-planning-title\">Beautiful work begins with a buildable plan.<\/h2>\n        <p>Planting intent, mature scale, site access, delivery sequence, and establishment conditions are considered as one connected problem\u2014not separate handoffs.<\/p>\n\n        <div class=\"gwch-plan-lines\" aria-label=\"Planning considerations\">\n          <div class=\"gwch-plan-line\">\n            <strong>Composition<\/strong>\n            <span>Architecture, views, circulation, and mature visual balance.<\/span>\n          <\/div>\n          <div class=\"gwch-plan-line\">\n            <strong>Movement<\/strong>\n            <span>Arrival routes, equipment access, placement, and active-site coordination.<\/span>\n          <\/div>\n          <div class=\"gwch-plan-line\">\n            <strong>Continuity<\/strong>\n            <span>Installation quality, establishment, and the long-term presentation of the property.<\/span>\n          <\/div>\n        <\/div>\n\n        <a class=\"gwch-action\" href=\"\/design-services\/\">\n          Explore Design Services\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwch-operations\" aria-labelledby=\"gwch-operations-title\">\n    <div class=\"gwch-shell\">\n      <div class=\"gwch-operations-head\">\n        <div data-gwch-reveal>\n          <span class=\"gwch-kicker\">Field Precision<\/span>\n          <h2 class=\"gwch-display\" id=\"gwch-operations-title\">Scale, handled with intention.<\/h2>\n        <\/div>\n        <p class=\"gwch-copy\" data-gwch-reveal=\"right\">Large specimens and prominent properties ask for careful staging. The work should feel decisive in the field and composed when the site is experienced.<\/p>\n      <\/div>\n\n      <div class=\"gwch-field-report\">\n        <p class=\"gwch-field-note\" data-gwch-reveal=\"right\">Different moments in the process, connected by planning and field execution.<\/p>\n\n        <figure class=\"gwch-field-main\" data-gwch-reveal=\"left\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/20210301_092335.webp\"\n            alt=\"Loader positioning wrapped palms beside a flatbed trailer\"\n            width=\"1920\"\n            height=\"1080\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <figcaption class=\"gwch-field-label\">Coordinated staging and movement<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gwch-field-secondary\" data-gwch-reveal=\"right\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/09\/DSC00504.webp\"\n            alt=\"Formal walkway leading toward a large building through symmetrical palm plantings\"\n            width=\"1000\"\n            height=\"750\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <figcaption class=\"gwch-field-label\">A palm-lined property approach<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwch-services\" aria-labelledby=\"gwch-services-title\">\n    <div class=\"gwch-shell\">\n      <div class=\"gwch-services-head\">\n        <div data-gwch-reveal>\n          <span class=\"gwch-kicker\">A Connected Sequence<\/span>\n          <h2 id=\"gwch-services-title\">From first plan to established landscape.<\/h2>\n        <\/div>\n        <p data-gwch-reveal=\"right\">Move through the capabilities that support a commercial or hospitality landscape from concept through care.<\/p>\n      <\/div>\n\n      <nav class=\"gwch-service-list\" aria-label=\"Commercial and hospitality services\">\n        <a class=\"gwch-service-link\" href=\"\/design-services\/\" data-gwch-reveal>\n          <h3>Design Services<\/h3>\n          <p>Develop the palm composition around architecture, circulation, views, scale, and access.<\/p>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n        <a class=\"gwch-service-link\" href=\"\/delivery-logistics\/\" data-gwch-reveal>\n          <h3>Delivery &amp; Logistics<\/h3>\n          <p>Plan movement, equipment, sequencing, and site coordination around the realities of the property.<\/p>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n        <a class=\"gwch-service-link\" href=\"\/installation-services\/\" data-gwch-reveal>\n          <h3>Installation Services<\/h3>\n          <p>Translate planting intent into careful placement, orientation, and finished field execution.<\/p>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n        <a class=\"gwch-service-link\" href=\"\/establishment-maintenance\/\" data-gwch-reveal>\n          <h3>Establishment &amp; Maintenance<\/h3>\n          <p>Support the landscape after installation so its presentation can mature with the property.<\/p>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n        <\/a>\n      <\/nav>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwch-field-view\" aria-labelledby=\"gwch-field-view-title\">\n    <div class=\"gwch-shell gwch-field-view-grid\">\n      <div data-gwch-reveal>\n        <span class=\"gwch-kicker\">See the Work Move<\/span>\n        <h2 id=\"gwch-field-view-title\">The field tells the operational story.<\/h2>\n      <\/div>\n      <a class=\"gwch-action gwch-action--solid\" href=\"\/field-video-library\/\" data-gwch-reveal=\"right\">\n        Open the Field Video Library\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwch-final\" aria-labelledby=\"gwch-final-title\">\n    <div class=\"gwch-shell\" data-gwch-reveal>\n      <span class=\"gwch-kicker\">Begin With the Property<\/span>\n      <h2 id=\"gwch-final-title\">Create an arrival worth remembering.<\/h2>\n      <p>Share the property, schedule, and landscape intent. We can begin with the questions that shape the right palm plan.<\/p>\n      <a class=\"gwch-action gwch-action--solid\" href=\"\/contact-groundworks\/\">\n        Start a Conversation\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h13M13 7l5 5-5 5\" \/><\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n  (() => {\n    const root = document.querySelector('.gwch-root');\n    if (!root || root.dataset.gwchReady === 'true') return;\n    root.dataset.gwchReady = 'true';\n\n    const items = Array.from(root.querySelectorAll('[data-gwch-reveal]'));\n    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (reducedMotion || !('IntersectionObserver' in window)) {\n      items.forEach((item) => item.classList.add('is-visible'));\n      return;\n    }\n\n    root.classList.add('gwch-motion-ready');\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      });\n    }, {\n      rootMargin: '0px 0px -9% 0px',\n      threshold: 0.08\n    });\n\n    items.forEach((item) => observer.observe(item));\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Commercial &amp; Hospitality Landscapes composed for arrival. Palm environments for guest-facing and commercial properties\u2014considered through sightlines, access, staging, installation, and the long view of the landscape. Discuss Your Property View Field Work Designed around the property experience Arrival, shade, scale, and the view beyond the architecture The Property Lens The landscape is part of the [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-889","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/comments?post=889"}],"version-history":[{"count":5,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/889\/revisions"}],"predecessor-version":[{"id":1031,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/889\/revisions\/1031"}],"wp:attachment":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/media?parent=889"}],"curies":[{"name":"buen juego","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}