:root{color-scheme:light;--ink:#211b13;--cocoa:#967139;--rose:#cba763;--blush:#0a0908;--blush-light:#f2e9d9;--paper:#fffdf9;--line:#e9e0d1}
*{box-sizing:border-box}
body{min-width:280px;margin:0;background:#ded5c7;color:var(--ink);font:400 16px/1.42 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid:#997333;outline-offset:3px}
svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-card{width:min(100%,470px);min-height:100vh;min-height:100dvh;margin:auto;background:var(--paper);box-shadow:0 20px 70px rgba(66,38,35,.13)}
.brand-panel{display:grid;place-items:center;height:clamp(205px,56vw,265px);overflow:hidden;background:var(--blush)}
.brand-panel img{display:block;width:min(72%,265px);height:100%;object-fit:contain}
.photo-panel{height:150px;overflow:hidden;background:#9d815c}
.photo-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.information{padding:19px 24px 21px}
.welcome{margin-bottom:15px;text-align:center}.welcome p{margin:0;color:#655d50;font-size:.8rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.quick-actions{display:grid;gap:10px}
.action,.map-action{display:grid;grid-template-columns:39px 1fr 18px;align-items:center;column-gap:14px;width:100%;min-height:62px;padding:11px 18px;border-radius:999px;font-size:1.06rem;transition:filter .2s,transform .2s}
.action:hover,.map-action:hover{filter:brightness(.97);transform:translateY(-2px)}
.action-book{background:var(--rose);color:#20180b}.action-book:hover{background:#dbb877}
.action-whatsapp{background:#f2e7d5;color:var(--ink)}.action-whatsapp:hover{background:#eadbc3}.action-whatsapp svg{color:#97703b}
.action-call{background:#28231c;color:#fff}.action-call:hover{background:#3e352a}.action-call svg{fill:#fff;stroke:#fff;stroke-width:1.1}
.map-action{background:var(--blush-light);color:var(--ink)}
.map-action svg{color:var(--cocoa)}
.arrow,.row-arrow{justify-self:end;color:inherit;font-size:2rem;font-weight:300;line-height:.6}
.information-rows{margin-top:20px;border-top:1px solid var(--line)}
.information-row{display:grid;grid-template-columns:51px 1fr 15px;align-items:start;gap:14px;padding:17px 3px;border-bottom:1px solid var(--line)}
a.information-row:hover .row-copy strong{text-decoration:underline;text-underline-offset:3px}
.round-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--blush-light);color:var(--cocoa)}
.round-icon svg{width:25px;height:25px}
.row-copy{display:block;padding-top:2px;font-size:.92rem;line-height:1.4}
.row-copy strong{display:block;font-size:.94rem;font-weight:700}
.row-copy>span{display:block;margin-top:2px}
.row-copy small{display:block;margin-top:7px;color:#847b6d;font-size:.74rem}
.row-arrow{align-self:center;color:#b4945e}
.social-heading{display:flex;align-items:center;gap:18px;margin:21px 0 13px}
.social-heading>span{height:1px;flex:1;background:var(--line)}
.social-heading h2{margin:0;font-size:1.03rem;font-weight:650}
.social-links{display:flex;justify-content:center;gap:22px}
.social-links a{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:var(--blush-light);transition:filter .2s,transform .2s}
.social-links a:hover{filter:brightness(.94);transform:translateY(-2px)}
.social-links svg{width:27px;height:27px;stroke:var(--ink)}
.map-action{min-height:59px;margin-top:21px;font-size:1rem}.map-action svg{width:25px;height:25px}.map-action .arrow{color:var(--cocoa)}
.site-footer{padding:16px 24px;background:#0a0908;color:#ded1bb;text-align:center;font-size:.72rem;letter-spacing:.04em}
.site-footer a{color:#e5c47c;text-decoration:underline;text-underline-offset:3px}
.site-footer a:hover{color:#ffe1a0}
@media(max-width:819px){
  .brand-panel{position:relative;display:block;height:clamp(190px,53vw,240px)}
  .brand-panel img{position:absolute;top:50%;left:50%;width:auto;height:135%;max-width:none;transform:translate(-50%,-50%)}
}
@media(min-width:820px){body{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:42px;background:radial-gradient(circle at 8% 10%,#f4efe5 0,transparent 35%),radial-gradient(circle at 95% 80%,#c9bba6 0,transparent 37%),#eadbd8}.site-card{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);grid-template-rows:315px minmax(415px,auto) auto;width:min(100%,1020px);min-height:735px;border-radius:24px;overflow:hidden}.brand-panel{grid-column:1;grid-row:1;height:100%}.brand-panel img{width:min(72%,285px)}.photo-panel{grid-column:1;grid-row:2;height:100%}.photo-panel img{object-position:50% 50%}.information{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:30px clamp(30px,4vw,62px)}.welcome{margin-bottom:19px}.information-rows{margin-top:24px}.information-row{padding-block:18px}.social-heading{margin-top:23px}.map-action{margin-top:23px}.site-footer{grid-column:1/-1;grid-row:3}}
@media(max-width:359px){.information{padding-inline:17px}.action,.map-action{grid-template-columns:31px 1fr 14px;column-gap:10px;padding-inline:14px;font-size:.95rem}.information-row{grid-template-columns:47px 1fr 12px;gap:10px}.row-copy{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.action,.map-action,.social-links a{transition:none}.action:hover,.map-action:hover,.social-links a:hover{transform:none}}