/* widgets/lon-calc/widget.css · una sola regla, y su porqué
   ---------------------------------------------------------------------------
   La familia `.calc-lon` entera vive en `assets/components.css` y está
   reemitida con `.elementor` de ancestro en `assets/elementor-atomic.css`. Este
   archivo NO la duplica ni la corrige: cubre la única diferencia que queda
   entre la maqueta y el port, y que no viene del marcado sino del tema padre.

   Qué pasaba, medido en el navegador a 1440 y a 390
   -------------------------------------------------
   La casilla del trastero salía 4 píxeles a la izquierda de donde la pone la
   maqueta, y su rótulo 7. La fila entera medía 20 px de alto en vez de 24.

   El motivo es `hello-elementor/assets/css/reset.css`, que carga el tema padre
   y la maqueta estática no tiene. Dentro lleva la línea de normalize

       button, input, optgroup, select, textarea { ...; margin: 0 }

   y con ella se pierde el margen que el navegador da por defecto a las
   casillas de verificación, que es `3px 3px 3px 4px`. En la maqueta ese margen
   sí está, porque nadie lo pisa, y es parte de la separación que se ve entre la
   casilla y su texto.

   La regla de abajo lo devuelve, y solo ahí. Va a (0,2,1) contra la (0,0,1) del
   reset, así que gana por especificidad y no depende del orden de impresión:
   por eso este handle NO necesita el tratamiento de cola que sí lleva
   `lon-calendly` en inc/widgets.php. Cero !important. */

.calc-lon .chk input[type="checkbox"] {
  margin: 3px 3px 3px 4px;
}
