/* ===== DUPIN NOTICIAS — suscripción por correo, clases sb- =====
   Va sobre dupin.css + intel.css: usa sus variables (los dos modos, azul y negro), los botones de vidrio (.btn-k), las
   migas, la cabecera de página y los estados (.in-est). Acá va solo lo propio: el formulario como tarjeta de vidrio
   (igual que el de contacto de dupin.com.ar), los chips, las opciones, los interruptores y los avisos.
   Sin rojo: el rojo es solo del isotipo; los errores van en celeste. */

/* ---------- página ---------- */
.sb-page{padding-bottom:clamp(64px,10svh,110px)}
.sb-head{max-width:860px}
.sb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-top:28px}
.sb-main{display:grid;gap:24px;align-content:start;min-width:0;max-width:820px}
.sb-solo{display:grid;gap:24px;max-width:680px;padding-top:28px}
.sb-dim{color:var(--mute)!important}
.sb-mail{font:500 .95em/1.3 var(--f-mono);letter-spacing:0;color:var(--white);overflow-wrap:anywhere}
.sb-note{margin:0;padding:14px 16px;border-radius:16px;font:400 14px/1.5 var(--f-body);color:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2)}
.sb-body [hidden]{display:none!important}
@media (min-width:1100px){
  .sb-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(40px,5vw,88px);align-items:start}
  .sb-grid--prefs{grid-template-columns:minmax(0,1fr)}
  .sb-side{position:sticky;top:24px}
}

/* ---------- la tarjeta de vidrio del formulario ---------- */
.sb-form,.sb-card{position:relative;isolation:isolate;display:grid;gap:22px;min-width:0;padding:clamp(20px,3vw,32px) clamp(18px,3vw,32px);border-radius:28px;
  background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 60%),var(--lg-fill);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:var(--lg-shadow),0 30px 60px -30px rgba(0,0,0,.65)}
.sb-form::before,.sb-card::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;background:var(--lg-rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sb-form-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin:0 2px}
.sb-form-h > span:first-child{font:600 19px/1.2 var(--f-ui);letter-spacing:-.005em;color:var(--white)}
.sb-form-n{font:400 13px/1.3 var(--f-ui);color:var(--mute)}
.sb-form--short{gap:18px}

/* ---------- cada bloque: número en display, rótulo mono y un filete ---------- */
.sb-set{display:grid;gap:14px;min-width:0;margin:0;padding:22px 0 0;border:0;
  background:linear-gradient(90deg,var(--hair),var(--hair-lo) 60%,transparent) top/100% 1px no-repeat}
