/* Palette variables are supplied by the site theme; geometry and behavior are shared. */
.np-dialog{--np-ink:var(--ink,#24343b);--np-header:var(--np-ink);--np-button:var(--np-ink);--np-button-text:white;--np-header-soft:#ffffffde;--np-line:color-mix(in srgb,var(--np-ink) 22%,white);--np-field:color-mix(in srgb,var(--np-ink) 2%,white);--np-muted:color-mix(in srgb,var(--np-ink) 76%,white);--np-link:var(--np-ink);--np-focus:var(--np-ink)}
html.np-open{overflow:hidden}
.np-dialog,.np-dialog *{box-sizing:border-box}
dialog.np-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #ffffff90;border-radius:22px;background:white;color:var(--np-ink);overflow:auto;box-shadow:0 28px 100px color-mix(in srgb,var(--np-ink) 40%,transparent);font-family:inherit}
.np-dialog::backdrop{background:color-mix(in srgb,var(--np-ink) 52%,transparent);backdrop-filter:blur(3px)}
.np-dialog .np-header{padding:18px 24px 20px;background:var(--np-header);color:white}
.np-dialog .np-badge{display:inline-block;max-width:calc(100% - 40px);margin-bottom:12px;padding:5px 10px;border:1px solid #ffffff40;border-radius:30px;background:#ffffff10;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.np-dialog .np-product{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center}.np-dialog .np-no-image{grid-template-columns:1fr}
.np-dialog .np-pack{display:grid;place-items:center;min-height:118px;padding:8px;border-radius:14px;background:white;overflow:hidden}
.np-dialog .np-pack img{display:block;width:100%;height:110px;object-fit:contain;max-width:100%;margin:0}
.np-dialog #np-title{font:800 23px/1.15 inherit;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.035em;color:white;margin:0 0 6px;overflow-wrap:anywhere}
.np-dialog .np-benefit{font-size:12px;line-height:1.4;color:var(--np-header-soft);margin:0 0 10px}
.np-dialog .np-price>*{display:block!important;color:white!important;font-size:26px!important;font-weight:800!important;line-height:1.1!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.np-dialog .np-close{position:absolute;inset-inline-end:10px;top:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18;color:white;font:26px/1 sans-serif;cursor:pointer;z-index:2}
.np-dialog .np-body{padding:18px 26px 20px}.np-dialog .np-form-title{font-size:17px;line-height:1.3;color:var(--np-ink);margin:0 0 14px}
.np-dialog .np-panel{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--np-ink)!important;width:100%!important;max-width:none!important;position:static!important}
.np-dialog .np-panel> :not(form):not(.lead-demo):not([role=status]):not([data-request-status]){display:none!important}
.np-dialog form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--np-ink)!important}
.np-dialog form h2{font-size:17px;color:var(--np-ink);margin:0 0 3px}
.np-dialog label{display:block!important;color:var(--np-ink)!important;font-size:12px!important;font-weight:700;line-height:1.4;margin:0!important}
.np-dialog input:not([type=checkbox]):not([hidden]){display:block;width:100%;min-height:46px;height:auto;margin-top:6px;padding:9px 12px;border:1px solid var(--np-line);border-radius:12px;background:var(--np-field);color:var(--np-ink);font-size:16px;line-height:1.4;box-shadow:none}
.np-dialog .phone-input,.np-dialog .phone-field{display:flex;align-items:center;width:100%;border:1px solid var(--np-line);border-radius:12px;background:var(--np-field);margin-top:6px;overflow:hidden;color:var(--np-ink)}
.np-dialog .phone-input>span,.np-dialog .phone-field>span{padding:0 10px;flex:none;color:var(--np-muted)}
.np-dialog .phone-input input,.np-dialog .phone-field input{min-width:0;margin:0!important;border:0!important;border-inline-start:1px solid var(--np-line)!important;border-radius:0!important}
.np-dialog button[type=submit]{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 18px;border:0;border-radius:30px;background:var(--np-button)!important;color:var(--np-button-text)!important;font-size:15px;font-weight:800;line-height:1.3;box-shadow:0 8px 20px color-mix(in srgb,var(--np-ink) 16%,transparent);cursor:pointer}
.np-dialog button:disabled{opacity:.65}.np-dialog button svg{width:20px;height:20px;flex:none}
.np-dialog form p,.np-dialog .lead-demo,.np-dialog .field-hint{font-size:11px!important;line-height:1.5!important;color:var(--np-muted)!important;margin:8px 0 0!important}
.np-dialog a{color:var(--np-link)!important;text-decoration:underline}.np-dialog [role=status]{overflow-wrap:anywhere}
.np-dialog .lead-consent{display:flex!important;gap:8px;align-items:flex-start;font-size:11px!important;font-weight:400!important}.np-dialog input[type=checkbox]{width:18px;height:18px;flex:none;margin:2px 0}
.np-dialog .form-trap,.np-dialog .sp-honeypot,.np-dialog [hidden],.np-dialog [aria-hidden=true]:has(input){display:none!important}
.np-dialog :focus-visible{outline:3px solid var(--np-focus);outline-offset:3px}
@media(max-width:480px){.np-dialog .np-header{padding:20px}.np-dialog .np-body{padding:22px}.np-dialog input:not([type=checkbox]):not([hidden]){min-height:50px}.np-dialog button[type=submit]{min-height:52px}}

.np-dialog .np-price *{color:white!important}

/* bionica.org.mx — verified live site palette */
.np-dialog{--np-ink:rgb(23, 25, 54);--np-header:radial-gradient(circle at 72% 30%, rgb(148, 59, 133) 0px, rgba(0, 0, 0, 0) 25%), radial-gradient(circle at 6% 2%, rgb(72, 91, 185) 0px, rgba(0, 0, 0, 0) 28%), linear-gradient(115deg, rgb(32, 35, 71), rgb(40, 61, 125));--np-button:linear-gradient(90deg, rgb(249, 64, 103), rgb(255, 152, 40));--np-button-text:rgb(255, 255, 255);}