:root {
  color-scheme: light;
  font-family: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  color: #243d32;
  background: #f6f4ed;
  line-height: 1.6;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; }
.page { width: min(100%, 536px); margin: 0 auto; padding: 32px 24px 28px; }
.intro { text-align: center; }
.photos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; height: 194px; overflow: hidden; border-radius: 100px 100px 16px 16px; }
.photos img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center 55%; }
.emblem { position: relative; display: grid; place-items: center; width: 68px; height: 68px; margin: -34px auto 16px; border: 5px solid #f6f4ed; border-radius: 50%; background: #234638; color: #f4e8cb; }
.emblem svg { width: 42px; height: 42px; }
.eyebrow { margin: 0 0 12px; font-size: .65rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.9rem, 7vw, 2.5rem); font-weight: 400; line-height: 1.15; letter-spacing: -.025em; }
h1 span { display: block; }
.location { margin: 14px 0 0; color: #59665d; font-size: .75rem; }
.welcome { margin: 20px 0 26px; font-size: .86rem; color: #59665d; }
.links { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.link-card { display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 16px 18px; border: 1px solid #d8ddd2; border-radius: 14px; background: #fffefa; color: #243d32; text-decoration: none; box-shadow: 0 3px 12px #243d3204; transition: border-color .2s, background-color .2s, transform .2s; }
.link-card:hover { border-color: #859688; background: #eef2e9; transform: translateY(-2px); }
.link-card:focus-visible { outline: 3px solid #a55c20; outline-offset: 4px; }
.link-group { border: 1px solid #d8ddd2; border-radius: 14px; background: #fffefa; box-shadow: 0 3px 12px #243d3204; }
.link-group h2 { margin: 0; padding: 16px 18px; font-size: .9rem; font-weight: 650; line-height: 1.45; }
.link-group .links { gap: 0; }
.group-link { min-height: 68px; border: 0; border-top: 1px solid #d8ddd2; border-radius: 0; box-shadow: none; }
.group-link:hover { transform: none; }
.link-group li:last-child .group-link { border-radius: 0 0 13px 13px; }
.link-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: #eef2e9; color: #234638; font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; }
.link-icon svg { width: 23px; height: 23px; }
.link-copy { flex: 1; min-width: 0; }
.link-title, .link-detail { display: block; }
.link-title { font-size: .9rem; font-weight: 650; line-height: 1.45; }
.link-detail { margin-top: 3px; font-size: .75rem; color: #59665d; }
.arrow { flex-shrink: 0; font-size: 1.2rem; }
.whatsapp { margin-top: 6px; background: #234638; border-color: #234638; color: #fffefa; }
.whatsapp .link-icon { background: #ffffff14; color: #fffefa; }
.whatsapp .link-detail { color: #e0e8dd; }
.whatsapp:hover { background: #153326; border-color: #153326; }
footer { margin-top: 28px; text-align: center; color: #59665d; font-size: .72rem; }
.footer-line { display: block; width: 32px; height: 1px; margin: 0 auto 14px; background: #a0ac93; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 360px) {
  .page { padding: 20px 16px 24px; }
  .photos { height: 166px; }
  .link-card { gap: 10px; padding: 14px 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .link-card { transition: none; }
  .link-card:hover { transform: none; }
}