.sb-set--mail{padding-top:4px;background:none}
.sb-k{display:flex;align-items:flex-end;gap:12px;width:100%;margin:0;padding:0;float:left}
.sb-k + *{clear:both}
.sb-k-n{font:600 26px/.8 var(--f-display);letter-spacing:-.04em;
  background:linear-gradient(180deg,var(--blue-hi) 0%,color-mix(in srgb,var(--blue) 45%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-k-t{padding-bottom:1px;font:500 10px/1 var(--f-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--eyebrow)}
.sb-d{margin:0;font:400 14.5px/1.55 var(--f-body);color:var(--lede);max-width:62ch}
.sb-d .in-est,.sb-sw-d .in-est{vertical-align:1px}

/* ---------- el campo de correo: una cápsula de vidrio con el rótulo adentro, que sube al escribir ---------- */
.sb-f{display:grid;gap:6px;min-width:0;align-content:start}
.sb-cap{position:relative;isolation:isolate;border-radius:16px;background:var(--lg-fill);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 1px rgba(255,255,255,.04);transition:background .3s,box-shadow .35s}
.sb-cap::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;background:var(--lg-rim);opacity:.5;transition:opacity .35s;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sb-cap input{display:block;width:100%;min-height:58px;margin:0;padding:25px 16px 9px;border:0;border-radius:inherit;outline:none;background:none;
  color:var(--white);caret-color:var(--blue-hi);font:400 16px/1.4 var(--f-body);-webkit-appearance:none;appearance:none}
.sb-cap label{position:absolute;left:16px;top:20px;max-width:calc(100% - 32px);pointer-events:none;transform-origin:left top;
  font:400 15.5px/1.2 var(--f-ui);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .45s var(--lg-spring),color .3s}
.sb-cap input:focus + label,.sb-cap input:not(:placeholder-shown) + label{transform:translateY(-11px) scale(.76);color:var(--ice)}
.sb-cap input:focus + label{color:var(--blue-hi)}
.sb-cap input::placeholder{color:var(--mute);opacity:0;transition:opacity .25s}
.sb-cap input:focus::placeholder{opacity:.8}
.sb-cap input:-webkit-autofill{-webkit-text-fill-color:var(--white);transition:background-color 9999s}
.sb-cap:focus-within{background:var(--lg-fill-hi);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 0 0 1px var(--blue-hi),0 0 0 5px color-mix(in srgb,var(--blue) 22%,transparent),0 10px 30px -12px color-mix(in srgb,var(--blue) 70%,transparent)}
.sb-cap:focus-within::before{background:var(--lg-rim-tint);opacity:1}
.sb-cap:hover::before{opacity:.85}
.sb-f.bad .sb-cap{box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 0 0 1px var(--ice)}
.sb-f.bad .sb-cap label{color:var(--ice)}
.sb-err{padding-left:16px;font:500 13px/1.35 var(--f-ui);color:var(--blue-hi)}
.sb-err::before{content:"↑ ";content:"↑ " / "";font-family:var(--f-mono)}
.sb-err:empty{display:none}

/* ---------- chips: casillas nativas con forma de píldora de vidrio ---------- */
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sb-chip{position:relative;display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sb-chip-i,.sb-opt-i,.sb-sw-i,.sb-check-i{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.sb-chip-b{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 15px 9px 13px;border-radius:999px;
  font:500 14px/1.1 var(--f-ui);letter-spacing:0;color:var(--ice);background:var(--lg-fill);box-shadow:var(--lg-shadow);
  transition:background .3s,color .25s,box-shadow .3s,transform .45s var(--lg-spring)}
.sb-chip-b::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;background:var(--lg-rim);opacity:.7;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* la marca: un círculo vacío que se llena con la tilde (no depende solo del color) */
.sb-chip-b::after{content:"";order:-1;flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);
  background:center/9px 9px no-repeat;transition:background-color .25s,box-shadow .25s}
.sb-chip-b b{font:500 9.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--blue-hi)}
.sb-chip:hover .sb-chip-b{background:var(--lg-fill-hi)}
.sb-chip:hover .sb-chip-b::before{opacity:1}
.sb-chip-i:checked + .sb-chip-b{color:#fff;background:var(--lg-tint);box-shadow:var(--lg-shadow),var(--lg-glow)}
.sb-chip-i:checked + .sb-chip-b::before{background:var(--lg-rim-tint);opacity:1}
.sb-chip-i:checked + .sb-chip-b::after{background-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-hi);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.8 5.2 4 7.3 8.3 2.8' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sb-chip-i:checked + .sb-chip-b b{color:var(--ice)}
.sb-chip-i:focus-visible + .sb-chip-b,.sb-opt-i:focus-visible + .sb-opt-b,.sb-sw-i:focus-visible ~ .sb-sw-k,.sb-check-i:focus-visible + .sb-check-b{outline:1px solid var(--blue-hi);outline-offset:3px}
.sb-chip:active .sb-chip-b{transform:scale(1.04)}
.sb-chip--all .sb-chip-b,.sb-chip--region .sb-chip-b{font:500 10px/1.1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.sb-chip--region .sb-chip-b{color:var(--mute)}
.sb-chip--region .sb-chip-i:checked + .sb-chip-b{color:#fff}

/* regiones: un rótulo mono y su fila de países */
.sb-region{display:grid;gap:9px;min-width:0}
.sb-region-k{margin:6px 0 0;font:500 9.5px/1 var(--f-mono);letter-spacing:.22em;color:var(--eyebrow)}

/* ---------- frecuencia: tres tarjetas de opción ---------- */
.sb-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:640px){.sb-opts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sb-opt{position:relative;display:grid;cursor:pointer}
.sb-opt-b{position:relative;isolation:isolate;display:grid;gap:6px;align-content:start;min-height:100%;padding:16px 44px 16px 16px;border-radius:18px;
  background:var(--lg-fill);box-shadow:var(--lg-shadow);transition:background .3s,box-shadow .3s}
.sb-opt-b::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;background:var(--lg-rim);opacity:.6;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sb-opt-b::after{content:"";position:absolute;top:16px;right:16px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .25s,background .25s}
.sb-opt-t{font:600 16px/1.2 var(--f-ui);color:var(--white)}
.sb-opt-d{font:400 13.5px/1.45 var(--f-body);color:var(--lede)}
.sb-opt:hover .sb-opt-b{background:var(--lg-fill-hi)}
.sb-opt-i:checked + .sb-opt-b{background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 26%,transparent),color-mix(in srgb,var(--blue) 8%,transparent));box-shadow:var(--lg-shadow),var(--lg-glow)}
.sb-opt-i:checked + .sb-opt-b::before{background:var(--lg-rim-tint);opacity:1}
.sb-opt-i:checked + .sb-opt-b::after{background:radial-gradient(circle,#fff 0 3px,var(--blue) 3.5px);box-shadow:inset 0 0 0 1px var(--blue-hi)}

/* ---------- avisos: interruptores ---------- */
.sb-sws{display:grid;gap:4px}
.sb-sw{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;cursor:pointer}
.sb-sw + .sb-sw{background:linear-gradient(90deg,var(--line),transparent 70%) top/100% 1px no-repeat}
.sb-sw-i{width:46px;height:28px;top:12px}
.sb-sw-k{position:relative;flex:none;width:46px;height:28px;margin-top:1px;border-radius:999px;background:var(--lg-fill);box-shadow:inset 0 0 0 1px var(--line-2),inset 0 1px 2px rgba(0,0,0,.35);
  transition:background .3s,box-shadow .3s}
.sb-sw-k::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ice);box-shadow:0 2px 6px rgba(0,0,0,.4);
  transition:transform .45s var(--lg-spring),background .3s}
.sb-sw-i:checked ~ .sb-sw-k{background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue-hi) 70%,var(--blue)));box-shadow:inset 0 0 0 1px var(--blue-hi),var(--lg-glow)}
.sb-sw-i:checked ~ .sb-sw-k::after{transform:translateX(18px);background:#fff}
.sb-sw-i:disabled,.sb-sw-i:disabled ~ *{cursor:default}
.sb-sw-i:disabled ~ .sb-sw-k{opacity:.6}
.sb-sw-c{display:grid;gap:4px;min-width:0}
.sb-sw-t{font:600 15.5px/1.3 var(--f-ui);color:var(--white)}
.sb-sw-d{font:400 13.5px/1.55 var(--f-body);color:var(--lede)}
.sb-sw-n{font:500 12.5px/1.4 var(--f-ui);color:var(--blue-hi)}
.sb-est{margin-left:2px}
.sb-ests{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sb-ests .in-est,.sb-sw-d .in-est{display:inline-flex}

/* ---------- cierre: consentimiento, verificación y botón ---------- */
.sb-end{display:grid;gap:18px;padding-top:22px;background:linear-gradient(90deg,var(--hair),var(--hair-lo) 60%,transparent) top/100% 1px no-repeat}
.sb-check{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.sb-check-i{width:24px;height:24px}
.sb-check-b{width:22px;height:22px;margin-top:1px;border-radius:7px;background:var(--lg-fill) center/13px 13px no-repeat;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .25s,box-shadow .25s}
.sb-check-i:checked + .sb-check-b{background-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-hi),var(--lg-glow);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.8 5.2 4 7.3 8.3 2.8' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sb-check-t{font:400 14.5px/1.5 var(--f-body);color:var(--ice)}
.sb-check-t a{position:relative;z-index:2;color:var(--white);text-decoration:none;padding-bottom:1px;
  background:linear-gradient(90deg,var(--blue-hi),transparent) 0 100%/100% 1px no-repeat}
.sb-check-t a:hover{color:var(--blue-hi)}
.sb-f.bad .sb-check-b{box-shadow:inset 0 0 0 1px var(--ice),0 0 0 4px color-mix(in srgb,var(--blue) 22%,transparent)}
.sb-ts{display:grid;gap:6px;min-height:65px}
.sb-ts .cf-turnstile{max-width:420px}
.sb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.sb-send{min-height:48px}
.btn-k[aria-busy="true"]{opacity:.7;cursor:progress}
.btn-k[aria-busy="true"] b{animation:sbSpin 1s linear infinite}
@keyframes sbSpin{to{transform:rotate(360deg)}}
.sb-priv{flex:1 1 260px;margin:0;font:400 13px/1.45 var(--f-body);color:var(--mute)}

/* ---------- estado del envío (enviando, error, listo) ---------- */
.sb-status{position:relative;isolation:isolate;display:grid;gap:8px;padding:15px 18px;border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 18%,transparent),color-mix(in srgb,var(--blue) 6%,transparent));animation:sbIn .5s cubic-bezier(.2,.7,.1,1) both}
.sb-status::before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;pointer-events:none;background:var(--lg-rim-tint);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sb-status[data-kind="error"]{background:linear-gradient(180deg,rgba(220,233,255,.07),rgba(220,233,255,.02))}
.sb-status[data-kind="error"]::before{background:linear-gradient(120deg,var(--ice),var(--line) 60%)}
.sb-status-k,.sb-card-k{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;font:500 9.5px/1.3 var(--f-mono);letter-spacing:.22em;color:var(--ice)}
.sb-status-t{margin:0;font:400 14.5px/1.55 var(--f-body);color:var(--lede)}
.sb-status-t:empty{display:none}
.sb-status-d{position:relative;width:7px;height:7px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--ice),var(--blue-hi) 45%,var(--blue))}
.sb-status-d::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 1px var(--blue-hi);opacity:0;animation:sbPing 2.6s ease-out infinite}
.sb-status[data-kind="busy"] .sb-status-d,.sb-status-d--busy{animation:sbBlink 1s ease-in-out infinite}
.sb-status[data-kind="error"] .sb-status-d{background:none;box-shadow:inset 0 0 0 1.5px var(--ice);border-radius:1px;transform:rotate(45deg)}
.sb-status[data-kind="error"] .sb-status-d::after{display:none}
@keyframes sbIn{from{opacity:0;transform:translateY(6px)}}
@keyframes sbPing{0%{opacity:.8;transform:scale(.6)}80%,100%{opacity:0;transform:scale(1.6)}}
@keyframes sbBlink{50%{opacity:.3}}

