:root {
  --verde: #00503c;
  --verde-oscuro: #003c2e;
  --verde-fondo: #f1f6ef;
  --crema: #faf6ec;
  --dorado: #c6a35a;
  --texto: #153c32;
  --texto-suave: #62716b;
  --whatsapp: #1faa59;
  --whatsapp-hover: #188e4a;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { background: var(--crema); }
body {
  min-height: 100vh;
  overflow-x: hidden;
  background: radial-gradient(circle at 50% -12%, rgba(198,163,90,.21), transparent 30%), linear-gradient(180deg, var(--crema) 0%, #fff 46%, var(--verde-fondo) 100%);
  color: var(--texto);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.lp { width: 100%; max-width: 600px; margin: 0 auto; padding: 2.1rem 22px 2.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
.lp__marca { margin-bottom: 1.3rem; }
.lp__marca img { width: 154px; height: auto; margin: 0 auto .25rem; }
.lp__sucursal { color: var(--verde); font-size: .72rem; font-weight: 800; letter-spacing: .28em; }
h1 { margin-bottom: .8rem; color: var(--texto); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 7vw, 2.55rem); font-weight: 600; line-height: 1.15; letter-spacing: -.025em; }
h1 span { color: var(--verde); }
.lp__sub { max-width: 31rem; margin: 0 auto 1.45rem; color: var(--texto-suave); font-size: .98rem; line-height: 1.6; }
.flyer { width: 100%; margin-bottom: 1.25rem; overflow: hidden; border: 5px solid rgba(255,255,255,.92); border-radius: 17px; background: var(--verde); box-shadow: 0 14px 34px -15px rgba(0,60,46,.38); }
.flyer img { width: 100%; aspect-ratio: 4 / 5; object-fit: contain; }
.btn-whatsapp { width: 100%; min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: .62rem; padding: .95rem 1.1rem; border-radius: 14px; background: var(--whatsapp); color: #fff; box-shadow: 0 9px 23px -9px rgba(31,170,89,.58); font-size: clamp(.92rem, 4vw, 1.05rem); font-weight: 800; white-space: nowrap; transition: transform .2s ease, background .2s ease; }
.btn-whatsapp:hover { background: var(--whatsapp-hover); transform: translateY(-2px); }
.btn-whatsapp:active { transform: scale(.98); }
.btn-whatsapp:focus-visible { outline: 3px solid rgba(0,80,60,.35); outline-offset: 3px; }
.icono-wa { width: 25px; height: 25px; flex: 0 0 auto; }
.lp__nota { margin-top: .85rem; color: var(--texto-suave); font-size: .79rem; transition: color .2s ease; }
.lp__nota:hover { color: var(--verde); }
.lp__footer { max-width: 600px; margin: 0 auto; padding: 0 22px 2.5rem; text-align: center; }
.lp__sello { display: inline-flex; align-items: center; margin-bottom: 1.1rem; padding: .45rem 1.05rem; border: 1px solid rgba(198,163,90,.34); border-radius: 999px; background: rgba(198,163,90,.12); color: var(--verde-oscuro); font-size: .8rem; font-weight: 800; }
.lp__legal { max-width: 27rem; margin: 0 auto .45rem; color: var(--texto-suave); font-size: .73rem; }
.lp__copy { color: #9aa49f; font-size: .71rem; }
@media (min-width: 640px) { .lp { padding-top: 2.9rem; } .lp__sub { font-size: 1.04rem; } .btn-whatsapp { width: auto; min-width: 380px; } }
@media (max-width: 390px) { .lp { padding-left: 15px; padding-right: 15px; } .btn-whatsapp { font-size: .86rem; } .lp__marca img { width: 138px; } }
@media (prefers-reduced-motion: reduce) { .btn-whatsapp, .lp__nota { transition: none; } }