/* LYZZ · site de divulgação */
:root{
  --creme:#F3EBDD;
  --papel:#FBF7F0;
  --tinta:#231C17;
  --tinta-2:#4A3F37;
  --suave:#7B6F64;
  --marrom:#7A4A2C;
  --ferrugem:#A4552E;
  --petroleo:#2F6466;
  --linha:#E3D7C3;
  --cinza:#919191;
  --raio:14px;
  --sombra:0 1px 2px rgba(35,28,23,.06),0 10px 30px rgba(35,28,23,.08);
  --largura:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ferrugem)}
h1,h2,h3,h4{font-family:"Montserrat",sans-serif;line-height:1.15;color:var(--tinta);margin:0 0 .5em}
h1{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.01em}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 24px}
.rotulo{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ferrugem);margin-bottom:12px;display:block}
.lead{font-size:20px;color:var(--tinta-2);max-width:760px}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(251,247,240,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.marca img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.marca span{font-family:"Montserrat",sans-serif;font-weight:800;font-size:21px;letter-spacing:.28em}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--tinta-2);font-family:"Montserrat",sans-serif;font-weight:600;font-size:14px}
.menu a:hover,.menu a.ativo{background:var(--creme);color:var(--tinta)}
.menu .cta{background:var(--tinta);color:#fff}
.menu .cta:hover{background:var(--marrom);color:#fff}
.sub{position:relative}
.sub>ul{display:none;position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra);list-style:none;margin:6px 0 0;padding:8px}
.sub:hover>ul,.sub:focus-within>ul{display:block}
.sub>ul a{font-weight:500}
.botao-menu{display:none;background:none;border:1px solid var(--linha);border-radius:8px;padding:8px 10px;font:600 14px "Montserrat",sans-serif;color:var(--tinta);cursor:pointer}
@media(max-width:900px){
  .botao-menu{display:block}
  .menu{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--papel);border-bottom:1px solid var(--linha);padding:12px 16px 18px;gap:2px}
  .menu.aberto{display:flex}
  .sub>ul{display:block;position:static;box-shadow:none;border:none;padding:0 0 0 12px;margin:0;background:none}
}