/* ---------- tarjetas de una sola acción: confirmar, baja, enlace, listo ---------- */
.sb-card{gap:16px;justify-items:start;animation:sbIn .5s cubic-bezier(.2,.7,.1,1) both}
.sb-card > *{max-width:100%}
.sb-card-k{color:var(--blue-hi)}
.sb-card-k--off{color:var(--mute)}
.sb-card-t{margin:0;font:600 clamp(22px,2.4vw,30px)/1.12 var(--f-display);letter-spacing:-.03em;color:var(--white);text-wrap:balance;outline:none}
.sb-card-t em{font-style:normal;background:linear-gradient(100deg,#a9c8ff 0%,#5a8dff 42%,#2a5cf0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-card-p{margin:0;font:400 15.5px/1.65 var(--f-body);color:var(--lede);max-width:60ch}
.sb-card-p a,.sb-d a,.sb-side-p a{color:var(--white);text-decoration:none;padding-bottom:1px;background:linear-gradient(90deg,var(--blue-hi),transparent) 0 100%/100% 1px no-repeat}
.sb-card-p a:hover,.sb-d a:hover{color:var(--blue-hi)}
.sb-card .in-more,.sb-side .in-more{margin:2px 0 0}
.sb-card--wait{min-height:180px;align-content:center}
.sb-alt{padding-top:14px;width:100%;background:linear-gradient(90deg,var(--line),transparent 70%) top/100% 1px no-repeat}

/* pasos después del alta */
.sb-steps{display:grid;width:100%;margin:4px 0;padding:0;list-style:none}
.sb-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;padding:12px 0 13px;font:400 15px/1.5 var(--f-body);color:var(--ice);
  background:linear-gradient(90deg,var(--hair),var(--hair-lo) 60%,transparent) top/100% 1px no-repeat}
.sb-steps i{font:500 9px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;color:var(--blue-hi)}
.sb-steps strong{font-weight:500;color:var(--white)}

/* resumen de lo elegido */
.sb-sum{display:grid;width:100%;margin:0}
.sb-sum div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:11px 0 12px;
  background:linear-gradient(90deg,var(--hair),var(--hair-lo) 60%,transparent) top/100% 1px no-repeat}
