:root{
  --bg:#f6efe9;
  --panel:#ffffff;
  --text:#3b2f2a;
  --muted:#7a6e66;
  --border:#eaded6;
  --mamey:#D77C64;
  --mameyHover:#c86f58;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,system-ui,Segoe UI,Roboto,Inter,Helvetica,Arial;
  color:var(--text);
  background:var(--bg);
}
/* Watermark */
.app-watermark{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  display:flex; align-items:center; justify-content:center;
}
.app-watermark img{
  max-width:min(70vw,480px);
  opacity:.20;
  filter:grayscale(100%);
}
/* Layout */
.wrap{max-width:960px;margin:0 auto;padding:20px; position:relative; z-index:1}
.card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin-bottom:14px;
}
.hero h1{margin:0 0 4px; font-size:26px}
.hero .sub{margin:0; color:var(--muted)}
h2{margin:0 0 10px; font-size:18px}
h3{margin:0 0 8px; font-size:16px}
/* Fields */
.fields{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.fields{grid-template-columns:repeat(2,1fr)}}
.field{display:flex;flex-direction:column;gap:6px}
.field--full{grid-column:1/-1}
label{font-weight:700; font-size:14px}
input,select,textarea{
  width:100%; padding:12px 14px; border-radius:12px;
  border:1px solid var(--border); background:#fff; color:var(--text);
}
textarea{min-height:100px; resize:vertical}
small#count{color:var(--muted)}
/* Buttons */
.btn{appearance:none; border:0; border-radius:12px; padding:14px 18px; font-weight:800; cursor:pointer}
.btn-primary{background:var(--mamey); color:#fff; width:100%}
.btn-primary:hover{background:var(--mameyHover)}
.btn-wa{
  display:inline-block; text-decoration:none; color:#fff; background:var(--mamey);
  padding:12px 16px; border-radius:12px; font-weight:800; border:1px solid #d8c9c1;
}
.btn-wa:hover{background:var(--mameyHover)}
/* Panel WA */
.wa-panel{margin-top:12px; border-top:1px dashed var(--border); padding-top:12px}
.wa-title{margin:0 0 8px; color:var(--muted); font-weight:700}
.wa-buttons{display:flex; gap:10px; flex-wrap:wrap}
.hint{color:var(--muted)}
/* Footer */
.foot{ text-align:center; color:var(--muted); font-size:13px }
.legal p{ margin: 6px 0 0 0; color:var(--muted) }