/* hero */
.hero{padding:72px 0 40px;background:radial-gradient(1200px 500px at 85% -10%,#EAD9BE 0,transparent 60%),var(--papel)}
.hero .grade{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1 em{font-style:normal;color:var(--ferrugem)}
.hero .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font:700 15px "Montserrat",sans-serif;text-decoration:none;border:1.5px solid var(--tinta);color:var(--tinta);background:transparent}
.btn.cheio{background:var(--tinta);color:#fff}
.btn.cheio:hover{background:var(--marrom);border-color:var(--marrom)}
.btn:hover{background:var(--creme)}
.hero .tela{border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;border:1px solid var(--linha);background:#fff}
.hero .pilha{position:relative;padding-bottom:40px}
.hero .pilha .tela:first-child{max-height:470px}
.hero .pilha .tela:first-child img{width:100%}
.hero .pilha .tela+.tela{position:absolute;width:56%;right:-22px;bottom:-10px;height:250px}
.hero .pilha .tela+.tela img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:900px){.hero .grade{grid-template-columns:1fr}.hero .pilha .tela+.tela{display:none}}

/* seções */
section{padding:72px 0}
section.creme{background:var(--creme)}
section.escuro{background:var(--tinta);color:#EFE6D8}
section.escuro h2,section.escuro h3{color:#fff}
section.escuro .lead{color:#D8CCBB}
.cabecalho-secao{max-width:820px;margin-bottom:36px}

.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.numeros div{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px}
.numeros b{display:block;font:800 30px "Montserrat",sans-serif;color:var(--marrom)}
.numeros span{font-size:14px;color:var(--suave)}
@media(max-width:800px){.numeros{grid-template-columns:repeat(2,1fr)}}

.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.cartoes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cartoes{grid-template-columns:1fr}}
.cartao{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
a.cartao:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.cartao .miniatura{aspect-ratio:16/10;overflow:hidden;background:#f2f2f2;border-bottom:1px solid var(--linha)}
.cartao .miniatura img{width:100%;height:100%;object-fit:cover;object-position:top}
.cartao .corpo{padding:18px 20px 22px}
.cartao h3{margin-bottom:6px}
.cartao p{font-size:15px;color:var(--tinta-2);margin:0}
.cartao .mais{margin-top:12px;font:700 13px "Montserrat",sans-serif;color:var(--ferrugem);letter-spacing:.04em}

.fluxo{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;counter-reset:passo}
.fluxo div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 14px;counter-increment:passo}
.fluxo div::before{content:counter(passo,decimal-leading-zero);display:block;font:800 13px "Montserrat",sans-serif;color:#D9A27E;margin-bottom:6px}
.fluxo b{display:block;font-family:"Montserrat",sans-serif;color:#fff;font-size:15px;margin-bottom:4px}
.fluxo span{font-size:13.5px;color:#CDBFAE;line-height:1.45;display:block}
@media(max-width:980px){.fluxo{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.fluxo{grid-template-columns:1fr 1fr}}

.duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:860px){.duas{grid-template-columns:1fr}}
.lista-check{list-style:none;padding:0;margin:0}
.lista-check li{position:relative;padding-left:30px;margin-bottom:10px}
.lista-check li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--petroleo);box-shadow:inset 0 0 0 4px #CFE0DF}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px}
.etiquetas span{background:#fff;border:1px solid var(--linha);border-radius:999px;padding:6px 14px;font:600 14px "Montserrat",sans-serif;color:var(--tinta-2)}

/* página de funcionalidade */
.pagina-topo{padding:56px 0 24px;background:var(--creme);border-bottom:1px solid var(--linha)}
.migalha{font-size:14px;color:var(--suave);margin-bottom:14px}
.migalha a{color:var(--suave)}
.indice-local{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.indice-local a{font:600 13px "Montserrat",sans-serif;text-decoration:none;color:var(--tinta-2);background:#fff;border:1px solid var(--linha);border-radius:999px;padding:6px 12px}
.indice-local a:hover{border-color:var(--ferrugem);color:var(--ferrugem)}
.recurso{padding:64px 0;border-bottom:1px solid var(--linha)}
.recurso:last-of-type{border-bottom:none}
.recurso .texto{max-width:820px;margin-bottom:26px}
.recurso .texto ul{padding-left:20px;margin:0 0 1em}
.recurso .texto li{margin-bottom:6px}
.tela-grande{border-radius:var(--raio);border:1px solid var(--linha);box-shadow:var(--sombra);overflow:hidden;background:#fff;cursor:zoom-in}
.tela-grande.limitada{max-height:760px;position:relative}
.tela-grande.limitada::after{content:"clique para ampliar";position:absolute;left:0;right:0;bottom:0;padding:60px 0 14px;text-align:center;font:700 12px "Montserrat",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);background:linear-gradient(transparent,#fff 70%)}
.legenda{font-size:14px;color:var(--suave);margin-top:10px}
.galeria{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:860px){.galeria{grid-template-columns:1fr}}
.nota-dados{font-size:14px;color:var(--suave);background:#fff;border:1px dashed var(--linha);border-radius:10px;padding:12px 16px;margin-top:28px}
.proxima{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:40px 0 64px}
.proxima a{flex:1;min-width:240px;text-decoration:none;color:var(--tinta);background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 22px}
.proxima a small{display:block;color:var(--suave);font-size:13px}
.proxima a b{font-family:"Montserrat",sans-serif}
.proxima a:hover{border-color:var(--ferrugem)}

/* contato */
.form{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px;box-shadow:var(--sombra)}
.form label{display:block;font:600 14px "Montserrat",sans-serif;margin:0 0 6px}
.form input,.form textarea,.form select{width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1px solid #D8CBB6;border-radius:10px;background:var(--papel);margin-bottom:16px;color:var(--tinta)}
.form textarea{min-height:140px;resize:vertical}
.form button{border:none;cursor:pointer}
.email-grande{font:800 clamp(22px,3vw,32px) "Montserrat",sans-serif;color:var(--tinta);text-decoration:none;border-bottom:3px solid var(--ferrugem)}

/* rodapé */
.rodape{background:var(--tinta);color:#CDBFAE;padding:48px 0 28px;font-size:15px}
.rodape .grade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.rodape h4{color:#fff;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.rodape a{color:#EFE6D8;text-decoration:none}
.rodape a:hover{text-decoration:underline}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin-bottom:6px}
.rodape .base{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px;color:#9C8F80}
@media(max-width:760px){.rodape .grade{grid-template-columns:1fr}}

/* ampliar imagem */
.lupa{position:fixed;inset:0;background:rgba(20,16,13,.88);z-index:100;display:none;overflow:auto;padding:28px;cursor:zoom-out}
.lupa.aberta{display:block}
.lupa img{margin:0 auto;max-width:min(1400px,100%);border-radius:10px;background:#fff}
.lupa .fechar{position:fixed;top:14px;right:18px;background:#fff;border:none;border-radius:999px;width:40px;height:40px;font-size:22px;cursor:pointer}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso-form{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-weight:600}
.aviso-form.ok{background:#E3EFE6;color:#1F5130}
.aviso-form.erro{background:#F6E1D8;color:#8A3A1C}
.form button:disabled{opacity:.6;cursor:wait}