.sb-sum dt{font:500 9px/1.4 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blue-hi)}
.sb-sum dd{margin:0;font:400 15px/1.45 var(--f-body);color:var(--ice)}
@media (max-width:520px){.sb-sum div{grid-template-columns:minmax(0,1fr)}}

/* baja desde las preferencias */
.sb-danger{display:grid;gap:12px;justify-items:start;padding-top:22px;background:linear-gradient(90deg,var(--line-2),transparent 70%) top/100% 1px no-repeat}
.sb-danger .sb-region-k{margin:0;color:var(--mute)}
.sb-confirm{display:grid;gap:14px;width:100%;padding:16px 18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line-2);background:rgba(220,233,255,.03)}
.sb-confirm-t{margin:0;font:500 15px/1.45 var(--f-ui);color:var(--white);outline:none}

/* ---------- columna: qué vas a recibir y cómo cuidamos el correo ---------- */
.sb-side{display:grid;gap:30px;align-content:start;min-width:0}
.sb-side-s{display:grid;gap:12px}
.sb-side-k{margin:0;font:500 9.5px/1 var(--f-mono);letter-spacing:.24em;color:var(--blue-hi)}
.sb-side-p{margin:0;font:400 14.5px/1.55 var(--f-body);color:var(--lede)}
.sb-list{display:grid;margin:0;padding:0;list-style:none}
.sb-list li{display:grid;gap:4px;padding:12px 0 13px;font:400 14px/1.5 var(--f-body);color:var(--lede);
  background:linear-gradient(90deg,var(--hair),var(--hair-lo) 60%,transparent) top/100% 1px no-repeat}
