/* (6 nov 2026, Luis) Marco comun de la web publica (Pricing, Contact...) igual que la home: fondo blanco, arriba el
   degradado de marca con grano y el mosaico de la "o" en Liquid Glass (vai-portada.js) detras de la barra transparente,
   y al final del pie "vonsel" enorme en Liquid Glass sobre el degradado (vai-pie.js). Reglas copiadas de index.html. */
html{background:#fff !important;background-image:none !important;overflow-x:hidden;overflow-x:clip}
body{background:transparent !important;background-image:none !important;overflow-x:hidden;overflow-x:clip}
.vai.web-marco{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none}
.vai.web-marco .vai-aurora{display:block;position:absolute;z-index:-2;top:0;left:0;right:0;height:min(82vh,760px);pointer-events:none;
  background:radial-gradient(34% 62% at 16% 0%,rgba(139,92,246,.30),transparent 72%),
    radial-gradient(36% 58% at 52% -6%,rgba(59,130,246,.24),transparent 72%),
    radial-gradient(34% 62% at 86% 4%,rgba(16,185,129,.24),transparent 72%);
  -webkit-mask-image:linear-gradient(#000 30%,transparent 96%);mask-image:linear-gradient(#000 30%,transparent 96%)}
.vai.web-marco .vai-relieve{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:var(--relieve-h,560px);pointer-events:none;
  -webkit-mask-image:radial-gradient(90% 100% at 50% 0,#000 34%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.14) 80%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(90% 100% at 50% 0,#000 34%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.14) 80%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-composite:intersect}
.vai.web-marco.vai-relieve-ok .vai-aurora{display:none}
/* el pie: sin fondo propio (como en la home) y, debajo, el "vonsel" grande del lienzo */
#injected-footer-container,html[data-theme='light'] #injected-footer-container,html[data-theme='light'] .mapi-footer{background:transparent !important;border-top:0 !important}
.contact-watermark{display:none !important}
.lpv-wm{position:relative;width:100%;padding:0;margin-top:40px;overflow:hidden;line-height:0;box-sizing:border-box}
.lpv-wm canvas{display:block;width:100%;
  -webkit-mask-image:radial-gradient(90% 100% at 50% 100%,#000 34%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.14) 80%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:radial-gradient(90% 100% at 50% 100%,#000 34%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.14) 80%,transparent 96%),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-composite:intersect}
.lpv-wm img{display:none}

/* (8 nov 2026) al cambiar el ancho, hasta que se repinta, el mosaico se recorta centrado en vez de deformarse */
.vai.web-marco .vai-relieve{object-fit:cover;object-position:50% 0}