.landixta-demo-mark,
.landixta-demo-mark * {
  box-sizing: border-box;
}

body::before {
  content: "";
  position: fixed;
  inset: -40vh -40vw;
  z-index: 2147483000;
  pointer-events: none;
  opacity: 0.5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='220' viewBox='0 0 420 220'%3E%3Cg transform='rotate(-24 210 110)' fill='none' stroke='%23f97316' stroke-width='2' stroke-opacity='0.26'%3E%3Crect x='35' y='75' width='350' height='54' rx='27'/%3E%3C/g%3E%3Cg transform='rotate(-24 210 110)' fill='%231f2933' fill-opacity='0.32' font-family='Arial, sans-serif' font-size='28' font-weight='900' letter-spacing='6'%3E%3Ctext x='49' y='111'%3ELANDIXTA DEMO%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: 420px 220px;
}

.landixta-demo-mark {
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(14px, env(safe-area-inset-bottom));
  z-index: 2147483001;
  display: grid;
  max-width: min(360px, calc(100vw - 28px));
  gap: 5px;
  pointer-events: none;
  border: 2px solid rgba(249, 115, 22, 0.68);
  border-radius: 16px;
  background: rgba(255, 247, 237, 0.94);
  box-shadow: 0 18px 48px rgba(31, 41, 51, 0.2);
  color: #7c2d12;
  padding: 12px 16px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.landixta-demo-mark::before {
  content: "LANDIXTA DEMO";
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.landixta-demo-mark::after {
  content: "Vista previa publica - descarga solo disponible con compra o suscripcion";
  color: rgba(31, 41, 51, 0.78);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 640px) {
  body::before {
    inset: -30vh -80vw;
    opacity: 0.54;
    background-size: 320px 168px;
  }

  .landixta-demo-mark {
    right: 10px;
    bottom: 10px;
    max-width: calc(100vw - 20px);
    border-radius: 12px;
    padding: 10px 12px;
  }

  .landixta-demo-mark::before {
    font-size: 0.68rem;
  }

  .landixta-demo-mark::after {
    font-size: 0.64rem;
  }
}