
:root { --green:#07331e; --green2:#155333; --ink:#202521; --muted:#566159; --line:#dce5dd; --paper:#f5f7f4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font:16px/1.65 Arial,Helvetica,sans-serif; color:var(--ink); background:#fff; }
a { color:inherit; }
img { display:block; max-width:100%; }
.container { width:min(1120px,calc(100% - 36px)); margin-inline:auto; }
.topbar { background:var(--green); color:white; padding:8px 0; font-size:13px; }
.topbar .container, .nav, .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.topbar a { color:white; }
.header { background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; }
.nav { min-height:76px; }
.brand { font-size:23px; font-weight:800; color:var(--green); text-decoration:none; letter-spacing:-.04em; }
.nav-links { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.nav-links a { text-decoration:none; font-size:14px; font-weight:600; }
.btn { display:inline-flex; justify-content:center; align-items:center; padding:12px 20px; border-radius:5px; background:var(--green); color:white!important; text-decoration:none; font-weight:700; }
.btn:hover { background:var(--green2); }
.hero { background:var(--paper); padding:68px 0; }
.hero-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; }
.hero-image, .detail-image { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; }
.kicker { text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:800; color:var(--green2); }
h1,h2,h3 { line-height:1.2; }
h1 { font-size:clamp(34px,4.5vw,52px); letter-spacing:-.035em; margin:12px 0 20px; }
h2 { font-size:clamp(26px,3vw,34px); margin:0 0 14px; letter-spacing:-.02em; }
h3 { font-size:20px; margin:0 0 8px; }
.lead { font-size:18px; color:var(--muted); max-width:700px; }
.section { padding:65px 0; }
.section.alt { background:var(--paper); }
.section-intro { max-width:780px; margin-bottom:26px; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.stone-card { display:block; overflow:hidden; border:1px solid var(--line); border-radius:9px; text-decoration:none; background:#fff; transition:transform .2s,box-shadow .2s; }
.stone-card:hover { transform:translateY(-3px); box-shadow:0 10px 26px #00000014; }
.stone-card img { width:100%; height:215px; object-fit:cover; }
.stone-card .body { padding:18px; }
.stone-card p { color:var(--muted); margin:0 0 12px; font-size:14px; }
.more { color:var(--green2); font-weight:700; font-size:14px; }
.breadcrumb { padding:18px 0; color:var(--muted); font-size:14px; }
.breadcrumb a { color:var(--green2); }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }
.detail-copy p { color:var(--muted); }
.notice { font-size:13px; color:var(--muted); }
.features { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.feature { border-top:2px solid var(--line); padding-top:17px; }
.feature p { color:var(--muted); margin:0; }
.cta { background:var(--green); color:#fff; padding:48px 0; }
.cta p { color:#dce8df; }
.cta .btn { background:#fff; color:var(--green)!important; }
.footer { background:#f0f3ef; border-top:1px solid var(--line); padding:30px 0; font-size:14px; }
.footer p { color:var(--muted); margin:5px 0; }
.footer a { color:var(--green); }
:focus-visible { outline:3px solid #b9892c; outline-offset:3px; }
@media(max-width:800px) { .hero-layout,.detail-grid { grid-template-columns:1fr; } .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .grid,.features { grid-template-columns:1fr; } .nav,.topbar .container,.footer-inner { align-items:flex-start; flex-direction:column; gap:10px; } .hero,.section { padding:42px 0; } .stone-card img { height:240px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .stone-card { transition:none; } }

/* Melhorias de acessibilidade e navegação */
:focus-visible{outline:3px solid #207647;outline-offset:3px}section[id]{scroll-margin-top:105px}@media(max-width:640px){.nav{flex-wrap:wrap;padding:12px 0}.nav-links{gap:12px}.grid,.features,.detail-grid,.hero-layout{grid-template-columns:1fr}.section{padding:42px 0}}
