/* Hallmark · shape: Showcase, adapted from draw · genre: editorial · theme: Atelier (deal 1/3) · redesign: full
 * hero: Banner · nav: edge-aligned · footer: colophon block · imagery: generated hotel room and built guest concept · signature: an operable guest TV in three languages
 * axes: light/roman-serif/cool · posture: restrained · draw: 2eebac · job: hire · v2.0.0 */
/* Hallmark · finish-review: subagent · fix · 1 finding resolved; 1280 fold recaptured and verified */
/* Hallmark · pre-emit critique: P4 H4 E3 S5 R4 V4 · weakest: E, replaced tiny outer-site text with a readable type scale and removed heading ornaments */
/* Hallmark · waive 47b · one TV frame with the working Casa Palermo concept inside · the guest television is the experience being evaluated */
/* Hallmark · dropped #formulario · replaced the Hotel TV placeholder with the working Google Form responder link, retaining the form-link handler */
/* Hallmark · answered F18 · welcome-concept holds a working guest UI, not a replaceable photo slot */
@import url("./tokens.css");
@import url("./base.css");
a{text-decoration:none}button{cursor:pointer}html{scroll-behavior:smooth}a:hover{text-decoration:underline;text-decoration-color:var(--color-accent)}
.wrap{width:100%;max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);height:88px}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);line-height:1.15;font-size:16px;white-space:nowrap}.brand b{font-weight:400;display:block;font-size:14px}.brand-mark{font-family:var(--font-display);font-size:46px;color:var(--color-ink)}.header nav{display:flex;gap:var(--space-lg);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font-size:16px;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.button:hover{background:var(--color-ink);color:var(--color-paper);text-decoration:none}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.skip{position:absolute;left:var(--space-md);top:-100px;background:var(--color-paper);padding:var(--space-md);z-index:500}.skip:focus-visible{top:var(--space-md)}
.hero{padding-top:var(--space-2xl)}.hero-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;margin-bottom:var(--space-xl)}h1{font-size:clamp(48px,5.4vw,78px);max-width:16ch}h2{font-size:clamp(38px,4vw,56px)}h3{font-size:25px}.hero-intro{max-width:400px}.hero-intro>p{font-size:21px;line-height:1.5;margin-bottom:var(--space-lg)}.hero-consult{display:block;margin-top:var(--space-md);font-size:14px;text-decoration:underline;text-underline-offset:5px}.room-visual{position:relative;margin:0;aspect-ratio:2.65;overflow:hidden;background:var(--color-paper-2);border:12px solid var(--color-card);box-shadow:var(--shadow-card)}.room-visual>img{width:100%;height:auto;position:absolute;top:-28%;left:0;filter:saturate(.82) contrast(.94)}.room-visual figcaption{position:absolute;bottom:var(--space-sm);right:var(--space-md);background:var(--color-paper);color:var(--color-ink);font-size:12px;padding:var(--space-2xs) var(--space-xs)}.visual-note{position:absolute;left:var(--space-lg);bottom:var(--space-lg);background:var(--color-card);padding:var(--space-lg);box-shadow:var(--shadow-card)}.visual-note>span{font-size:14px;color:var(--color-muted)}.visual-note p{font-family:var(--font-display);font-size:28px;line-height:1.15;margin-top:var(--space-sm)}.intro-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);font-size:14px;color:var(--color-muted)}.intro-line a{color:var(--color-ink);text-decoration:underline}
.section{padding-block:var(--section-gap-s)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:end}.section-heading>p{max-width:45ch;font-size:16px;line-height:1.6;color:var(--color-muted)}.demo-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:14px;margin-block:var(--space-xl) var(--space-md)}.themes{display:flex;align-items:center;gap:var(--space-xs)}.themes>span{margin-right:var(--space-xs)}.swatch{width:44px;height:44px;border:12px solid var(--color-paper);border-radius:50%}.swatch[aria-pressed=true]{outline:1px solid var(--color-ink)}.olive{background:var(--demo-color-1)}.terracotta{background:var(--stain-3)}.ink{background:var(--color-accent)}.tv-frame{padding:var(--space-xs);background:var(--color-ink);border-radius:3px}
.tv-screen{aspect-ratio:16/9;position:relative;overflow:hidden;color:var(--demo-color-1);background:radial-gradient(ellipse at 15% 100%,var(--demo-color-2),transparent 58%),linear-gradient(120deg,var(--demo-color-3),var(--demo-color-4));padding:var(--guest-space-2);--accent:var(--demo-color-5);--tile:var(--demo-color-6)}.tv-screen[data-theme=terracotta]{background:radial-gradient(ellipse at 15% 100%,var(--demo-color-7),transparent 58%),linear-gradient(120deg,var(--demo-color-8),var(--demo-color-9));--accent:var(--demo-color-10);--tile:var(--demo-color-11)}.tv-screen[data-theme=ink]{background:radial-gradient(ellipse at 15% 100%,var(--demo-color-12),transparent 58%),linear-gradient(120deg,var(--demo-color-13),var(--demo-color-14));--accent:var(--demo-color-15);--tile:var(--demo-color-16)}.tv-top{display:flex;justify-content:space-between;align-items:flex-start}.hotel-brand{font-size:clamp(10px,1.3vw,19px);line-height:1.3;letter-spacing:normal;font-weight:400}.hotel-brand b{font-weight:400;letter-spacing:normal}.tv-meta{text-align:right}.tv-clock{font-size:clamp(16px,2.6vw,34px);font-weight:300;line-height:1}.languages{display:flex;gap:var(--guest-space-3);align-items:center;justify-content:flex-end;margin-top:var(--guest-space-4)}.languages button{font-size:10px;border:0;background:none;padding:var(--guest-space-5);color:var(--demo-color-17);min-width:28px}.languages button[aria-pressed=true]{color:var(--demo-color-1);border-bottom:1px solid var(--accent)}.tv-home{padding-top:var(--guest-space-6)}.tv-location{letter-spacing:normal;font-size:9px;color:var(--accent);margin-bottom:var(--guest-space-4)}.tv-home h3{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,3.5vw,48px);letter-spacing:normal;line-height:1.15;margin:var(--guest-space-7)}.tv-home>p:not(.tv-location){font-size:clamp(10px,1.1vw,14px);color:var(--demo-color-18);margin-bottom:var(--guest-space-6)}.tv-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--guest-space-4)}.tv-menu button{background:var(--tile);border:1px solid var(--demo-color-19);color:var(--demo-color-20);padding:var(--guest-space-8);text-align:left;transition:background .15s,border-color .15s,transform .15s;display:flex;flex-direction:column;gap:var(--guest-space-9)}.tv-menu button:hover,.tv-menu button:focus-visible{background:var(--demo-color-21);border-color:var(--accent);transform:translateY(-2px)}.tile-icon{font-size:23px;color:var(--accent);height:32px;line-height:1}.tv-menu button>span:not(.tile-icon){font-size:clamp(10px,1.3vw,17px)}.tv-menu small{font-size:clamp(7px,.8vw,10px);color:var(--demo-color-22)}.tv-bottom{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;color:var(--demo-color-23)}.tv-detail{padding-top:var(--guest-space-10);max-width:700px}.detail-label{font-size:10px;letter-spacing:normal;color:var(--accent);display:block;margin-bottom:var(--guest-space-11)}.tv-detail h3{font:clamp(24px,3.5vw,46px)/1.1 var(--font-display);margin-bottom:var(--guest-space-12);letter-spacing:normal}.tv-detail p{font-size:clamp(12px,1.4vw,17px);line-height:1.7;color:var(--demo-color-24);margin-bottom:var(--guest-space-3)}.tv-detail strong{color:var(--demo-color-1);font-weight:400}.tv-back{background:none;border:1px solid var(--demo-color-25);color:var(--demo-color-1);padding:var(--guest-space-13);margin-top:var(--guest-space-4);font-size:11px}.demo-caption{display:flex;justify-content:space-between;align-items:center;margin-top:var(--guest-space-12);color:var(--demo-color-26);font-size:11px}.demo-caption p{margin:0}.demo-caption button{font-size:11px;border:0;border-bottom:1px solid var(--demo-color-27);background:none;padding:var(--guest-space-14);color:var(--demo-color-28)}
.value{background:var(--color-paper-2)}.value-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-3xl)}.value h2{margin-bottom:var(--space-lg)}.value-intro{max-width:40ch;color:var(--color-muted);font-size:16px}.value-list article{display:flex;gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}.value-list article>span{font-size:14px;color:var(--color-muted)}.value-list h3{margin-bottom:var(--space-sm)}.value-list p{font-size:16px;color:var(--color-muted);line-height:1.6}.pilot-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-2xl);border-block:1px solid var(--color-rule);padding-block:var(--space-xl)}.pilot-numbers>div{display:flex;flex-direction:column;padding-inline:var(--space-lg);border-left:1px solid var(--color-rule)}.pilot-numbers>div:first-child{padding-left:0;border:0}.pilot-numbers strong{font-family:var(--font-display);font-size:48px;font-weight:300;line-height:1.15}.pilot-numbers span{font-size:14px;color:var(--color-muted);margin-top:var(--space-sm)}.pilot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-columns);margin-top:var(--space-2xl)}.pilot-steps article>span{font-size:14px;color:var(--color-muted)}.pilot-steps h3{margin-block:var(--space-md)}.pilot-steps p{font-size:16px;color:var(--color-muted)}.scope-note{font-size:14px;color:var(--color-muted);max-width:75ch;margin-top:var(--space-xl)}.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-2xl);padding-top:var(--space-lg)}.faq details{border-top:1px solid var(--color-rule)}.faq details:last-child{border-bottom:1px solid var(--color-rule)}.faq summary{position:relative;cursor:pointer;list-style:none;font-size:17px;padding:var(--space-lg) var(--space-xl) var(--space-lg) 0}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:0;top:var(--space-lg)}.faq details[open] summary::after{content:'−'}.faq details p{font-size:16px;color:var(--color-muted);padding-bottom:var(--space-lg);max-width:60ch}.contact{background:var(--color-paper-2)}.contact-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}.contact h2{grid-row:1/5;font-size:clamp(42px,5vw,68px)}.contact p{font-size:18px;max-width:45ch}.contact .button{justify-self:start;margin-top:var(--space-lg)}.contact .contact-note{font-size:14px;color:var(--color-muted);margin-top:var(--space-lg)}.footer{padding-block:var(--space-xl) var(--space-lg)}.footer>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer>div>span{font-size:14px;color:var(--color-muted)}.footer>div:nth-child(2){justify-content:flex-end;gap:var(--space-lg);margin-top:var(--space-lg);font-size:14px}.powered{border-top:1px solid var(--color-rule);margin-top:var(--space-xl);padding-top:var(--space-lg);font-size:14px;color:var(--color-muted)}.privacy{max-width:860px;padding-bottom:var(--space-3xl)}.privacy h1{font-size:52px;margin-block:var(--space-2xl) var(--space-xl)}.privacy h2{font-size:28px;margin-block:var(--space-xl) var(--space-lg)}.privacy p{font-size:16px;line-height:1.7;margin-bottom:var(--space-lg)}.privacy a{text-decoration:underline}
@media(max-width:950px){.header nav{display:none}.hero-heading{gap:var(--space-xl)}.hero-intro>p{font-size:18px}.value-grid{gap:var(--space-xl)}}
@media(max-width:700px){.header{height:80px}.brand{font-size:14px}.brand b{font-size:12px}.brand-mark{font-size:38px}.header .button{font-size:14px;min-height:44px;padding:var(--space-xs) var(--space-sm)}.hero{padding-top:var(--space-xl)}.hero-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}h1{font-size:clamp(42px,11vw,62px)}.hero-intro>p{font-size:18px;max-width:32ch}.hero-consult{font-size:16px}.room-visual{aspect-ratio:1.2;border-width:6px}.room-visual>img{width:100%;height:100%;object-fit:cover;object-position:right;top:0}.visual-note{left:var(--space-sm);bottom:var(--space-xl);padding:var(--space-sm)}.visual-note>span{font-size:12px}.visual-note p{font-size:22px;margin-top:var(--space-xs)}.room-visual figcaption{left:var(--space-xs);right:var(--space-xs);bottom:var(--space-xs);font-size:10px;padding:var(--space-2xs)}.intro-line{flex-wrap:wrap;font-size:14px;gap:var(--space-lg)}.section-heading,.value-grid,.faq,.contact-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}h2{font-size:38px}.demo-tools{font-size:12px;gap:var(--space-xs);margin-top:var(--space-lg)}.themes{gap:0}.themes>span{display:none}.swatch{width:36px;height:36px;border-width:9px}.tv-frame{margin-inline:calc(-1 * var(--space-xs));padding:var(--space-2xs)}
.tv-screen{aspect-ratio:1;padding:var(--guest-space-6)}.hotel-brand{font-size:10px;letter-spacing:normal}.hotel-brand b{letter-spacing:normal}.tv-clock{font-size:20px}.languages{margin-top:var(--guest-space-16);gap:var(--guest-space-5)}.languages button{font-size:8px;min-width:22px}.tv-home{padding-top:var(--guest-space-17)}.tv-location{font-size:6px;letter-spacing:normal;margin-bottom:var(--guest-space-16)}.tv-home h3{font-size:26px;margin-bottom:var(--guest-space-16);letter-spacing:normal}.tv-home>p:not(.tv-location){font-size:8px;margin-bottom:var(--guest-space-18)}.tv-menu{gap:var(--guest-space-19)}.tv-menu button{padding:var(--guest-space-20);gap:var(--guest-space-5)}.tile-icon{font-size:18px;height:26px}.tv-menu button>span:not(.tile-icon){font-size:11px}.tv-menu small{font-size:7px}.tv-bottom{font-size:7px;bottom:5%}.demo-caption{font-size:9px;gap:var(--guest-space-12)}.demo-caption button{font-size:9px;white-space:nowrap}.tv-detail{padding-top:var(--guest-space-18)}.detail-label{font-size:7px;margin-bottom:var(--guest-space-16)}.tv-detail h3{font-size:25px;margin-bottom:var(--guest-space-4)}.tv-detail p{font-size:10px;margin-bottom:var(--guest-space-21);line-height:1.5}.tv-back{font-size:8px;padding:var(--guest-space-22);margin-top:var(--guest-space-9)}
.demo-caption{font-size:14px;align-items:start;gap:var(--space-md)}.demo-caption button{font-size:14px;min-height:44px;white-space:normal}.demo-caption p{max-width:28ch}.pilot-numbers{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-top:var(--space-xl);padding-block:var(--space-lg)}.pilot-numbers>div{border-left:0;padding:0}.pilot-numbers strong{font-size:42px}.pilot-steps{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.pilot-steps h3{font-size:26px}.contact h2{grid-row:auto;font-size:48px}.contact p{font-size:16px}.contact .button{margin-top:0}.contact .contact-note{margin-top:0}.footer>div{align-items:start}.footer>div>span{max-width:170px;font-size:13px;text-align:right}.footer>div:nth-child(2){justify-content:flex-start;flex-wrap:wrap;font-size:14px}.privacy h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.pilot-numbers strong{font-variant-numeric:tabular-nums}
@media(max-width:360px){.tv-screen{aspect-ratio:.86}.demo-tools{flex-wrap:wrap}.themes{margin-left:auto}}
/* Guest UI remains usable when demonstrated on a phone. */
.languages button{font-size:12px;min-width:36px;min-height:36px}.tv-menu small{font-size:12px}.tv-bottom{font-size:11px}.tv-location,.detail-label{font-size:12px}.tv-back{font-size:14px;min-height:44px}.demo-caption{font-size:14px}.demo-caption button{font-size:14px;min-height:44px}
@media(min-width:701px) and (max-width:1024px){.tv-screen{aspect-ratio:16/11}.tv-home{padding-top:3%}.tv-home>p:not(.tv-location){margin-bottom:var(--space-lg)}.tv-menu button{padding:var(--space-md)}.tv-home h3{font-size:32px}.tv-menu button>span:not(.tile-icon){font-size:16px}}
@media(max-width:700px){.tv-screen{aspect-ratio:auto;min-height:0;padding:var(--space-lg) var(--space-md)}.hotel-brand{font-size:12px}.tv-clock{font-size:24px}.languages{gap:var(--space-2xs)}.languages button{font-size:12px;min-width:36px;min-height:44px}.tv-home{padding-top:var(--space-lg)}.tv-location{font-size:11px;margin-bottom:var(--space-sm)}.tv-home h3{font-size:28px;margin-bottom:var(--space-sm)}.tv-home>p:not(.tv-location){font-size:14px;margin-bottom:var(--space-lg)}.tv-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.tv-menu button{padding:var(--space-md);gap:var(--space-xs)}.tv-menu button>span:not(.tile-icon){font-size:16px}.tv-menu small{font-size:12px}.tile-icon{font-size:22px;height:24px}.tv-bottom{position:static;font-size:11px;margin-top:var(--space-lg);gap:var(--space-md)}.tv-detail{padding-top:var(--space-lg)}.detail-label{font-size:12px;margin-bottom:var(--space-sm)}.tv-detail h3{font-size:28px;margin-bottom:var(--space-md)}.tv-detail p{font-size:16px;line-height:1.6;margin-bottom:var(--space-sm)}.tv-back{font-size:14px;padding:var(--space-xs) var(--space-md);min-height:44px}.demo-caption{font-size:14px}.demo-caption button{font-size:14px;min-height:44px}}

/* Regenerated photograph: screen artwork is in the image, with one coherent perspective. */
.room-visual{aspect-ratio:2}.room-visual>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media(max-width:700px){.room-visual{aspect-ratio:1.2}.room-visual>img{object-position:70% center}}
@media(max-width:700px){.room-visual .visual-note{display:none}}

.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-actions .button{font-size:14px;padding-inline:var(--space-md)}