.elementor-3148 .elementor-element.elementor-element-0050401 .woocommerce-button{background-color:#000000F7;}.elementor-3148 .elementor-element.elementor-element-0050401 #payment #place_order{background-color:#000000;}.elementor-3148 .elementor-element.elementor-element-0050401{--additional-information-display:block;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-border-type:none;--purchase-button-normal-text-color:#FFFFFF;}/* Start custom CSS for section, class: .elementor-element-b751178 *//* 1) Oculta el label original “Ciudad”/“Comuna” */
label[for="billing_city"] {
  visibility: hidden;
  position: relative;
}

/* 2) Dibuja “Comuna” con el mismo estilo que los demás labels */
label[for="billing_city"]::before {
  content: "Comuna";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0
  color: #50575e;
}

/* 3) Añade el asterisco y píntalo rojo, igual que los vecinos */
label[for="billing_city"]::after {
  content: " *";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 55px;  /* ← ajústalo hasta que quede alineado */
  font-size: 14px;
  line-height: 2;
  color: #b11515;  /* rojo WC predeterminado */
}

/* 4) Por si acaso, ocultamos el <abbr> original */
label[for="billing_city"] abbr.required {
  display: none !important;
}/* End custom CSS */