/* Layout: bancada de inspeção em marinho; o certificado em papel creme é o único objeto claro da página. */
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-500i.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Josefin Sans";src:url(fonts/josefin-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Josefin Sans";src:url(fonts/josefin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  --navy:#0F1B2D;--navy-2:#17273E;--line:#2C3D55;
  --paper:#F4EFE6;--paper-line:#CFC3A9;
  --brass:#B08D57;--brass-light:#D0AE78;--brass-ink:#7E6236;
  --muted:#B4BCC6;
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --label:"Josefin Sans","Century Gothic",Futura,sans-serif;
  --body:"Source Sans 3","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--paper);font:400 1.0625rem/1.6 var(--body)}
img{display:block;max-width:100%;height:auto}
a{color:var(--brass-light);text-underline-offset:3px}
a:hover{color:var(--paper)}
:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px}
h1,h2,h3{font-variant-numeric:lining-nums;font-family:var(--display);font-weight:500;line-height:1.1;margin:0;text-wrap:balance}
h1{font-size:clamp(2.9rem,6.4vw,5.2rem)}
h2{font-size:clamp(2rem,3.6vw,2.9rem)}
h3{font-size:1.5rem}
p{margin:0}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(56px,8vw,104px)}
.band.alt{background:var(--navy-2)}
.lede{max-width:60ch;color:var(--muted);font-size:1.125rem}

/* cabeçalho */
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font:600 1rem/1 var(--label);letter-spacing:.2em}
.brand img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2px var(--brass)}
.brand span{padding-top:3px}
.top nav{display:flex;gap:6px 24px;flex-wrap:wrap;font:400 .98rem/1 var(--label)}
.top nav a{color:var(--paper);text-decoration:none;padding-block:10px}
.top nav a:hover,.top nav a[aria-current]{color:var(--brass-light)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px 10px;font:600 1rem/1.2 var(--label);text-decoration:none;border-radius:2px;border:1px solid var(--brass);text-align:center}
.btn.solid{background:var(--brass-light);border-color:var(--brass-light);color:var(--navy)}
.btn.solid:hover{background:var(--paper);border-color:var(--paper);color:var(--navy)}
.btn.line{color:var(--paper)}
.btn.line:hover{border-color:var(--paper);color:var(--paper)}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* abertura */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.hero-text{display:flex;flex-direction:column;justify-content:center;gap:22px;padding-block:clamp(40px,6vw,88px);padding-left:max(20px,calc((100vw - 1240px)/2 + 20px));padding-right:clamp(20px,4vw,56px)}
.hero-text p{color:var(--muted);font-size:1.2rem;max-width:46ch}
.hero figure{margin:0;position:relative;min-height:320px}
.hero figure img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;position:absolute;inset:0}
.hero figcaption{position:absolute;left:0;bottom:0;background:var(--navy);color:var(--muted);font-size:.92rem;padding:8px 14px 6px 12px}

/* vitrine */
.head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 32px;flex-wrap:wrap;margin-bottom:36px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.card{display:flex;flex-direction:column;gap:12px;color:var(--paper);text-decoration:none;min-width:0}
.card .ph{aspect-ratio:4/5;overflow:hidden;background:var(--navy-2);position:relative}
.card img{width:100%;height:100%;object-fit:cover}
.card h3{font-size:1.4rem}
.card:hover h3{color:var(--brass-light)}
.card .sub{color:var(--muted);font-size:.98rem;line-height:1.35;margin-top:3px}
.foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.price{font:600 1.05rem/1.2 var(--label);font-variant-numeric:tabular-nums}
.tag{position:absolute;left:0;top:0;background:var(--paper);color:var(--navy);font:600 .85rem/1 var(--label);padding:8px 10px 5px}
.ask{display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--navy-2);padding:24px;min-width:0}
.alt .ask{background:var(--navy)}

/* escala de marcha */
.scale{display:block;width:100%;height:auto;overflow:visible}
.scale .axis{stroke:var(--line);stroke-width:1}
.scale .tick{stroke:var(--muted);stroke-width:1}
.scale .seg{fill:var(--brass-light)}
.scale text{fill:var(--muted);font:400 7.5px var(--body)}
.sheet .scale .axis{stroke:var(--paper-line)}
.sheet .scale .tick{stroke:var(--navy)}
.sheet .scale .seg{fill:var(--brass-ink)}
.sheet .scale text{fill:var(--navy)}
.rate{font-size:.92rem;color:var(--muted);line-height:1.3;font-variant-numeric:tabular-nums}

