.demo-franja{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:center;
  padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:#1d1a14;color:#fbf6ea;font:500 .875rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 -4px 18px rgba(0,0,0,.18);text-align:center}
.demo-franja__boton{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:#e9b44c;color:#1d1a14;font-weight:700;text-decoration:none;white-space:nowrap}
.demo-franja__boton:hover,.demo-franja__boton:focus-visible{background:#f3c96f;outline:2px solid #fbf6ea;outline-offset:2px}
body{padding-bottom:4.5rem!important}
.demo-portada{margin:0;min-height:100vh;display:grid;place-items:center;background:#fbf6ea;color:#1d1a14;font:400 1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.demo-portada__caja{max-width:40rem;margin:0 auto;padding:3rem 1rem 6rem;text-align:center}
.demo-portada__marca{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:#8a6a1f;margin:0 0 1rem}
.demo-portada h1{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.15;margin:0 0 1rem}
.demo-portada__boton{margin-top:1.25rem;padding:.9rem 2rem;border:0;border-radius:999px;background:#e9b44c;color:#1d1a14;font-family:inherit;font-weight:700;font-size:1.05rem;line-height:1;cursor:pointer}
.demo-portada__boton:hover,.demo-portada__boton:focus-visible{background:#f3c96f;outline:2px solid #1d1a14;outline-offset:3px}
.demo-portada__nota{font-size:.875rem;color:#5c5446}
.demo-portada__aviso{padding:.75rem 1rem;border-radius:.75rem;background:#fff1cc;border:1px solid #e9b44c;font-weight:600}
@media (max-width:480px){.demo-franja{font-size:.8rem}}