/* DUNE Steakhouse — identidade tirada do logótipo do cliente.
 *
 * Paleta medida com scripts/paleta-logo.py sobre o logótipo (2026-11-11):
 *   cobre #b45424 · cobre claro #fc9c60 · castanho #48240c · tinta #16120f · papel #f8f4ea
 * A letra segue a do logótipo: sans geométrica, caixa alta, muito espaçamento no
 * sobrenome. Duas famílias, no máximo (contrato §5.3).
 */

:root{
  --cobre:#b45424;
  --cobre-claro:#fc9c60;
  --castanho:#48240c;
  --tinta:#16120f;
  --tinta2:#1d1815;
  --papel:#f8f4ea;
  --areia:#ece3d6;
  --linha:rgba(180,84,36,.28);
  --serif:"Georgia","Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --envol:min(1200px,100% - 8vw);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tinta);color:var(--papel);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.12}
p{margin:0 0 1em}

.envol{width:var(--envol);margin-inline:auto}

/* tarja de pré-visualização — igual em todos os sites da Munditopia */
.tarja{background:#1a1512;color:#f0e7da;border-bottom:1px solid var(--linha);
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;text-align:center;
  padding:9px 4vw}

/* cabeçalho */
.cabecalho{position:sticky;top:0;z-index:20;background:rgba(22,18,15,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.cabecalho-in{display:flex;align-items:center;gap:34px;min-height:82px}
.marca{display:flex;align-items:center;flex:0 0 auto}
.marca img{height:58px;width:auto}
.cabecalho nav{display:flex;gap:26px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.cabecalho nav a{text-decoration:none;color:#d9cfc2;padding:6px 0;border-bottom:1px solid transparent;
  transition:color .2s,border-color .2s}
.cabecalho nav a:hover{color:var(--cobre-claro);border-color:var(--cobre)}
.cab-fim{margin-left:auto;display:flex;align-items:center;gap:18px}
.linguas{font-size:12px;letter-spacing:.16em;text-decoration:none;color:#d9cfc2;
  border:1px solid var(--linha);padding:7px 11px;border-radius:2px}
.linguas:hover{color:var(--cobre-claro);border-color:var(--cobre)}

/* botões */
.btn,.btn-linha{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;
  font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;padding:15px 26px;
  border-radius:2px;transition:background .22s,color .22s,border-color .22s,transform .22s}
.btn-cobre{background:var(--cobre);color:#fff;border:1px solid var(--cobre)}
.btn-cobre:hover{background:var(--cobre-claro);border-color:var(--cobre-claro);color:#2a1206}
.btn-linha{border:1px solid rgba(248,244,234,.34);color:var(--papel)}
.btn-linha:hover{border-color:var(--cobre-claro);color:var(--cobre-claro)}

/* heroi */
.heroi{background:
  radial-gradient(120% 90% at 78% 8%,rgba(180,84,36,.20),transparent 58%),
  var(--tinta);
  padding:clamp(48px,7vw,92px) 0 clamp(44px,6vw,78px)}
.heroi-in{display:grid;grid-template-columns:1fr 1.02fr;
  gap:clamp(2rem,5vw,4.2rem);align-items:center}
.selo{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--cobre-claro);margin:0 0 22px}
.risco{display:block;width:38px;height:1px;background:var(--cobre)}
.heroi h1{font-size:clamp(2.5rem,5.4vw,4.4rem);margin:0 0 24px}
.cobre{color:var(--cobre-claro);font-style:italic}
.entrada{font-size:1.06rem;color:#e3d9cc;max-width:30rem;margin-bottom:32px}
.acoes{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.prova{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#a99e91;margin:0}
.prova strong{color:var(--cobre-claro);font-weight:600}
.ponto{margin:0 .5em;opacity:.5}
.heroi-foto{margin:0;position:relative}
.heroi-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
figure figcaption{padding:13px 0 0;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#8d8377}

/* faixa */
.faixa{background:var(--cobre);color:#fff;border-block:1px solid #963f16}
.faixa-in{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1em;
  padding:17px 0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase}

/* secções */
.secao{padding:clamp(64px,8vw,112px) 0}
.escura{background:var(--tinta2);border-block:1px solid var(--linha)}
.secao h2{font-size:clamp(1.95rem,4vw,3.15rem);margin:0 0 22px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.estreito{max-width:760px}
.sub{color:#b8ada1;max-width:46rem;margin-bottom:52px}
.texto p{color:#ddd3c6}
.foto-alta{margin:0}
.foto-alta img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
/* Duas fotografias empilhadas: a fachada (640 px, a resolução do original) e a
   esplanada por baixo. Nenhuma é ampliada — a fachada fica na largura natural, a
   esplanada acompanha. Ver FONTE.md. */
.foto-dupla{margin:0;display:grid;gap:14px}
.foto-dupla img{width:100%;height:auto;display:block;border-radius:2px}

.lista-fina{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--linha)}
.lista-fina li{padding:13px 0;border-bottom:1px solid var(--linha);font-size:14.5px;
  color:#ded4c7;display:flex;align-items:center;gap:12px}
.lista-fina li::before{content:"";width:5px;height:5px;background:var(--cobre);
  border-radius:50%;flex:0 0 auto}

/* ementa */
.ementa-grelha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:2px;overflow:hidden}
.prato{background:var(--tinta2);padding:clamp(24px,3vw,34px);margin:0}
.preco{font-family:var(--serif);font-size:1.3rem;color:var(--cobre-claro);margin:0 0 10px}
.prato h3{font-size:1.32rem;margin:0 0 9px;color:var(--papel)}
.prato p{color:#b3a89b;font-size:14.6px;margin:0;line-height:1.55}
.detalhe{font-family:var(--sans);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:#8d8377;vertical-align:middle;margin-left:.5em}
.marca-casa{margin-top:14px !important;color:var(--cobre-claro) !important;
  font-size:11px !important;letter-spacing:.2em;text-transform:uppercase}

.ementa-pe{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);
  margin:44px 0 0;padding-top:34px;border-top:1px solid var(--linha)}
.ementa-pe h3{font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--cobre-claro);margin:0 0 12px}
.ementa-pe p{font-size:14.6px;color:#b8ada1;margin:0}

.foto-faixa{margin:56px 0 0}
.foto-faixa img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.rodape-ementa{font-size:12.5px;letter-spacing:.08em;color:#8d8377;margin:30px 0 0}
.rodape-ementa strong{color:#b8ada1}

/* críticas */
.criticas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,3vw,2rem);margin-bottom:36px}
.criticas blockquote{margin:0;padding:clamp(24px,3vw,32px);
  border:1px solid var(--linha);border-radius:2px;background:rgba(255,255,255,.014)}
.criticas p{font-family:var(--serif);font-size:1.06rem;line-height:1.55;color:#e6ddd0;margin:0 0 20px}
.criticas footer{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cobre-claro)}
.criticas footer span{color:#8d8377}
.nota{font-size:12.5px;color:#8d8377;margin:0}
.nota strong{color:var(--cobre-claro)}

/* dados */
.dados{margin:0;border-top:1px solid var(--linha)}
.dados dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cobre-claro);
  padding:20px 0 4px}
.dados dd{margin:0;padding:0 0 20px;border-bottom:1px solid var(--linha);color:#ddd3c6;font-size:15.5px}
.dados dd a{color:var(--papel);text-decoration:none;border-bottom:1px solid var(--cobre)}
.dados dd a:hover{color:var(--cobre-claro)}

/* perguntas */
.perguntas details{border-bottom:1px solid var(--linha);padding:6px 0}
.perguntas summary{cursor:pointer;padding:20px 0;font-size:1.02rem;color:#e9e0d3;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:20px}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";color:var(--cobre);font-size:1.4rem;line-height:1}
.perguntas details[open] summary::after{content:"–"}
.perguntas details p{color:#b8ada1;font-size:15px;padding:0 0 22px;margin:0;max-width:56ch}

/* rodapé */
.rodape{background:#100d0b;border-top:1px solid var(--linha);padding:clamp(52px,6vw,76px) 0 0}
.rodape-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:clamp(1.5rem,4vw,3rem)}
.rodape-logo{height:88px;width:auto;opacity:.92}
.rodape h2{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cobre-claro);margin:0 0 14px}
.rodape p{font-size:14.5px;color:#b3a89b;margin:0 0 .7em}
.rodape a{color:#d9cfc2;text-decoration:none}
.rodape a:hover{color:var(--cobre-claro)}
.assinatura{border-top:1px solid var(--linha);margin-top:clamp(40px,5vw,60px);padding:26px 0}
.assinatura p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7d7369;margin:0}
.assinatura a{color:var(--cobre-claro);text-decoration:none;border-bottom:1px solid var(--cobre)}
.assinatura a:hover{color:#fff}

/* responder */
@media(max-width:960px){
  .heroi-in,.duas,.criticas,.ementa-grelha,.ementa-pe{grid-template-columns:1fr}
  .heroi-in{gap:2.6rem}
  .cabecalho-in{gap:18px;min-height:74px}
  .cabecalho nav{display:none}
  .marca img{height:48px}
  .rodape-in{grid-template-columns:1fr 1fr}
  .heroi h1{font-size:clamp(2.2rem,7vw,3rem)}
}
@media(max-width:560px){
  body{font-size:16px}
  .envol{width:min(100% - 10vw,1200px)}
  .acoes .btn,.acoes .btn-linha{width:100%;justify-content:center}
  .rodape-in{grid-template-columns:1fr}
  .faixa-in{font-size:10.5px;letter-spacing:.16em;gap:.7em}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none !important;animation:none !important}
}