.sb-list b{font:600 15px/1.3 var(--f-ui);color:var(--white)}
.sb-list--n li{grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:0;color:var(--ice)}
.sb-list--n i{font:500 9px/1 var(--f-mono);font-style:normal;letter-spacing:.12em;color:var(--blue-hi)}

/* ---------- política de privacidad ---------- */
.sb-doc .f-par strong{font-weight:500;color:var(--white)}
.sb-doc .f-par code{font:500 .9em/1 var(--f-mono);color:var(--white)}
.sb-doc .f-par a{text-decoration:none;padding-bottom:1px;background:linear-gradient(90deg,var(--blue-hi),transparent) 0 100%/100% 1px no-repeat}

/* ---------- celular ---------- */
@media (max-width:759px){
  .sb-grid,.sb-solo{padding-top:18px}
  .sb-form,.sb-card{border-radius:22px}
  .sb-chip-b{min-height:44px}
  .sb-actions .btn-k{flex:1 1 auto;justify-content:space-between}
  .sb-danger .btn-k{width:auto}
}
@media (pointer:coarse){.sb-chip-b{min-height:44px}}

/* ---------- movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  .sb-chip-b,.sb-opt-b,.sb-sw-k,.sb-sw-k::after,.sb-cap,.sb-cap label,.sb-check-b{transition:none}
  .sb-status,.sb-card{animation:none}
  .sb-status-d::after,.sb-status-d--busy,.sb-status[data-kind="busy"] .sb-status-d,.btn-k[aria-busy="true"] b{animation:none}
  .sb-chip:active .sb-chip-b{transform:none}
}

/* ---------- contacto de DUPIN: un consentimiento aparte, opcional, en su propio recuadro ---------- */
.sb-lead{margin-top:6px;padding:20px 18px 18px;border-radius:20px;background:rgba(220,233,255,.025);
  box-shadow:inset 0 0 0 1px var(--line);background-image:none}
