:root { color-scheme: light; --paper:#f7f5f0; --cream:#fffefa; --ink:#242521; --muted:#777973; --line:#e4e1d8; --gold:#a18454; --soft:#ede8de; --shadow:0 5px 20px rgba(34,29,17,.035); }
    * { box-sizing:border-box; }
    html { min-height:100%; }
    body { margin:0; min-height:100vh; min-height:100dvh; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    button,input,select {font:inherit;}
    button, a {-webkit-tap-highlight-color: transparent;}
    a {color:inherit; text-decoration:none;}
    :focus-visible {outline:3px solid #b38b4a;outline-offset:4px;}
    .page {width:min(100% - 36px,438px); margin:0 auto; padding:42px 0 31px;}
    .branding {text-align:center; padding-bottom:24px;}
    .eyebrow {color:#9c815a;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;margin:0 0 9px;}
    h1 {font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(27px,6vw,32px);line-height:1.1;margin:0 0 11px;}
    .subtitle {margin:0;color:#666861;font-size:13px;line-height:1.55;}
    .rule {height:1px;background:linear-gradient(90deg, transparent, #d0b998 24%,#d0b998 76%,transparent);max-width:105px;margin:18px auto 0;}
    .menu-title {text-align:center;display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:750;color:#82817a;margin:0 0 14px;}
    .links {display:grid;gap:10px;}
    .link {width:100%; min-height:64px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:var(--cream);box-shadow:var(--shadow);cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;}
    .link:hover{border-color:#cfc6b6;background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,29,17,.055);}
    .link:active{transform:scale(.99);}
    .link.primary {background:#272b25;color:#fffdf7;border-color:#272b25;box-shadow:0 7px 16px rgba(34,37,31,.09);}
    .link.primary:hover{background:#333a30;border-color:#333a30;}
    .symbol {flex:0 0 38px;height:38px;width:38px;border:1px solid #eae6dd;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#92784e;background:#f8f6f1;}
    .primary .symbol {background:rgba(255,255,255,.095);color:#e2c58b;border-color:rgba(255,255,255,.18);}
    .svg {width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
    .link-copy {display:block;min-width:0;flex:1;}
    .link-label {display:block;font-weight:650;letter-spacing:.003em;font-size:14px;line-height:1.25;}
    .link-desc {display:block;font-size:11px;color:#8b8b83;margin-top:4px;line-height:1.25;}
    .primary .link-desc{color:#c7ccc3;}
    .arrow {height:17px;width:17px;flex:none;color:#a8a59a;}
    .primary .arrow{color:#d2c6af;}
    .footer {text-align:center;margin-top:26px;color:#87877f;font-size:11px;line-height:1.7;}
    .footer strong {color:#565a52;font-weight:550;}
    .footer p {margin:0;}
    .footer a {text-decoration:underline;text-decoration-color:#d7d1c3;text-underline-offset:3px;}
    .footer a:hover{color:#4e4d43;}
    .footer .tiny {font-size:10px;margin-top:7px;color:#a2a199;}
    @media(min-width:768px){body {display:grid;align-items:center;} .page{padding-top:35px;padding-bottom:35px;} }
    @media(max-width:360px){.page{width:calc(100% - 28px);padding-top:27px}.branding{padding-bottom:20px}.link{min-height:60px;padding:10px 12px;}.link-label{font-size:13px;} .link-desc{font-size:10px;}}
    @media(prefers-reduced-motion:reduce){.link{transition:none;}}

/* Identidade visual oficial recuperada do cartão da relojoaria. */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.brand-logo-wrap{width:87px;height:99px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:16px;background:#272b26;box-shadow:0 7px 16px rgba(21,25,20,.12);border:1px solid #41473a}
.brand-logo{max-width:73px;max-height:85px;width:auto;height:auto;object-fit:contain}
.site-link{margin-top:5px!important}
@media(max-height:750px){.page{padding-top:25px}.branding{padding-bottom:18px}.brand-logo-wrap{height:79px;width:73px;margin-bottom:13px}.brand-logo{max-height:66px;max-width:61px}.link{min-height:60px}.links{gap:8px}}