/* sequência */
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 28px;counter-reset:s}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:8px;min-width:0}
.steps li::before{content:counter(s);font:500 2.6rem/1 var(--display);font-variant-numeric:lining-nums;color:var(--brass-light)}
.steps p{color:var(--muted)}

/* certificado */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.sheet{background:var(--paper);color:var(--navy);border:3px solid var(--brass);outline:1px solid var(--brass);outline-offset:-9px;padding:30px 26px 24px;min-width:0}
.sheet h2,.sheet h3{font:600 1rem/1.3 var(--label);letter-spacing:.22em;color:var(--brass-ink);text-align:center;margin-bottom:16px}
.sheet dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 18px}
.sheet dt{font:400 .74rem/1.3 var(--label);letter-spacing:.16em;text-transform:uppercase;padding-block:10px 5px;border-bottom:1px solid transparent}
.sheet dd{margin:0;font:400 1rem/1.3 var(--label);padding-block:8px 5px;border-bottom:1px solid var(--paper-line);font-variant-numeric:tabular-nums;min-width:0}
.sheet .seal{background:var(--navy);color:var(--paper);text-align:center;font:600 .86rem/1 var(--label);letter-spacing:.22em;padding:14px 8px 11px;margin-top:18px}
.certimg{max-width:430px;width:100%;margin-inline:auto}

/* página do relógio */
.crumb{padding-top:22px;font-size:.95rem;color:var(--muted)}
.watch{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding-block:22px clamp(56px,8vw,96px);align-items:start}
.main-ph{background:var(--navy-2);display:flex;justify-content:center}
.main-ph img{max-height:760px;width:auto}
.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px}
.thumbs a{display:block;aspect-ratio:1;overflow:hidden;opacity:.75}
.thumbs a[aria-current],.thumbs a:hover{opacity:1;outline:2px solid var(--brass-light);outline-offset:-2px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.info{display:flex;flex-direction:column;gap:20px;min-width:0}
.info h1{font-size:clamp(2.4rem,4vw,3.4rem)}
.info .big{font:500 2.5rem/1 var(--display);font-variant-numeric:lining-nums}
.small{color:var(--muted);font-size:.98rem}
.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:12px}

/* perguntas e texto */
.faq{margin-top:32px;max-width:820px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:15px 0;font:500 1.35rem/1.25 var(--display)}
.faq details p{padding-bottom:18px;color:var(--muted);max-width:68ch}
.conds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 36px;margin-top:36px}
.conds>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.conds p{color:var(--muted)}
.prose{max-width:70ch;display:flex;flex-direction:column;gap:14px}
.prose h2{margin-top:34px}
.prose h2:first-of-type{margin-top:6px}
.prose p,.prose li{color:var(--muted)}
.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.prose strong{color:var(--paper);font-weight:600}
.page-head{display:flex;flex-direction:column;gap:14px;padding-block:clamp(40px,6vw,72px) 8px}
table.crit{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.crit th,.crit td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.crit th{font-weight:600;color:var(--paper)}
.tablebox{overflow-x:auto}

/* rodapé */
footer{border-top:1px solid var(--line);padding-block:44px;color:var(--muted);font-size:.98rem}
footer .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
footer h2{font:600 .98rem/1.3 var(--label);color:var(--paper);margin-bottom:8px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
footer a{overflow-wrap:anywhere}
.fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:.9rem}
.todo{background:var(--brass-light);color:var(--navy);padding:1px 6px;font-weight:600}

@media (max-width:1020px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-text{padding-left:max(20px,env(safe-area-inset-left,0px))}
  .hero figure{aspect-ratio:16/9;min-height:0}
  .split,.watch{grid-template-columns:minmax(0,1fr)}
  footer .wrap{grid-template-columns:minmax(0,1fr)}
  .main-ph img{max-height:none;width:100%}
}
@media (max-width:560px){
  .grid{gap:28px 14px}
  .card h3{font-size:1.22rem}
  .steps,.conds{grid-template-columns:minmax(0,1fr)}
  .sheet{padding:26px 18px 20px}
  .sheet dl{grid-template-columns:minmax(0,1fr);}
  .sheet dt{padding-block:9px 0}
  .sheet dd{padding-block:2px 7px}
  .brand{letter-spacing:.14em;font-size:.92rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}