.sb-lead .sb-k{flex-wrap:wrap}
.sb-opt-tag{align-self:center;margin-left:auto;padding:4px 8px;border-radius:999px;font:500 8.5px/1 var(--f-mono);letter-spacing:.18em;
  color:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2)}
.sb-check--lead .sb-check-t{font-weight:500;color:var(--white)}
.sb-lead-f{display:grid;gap:12px;padding-top:4px;animation:sbIn .4s cubic-bezier(.2,.7,.1,1) both}
.sb-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.sb-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sb-cap select{display:block;width:100%;min-height:58px;margin:0;padding:25px 40px 9px 16px;border:0;border-radius:inherit;outline:none;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237fa9ff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/12px 8px no-repeat;
  color:var(--white);font:400 16px/1.4 var(--f-body);-webkit-appearance:none;appearance:none;cursor:pointer}
.sb-cap select option,.sb-cap select optgroup{color:#f3f7ff;background:#071330}
.sb-cap--sel label{transform:translateY(-11px) scale(.76);color:var(--ice)}
.sb-cap--sel:focus-within label{color:var(--blue-hi)}
.sb-req-k{margin:0 0 10px}
@media (prefers-reduced-motion:reduce){.sb-lead-f{animation:none}}

/* ---------- alta en un paso: las opciones quedan plegadas detrás de «Personalizar» ---------- */
.sb-more{margin:6px 0 0}
.sb-more-s{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 5px 0 18px;
  font:600 14px/1 var(--f-ui);letter-spacing:-.01em;user-select:none}
.sb-more-s::-webkit-details-marker{display:none}
.sb-more-s::marker{content:""}
.sb-more-s b{width:30px;height:30px;transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.sb-more[open] > .sb-more-s b{transform:rotate(45deg)}
.sb-more-c,.sb-more[open] .sb-more-o{display:none}
.sb-more[open] .sb-more-c{display:inline}
.sb-more-s:focus-visible{outline:1px solid var(--blue-hi);outline-offset:3px}
.sb-more-in{display:grid;gap:inherit;margin-top:18px}
.sb-more-d{margin:10px 0 4px;font:400 13.5px/1.55 var(--f-body);color:var(--lede);max-width:60ch}
.sb-more-d b{font-weight:500;color:var(--ice)}
.sb-more[open] + .sb-more-d{display:none}
@media (prefers-reduced-motion:reduce){ .sb-more-s b{transition:none} }

/* el contacto comercial, a la vista antes del botón: compacto, opcional, desmarcado */
.sb-lead--compact{gap:10px;padding:16px 18px 14px;margin:0 0 4px}
.sb-lead--compact .sb-lead-k{float:left;width:100%;margin:0 0 2px;padding:0}   /* la leyenda adentro del recuadro, no sobre el borde */
.sb-lead--compact .sb-lead-k + *{clear:both}
.sb-lead--compact > .sb-d{font-size:13px;margin:0}