/* =====================================================================
   TEMA: QUENTE
   Acolhedor e apetitoso: fotografia grande, texto generoso, cantos
   macios e uso forte da cor de destaque. Feito a pensar em restaurantes,
   pastelarias, turismo rural e alojamento.
   Usa apenas as cores definidas em Identidade visual.
   ===================================================================== */
:root{--raio:20px;--raio-s:14px}

body{font-size:16.5px}
h1,h2,h3{letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.05}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.chamada{font-size:1.1rem;line-height:1.75}

.olho{letter-spacing:.2em;font-size:.72rem;color:var(--c3);font-weight:700}
.olho::before{background:var(--c3);width:26px;height:2px;border-radius:2px}
.cabeca.centro .olho{justify-content:center}

.barra-topo{background:var(--c2)}
.cabecalho{background:rgba(255,255,255,.95)}
.menu>li>a{font-weight:600;font-size:.92rem}
.menu>li>a::after{background:var(--c3);height:3px;border-radius:3px}
.acoes-topo .btn{--bg:var(--c3);--fg:#2a1d05;border-radius:100px;font-weight:800}

/* destaque com fotografia a preencher e um véu quente */
.hero{height:min(90vh,800px)}
.hero-slide::after{background:linear-gradient(180deg,rgba(40,20,5,.3) 0%,rgba(40,20,5,.72) 100%)}
.hero-txt h1{font-size:clamp(2.4rem,7vw,5rem)}
.hero-txt p{font-size:1.12rem;max-width:50ch}
.hero-btns .btn{border-radius:100px}
.pontos button{width:9px;height:9px}

/* cartões macios */
.serv,.noticia-cartao,.produto,.ficha{border-radius:20px;border:0;
  box-shadow:0 22px 50px -34px rgba(60,30,10,.55)}
.serv:hover{transform:translateY(-5px)}
.serv .ico{background:var(--c3);color:#2a1d05;border-radius:16px}
.serv .num{color:var(--c3);opacity:.35}

.produto-img,.ficha-img,.ementa-foto{border-radius:16px}
.sec-areia{background:var(--fundo)}
.sec-papel{background:#fff}
.sec-escura{background:var(--c2)}

/* a ementa é o coração deste tema */
.ementa-titulo{border-bottom:3px solid var(--c3);font-size:clamp(1.4rem,2.8vw,2.1rem)}
.ementa-item{border-bottom-style:solid;border-bottom-color:var(--linha)}
.ementa-item.sugestao{background:rgba(0,0,0,.03);border-radius:16px}
.ementa-preco{font-size:1.15rem;color:var(--c1)}
.ementa-foto{width:104px;height:104px}

.btn{border-radius:100px;font-weight:700}
.rodape{background:var(--c2)}