/* css/bg-interruptor-editar.css · [2026-10-17] INTERRUPTOR «EDITAR» IGUAL EN TODAS LAS HERRAMIENTAS
   Recuadro blanco como el resto de botones, con el interruptor, el lápiz y «Editar». Al encenderlo, el interruptor se
   pone rosa con brillo, el recuadro coge el borde rosa con un halo y el texto pasa a «Editando». El checkbox de dentro
   sigue siendo el que manda (cada herramienta con su onchange de siempre); aquí solo hay aspecto. */
label.bg-edit-sw{display:inline-flex!important;align-items:center;gap:9px!important;height:40px;padding:0 12px!important;margin:0;
  border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-sizing:border-box;cursor:pointer;user-select:none;
  color:#475569!important;font-weight:800!important;font-size:13.4px!important;line-height:1;white-space:nowrap;
  min-width:128px;transition:border-color .2s,box-shadow .2s,color .2s;font-family:inherit}
label.bg-edit-sw:hover{border-color:#f9a8d4}
label.bg-edit-sw input{display:none!important}
label.bg-edit-sw .switch{position:relative;flex:none;width:36px!important;height:20px!important;border-radius:20px!important;background:#cbd5e1!important;box-shadow:none!important;transition:background .25s,box-shadow .25s}
label.bg-edit-sw .switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s}
label.bg-edit-sw input:checked + .switch{background:#db2777!important;box-shadow:0 0 8px rgba(219,39,119,.45)!important}
label.bg-edit-sw input:checked + .switch::after{transform:translateX(16px)}
label.bg-edit-sw .bg-edit-tx{display:inline-flex;align-items:center;gap:5px;color:inherit;text-shadow:none!important;font:inherit}
label.bg-edit-sw .bg-edit-tx svg{width:14px;height:14px;flex:none}
label.bg-edit-sw .bg-edit-tx .on{display:none}
label.bg-edit-sw input:checked ~ .bg-edit-tx{color:#db2777}
label.bg-edit-sw input:checked ~ .bg-edit-tx .on{display:inline}
label.bg-edit-sw input:checked ~ .bg-edit-tx .off{display:none}
label.bg-edit-sw:has(input:checked){border-color:#db2777;box-shadow:0 0 0 3px rgba(219,39,119,.22)}
@media (max-width:900px){label.bg-edit-sw{height:32px;padding:0 9px!important;min-width:0;font-size:12px!important;gap:7px!important}}
@media (prefers-reduced-motion:reduce){label.bg-edit-sw .switch,label.bg-edit-sw .switch::after{transition:none}}
/* [2026-10-17] Barra del visor BC3 en portátiles (menos de 1440 px): «Comparar BC3» solo con su icono (el nombre sale al
   pasar el ratón) para que la barra quepa en una línea con el interruptor. */
@media (max-width:1439px){#bgCmpBtn .tx{display:none}#bgCmpBtn{padding-left:11px!important;padding-right:11px!important}}
@media (max-width:1365px){.nav-actions:has(#bgEditSw){gap:6px!important}#bgEditSw{min-width:0;padding:0 10px!important}}