.elementor-98 .elementor-element.elementor-element-12a0820{--additional-information-display:block;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-12a0820 *//* ───────────────────────────────────
   1) Contenedor principal
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}

/* ───────────────────────────────────
   2) Mensaje “¿Sos cliente?”
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-info {
  background: #eef6fc;
  border-color: #c7e1f7;
  color: #0a3b66;
  padding: 16px;
  border-radius: 4px;
  font-size: .95rem;
}
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-info a {
  color: #002E5B;
  font-weight: 600;
  text-decoration: underline;
}

/* ───────────────────────────────────
   3) Títulos de sección
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 h3 {
  margin: 40px 0 16px;
  font-size: 1.2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

/* ───────────────────────────────────
   4) Etiquetas y campos
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 label {
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 6px;
}
.elementor-98 .elementor-element.elementor-element-12a0820 input.input-text,
.elementor-98 .elementor-element.elementor-element-12a0820 select {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px 14px;
  transition: border-color .3s;
}
.elementor-98 .elementor-element.elementor-element-12a0820 input.input-text:focus,
.elementor-98 .elementor-element.elementor-element-12a0820 select:focus {
  border-color: #002E5B;
  outline: none;
}

/* ───────────────────────────────────
   5) Botones
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 button.button,
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-checkout .place-order button {
  background: #002E5B!important;
  color: #fff!important;
  border: none!important;
  border-radius: 6px!important;
  padding: 14px 24px!important;
  text-transform: uppercase!important;
  transition: background .3s!important;
}
.elementor-98 .elementor-element.elementor-element-12a0820 button.button:hover,
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-checkout .place-order button:hover {
  background: #001f44!important;
}

/* ───────────────────────────────────
   6) Resumen de pedido
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-checkout-review-order {
  background: #f4f4f4;
  padding: 20px;
  border-radius: 6px;
  margin-top: 40px;
}

/* ───────────────────────────────────
   7) Espaciado entre filas (sin columnas)
──────────────────────────────────── */
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-billing-fields .form-row,
.elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-shipping-fields .form-row {
  margin-bottom: 24px;
}

/* ───────────────────────────────────
   8) Responsivo: igual espaciado en móvil
──────────────────────────────────── */
@media(max-width:767px){
  .elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-billing-fields .form-row,
  .elementor-98 .elementor-element.elementor-element-12a0820 .woocommerce-shipping-fields .form-row {
    margin-bottom: 16px;
  }
}/* End custom CSS */